/* Build-bound copy of canonical docs/brand/UI_TOKENS.css; source remains Root-owned. */
/* CEO-selected compact UI standard, 2026-10-15. One shared design token source. */
:root {
  color-scheme: dark;
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --text-title: 22px;
  --text-body: 17px;
  --text-secondary: 15px;
  --text-process: 13px;
  --line-height: 1.5;
  --weight-title: 600;
  --weight-body: 400;
  --color-background: #12100d;
  --color-surface: #171717;
  --color-selected: #242424;
  --color-text: #f5f5f5;
  --color-secondary: #a3a3a3;
  --color-process: #8d8d8d;
  --color-accent: #dfc19a;
  --color-logo-number: #ffffff;
  --color-scrollbar: rgb(255 255 255 / 20%);
  --color-line: rgb(255 255 255 / 10%);
  --color-hover: rgb(255 255 255 / 5%);
  --color-highlight: rgb(223 193 154 / 14%);
  --color-shade: rgb(0 0 0 / 58%);
  --density: 1;
  --space-1: calc(4px * var(--density));
  --space-2: calc(8px * var(--density));
  --space-3: calc(12px * var(--density));
  --space-4: calc(16px * var(--density));
  --space-5: calc(24px * var(--density));
  --space-6: calc(32px * var(--density));
  --page-gutter: var(--space-6);
  --radius: 12px;
  --radius-input: calc(var(--radius) + 4px);
  --radius-small: calc(var(--radius) / 4);
  --radius-segment: calc(var(--radius) * .75);
  --radius-pill: 999px;
  --border-width: 1px;
  --target-size: 44px;
  --icon-size: 22px;
  --sidebar-width: 248px;
  --reading-width: 720px;
  --drawer-width: 312px;
  --segmented-width: 184px;
  --note-width: 300px;
  --assistant-width: 380px;
  --assistant-height: 360px;
  --assistant-mobile-height: 390px;
  --orb-size: 48px;
  --popup-shadow: 0 12px 32px rgb(0 0 0 / 35%);
  --scrollbar-width: 4px;
  --focus-width: 2px;
  --focus-offset: 3px;
  --wordmark-size: 20px;
  --texture-opacity: 0.025;
}
@media (max-width: 760px) { :root { --page-gutter: var(--space-4); } }

@font-face{font-family:Allumi;src:url("allumi-std-extended.otf") format("opentype");font-weight:400;font-display:swap}
*{box-sizing:border-box}
html{background:var(--color-background);min-height:100%}
body{margin:0;min-height:100svh;padding:var(--space-6);display:grid;place-items:center;color:var(--color-text);font:var(--weight-body) var(--text-body)/var(--line-height) var(--font-ui)}
main{width:100%;max-width:640px;text-align:center;padding:var(--space-6) 0}
.brand{font-family:Allumi,var(--font-ui);font-size:22px;line-height:var(--line-height);display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:var(--space-6);white-space:nowrap}
.symbol{display:block;flex:none;margin-right:var(--space-2);color:var(--color-accent);animation:warm-light 12s ease-in-out infinite}
.letter{color:var(--color-accent)}
h1{margin:0;font:var(--weight-title) var(--text-title)/var(--line-height) var(--font-ui)}
p{margin:0}
.description{max-width:520px;margin:var(--space-3) auto 0;color:var(--color-secondary)}
.countdown{display:flex;align-items:flex-start;justify-content:center;gap:var(--space-4);margin:var(--space-5) 0 var(--space-6);font-variant-numeric:tabular-nums}
.countdown>div{min-width:88px;display:flex;flex-direction:column}
.countdown>div>span:first-child,.separator{font-size:64px;font-weight:400;line-height:var(--line-height);color:var(--color-accent)}
.unit,.email-purpose{font-size:var(--text-secondary);color:var(--color-secondary)}
form{max-width:520px;margin:0 auto}
.form-row{display:flex;gap:var(--space-2)}
input,button{font:inherit;min-height:48px;border-radius:var(--radius);padding:var(--space-3) var(--space-4)}
input{width:100%;min-width:0;background:var(--color-surface);color:var(--color-text);border:var(--border-width) solid var(--color-line)}
input::placeholder{color:var(--color-secondary)}
button{flex:none;border:var(--border-width) solid transparent;background:var(--color-accent);color:var(--color-background);cursor:pointer}
button:hover{filter:brightness(1.05)}
input:focus-visible,button:focus-visible{outline:var(--focus-width) solid var(--color-accent);outline-offset:var(--focus-offset)}
.email-purpose{margin-top:var(--space-3)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes warm-light{0%,100%{filter:brightness(1) drop-shadow(0 0 0 transparent)}50%{filter:brightness(1.22) drop-shadow(0 0 7px rgb(223 193 154 / 18%))}}
@media(max-width:600px){body{padding:var(--space-4)}main{padding:var(--space-5) 0}.countdown{gap:var(--space-2)}.countdown>div{min-width:64px}.countdown>div>span:first-child,.separator{font-size:44px}.form-row{flex-direction:column}.description{max-width:360px}}
@media(prefers-reduced-motion:reduce){.symbol{animation:none}}

form{margin:var(--space-6) auto 0}