.bk-page{max-width:960px;padding:var(--space-xl) var(--space-lg);margin:0 auto}.bk-nav{z-index:10;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;background:var(--bg);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;display:flex;position:sticky;top:49px;overflow-x:auto}.bk-nav-tab{font-size:var(--text-label);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:var(--space-xs) var(--space-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;transition:color .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1)}@media (hover:hover) and (pointer:fine){.bk-nav-tab:hover{color:var(--text)}}.bk-nav-tab--active{color:var(--text);border-bottom-color:var(--client-accent,var(--accent))}.bk-live-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite bk-pulse}.bk-live-label{font-size:var(--text-small);font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:auto}.bk-hero{padding:var(--space-2xl) 0 var(--space-xl)}.bk-hero-name{font-size:var(--text-h1);letter-spacing:-.02em;margin:0 0 var(--space-xs);font-weight:400;line-height:1.1875}.bk-hero-tagline{font-size:var(--text-subhead);color:var(--text-muted);margin:0 0 var(--space-md)}.bk-hero-description{font-size:var(--text-body);color:var(--text-muted);max-width:600px;margin:0 0 var(--space-md);line-height:1.5}.bk-hero-version{font-size:var(--text-small);font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:var(--space-xs);border:1px solid var(--border);padding:2px var(--space-sm);display:inline-flex}.bk-section{padding:var(--space-xl) 0;border-top:1px solid var(--border)}.bk-section-title{font-size:var(--text-subhead);margin:0 0 var(--space-lg);font-weight:400}.bk-section-subtitle{font-size:var(--text-body);color:var(--text-muted);margin:var(--space-sm) 0 var(--space-lg)}.bk-logo-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;display:grid}.bk-logo-card{padding:var(--space-lg);align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.bk-logo-card--light{background:var(--bg)}.bk-logo-card--dark{background:var(--text)}.bk-logo-card svg{width:auto;max-width:160px;height:auto;max-height:80px}.bk-logo-card-name{font-size:var(--text-label);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.bk-logo-card--dark .bk-logo-card-name{color:var(--text-muted);filter:invert()}.bk-logo-actions{gap:var(--space-xs);display:flex}.bk-logo-usage{margin-top:var(--space-lg)}.bk-logo-usage li{font-size:var(--text-body);color:var(--text-muted);margin-bottom:var(--space-xs);padding-left:var(--space-md);list-style:none;position:relative}.bk-logo-usage li:before{content:"—";position:absolute;left:0}.bk-color-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1px;display:grid}.bk-swatch{background:var(--bg);cursor:pointer;transition:opacity .15s cubic-bezier(.16,1,.3,1)}@media (hover:hover) and (pointer:fine){.bk-swatch:hover{opacity:.9}}.bk-swatch-color{height:80px}.bk-swatch-info{padding:var(--space-sm)}.bk-swatch-name{font-size:var(--text-body);margin-bottom:2px}.bk-swatch-hex{font-size:var(--text-small);font-family:var(--font-mono);color:var(--text-muted)}.bk-swatch-detail{font-size:var(--text-small);color:var(--text-muted);margin-top:2px}.bk-swatch-usage{font-size:var(--text-small);color:var(--text-muted);margin-top:var(--space-xs);border-top:1px solid var(--border);padding-top:var(--space-xs)}.bk-type-specimens{gap:var(--space-lg);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.bk-type-specimen{border:1px solid var(--border);padding:var(--space-lg)}.bk-type-specimen-sample{margin-bottom:var(--space-md);font-size:2rem;line-height:1.2}.bk-type-specimen-meta{font-size:var(--text-small);font-family:var(--font-mono);color:var(--text-muted);gap:var(--space-md);flex-wrap:wrap;display:flex}.bk-type-scale{gap:var(--space-md);flex-direction:column;display:flex}.bk-type-scale-entry{align-items:baseline;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border);display:flex}.bk-type-scale-label{font-size:var(--text-label);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);flex-shrink:0;min-width:80px}.bk-type-scale-size{font-size:var(--text-small);font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;min-width:120px}.bk-texture-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;display:grid}.bk-texture-card{background:var(--bg);padding:var(--space-md)}.bk-texture-preview{border:1px solid var(--border);height:160px;margin-bottom:var(--space-md);justify-content:center;align-items:center;display:flex;overflow:hidden}.bk-texture-preview svg{width:100%;height:100%}.bk-texture-name{font-size:var(--text-body);margin-bottom:var(--space-xs)}.bk-texture-desc{font-size:var(--text-small);color:var(--text-muted);margin-bottom:var(--space-sm)}.bk-motion-grid{background:var(--border);border:1px solid var(--border);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;display:grid}.bk-demo-card{background:var(--bg);padding:var(--space-lg);flex-direction:column;min-height:200px;display:flex}.bk-demo-name{font-size:var(--text-label);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-sm)}.bk-demo-stage{flex:1;justify-content:center;align-items:center;display:flex}.bk-demo-desc{font-size:var(--text-small);color:var(--text-muted);margin-top:var(--space-sm)}.bk-demo-fade-rise{background:var(--client-accent,var(--accent));width:40px;height:40px;animation:2.5s cubic-bezier(.16,1,.3,1) infinite bk-fade-rise}.bk-demo-stagger{align-items:flex-end;gap:4px;height:60px;display:flex}.bk-demo-stagger-bar{background:var(--client-accent,var(--accent));width:8px;animation:2s cubic-bezier(.16,1,.3,1) infinite bk-stagger-bar}.bk-demo-stagger-bar:first-child{animation-delay:0s}.bk-demo-stagger-bar:nth-child(2){animation-delay:.1s}.bk-demo-stagger-bar:nth-child(3){animation-delay:.2s}.bk-demo-stagger-bar:nth-child(4){animation-delay:.3s}.bk-demo-hover-card{border:1px solid var(--border);background:var(--bg);cursor:pointer;width:80px;height:60px;transition:border-color .15s cubic-bezier(.16,1,.3,1)}@media (hover:hover) and (pointer:fine){.bk-demo-hover-card:hover{border-color:var(--client-accent,var(--accent))}}.bk-demo-easing{width:100%;height:80px;position:relative}.bk-demo-easing-dot{background:var(--client-accent,var(--accent));width:8px;height:8px;animation:2s cubic-bezier(.16,1,.3,1) infinite bk-easing-travel;position:absolute;bottom:0;left:0}.bk-demo-line-draw path{stroke:var(--client-accent,var(--accent));stroke-width:2px;fill:none;stroke-dasharray:200;stroke-dashoffset:200px;animation:2.5s cubic-bezier(.16,1,.3,1) infinite bk-line-draw}.bk-demo-orbital{width:80px;height:80px;position:relative}.bk-demo-orbital-center{background:var(--text);width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bk-demo-orbital-dot{background:var(--client-accent,var(--accent));width:4px;height:4px;animation:bk-orbit var(--orbit-speed,3s) linear infinite;transform-origin:0 0;position:absolute;top:50%;left:50%}.bk-motion-specs{border:1px solid var(--border);padding:var(--space-md)}.bk-motion-spec-row{padding:var(--space-xs) 0;border-bottom:1px solid var(--border);font-size:var(--text-body);justify-content:space-between;display:flex}.bk-motion-spec-row:last-child{border-bottom:none}.bk-motion-spec-label{color:var(--text-muted)}.bk-motion-spec-value{font-family:var(--font-mono);font-size:var(--text-small)}.bk-voice-persona{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border);display:flex}.bk-voice-persona-name{font-size:var(--text-h1);font-weight:400}.bk-voice-persona-role{font-size:var(--text-body);color:var(--text-muted)}.bk-voice-traits{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.bk-voice-trait{font-size:var(--text-body);padding:var(--space-xs) var(--space-sm);border:1px solid var(--border)}.bk-voice-rules{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.bk-voice-rules-col h3{font-size:var(--text-label);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-sm)}.bk-voice-rules-col li{font-size:var(--text-body);margin-bottom:var(--space-xs);padding-left:var(--space-md);list-style:none;position:relative}.bk-voice-rules-col li:before{position:absolute;left:0}.bk-voice-rules-do li:before{content:"✓";color:var(--green)}.bk-voice-rules-dont li:before{content:"✗";color:var(--red)}.bk-voice-examples{gap:var(--space-md);flex-direction:column;display:flex}.bk-voice-example{border:1px solid var(--border);padding:var(--space-md)}.bk-voice-example-surface{font-size:var(--text-label);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-xs)}.bk-voice-example-text{font-size:var(--text-body);line-height:1.5}.bk-icon-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;display:grid}.bk-icon-card{background:var(--bg);padding:var(--space-md);align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.bk-icon-preview{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.bk-icon-preview svg{width:100%;height:100%}.bk-icon-name{font-size:var(--text-body)}.bk-icon-desc{font-size:var(--text-small);color:var(--text-muted);text-align:center}.bk-icon-actions{gap:var(--space-xs);margin-top:var(--space-xs);display:flex}.bk-design-ref{border:1px solid var(--border);padding:var(--space-lg);max-height:400px;overflow-y:auto}.bk-design-ref pre{font-size:var(--text-small);font-family:var(--font-mono);white-space:pre-wrap;word-wrap:break-word;color:var(--text-muted);line-height:1.5}.bk-design-ref-actions{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.bk-download-btn,.bk-copy-btn{font-size:var(--text-small);font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border);padding:2px var(--space-sm);cursor:pointer;background:0 0;align-items:center;gap:4px;transition:color .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1);display:inline-flex}@media (hover:hover) and (pointer:fine){.bk-download-btn:hover,.bk-copy-btn:hover{color:var(--text);border-color:var(--text)}}.bk-copy-btn--copied{color:var(--green);border-color:var(--green)}.bk-download-arrow{animation:none}@media (hover:hover) and (pointer:fine){.bk-download-btn:hover .bk-download-arrow{animation:.6s cubic-bezier(.16,1,.3,1) infinite bk-bounce}}.bk-reveal{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.bk-reveal--visible{opacity:1;transform:translateY(0)}.bk-footer{padding:var(--space-xl) 0;border-top:1px solid var(--border);font-size:var(--text-small);color:var(--text-muted);justify-content:space-between;display:flex}@keyframes bk-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes bk-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes bk-fade-rise{0%{opacity:0;transform:translateY(20px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes bk-stagger-bar{0%{height:0}20%{height:60px}80%{height:60px}to{height:0}}@keyframes bk-easing-travel{0%{bottom:0;left:0}to{bottom:calc(100% - 8px);left:calc(100% - 8px)}}@keyframes bk-line-draw{0%{stroke-dashoffset:200px}40%{stroke-dashoffset:0}80%{stroke-dashoffset:0}to{stroke-dashoffset:200px}}@keyframes bk-orbit{0%{transform:rotate(0)translate(30px)rotate(0)}to{transform:rotate(360deg)translate(30px)rotate(-360deg)}}@keyframes bk-checkmark-draw{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}@media (max-width:680px){.bk-page{padding:var(--space-lg) var(--space-md)}.bk-hero{padding:var(--space-xl) 0 var(--space-lg)}.bk-hero-name{font-size:1.5rem}.bk-logo-grid{grid-template-columns:1fr}.bk-color-grid{grid-template-columns:1fr 1fr}.bk-type-scale-entry{gap:var(--space-xs);flex-direction:column}.bk-motion-grid{grid-template-columns:1fr 1fr}.bk-voice-rules,.bk-icon-grid,.bk-texture-grid{grid-template-columns:1fr}.bk-footer{gap:var(--space-sm);flex-direction:column}}