@font-face{font-family:Geist;src:url('/fonts/geist-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('/fonts/geist-mono-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:Geist,Inter,ui-sans-serif,system-ui,sans-serif;color:#e8edf5;background:#090e15;font-synthesis:none;scroll-behavior:smooth;color-scheme:dark;--surface:#111923;--surface-hi:#15202c;--line:#293545;--line-soft:#202d3b;--text:#e8edf5;--muted:#9dacc0;--dim:#708198;--accent:#e4a478;--cyan:#9fc6d8;--green:#9bd1b7}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse 62% 24% at 84% -5%,#19304a7a,transparent 73%),#090e15}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#overview,#usage,#queue{scroll-margin-top:86px}
.topbar{background:#0b1119ed;border-bottom:1px solid var(--line-soft);backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}.topbar-inner{max-width:1220px;margin:auto;min-height:62px;padding:0 30px;display:flex;align-items:center;gap:35px}.brand{color:var(--text);font-size:18px;font-weight:670;letter-spacing:-.045em;display:flex;align-items:center;gap:11px;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{display:block;width:42px;height:42px;flex:none}.brand-mark.small{width:27px;height:27px}.topbar nav{display:flex;gap:25px;align-items:center;margin-left:8px}.topbar nav a{font-size:12px;color:var(--muted);font-weight:550}.topbar nav a:hover{color:var(--text)}.topbar-label{margin-left:auto;padding-left:18px;border-left:1px solid var(--line);font:500 10px 'Geist Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);white-space:nowrap}.text-button{border:0;background:transparent;color:var(--muted);padding:8px 0 8px 8px;font-size:11px;font-weight:620;white-space:nowrap}.text-button:hover{color:var(--text);text-decoration:underline}
.layout{max-width:1220px;margin:auto;padding:30px 30px 70px}.hero{min-height:132px;padding:5px 0 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:32px;align-items:center}.hero h1{margin:12px 0 8px;font-size:clamp(31px,3.6vw,43px);font-weight:560;letter-spacing:-.058em;line-height:1.08}.hero-copy{max-width:600px;line-height:1.5;font-size:13px;color:var(--muted);margin:0}.hero-side{color:var(--dim);font:500 10px 'Geist Mono',monospace;white-space:nowrap;display:flex;align-items:center;gap:9px;margin-bottom:5px}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #9bd1b71d}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font:650 10px 'Geist Mono',monospace;color:var(--accent);margin:0}.muted{color:var(--muted);line-height:1.5}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 27px;border:1px solid var(--line);border-top:0;background:#10182380}.metric{padding:20px 23px 21px;min-height:111px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric-label{display:block;color:var(--muted);font-size:11px;font-weight:550}.metric strong{display:block;font:560 30px/1.18 'Geist Mono',monospace;letter-spacing:-.06em;margin:8px 0 2px;color:var(--text)}.metric-note{color:var(--dim);font-size:10px}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:16px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:23px 25px;min-width:0;min-height:274px}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:18px}.section-heading h2{margin:6px 0 0;font-size:20px;font-weight:560;letter-spacing:-.04em}.section-heading a{font-size:11px;font-weight:620;margin-top:13px;white-space:nowrap}.section-heading .muted{margin:7px 0 0;font-size:12px}.next-list{display:grid;margin-top:20px}.next-item{border-top:1px solid var(--line-soft);padding:14px 0;display:flex;gap:15px;align-items:flex-start;min-width:0}.next-number{font:550 11px 'Geist Mono',monospace;color:var(--accent);min-width:23px;margin-top:2px}.next-item>div{min-width:0}.next-item h3{font-size:13px;font-weight:590;margin:0 0 5px;line-height:1.35}.next-item p{font-size:11px;line-height:1.45;color:var(--muted);margin:0}.next-item .tag{margin-left:auto}.tag{font:550 9px 'Geist Mono',monospace;letter-spacing:.02em;border:1px solid #415167;border-radius:4px;padding:5px 7px;color:#b9c7d8;white-space:nowrap;background:#1b2633}.tag.progress{border-color:#395b4d;background:#172c27;color:var(--green)}.tag.complete{border-color:#354355;background:#1a2430;color:#8c9daf}.activity-list{list-style:none;padding:0;margin:20px 0 0}.activity-list li{position:relative;padding:0 0 15px 22px;border-left:1px solid var(--line);margin-left:4px;font-size:11px;color:#c4cfde;line-height:1.45}.activity-list li:last-child{border-color:transparent;padding-bottom:0}.activity-list li:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);left:-4px;top:3px}.activity-list time{display:block;color:var(--dim);font:450 10px 'Geist Mono',monospace;margin-top:4px}
.section-block{margin-top:32px}.block-heading{margin-bottom:16px;align-items:center}.usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.usage-card{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:19px 20px 17px;min-width:0}.usage-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.usage-service{font:560 9px 'Geist Mono',monospace;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}.usage-card h3{font-size:14px;font-weight:600;margin:7px 0 0}.usage-value{font:540 21px 'Geist Mono',monospace;letter-spacing:-.04em;white-space:nowrap}.usage-value.unknown{color:var(--dim);font-size:13px;letter-spacing:0}.bar{height:4px;background:#273445;overflow:hidden;margin:22px 0 11px}.bar span{display:block;height:100%;background:linear-gradient(90deg,#9bb5d0,#e4a478)}.usage-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;line-height:1.5}.usage-meta span:last-child{text-align:right}.usage-card.stale{border-color:#6d5546}.usage-card.stale .usage-value{color:var(--accent)}.usage-foot{display:flex;justify-content:space-between;gap:8px;padding-top:12px;margin-top:12px;border-top:1px solid var(--line-soft);font:450 9px 'Geist Mono',monospace;color:var(--dim)}.usage-foot span:last-child{text-align:right}.queue-list{display:grid;gap:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}.queue-item{background:var(--surface);border-bottom:1px solid var(--line);padding:15px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.queue-item:last-child{border-bottom:0}.queue-item:hover{background:var(--surface-hi)}.queue-titleline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.queue-item h3{font-size:13px;font-weight:590;margin:0}.queue-item p{font-size:11px;color:var(--muted);margin:7px 0 0;line-height:1.4}.queue-side{text-align:right;display:flex;align-items:center;gap:18px}.queue-score{font:500 10px 'Geist Mono',monospace;color:var(--dim);white-space:nowrap}.queue-side select{font-size:10px;background:#17212d;border:1px solid #354355;border-radius:4px;padding:7px 9px;color:var(--text);width:116px}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--dim);font:450 10px 'Geist Mono',monospace;margin-top:27px}
.primary,.secondary{border:1px solid transparent;border-radius:4px;padding:9px 14px;font-size:11px;font-weight:650;min-height:35px;white-space:nowrap}.primary{background:var(--accent);color:#16110e}.primary:hover{background:#f2b38a}.secondary{background:#17222e;border-color:#405166;color:#d7e3f1}.secondary:hover{background:#202f3e}.full{width:100%;margin-top:18px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 10%,#23354a88,transparent 55%)}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:34px;width:min(100%,390px);box-shadow:0 28px 70px #0008}.login-card .eyebrow{margin-top:23px}.login-card h1{font-size:31px;font-weight:560;letter-spacing:-.05em;margin:8px 0}.login-card .muted{font-size:12px;margin:0 0 26px}.login-card label,.dialog-form label{display:block;color:#c4cfde;font-size:11px;font-weight:580;margin:15px 0 7px}input,select{width:100%;border:1px solid #3c4e62;border-radius:4px;background:#0d151e;color:var(--text);padding:9px 11px;min-height:38px}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:#65778c}.error{color:#eca59f;min-height:18px;font-size:11px}.dialog-form{width:min(100%,440px)}dialog{color:var(--text);background:var(--surface);border:1px solid #405167;border-radius:6px;box-shadow:0 25px 90px #000a;padding:23px;width:min(calc(100vw - 30px),490px);max-height:calc(100vh - 30px);overflow:auto}dialog::backdrop{background:#04080bba}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{margin:0;font-size:19px;font-weight:570}.dialog-form>.muted{font-size:11px;margin:8px 0 18px}.icon-button{border:0;background:transparent;color:var(--muted);font-size:24px;line-height:1;padding:0 5px}.icon-button:hover{color:var(--text)}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.toast{position:fixed;right:20px;bottom:20px;background:#243447;color:var(--text);border:1px solid #51657a;border-radius:4px;padding:11px 15px;font-size:11px;box-shadow:0 10px 30px #0008;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}
@media(max-width:820px){.topbar-inner{gap:20px;padding:0 20px}.topbar-label{display:none}.topbar nav{margin-left:auto}.layout{padding:30px 20px 56px}.content-grid{grid-template-columns:1fr}.panel{min-height:auto}.usage-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.topbar-inner{min-height:60px;gap:12px;flex-wrap:wrap;justify-content:space-between;padding-top:8px;padding-bottom:8px}.topbar nav{order:3;width:100%;justify-content:space-between;margin:0;padding:6px 0 3px}.topbar nav a{font-size:11px}.brand{font-size:16px}.layout{padding:25px 15px 45px}.hero{min-height:0;align-items:start;flex-direction:column;gap:16px;padding-bottom:22px}.hero h1{font-size:32px}.hero-copy{font-size:12px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.metric{padding:16px 14px;min-height:96px}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric strong{font-size:25px}.panel{padding:18px}.section-heading h2{font-size:18px}.next-item{gap:9px}.next-item .tag{max-width:100px;overflow:hidden;text-overflow:ellipsis}.section-block{margin-top:28px}.block-heading{align-items:start}.block-heading .muted{max-width:230px}.usage-grid{grid-template-columns:1fr}.queue-item{grid-template-columns:1fr;padding:15px}.queue-side{justify-content:space-between;text-align:left}.footer-row{align-items:start;font-size:9px}.form-pair{gap:10px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.toast{transition:none}}
.queue-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.queue-actions .secondary{min-height:32px;padding:6px 9px;font-size:10px}.queue-actions .is-focused{border-color:var(--accent);color:var(--accent)}.queue-note{padding-left:10px;border-left:2px solid #53677c}.tag.focus{color:var(--accent);border-color:#7b5d49;background:#2b211d}textarea{display:block;width:100%;min-height:116px;resize:vertical;border:1px solid #3c4e62;border-radius:4px;background:#0d151e;color:var(--text);padding:10px 11px;font:inherit;font-size:12px;line-height:1.5}textarea::placeholder{color:#65778c}textarea:focus{border-color:var(--accent)}.dialog-form textarea+.muted{font-size:10px;margin:8px 0 0}
@media(max-width:620px){.queue-actions{justify-content:flex-start}.queue-side{flex-direction:column;align-items:flex-start;gap:8px}}
.google-signin{width:100%;min-height:40px}.google-signin>div{max-width:100%}.login-divider{display:flex;align-items:center;gap:12px;margin:16px 0 10px;color:var(--dim);font-size:10px}.login-divider:before,.login-divider:after{content:"";height:1px;background:var(--line);flex:1}.login-card .primary.full{min-height:40px}.login-card #google-error{margin:7px 0 0;min-height:0}
