:root{color-scheme:dark;--ink:#e6edf7;--muted:#96a6bc;--line:#25354c;--green:#7bdcfa;--bg:#080e1a;--surface:#101a2b;--accent:#7bdcfa;--violet:#a99bff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 80% 0,#26214880,transparent 42%),radial-gradient(ellipse at 0 45%,#0d314b50,transparent 45%),var(--bg);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
a{color:var(--accent);text-underline-offset:4px}
header{position:sticky;top:0;z-index:20;min-height:78px;height:auto;background:#080e1ae6;backdrop-filter:blur(22px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px max(4vw,24px)}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:18px;font-weight:700;text-decoration:none;letter-spacing:.7px}
.brand-icon{width:34px;height:34px;display:grid;place-items:center;background:linear-gradient(135deg,#7bdcfa,#a99bff);border-radius:11px;color:#091021}
.subbrand{font-size:12px;color:var(--muted);font-weight:400}
nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
nav a{text-decoration:none;color:var(--muted);font-size:13px}
nav a:hover{color:var(--ink)}
main{max-width:1240px;margin:auto;padding:48px 28px}
h1,h2,h3{line-height:1.25;letter-spacing:-.04em}
h1{font-size:clamp(32px,4.8vw,66px);font-weight:650;margin:12px 0 24px}
h2{font-size:clamp(23px,3vw,34px);margin:0 0 20px}
h3{font-size:19px;margin:18px 0 12px}
.muted,.hint,.panel p,.meta,.note,.empty{color:var(--muted)}
.hint{font-size:12px}
.lead{font-size:18px;line-height:1.8;color:var(--muted);max-width:620px}
.eyebrow,.feature-index{font-size:11px;font-weight:650;letter-spacing:.18em;color:var(--accent)}
button,input,textarea,select{font:inherit}
button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:11px;border:1px solid var(--line);padding:9px 17px;text-decoration:none;cursor:pointer;background:#17243a;color:var(--ink);font-weight:550;transition:background .2s,transform .2s,box-shadow .2s,border-color .2s}
button:hover,.button:hover{background:#223551;border-color:#5c829f;transform:translateY(-1px)}
button:active,.button:active{transform:translateY(0)}
button:disabled{opacity:.45;cursor:default;transform:none}
.primary,.download{background:linear-gradient(110deg,#79dffa,#a5afff);color:#081322;border-color:transparent;box-shadow:0 5px 24px #76c9fa1a}
.primary:hover,.download:hover{background:linear-gradient(110deg,#a1ebff,#c0baff);color:#081322;box-shadow:0 6px 28px #76c9fa35}
.quiet{color:var(--muted);background:transparent}
.danger{color:#ffacb8;background:#48263355;border-color:#784357}
.danger:hover{background:#663449}
.panel,.key-card,.card,.connection,.access-panel{background:linear-gradient(135deg,#152238d9,#101929e8);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 15px 45px #00000018}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.feature-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;min-height:570px;padding:30px 0 75px}
.hero-actions,.orbit-facts{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.orbit-facts{gap:28px;color:var(--muted);font-size:12px}
.orbit-facts span:before{content:'•';color:var(--accent);margin-right:9px}
.gradient-text{background:linear-gradient(90deg,#87e6ff,#b6a1ff);background-clip:text;color:transparent}
.orbit-scene{position:relative;display:grid;place-items:center;min-height:420px;overflow:hidden}
.orbit{position:absolute;width:340px;height:340px;border:1px solid #6489bf55;border-radius:50%;box-shadow:0 0 45px #72a8ff08,inset 0 0 45px #72a8ff08}
.orbit-one{transform:rotateX(55deg) rotateZ(-30deg);animation:orbit-float 12s ease-in-out infinite}
.orbit-two{width:290px;height:290px;transform:rotateY(55deg) rotateZ(30deg);border-color:#a18aff66}
.orbit-core{display:grid;place-items:center;width:176px;height:176px;border-radius:40px;background:radial-gradient(circle at 20% 10%,#81cfff50,#5c478b30);border:1px solid #91b4e96e;box-shadow:0 0 100px #656cdd25,inset 0 0 50px #a0c7ff15;font-size:80px;color:#ceefff;transform:rotate(-8deg)}
.orbit-core small{font-size:9px;letter-spacing:.15em;margin-top:-25px}
.orbit-label{position:absolute;bottom:12px;color:var(--muted);font-size:10px;letter-spacing:.22em}
.section-space{margin-top:64px}
.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;padding-top:24px}
.admin-link{display:inline-block;margin-top:24px;font-size:13px}
.tab-row{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:20px}
.tab-row button{flex:1;background:transparent}
.tab-row [aria-selected=true]{background:#243c56;border-color:#5487a3;color:var(--accent)}
label{display:block;margin:14px 0 7px;font-size:13px;color:var(--muted)}
input,select,textarea,#prompt{background:#0b1424;color:var(--ink);border:1px solid #32445c;border-radius:10px;padding:11px 13px;max-width:100%}
input:not([type=checkbox]):not([type=radio]),.account-form select{width:100%}
input:focus,select:focus,textarea:focus{border-color:#7bdcfa;outline:none;box-shadow:0 0 0 3px #7bdcfa1a}
input[type=checkbox]{accent-color:var(--accent)}
form>.primary{margin-top:22px}
.error{color:#ffb2bd;background:#57283a55;padding:10px 14px;border-radius:9px}
.error[hidden]{display:none}
.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}
.member-page h1{font-size:clamp(28px,4vw,44px)}
.member-trend{display:grid;gap:10px;max-height:320px;overflow:auto}
.trend-column{display:grid;grid-template-columns:50px minmax(0,1fr) 90px;align-items:center;gap:12px}
.trend-column small:last-child{text-align:right}
.account-form{max-width:440px}
progress{display:block;width:100%;height:9px;appearance:none;border:0;border-radius:12px;overflow:hidden;background:#27364c;accent-color:var(--accent)}
progress::-webkit-progress-bar{background:#27364c}
progress::-webkit-progress-value{background:linear-gradient(90deg,#75dffa,#ab9bff)}
progress::-moz-progress-bar{background:#83d8fb}
summary{cursor:pointer;color:var(--ink);padding:8px 0;list-style-position:inside}
details[open]>summary{margin-bottom:14px}
dialog{background:#101c30;color:var(--ink);border:1px solid #37516c;border-radius:18px;box-shadow:0 30px 100px #0009}
dialog::backdrop{background:#030814aa;backdrop-filter:blur(8px)}
.badge,.count{color:#9fe4ff;background:#1c3950;border-color:#38596b}
.badge.off{background:#293349;color:#a4b0c4}
.badge.warning{color:#f8d391;background:#443927}
.key-title h3,.quota-value,.usage-headline strong{color:var(--ink)}
.metric-label,.tiny,.masked,.key-details,.model-label{color:var(--muted)}
.panel-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.panel h2{font-size:20px;margin:0}
.usage-details,.archive-filters,.capacity-footer{border-color:var(--line)}
.usage-chart text{fill:var(--muted)}
.thread-button[aria-current=true]{background:#203b53;color:#9fe4ff}
.thread-button.running:before{content:'● ';color:#82e4c2}
.message.user{background:#203351}
.tool pre,.build-log,dialog pre{background:#0b1424;color:#c0cde1;border-color:var(--line)}
.approval{background:#28243b;border-color:#665577}
.connection{background:#14243b}
.workbench .chat h1{font-size:23px}
.archive-page .intro h1{font-size:34px}
.archive-section{margin:14px 0}
.archive-section>summary{display:flex;align-items:center;gap:12px;padding:18px 22px;background:#132238;border:1px solid var(--line);border-radius:13px;font-size:15px;font-weight:600}
.archive-section>summary:before{content:'+';font-size:20px;color:var(--accent)}
.archive-section[open]>summary:before{content:'−'}
.archive-section>.panel{margin-top:12px}
.archive-view-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.archive-view-nav [aria-selected=true]{color:var(--accent);border-color:#547790;background:#1b3048}
.archive-page [data-archive-view][hidden]{display:none}
.public-page footer,.member-page footer,footer{color:var(--muted);font-size:12px;border-top:1px solid var(--line);margin-top:64px;padding:24px 0}
.public-page section{scroll-margin-top:110px}
.public-page [hidden],.member-page [hidden]{display:none!important}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
::selection{background:#557aa6;color:#fff}
@keyframes orbit-float{50%{transform:rotateX(65deg) rotateZ(5deg) translateY(-8px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
}
@media(max-width:850px){header{padding:15px 20px;flex-wrap:wrap}
nav{gap:12px}
.hero{grid-template-columns:1fr;min-height:auto;padding:38px 0}
.orbit-scene{display:none}
.feature-grid{grid-template-columns:1fr}
.access-grid{grid-template-columns:1fr;gap:26px}
.feature-grid.two{grid-template-columns:1fr}
.section-space{margin-top:40px}
.intro{align-items:flex-start;flex-direction:column}
main{padding:32px 18px}
.panel{padding:22px}
nav .button{padding:7px 11px;font-size:12px}
.subbrand{display:none}
}


#history-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(820px,96vw);height:100dvh;max-height:100dvh;border-radius:20px 0 0 20px;overflow:auto}
#history-dialog .dialog-heading{position:sticky;top:-1px;background:#101c30;z-index:2;padding:12px 0}
.archive-page main{max-width:1320px}
.archive-view-nav{position:sticky;top:86px;background:#080e1aeb;backdrop-filter:blur(16px);padding:10px 0;z-index:10}
details.asset-card,details.history-card{border-color:var(--line)}


.admin-login main{max-width:420px;margin:9vh auto}
.admin-login h1{font-size:28px}
.admin-login p{color:var(--muted)}
.panel .error{color:#ffb2bd}
.context-entry,#history-context{background:#0d1829;color:var(--ink)}
.asset-view-switch [aria-pressed=true]{background:#243c56;color:var(--accent);border-color:#527799}
.quota-ring{color:var(--accent)}
.capacity-composition,.capacity-meter{background:#26344a}
.capacity-content,.capacity-meter>span{background:#79d6ef}
.data-warning,#notice{background:#322b43;color:#e2cfff;border-color:#5e4c79}
.usage-details table th,.usage-details table td{border-color:var(--line)}
.key-actions{flex-wrap:wrap}
.key-actions button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.member-page .panel h3{overflow-wrap:anywhere}
@media(max-width:480px){.admin-login main{margin:32px 16px;width:auto}
.archive-view-nav{position:static}
}


.model-option:has(:checked){background:#243c56;border-color:#597f9d}
.meter{background:#26344a}
.meter span{background:#7bdcfa}
#archive-owner{background:var(--surface);border-color:var(--line)}
details p{max-width:none}
.key-top{align-items:flex-start;flex-wrap:wrap}
.key-actions{flex-shrink:1}
.public-page .card-heading{display:flex;gap:16px;justify-content:space-between}
.admin-login main.panel{background:#101c30}
.quota-ring-track{stroke:#25354c}
.quota-ring-value{stroke:#7bdcfa}
#notice.error{background:#57283a55;color:#ffb2bd;border-color:#784357}
.archive-page #history-dialog{max-height:100dvh}
@media(min-width:851px){.archive-page header nav{width:auto}
}


/* Login, quota and usage motion share a quiet, consistent rhythm. */
.public-page .hero{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:start;gap:64px;min-height:0;padding:12px 0 64px}
.public-page .hero-copy{padding-top:24px;animation:surface-enter .5s ease-out both}
.public-page .access-panel{scroll-margin-top:115px;animation:surface-enter .6s ease-out both}
.public-page .access-panel h2{font-size:24px;margin:0 0 20px}
.public-page .access-panel .admin-link{margin-top:4px}
.public-page .access-panel form>.primary{width:100%}
.public-page .feature-grid .panel{transition:border-color .25s,box-shadow .25s,transform .25s}
.member-quota-metric{display:flex;gap:22px;align-items:center;padding:12px 0}
.member-quota-metric .quota-ring{width:100px;height:100px;flex:none}
.member-quota-metric h3{margin:4px 0;font-size:23px;font-variant-numeric:tabular-nums}
.member-quota-metric .hint{margin:5px 0}
.ring-number{fill:var(--ink);font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
.member-page .member-trend{display:block;max-height:none;overflow:visible;margin-top:24px}
.curve-chart{width:100%;height:auto;display:block;overflow:visible}
.curve-chart text{fill:var(--muted)}
.curve-grid{stroke:var(--line);stroke-dasharray:3 6;stroke-width:1}
.curve-hit{cursor:crosshair}
.curve-hit:focus-visible{outline:none;stroke:var(--accent);stroke-width:1;rx:6}
.curve-line{stroke-dasharray:1;stroke-dashoffset:0;animation:curve-draw .85s cubic-bezier(.2,.65,.3,1) both}
.curve-area{animation:area-enter .65s ease-out both}
.quota-arc{animation:area-enter .6s ease-out both}
.person-curves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.person-curve{min-width:0;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#0b142466;animation:surface-enter .35s ease-out both}
.person-curve-select{display:block;max-width:100%;min-height:30px;padding:0 0 4px;border:0;background:transparent;white-space:normal;text-align:left;overflow-wrap:anywhere;color:var(--ink);font-size:13px}
.person-curve .hint{display:block;margin:0;font-variant-numeric:tabular-nums;font-size:11px}
.person-curve-plot{margin-top:6px}
.legend-button.selected{background:#203b53;border-color:#527799;color:var(--accent)}
.account-name{color:var(--ink)}
.usage-panel .chart-inspect,.member-page .chart-inspect{font-size:12px;min-height:22px;line-height:1.7;margin:12px 0;color:var(--muted)}
.member-page main>.intro,.member-page #member-windows>.panel,.member-page main>section.panel,.overview-grid>.panel{animation:surface-enter .45s ease-out both}
input,textarea,select{transition:border-color .2s,box-shadow .2s}
dialog[open]{animation:surface-enter .22s ease-out both}
button[disabled]{cursor:wait}
@media(hover:hover){.public-page .feature-grid .panel:hover{transform:translateY(-3px);border-color:#527799;box-shadow:0 16px 48px #0003}}
@keyframes surface-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes curve-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes area-enter{from{opacity:0}to{opacity:1}}
@media(max-width:850px){.public-page .hero{display:flex;flex-direction:column;gap:24px;padding:0 0 40px}.public-page .access-panel{order:-1;width:100%;max-width:540px;align-self:center}.public-page .hero-copy{padding-top:0}.public-page .hero-copy h1{font-size:34px}.member-quota-metric{gap:16px}}
@media(max-width:480px){.person-curves{grid-template-columns:1fr}.public-page header nav>a:not(.button){display:none}.public-page header{flex-wrap:nowrap}.public-page .access-panel{padding:20px}.member-quota-metric .quota-ring{width:82px;height:82px}.member-quota-metric h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}