:root{color-scheme:light;--ink:#0a1f44;--ink-2:#173a72;--paper:#f8f4ed;--paper-2:#f1ece3;--surface:#ffffff;--muted:#6b7b95;--cyan:#009fcb;--cyan-2:#1fb8e5;--indigo:#5b5bd6;--green:#10b981;--green-2:#047857;--amber:#f59e0b;--red:#ef4444;--purple:#8b5cf6;--grid:#e9e4db;--shadow-ink:#0a1f44;--navy:#0a1f44;--navy-deep:#050e22;--navy-lift:#123575;--on-navy:#ffffff;--on-navy-muted:#a9bcdc;--on-accent:#ffffff;--red-hard:#8e1b1b;--load-track:rgba(255,255,255,0.12);--grad-load:radial-gradient(ellipse at 32% 28%,var(--navy-lift),var(--navy) 58%,var(--navy-deep));--grad-navy:radial-gradient(ellipse at 28% 38%,#10306a,var(--navy) 55%,var(--navy-deep));--hair:color-mix(in srgb,var(--ink) 10%,transparent);--hair-strong:color-mix(in srgb,var(--ink) 18%,transparent);--tint-cyan:color-mix(in srgb,var(--cyan) 8%,transparent);--tint-green:color-mix(in srgb,var(--green) 10%,transparent);--tint-amber:color-mix(in srgb,var(--amber) 10%,transparent);--tint-red:color-mix(in srgb,var(--red) 9%,transparent);--tint-purple:color-mix(in srgb,var(--purple) 10%,transparent);--tint-ink:color-mix(in srgb,var(--ink) 5%,transparent);--overlay:color-mix(in srgb,var(--navy-deep) 62%,transparent);--focus-ring:0 0 0 3px color-mix(in srgb,var(--cyan) 45%,transparent);--shadow:0 20px 60px -30px color-mix(in srgb,var(--shadow-ink) 28%,transparent);--shadow-card:0 20px 50px -22px color-mix(in srgb,var(--shadow-ink) 20%,transparent);--shadow-float:0 28px 75px -34px color-mix(in srgb,var(--shadow-ink) 40%,transparent);--shadow-accent:0 13px 28px -15px color-mix(in srgb,var(--cyan) 70%,transparent);--grad-accent:linear-gradient(100deg,var(--cyan),var(--indigo));--grad-brandtext:linear-gradient(110deg,var(--cyan-2) 0%,var(--indigo) 38%,var(--cyan-2) 62%,var(--cyan) 100%);--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--serif:Georgia,"Times New Roman",serif;--text-11:11px;--text-12:12px;--text-13:13px;--text-14:14px;--text-16:16px;--text-18:18px;--text-20:20px;--text-24:24px;--text-28:28px;--text-34:34px;--display-1:clamp(2rem,1.2rem + 3.2vw,3rem);--display-2:clamp(1.6rem,1.1rem + 2vw,2.25rem);--num-lg:clamp(2.25rem,1.4rem + 3.4vw,3.875rem);--num-hero:clamp(4rem,2rem + 12vw,12.5rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:44px;--space-8:64px;--radius-sm:8px;--radius-md:10px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--ease:cubic-bezier(0.22,1,0.36,1);--dur-1:0.16s;--dur-2:0.5s;--dur-3:0.9s;--sidebar:252px;--inspector:440px;--content-max:1920px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--ink:#eaf1fb;--ink-2:#c7d6ee;--paper:#050e22;--paper-2:#081733;--surface:#0c2049;--muted:#a9bcdc;--cyan:#1fb8e5;--cyan-2:#5bc0de;--indigo:#9d8bff;--green:#34d399;--green-2:#10b981;--amber:#fbbf24;--red:#f87171;--purple:#a78bfa;--grid:#16294a;--shadow-ink:#000000}}:root[data-theme=dark]{color-scheme:dark;--ink:#eaf1fb;--ink-2:#c7d6ee;--paper:#050e22;--paper-2:#081733;--surface:#0c2049;--muted:#a9bcdc;--cyan:#1fb8e5;--cyan-2:#5bc0de;--indigo:#9d8bff;--green:#34d399;--green-2:#10b981;--amber:#fbbf24;--red:#f87171;--purple:#a78bfa;--grid:#16294a;--shadow-ink:#000000}*,:after,:before{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:var(--sans);color:var(--ink);background:var(--paper);font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}body{overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}:where(a){color:var(--cyan)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.axis-label,.chart-meta,.data-source,.eyebrow,.lab,.mono,.scope-pill,.status-badge{font-family:var(--mono)}.eyebrow{font-size:var(--text-11);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-weight:700}.display-1{font-size:var(--display-1);font-weight:800;letter-spacing:-.045em;line-height:.98;margin:var(--space-2) 0 var(--space-3)}.display-2{font-size:var(--display-2);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0}.lead{margin:0;color:var(--muted);font-size:var(--text-16);line-height:1.5;max-width:68ch}.cy{color:var(--cyan)}.gcy{background:var(--grad-brandtext);background-size:250% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;color:transparent}.cap-serif{font-family:var(--serif);font-style:italic;font-size:var(--text-16);color:var(--muted);line-height:1.5;max-width:100ch}.cap-card,.cap-serif{margin:var(--space-4) 0 0}.cap-card{display:flex;gap:var(--space-3);align-items:flex-start;background:var(--tint-amber);border-left:3px solid var(--amber);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-5)}.cap-card .ic{color:var(--amber);font-weight:700;font-size:var(--text-18);line-height:1.2}.cap-card .t{font-size:var(--text-16);color:var(--ink);line-height:1.45}.info-box{padding:var(--space-3);border-left:3px solid var(--cyan);background:var(--tint-cyan);border-radius:var(--radius-sm);color:var(--ink);font-size:var(--text-13);line-height:1.5}.brand{font:800 17px var(--mono);letter-spacing:.1em;color:var(--ink)}.brand span{color:var(--cyan)}.brand.large{font-size:var(--text-24)}.brand.on-navy{color:var(--on-navy)}.brand.on-navy span{color:var(--cyan-2)}.loading-screen{position:fixed;inset:0;background:var(--grad-load);color:var(--on-navy);z-index:9999;display:grid;place-content:center;text-align:center;transition:opacity var(--dur-2) var(--ease)}.loading-screen[data-fade=true]{opacity:0;pointer-events:none}.loading-screen.inline{position:relative;inset:auto;z-index:1;border-radius:var(--radius-lg);padding:var(--space-8) var(--space-5);min-height:260px}.loading-mark{font:800 var(--text-34) var(--mono);letter-spacing:.12em}.loading-mark span{color:var(--cyan-2)}.loading-line{width:250px;max-width:70vw;height:3px;background:var(--load-track);margin:var(--space-5) auto;border-radius:var(--radius-md);overflow:hidden}.loading-line:before{content:"";display:block;width:45%;height:100%;background:linear-gradient(90deg,var(--cyan-2),var(--indigo));animation:load 1.2s ease-in-out infinite alternate}.loading-copy{color:var(--on-navy-muted);font-size:var(--text-14)}@keyframes load{0%{transform:translateX(-30%)}to{transform:translateX(150%)}}.ghost-button,.icon-button,.pill-button,.primary-button,.toolbar-button{border:1px solid var(--hair);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);padding:9px 12px;font-weight:650;transition:transform var(--dur-1) var(--ease),box-shadow var(--dur-1),background var(--dur-1)}.ghost-button:hover,.icon-button:hover,.pill-button:hover,.toolbar-button:hover{box-shadow:var(--shadow-card);transform:translateY(-1px)}.primary-button{border:0;color:var(--on-accent);background:var(--grad-accent);box-shadow:var(--shadow-accent)}.primary-button:hover{transform:translateY(-1px)}.ghost-button:disabled,.primary-button:disabled,.toolbar-button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}.ghost-button.full,.primary-button.full{width:100%;display:block;padding:var(--space-3)}.icon-button{width:38px;height:38px;padding:0;display:grid;place-items:center}.status-badge{font-size:var(--text-11);padding:3px 7px;border-radius:var(--radius-pill);display:inline-block}.status-badge.online{color:var(--green-2);background:var(--tint-green)}.status-badge.offline{color:var(--red);background:var(--tint-red)}.pulse{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--green);box-shadow:0 0 0 5px var(--tint-green)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-5);background:radial-gradient(circle at 25% 20%,color-mix(in srgb,var(--cyan-2) 18%,transparent),transparent 32%),radial-gradient(circle at 80% 75%,color-mix(in srgb,var(--indigo) 15%,transparent),transparent 35%),var(--paper)}.auth-page.compact{min-height:auto;border:1px solid var(--hair);border-radius:var(--radius-lg);padding:var(--space-6)}.auth-card{width:min(470px,95vw);background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--hair);box-shadow:var(--shadow-float);border-radius:var(--radius-xl);padding:var(--space-7)}.auth-card h1{font-size:var(--text-34);letter-spacing:-.035em;line-height:1.05;margin:var(--space-3) 0}.auth-card>p{color:var(--muted);line-height:1.55;margin:0}.auth-card form{display:grid;grid-gap:var(--space-4);gap:var(--space-4);margin:var(--space-6) 0 var(--space-4)}.auth-card label{display:flex;flex-direction:column;gap:var(--space-2)}.auth-card label>span{font-size:var(--text-11);color:var(--muted);font-weight:700}.auth-card input{border:1px solid var(--hair);background:var(--surface);border-radius:var(--radius-md);padding:11px}.auth-card small{color:var(--muted);line-height:1.5;display:block}.form-message{min-height:20px;color:var(--red);font-size:var(--text-13)}.form-message.ok{color:var(--green-2)}.auth-otp-group{border:0;padding:0;margin:0;min-width:0}.auth-otp-group>legend{font-size:var(--text-11);color:var(--muted);font-weight:700;padding:0;margin-bottom:var(--space-2)}.auth-otp-group>small{margin-top:var(--space-2)}.auth-otp{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:var(--space-2);gap:var(--space-2)}.auth-otp input{text-align:center;font-family:var(--mono);font-size:var(--text-20);padding:var(--space-3) 0;letter-spacing:.08em;min-width:0}.auth-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--muted);font-size:var(--text-11);font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;margin:var(--space-4) 0}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--hair)}.passkey-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--hair-strong);background:var(--surface);color:var(--ink);border-radius:var(--radius-md);padding:var(--space-3);font-weight:650;transition:transform var(--dur-1) var(--ease),box-shadow var(--dur-1)}.passkey-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-card)}.passkey-button:disabled{opacity:.48;cursor:not-allowed}.passkey-button .ic{color:var(--cyan);font-size:var(--text-18);line-height:1}.screen-heading{display:flex;justify-content:space-between;gap:var(--space-6);align-items:flex-end;flex-wrap:wrap;margin:0 2px var(--space-5)}.screen-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.content{padding:var(--space-6) var(--space-5) var(--space-8);max-width:var(--content-max);margin:0 auto}@media (min-width:48rem){.content{padding:var(--space-7) var(--space-6) var(--space-8)}}.stack{display:grid;grid-gap:var(--space-5);gap:var(--space-5);margin-top:var(--space-5)}.stack.tight{gap:var(--space-3)}.bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));grid-gap:var(--space-5);gap:var(--space-5)}.bento.cols-3{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.bento .span-2{grid-column:span 2}@media (max-width:48rem){.bento .span-2{grid-column:auto}}.cell{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6);min-height:210px;display:flex;flex-direction:column;justify-content:center}.cell .tick{width:42px;height:3px;border-radius:2px;margin-bottom:var(--space-4);background:var(--ink)}.cell .tick.cyan{background:var(--cyan)}.cell .tick.green{background:var(--green)}.cell .tick.amber{background:var(--amber)}.cell .tick.red{background:var(--red)}.cell .tick.purple{background:var(--purple)}.cell .num{font-size:var(--num-lg);font-weight:700;letter-spacing:-.02em;color:var(--ink);line-height:1}.cell .num .u,.cell .num.quiet{color:var(--muted);font-weight:500}.cell .num .u{font-size:.48em}.cell .lab{font-size:var(--text-13);color:var(--muted);margin-top:var(--space-3);text-transform:uppercase;letter-spacing:.03em;line-height:1.5}.bignum-block{text-align:center;padding:var(--space-6) 0}.bignum{font-size:var(--num-hero);font-weight:800;letter-spacing:-.04em;color:var(--cyan);line-height:1}.bignum-block .lab{font-family:var(--mono);font-size:var(--text-13);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:var(--space-4)}.chartcard{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);flex-direction:column}.chartcard,.chartcard>header{display:flex;gap:var(--space-4)}.chartcard>header{justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.chartcard h2{font-size:var(--text-20);font-weight:800;letter-spacing:-.02em;margin:0}.chartcard .chart-meta{font-size:var(--text-11);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.chartcard svg{flex:1 1;width:100%;overflow:visible;font-family:var(--mono)}.gl{stroke:var(--grid);stroke-width:1}.zero{stroke:var(--hair-strong);stroke-width:1.5}.axlab{font-size:var(--text-13);fill:var(--muted)}.val{font-size:var(--text-14);font-weight:700;fill:var(--ink)}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);font-family:var(--mono);font-size:var(--text-11);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.chart-legend span{display:inline-flex;align-items:center;gap:var(--space-2)}.chart-legend i{width:10px;height:3px;border-radius:2px;background:var(--cyan)}.chart-legend i.green{background:var(--green)}.chart-legend i.amber{background:var(--amber)}.chart-legend i.purple{background:var(--purple)}.state{--state-color:var(--muted);--state-tint:var(--tint-ink)}.state.tone-cyan{--state-color:var(--cyan);--state-tint:var(--tint-cyan)}.state.tone-green{--state-color:var(--green-2);--state-tint:var(--tint-green)}.state.tone-amber{--state-color:var(--amber);--state-tint:var(--tint-amber)}.state.tone-red{--state-color:var(--red);--state-tint:var(--tint-red)}.state.tone-purple{--state-color:var(--purple);--state-tint:var(--tint-purple)}.state-page{display:grid;place-items:center;text-align:center;grid-gap:var(--space-3);gap:var(--space-3);min-height:320px;padding:var(--space-7) var(--space-5);border:1px solid var(--hair);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}.state-page .state-mark{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:var(--text-24);line-height:1;color:var(--state-color);background:var(--state-tint)}.state-page .state-title{font-size:var(--text-24);font-weight:800;letter-spacing:-.02em;margin:0}.state-page .state-text{margin:0;color:var(--muted);max-width:52ch;line-height:1.55}.state-banner{display:flex;align-items:flex-start;gap:var(--space-3);border:1px solid var(--hair);border-left:4px solid var(--state-color);border-radius:var(--radius-md);background:var(--state-tint);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.state-banner .state-mark{color:var(--state-color);font-size:var(--text-18);line-height:1.35}.state-banner .state-title{font-size:var(--text-14);font-weight:750;margin:0}.state-banner .state-text{margin:2px 0 0;color:var(--muted);font-size:var(--text-13);line-height:1.5}.state-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3)}.state-banner .state-actions{margin-top:var(--space-2)}.state-body{flex:1 1;min-width:0}.state-banner.tone-red.hard{background:var(--red-hard);border-color:var(--red-hard)}.state-banner.tone-red.hard .state-mark,.state-banner.tone-red.hard .state-text,.state-banner.tone-red.hard .state-title{color:var(--on-accent)}.state-count{font-family:var(--mono);font-size:var(--text-12);color:var(--state-color);background:var(--surface);border-radius:var(--radius-pill);padding:2px var(--space-2);margin-left:var(--space-2);white-space:nowrap}.anim{opacity:1}@keyframes a-fade{0%{opacity:0}to{opacity:1}}@keyframes a-rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes a-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes a-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes a-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes shimmer{0%{background-position:115% 0}55%,to{background-position:-15% 0}}@keyframes glowpulse{0%,to{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 34px color-mix(in srgb,var(--cyan) 40%,transparent)}}html.fx [data-a=fade]{animation:a-fade .8s .1s both}html.fx [data-a=rise]{animation:a-rise var(--dur-3) .14s both}html.fx [data-a=reveal]{animation:a-reveal 1s .1s both}html.fx .bento .cell{animation:a-rise .85s both}html.fx .bento .cell:first-child{animation-delay:.14s}html.fx .bento .cell:nth-child(2){animation-delay:.22s}html.fx .bento .cell:nth-child(3){animation-delay:.3s}html.fx .bento .cell:nth-child(4){animation-delay:.38s}html.fx .bento .cell:nth-child(5){animation-delay:.46s}html.fx .bento .cell:nth-child(6){animation-delay:.54s}.draw{stroke-dasharray:1;stroke-dashoffset:0}html.fx .draw{animation:a-draw 1.6s .3s both}.bar rect{transform-box:fill-box;transform-origin:bottom}html.fx .bar rect{animation:a-grow .85s both}html.fx .gcy{animation:shimmer 5.5s ease-in-out 1.2s infinite}html.fx .bignum.glow{animation:a-reveal 1s .1s both,glowpulse 3s ease-in-out 1.5s 2}@media (prefers-reduced-motion:reduce){.loading-line:before,[data-a],html.fx .anim,html.fx .bar rect,html.fx .bento .cell,html.fx .bignum.glow,html.fx .draw,html.fx .gcy{animation:none!important;opacity:1!important;transform:none!important}}@media print{.loading-screen,.screen-actions{display:none!important}.cell,.chartcard,.state-page{box-shadow:none;page-break-inside:avoid;break-inside:avoid}.anim,[data-a]{opacity:1!important;transform:none!important;animation:none!important}}