:root{--bf-bg: #0c0e11;--bf-bg-deep: #07090c;--bf-panel: #101419;--bf-text: #c8ced6;--bf-text-bright: #e8eef5;--bf-dim: #9ca3af;--bf-muted: #8b929e;--bf-cyan: #6ee7ff;--bf-gold: #fbbf24;--bf-violet: #a78bfa;--bf-rose: #fb7185;--bf-green: #4ade80;--bf-orange: #fb923c;--bf-red: #ef4444;--bf-success: #4ade80;--bf-warning: #fbbf24;--bf-error: #ef4444;--bf-info: #6ee7ff;--bf-footer-cyan: #00d9ff;--bf-footer-violet: #8b5cf6;--bf-footer-rose: #ff6b9d;--bf-footer-glow-cyan: rgba(0, 217, 255, .4);--bf-footer-glow-violet: rgba(139, 92, 246, .4);--bf-footer-strip-h: 14px;--bf-space-xs: 4px;--bf-space-sm: 8px;--bf-space-md: 14px;--bf-space-lg: 20px;--bf-space-xl: 28px;--bf-space-2xl: 48px;--bf-space-3xl: 72px;--bf-mono: "JetBrains Mono", ui-monospace, "SF Mono", Monaco, monospace;--bf-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bf-font-xs: 10px;--bf-font-sm: 12px;--bf-font-md: 13px;--bf-font-lg: 16px;--bf-font-xl: 22px;--bf-lh: 1.7;--bf-border: rgba(255, 255, 255, .04);--bf-border-subtle: rgba(255, 255, 255, .06);--bf-border-dim: rgba(255, 255, 255, .08);--bf-border-muted: rgba(255, 255, 255, .12);--bf-glass: rgba(10, 15, 25, .65);--bf-surface-dim: rgba(0, 0, 0, .3);--bf-surface-subtle: rgba(255, 255, 255, .03);--bf-surface-hover: rgba(255, 255, 255, .06);--bf-radius-sm: 6px;--bf-radius-md: 10px;--bf-radius-lg: 14px;--bf-ease: cubic-bezier(.25, .46, .45, .94);--bf-duration: .2s;--bf-z-base: 0;--bf-z-sticky: 9000;--bf-z-hud: 40;--bf-z-footer: 9100;--bf-z-footer-strip: 9200;--bf-page-width: 740px;--bf-header-h: 64px;--bf-creuset: inset 1px 1px 3px rgba(0,0,0,.5), inset -1px -1px 2px rgba(255,255,255,.04);--bf-creuset-hover: inset 1px 1px 2px rgba(0,0,0,.3), inset -1px -1px 1px rgba(255,255,255,.06);--bf-creuset-subtle: inset 1px 1px 2px rgba(0,0,0,.3), inset -1px -1px 1px rgba(255,255,255,.03);--bf-input-bg: rgba(255, 255, 255, .04);--bf-input-border: rgba(110, 231, 255, .15);--bf-input-focus: rgba(110, 231, 255, .4);--bf-input-glow: 0 0 0 3px rgba(110, 231, 255, .1);--bf-input-radius: 8px;--bf-btn-primary: linear-gradient(135deg, #6ee7ff, #8b5cf6);--bf-btn-radius: 8px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%}body{min-height:100vh;display:flex;flex-direction:column;background:var(--bf-bg);color:var(--bf-text);font:var(--bf-font-md)/var(--bf-lh) var(--bf-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-top:var(--bf-header-h);padding-bottom:72px}main{flex:1}a{color:var(--bf-cyan);text-decoration:none}a:hover{border-bottom-color:var(--bf-cyan)}img{max-width:100%;height:auto;display:block}h1{font:600 var(--bf-font-xl)/1.3 var(--bf-mono);letter-spacing:-.5px;color:var(--bf-text-bright)}h2{font:500 var(--bf-font-md)/1 var(--bf-mono);color:var(--bf-dim);text-transform:uppercase;letter-spacing:1.5px}h3{font:500 var(--bf-font-md) var(--bf-mono);color:var(--bf-text)}.bf-page{max-width:var(--bf-page-width);margin:0 auto;padding:var(--bf-space-lg) var(--bf-space-xl) var(--bf-space-2xl)}.bf-stats{display:flex;gap:var(--bf-space-xl);flex-wrap:wrap;margin-bottom:var(--bf-space-2xl);padding-bottom:var(--bf-space-xl);border-bottom:1px solid var(--bf-border)}.bf-stats dt{font:600 20px var(--bf-mono);color:var(--bf-cyan)}.bf-stats dd{font-size:var(--bf-font-xs);color:var(--bf-dim);text-transform:uppercase;letter-spacing:.8px}.bf-section{margin-bottom:var(--bf-space-2xl)}.bf-section h2{margin-bottom:var(--bf-space-lg)}.grid{display:grid;gap:var(--bf-space-lg)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.site-header{position:fixed;width:100%;top:0;z-index:var(--bf-z-sticky);display:flex;align-items:center;gap:18px;padding:10px var(--bf-space-lg);background:var(--bf-bg-deep);border-bottom:1px solid var(--bf-border-subtle)}.logo-globe{height:42px;width:42px;cursor:pointer;border-radius:50%;object-fit:cover;border:2px solid rgba(110,231,255,.2);box-shadow:0 4px 12px #6ee7ff33;transition:transform var(--bf-duration) var(--bf-ease),box-shadow var(--bf-duration) var(--bf-ease)}.logo-globe:hover{transform:scale(1.08);box-shadow:0 6px 18px #6ee7ff66}.site-header nav{flex:1;display:flex;align-items:center;gap:var(--bf-space-lg)}.site-header nav a{color:var(--bf-dim);font-size:var(--bf-font-sm);text-decoration:none;transition:color var(--bf-duration) var(--bf-ease)}.site-header nav a:hover{color:var(--bf-cyan)}.global-footer{position:fixed;bottom:0;left:0;width:100%;background:#0a0c10;border-top:1px solid rgba(0,217,255,.1);z-index:var(--bf-z-footer);padding:6px 0 5px}.footer-flow-container{position:absolute;top:-1px;left:0;width:100%;height:2px;overflow:hidden}.footer-photon-stream{position:absolute;width:100%;height:1px;top:50%;background:linear-gradient(90deg,transparent,var(--bf-footer-cyan) 20%,var(--bf-footer-violet) 50%,var(--bf-footer-rose) 80%,transparent);animation:bf-fp-stream 6s ease-in-out infinite}.footer-content{max-width:1200px;margin:0 auto;padding:0 1.5rem;text-align:center}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:.4rem var(--bf-space-lg);margin-bottom:4px}.footer-link{color:var(--bf-dim);text-decoration:none;font:var(--bf-font-sm) var(--bf-sans);transition:color var(--bf-duration) var(--bf-ease);position:relative}.footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:linear-gradient(90deg,var(--bf-footer-cyan),var(--bf-footer-violet));transition:width .3s ease}.footer-link:hover{color:var(--bf-footer-cyan)}.footer-link:hover:after{width:100%}.footer-copyright{color:var(--bf-muted);font-size:var(--bf-font-xs);line-height:1.4;margin-bottom:0;white-space:nowrap}.bio-kofi-btn{display:inline-flex;align-items:center;justify-content:center;position:relative;width:22px;height:22px;vertical-align:middle;margin-left:4px;background:#0f1117d9;border:1.5px solid rgba(0,217,255,.25);border-radius:50%;text-decoration:none;box-shadow:0 0 8px #00d9ff26,0 0 16px #00d9ff0f;transition:all .3s ease}.bio-kofi-btn:hover{transform:scale(1.15);border-color:#00d9ff80;box-shadow:0 0 12px #00d9ff4d,0 0 24px #00d9ff1f}.bio-kofi-icon{font-size:11px;line-height:1;filter:grayscale(.3);transition:filter .3s ease;z-index:2}.bio-kofi-btn:hover .bio-kofi-icon{filter:grayscale(0) drop-shadow(0 0 4px rgba(0,217,255,.5))}.bio-kofi-orbit{position:absolute;top:-5px;left:-5px;width:calc(100% + 10px);height:calc(100% + 10px);animation:bf-kofi-orbit 4s linear infinite;pointer-events:none}.bio-kofi-photon{fill:var(--bf-footer-cyan);filter:drop-shadow(0 0 3px var(--bf-footer-glow-cyan));opacity:.6}.bio-kofi-btn:hover .bio-kofi-photon{opacity:1;filter:drop-shadow(0 0 5px var(--bf-footer-glow-cyan))}body.no-footer .global-footer,body.no-footer .footer-photon-strip{display:none!important}body.no-footer{padding-bottom:0}.item{padding:var(--bf-space-md) 0;border-bottom:1px solid var(--bf-border);display:grid;grid-template-columns:1fr auto;gap:4px var(--bf-space-lg);align-items:start}.item:first-child{padding-top:0}.item:last-child{border-bottom:none}.item-title{font:500 var(--bf-font-md) var(--bf-mono);color:var(--bf-text)}.item-title a{color:var(--bf-cyan);text-decoration:none;border-bottom:1px solid rgba(110,231,255,.2)}.item-title a:hover{border-bottom-color:var(--bf-cyan)}.item-desc{grid-column:1 / -1;font-size:var(--bf-font-sm);color:var(--bf-dim);line-height:1.6;max-width:580px}.item-tags{display:flex;gap:6px;flex-wrap:wrap;justify-self:end;align-self:center}.tag{font:var(--bf-font-xs) var(--bf-mono);padding:1px 6px;border-radius:3px;white-space:nowrap}.tag-cyan{color:var(--bf-cyan);background:#6ee7ff12}.tag-green{color:var(--bf-green);background:#4ade8012}.tag-violet{color:var(--bf-violet);background:#a78bfa12}.tag-gold{color:var(--bf-gold);background:#fbbf2412}.tag-rose{color:var(--bf-rose);background:#fb718512}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--bf-green);margin-right:4px;animation:bf-pulse 2s ease-in-out infinite}.card{background:var(--bf-surface-subtle);border:1px solid var(--bf-border-subtle);border-radius:var(--bf-radius-lg);padding:18px;box-shadow:var(--bf-creuset)}blockquote{margin:var(--bf-space-2xl) 0;padding:var(--bf-space-lg) var(--bf-space-xl);border-left:2px solid rgba(110,231,255,.2);color:var(--bf-dim);font-size:var(--bf-font-md);font-style:italic;line-height:1.8}blockquote strong{color:var(--bf-text);font-style:normal}input,textarea,select{font-family:var(--bf-sans);font-size:var(--bf-font-md);color:var(--bf-text-bright);background:var(--bf-input-bg);border:1px solid var(--bf-input-border);border-radius:var(--bf-input-radius);padding:var(--bf-space-sm) var(--bf-space-md);transition:border-color var(--bf-duration) var(--bf-ease),box-shadow var(--bf-duration) var(--bf-ease)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--bf-input-focus);box-shadow:var(--bf-input-glow)}button,.btn{font-family:var(--bf-mono);font-size:var(--bf-font-sm);cursor:pointer;border:none;border-radius:var(--bf-btn-radius);padding:var(--bf-space-sm) var(--bf-space-lg);transition:transform var(--bf-duration) var(--bf-ease),box-shadow var(--bf-duration) var(--bf-ease)}.btn-primary{background:var(--bf-btn-primary);color:#000;font-weight:600}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6ee7ff4d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:16px;z-index:99999;background:var(--bf-cyan);color:#000;padding:8px 16px;border-radius:0 0 8px 8px;text-decoration:none;font-weight:700;font-size:14px}.skip-link:focus{top:0}@keyframes bf-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes bf-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bf-fp-stream{0%,to{transform:translateY(-50%) translate(-40%);opacity:.35}50%{transform:translateY(-50%) translate(40%);opacity:1}}@keyframes bf-kofi-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6ee7ff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6ee7ff4d}*{scrollbar-width:thin;scrollbar-color:rgba(110,231,255,.15) transparent}.bio-modal{will-change:opacity,transform}.bio-modal-content{max-height:calc(100dvh - 80px);overflow-y:auto}.drawer{margin-bottom:.4rem;border-bottom:1px solid var(--bf-border-subtle)}.drawer-summary{cursor:pointer;font:500 var(--bf-font-md) var(--bf-mono);color:var(--bf-cyan);padding:.7rem 0;display:flex;align-items:center;gap:.5rem;user-select:none}.drawer-summary:hover{opacity:.85}.drawer-summary:before{content:"\25b6";font-size:.55em;transition:transform .3s ease;color:var(--bf-violet)}.drawer.open .drawer-summary:before{transform:rotate(90deg)}.drawer-summary .drawer-num{color:var(--bf-dim);font-size:.75em;min-width:2ch}.drawer-body{max-height:0;overflow:hidden;transition:max-height .35s ease;padding:0 0 0 1.2rem}.drawer.open .drawer-body{padding-bottom:1rem}.drawer-body-inner{color:var(--bf-text);font-size:var(--bf-font-sm);line-height:1.65;padding-top:.3rem}.drawer-body h3{font:500 .85rem var(--bf-mono);color:var(--bf-violet);margin:.8rem 0 .3rem}.drawer-body p{margin-bottom:.5rem}.drawer-body ul{list-style:none;padding:0;margin-bottom:.5rem}.drawer-body li{padding:.15rem 0}.drawer-body li:before{content:"\2192";color:var(--bf-cyan);font-weight:700}.drawer-body a{color:var(--bf-cyan)}.drawer-body .alert{border-left:3px solid var(--bf-rose);padding:.4rem .8rem;margin:.5rem 0;font-size:.8rem;color:var(--bf-dim)}.drawer-body .alert strong{color:var(--bf-rose)}.drawer-body .important-card{border-left:3px solid var(--bf-cyan);padding:.4rem .8rem;margin:.5rem 0;font-size:.8rem;color:var(--bf-dim)}.drawer-body .important-card strong{color:var(--bf-text)}.drawer-body .important-card-title{font-weight:600;color:var(--bf-cyan);margin-bottom:.3rem;font-size:.85rem}.drawer-body table{width:100%;border-collapse:collapse;margin:.5rem 0;font-size:var(--bf-font-sm)}.drawer-body th,.drawer-body td{padding:.4rem .6rem;text-align:left;border-bottom:1px solid var(--bf-border-subtle)}.drawer-body th{color:var(--bf-cyan);font-weight:600;font-family:var(--bf-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.drawer-body code{font-family:var(--bf-mono);color:var(--bf-violet);font-size:.8rem}.page-header{text-align:center;padding:.5rem 0}.page-header h1{font:700 clamp(1.6rem,4vw,2.4rem) var(--bf-mono);color:var(--bf-text)}.page-header h1 span{color:var(--bf-cyan)}.page-header p{color:var(--bf-dim);font-size:var(--bf-font-sm);margin-top:.3rem}@media(max-width:600px){.bf-page{padding:var(--bf-space-2xl) var(--bf-space-lg) var(--bf-space-xl)}.bf-stats{gap:var(--bf-space-lg)}.bf-stats dt{font-size:16px}.item{grid-template-columns:1fr}.item-tags{justify-self:start;margin-top:4px}.grid-2,.grid-3{grid-template-columns:1fr}.footer-links{gap:.3rem 1rem}.footer-copyright{white-space:normal}.bio-kofi-btn{width:20px;height:20px}.bio-kofi-icon{font-size:10px}}.htmx-request .site-header:after{content:"";position:absolute;bottom:0;left:0;width:30%;height:2px;background:linear-gradient(90deg,transparent,var(--bf-cyan),var(--bf-violet),transparent);animation:htmx-loading .8s ease-in-out infinite}@keyframes htmx-loading{0%{left:-30%}to{left:100%}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.15s;animation-timing-function:ease}