@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--bg-0:#0a0a08;--bg-1:#11100c;--surface-1:#171510;--surface-2:#1e1b14;--surface-3:#262215;--border-1:#2b2718;--border-2:#3e371f;--text-1:#ede7d6;--text-2:#a69e88;--text-3:#6e6753;--gold-200:#f8e6a8;--gold-300:#f4d97b;--gold-400:#e4bc4f;--gold-500:#c99e2e;--gold-600:#a87f1e;--gold-700:#7a5c13;--green-200:#a8ffcb;--green-300:#7cffaf;--green-400:#4ef08a;--green-500:#2ed96f;--green-600:#1fa355;--green-700:#14663a;--accent:var(--gold-400);--accent-strong:var(--gold-300);--accent-muted:var(--gold-600);--live:var(--green-400);--success:var(--green-400);--danger:#f25e4e;--warning:#ffb454;--info:#6fb8d9;--surface-card:var(--surface-1);--surface-raised:var(--surface-2);--surface-input:var(--bg-1);--surface-accent-tint:#e4bc4f14;--surface-green-tint:#4ef08a12;--surface-danger-tint:#f25e4e17;--text-body:var(--text-1);--text-muted:var(--text-2);--text-faint:var(--text-3);--text-on-accent:#14110a;--text-accent:var(--gold-400);--text-live:var(--green-400);--rank-1:#e4bc4f;--rank-2:#c6cbd4;--rank-3:#c07a45;--glow-green:0 0 12px #4ef08a59;--glow-gold:0 0 14px #e4bc4f47}[data-theme=light]{--bg-0:#f1edde;--bg-1:#f6f3e7;--surface-1:#fcfaf1;--surface-2:#fff;--surface-3:#efe9d4;--border-1:#dad2b8;--border-2:#c2b891;--text-1:#17140b;--text-2:#5c553f;--text-3:#8c846a;--accent:var(--gold-600);--accent-strong:var(--gold-500);--accent-muted:var(--gold-700);--live:var(--green-600);--success:var(--green-600);--danger:#c93a2b;--warning:#b06a00;--info:#2e7a9e;--surface-card:var(--surface-1);--surface-raised:var(--surface-2);--surface-input:#fff;--surface-accent-tint:#a87f1e17;--surface-green-tint:#1fa35514;--surface-danger-tint:#c93a2b14;--text-body:var(--text-1);--text-muted:var(--text-2);--text-faint:var(--text-3);--text-on-accent:#fffdf4;--text-accent:var(--gold-600);--text-live:var(--green-600);--rank-1:#b8912a;--rank-2:#8e959f;--rank-3:#a05f2c;--glow-green:0 0 0 #0000;--glow-gold:0 0 0 #0000}:root{--font-sans:"IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--text-xs:11px;--text-sm:12.5px;--text-base:14px;--text-md:16px;--text-lg:20px;--text-xl:26px;--text-2xl:34px;--text-3xl:46px;--text-4xl:62px;--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.55;--tracking-wide:.08em;--tracking-wider:.14em;--font-display:var(--font-mono);--font-body:var(--font-sans);--font-data:var(--font-mono);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-0:0px;--radius-1:2px;--radius-2:4px;--radius-3:8px;--radius-pill:999px;--border-w:1px;--border-card:1px solid var(--border-1);--border-strong:1px solid var(--border-2);--border-accent:1px solid var(--gold-600);--shadow-1:0 1px 2px #00000080;--shadow-2:0 4px 16px #00000073;--shadow-3:0 12px 40px #0000008c;--ease-out:cubic-bezier(.2, .8, .2, 1);--dur-fast:.12s;--dur-med:.2s;--blink:hakc-blink 1.1s steps(2, start) infinite}@keyframes hakc-blink{to{visibility:hidden}}@keyframes hakc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hakc-glitch{0%,92%,to{clip-path:none;transform:translate(0)}93%{clip-path:inset(10% 0 60%);transform:translate(2px,-1px)}95%{clip-path:inset(60% 0 15%);transform:translate(-2px,1px)}97%{clip-path:inset(30% 0 40%);transform:translate(1px)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-0);color:var(--text-1);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--text-accent);text-decoration:none}a:hover{color:var(--accent-strong)}::selection{background:var(--surface-accent-tint);color:var(--gold-200)}:focus-visible{outline:1px solid var(--gold-400);outline-offset:2px}.hakc-cursor{vertical-align:-1px;background:var(--green-400);width:8px;height:1em;animation:var(--blink);display:inline-block}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{--rail-w:66px;--topbar-h:78px;--content-max:1040px}html[data-dens=tight]{--content-max:720px}html[data-dens=comfortable]{--content-max:1040px}html[data-dens=wide]{--content-max:1560px}.app{min-height:100vh;display:flex}.rail{width:var(--rail-w);z-index:50;background:var(--bg-1);border-right:1px solid var(--border-1);transition:width var(--dur-med) var(--ease-out);flex-direction:column;align-items:center;padding:12px 0;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.rail:hover,.rail:focus-within{align-items:stretch;width:210px;box-shadow:8px 0 26px #0000008c}.rail__brand{justify-content:center;padding:4px 0 16px;display:flex}.rail__bird{object-fit:contain;filter:drop-shadow(0 0 8px #e4bc4f40);width:auto;height:44px;transition:height var(--dur-med) var(--ease-out)}.rail__nav{flex-direction:column;gap:2px;width:100%;display:flex}.rail__item{color:var(--text-2);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-left:2px solid #0000;justify-content:center;align-items:center;gap:14px;padding:12px 0;font-size:12px;text-decoration:none;display:flex}.rail__ico{color:var(--gold-400);text-align:center;flex:none;width:22px;font-size:15px}.rail__label{white-space:nowrap;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.rail:hover .rail__label,.rail:focus-within .rail__label{opacity:1}.rail__item:hover{color:var(--text-1);border-left-color:var(--border-2);background:var(--surface-2)}.rail__item.is-active{color:var(--gold-300);border-left-color:var(--gold-400)}.rail__foot{flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:auto;padding-top:12px;display:flex}.rail__denslabel{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--text-3);opacity:0;white-space:nowrap;font-size:9px}.rail:hover .rail__denslabel,.rail:focus-within .rail__denslabel{opacity:1}.rail__density{justify-content:center;align-items:center;gap:4px;display:flex}.dens{border:1px solid var(--border-2);cursor:pointer;height:26px;transition:border-color var(--dur-fast);background:0 0;border-radius:2px;justify-content:center;align-items:center;padding:6px 4px;display:flex}.dens i{background:var(--text-3);height:10px;transition:background var(--dur-fast);display:block}.dens:hover i{background:var(--text-1)}.dens.is-active{border-color:var(--gold-500)}.dens.is-active i{background:var(--gold-400);box-shadow:var(--glow-gold)}.main{margin-left:var(--rail-w);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border-1);background:var(--bg-1);z-index:40;justify-content:center;align-items:center;display:flex;position:sticky;top:0}.topbar__brand{text-decoration:none;display:inline-flex}.content{flex:1}.wrap{max-width:var(--content-max);transition:max-width var(--dur-med) var(--ease-out);margin:0 auto;padding:0 24px}@media (width<=720px){.rail{border-right:none;border-top:1px solid var(--border-1);flex-direction:row;align-items:center;height:56px;padding:0;top:auto;bottom:0;right:0;width:100%!important;box-shadow:none!important}.rail:hover,.rail:focus-within{width:100%!important;box-shadow:none!important}.rail__brand{display:none}.rail__nav{flex-direction:row;justify-content:space-around}.rail__item{border-left:none;flex-direction:column;justify-content:center;gap:2px;padding:6px 8px!important}.rail__label{font-size:9px;opacity:1!important}.rail__foot{flex-direction:row;width:auto;margin:0;padding:0 10px}.rail__denslabel{display:none}.main{margin-bottom:56px;margin-left:0}}:root{--rail-w:44px}.rail{padding:10px 0;border-right:none!important}.rail__brand{padding:2px 0 12px}.rail__bird{height:30px}.rail:hover .rail__bird,.rail:focus-within .rail__bird{height:58px}.rail__item{justify-content:center;padding:13px 0}.rail__ico{text-align:center;width:100%;color:var(--gold-400);font-size:17px}.rail:hover .rail__item,.rail:focus-within .rail__item{justify-content:flex-start;padding-left:14px}.rail:hover .rail__ico,.rail:focus-within .rail__ico{width:22px}.topbar{background:0 0!important;border-bottom:none!important}