/* Rhythm: black glass, blue chrome, and silver light. */
:root,[data-theme="dark"]{
 --surface-canvas:#020407;--surface-panel:#070b12;--surface-raised:#101923;
 --surface-hover:#162434;--surface-selected:#1d3147;
 --text:#edf5ff;--text-secondary:#b6c8dc;--text-muted:#859bb3;--text-faint:#63798f;
 --line:#233449;--line-strong:#3c5875;--accent:#a9d3ff;--accent-strong:#78afe5;
 --on-accent:#071421;--button-primary:#d9ebff;--on-primary:#091522;
 --backdrop:rgba(0,3,9,.78);--logo-surface:#000;--shadow:#000;
 --theme-swatch-dark:#080d15;--theme-swatch-light:#f0f6ff;
 --theme-swatch-dark-ink:#c9e3ff;--theme-swatch-light-ink:#244b76;
 --page-art:linear-gradient(90deg,rgba(2,4,7,.98),rgba(2,4,7,.83)),url('/assets/rhythm-chrome.png');
}
[data-theme="light"]{
 --surface-canvas:#edf3fb;--surface-panel:#f8fbff;--surface-raised:#e4edf8;
 --surface-hover:#dae7f6;--surface-selected:#c9def4;
 --text:#11263e;--text-secondary:#344f70;--text-muted:#536e8c;--text-faint:#6c829d;
 --line:#ccdbee;--line-strong:#8faecd;--accent:#285e98;--accent-strong:#3679bb;
 --on-accent:#f6fbff;--button-primary:#234f80;--on-primary:#f5faff;
 --backdrop:rgba(15,34,61,.4);--shadow:#233a58;
 --page-art:linear-gradient(90deg,rgba(237,243,251,.98),rgba(237,243,251,.93)),url('/assets/rhythm-chrome.png');
}
#startPage{
 background:radial-gradient(ellipse at 50% 24%,rgba(39,84,133,.13),transparent 44%),#020407;
 padding:48px 24px;min-height:100svh;
 --start-title:#eef6ff;--start-muted:#91aac6;
}
#startPage::before{
 background:linear-gradient(90deg,transparent,rgba(94,155,218,.025) 50%,transparent);
 border-top:1px solid rgba(174,210,255,.08);pointer-events:none;
}
#startPage .start-center{
 max-width:390px;padding:0 20px 8px;background:transparent;border:0;border-radius:0;
 box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}
#startPage .start-logo{
 width:228px;height:228px;object-fit:contain;margin:0 auto -4px;
 border:0;padding:0;border-radius:0;filter:none;mix-blend-mode:screen;
}
#startPage h1{
 font-family:'Space Grotesk','DM Sans',sans-serif;font-size:27px;font-weight:500;
 letter-spacing:.49em;text-indent:.49em;line-height:1.4;margin:0;
 color:#eef6ff;text-shadow:0 0 18px rgba(154,208,255,.25);
}
#startPage .start-tagline{
 color:#99c9f4;font-size:9px;letter-spacing:.4em;text-indent:.4em;
 line-height:1.8;margin:10px 0 38px;font-weight:500;
}
#startPage .login-options{gap:10px}
#startPage .login-option{
 min-height:54px;border:1px solid #253b54;border-radius:10px;
 background:linear-gradient(120deg,#101c2b,#080e17);color:#dbeaff;
 box-shadow:inset 0 1px 0 rgba(198,225,255,.045);font-size:13px;
}
#startPage .login-option.google{
 background:linear-gradient(115deg,#f0f7ff,#b7d7f8 52%,#d4e9ff);
 color:#091a2d;border-color:#c9e3ff;
 box-shadow:0 5px 30px rgba(112,175,242,.1),inset 0 1px 0 #fff;
}
#startPage .login-option:hover:not(:disabled){background:#192b41;color:#fff;box-shadow:0 4px 22px rgba(90,153,224,.14)}
#startPage .login-option.google:hover:not(:disabled){background:#e9f4ff;color:#08182a}
#startPage .login-option:focus-visible{outline:2px solid #b8ddff;outline-offset:4px}
#startPage .auth-status{color:#91aac6;font-size:11px;margin-top:19px}
:root[data-theme="light"] #startPage{background:radial-gradient(ellipse at 50% 18%,#d0e3fa,transparent 55%),#edf3fb}
:root[data-theme="light"] #startPage .start-logo{background:#000;border-radius:28px;mix-blend-mode:normal;width:200px;height:200px;margin-bottom:22px}
:root[data-theme="light"] #startPage h1{color:#142f50;text-shadow:none}
:root[data-theme="light"] #startPage .start-tagline,:root[data-theme="light"] #startPage .auth-status{color:#42678f}
.auth-loading{background:var(--surface-canvas);color:var(--text-secondary)}
.auth-loading img{object-fit:contain;width:88px;height:88px;border-radius:16px}
.auth-spinner{border-color:var(--line);border-top-color:var(--accent)}
#authRetry{border-color:var(--line-strong);color:var(--text)}
.brand img,.message-avatar img,.assistant-fab img{object-fit:contain;mix-blend-mode:screen}
.brand img{width:46px;height:46px}
.brand span{letter-spacing:.24em;font-weight:500;font-size:17px}
[data-theme="light"] .brand img{filter:none;background:#000;border-radius:10px;mix-blend-mode:normal}
#agentApp main .hero-art{display:none}
.sidebar-promo{background:linear-gradient(90deg,var(--surface-panel),transparent),url('/assets/rhythm-chrome.png') right center / 170px no-repeat;letter-spacing:2px}
.message-avatar img{width:38px;height:38px}
.assistant-fab img{width:46px;height:46px}
.mobile-account-sheet{background:var(--surface-panel);color:var(--text);border-color:var(--line)}
.settings-display-name input,.account-sheet-wallet{border-color:var(--line)}
.account-avatar{background:var(--surface-selected);color:var(--accent)}
@media(max-width:600px){
 #startPage{padding:72px 22px 24px}
 #startPage .start-center{padding:0;max-width:350px}
 #startPage .start-logo{width:200px;height:200px}
 #startPage h1{font-size:24px;letter-spacing:.43em;text-indent:.43em}
 #startPage .start-tagline{font-size:8px;margin-bottom:30px}
 #startPage .start-theme-control{top:20px;right:20px}
}
@media(max-height:680px){#startPage .start-logo{width:148px;height:148px}#startPage .start-tagline{margin-bottom:24px}#startPage{padding-top:62px}}