:root{
 color-scheme:light;--bg:#f5f6f8;--surface:#fff;--text:#1d1d1f;--muted:#565b65;--line:#e2e6ec;
 --soft:#f5f7fa;--accent:#005bbd;--up:#b13b3f;--down:#17795e;--flat:#666b75;
 --rail:#f9fafc;--rail-ink:#323741;--rail-muted:#666c75;--shadow:0 4px 18px #24365b08;
 --hero:#eef4ff;--hero-text:#1b2b47;--hero-muted:#485b76;--hero-card:#ffffffa8;--hero-border:#c6d8f1;
 --glass:#ffffffd6;--key:#0062ce;--key-text:#fff;--selected:#e6effd
}
:root[data-theme=dark]{
 color-scheme:dark;--bg:#0e1118;--surface:#191e29;--text:#f0f3f8;--muted:#aeb6c7;--line:#303846;
 --soft:#202635;--accent:#9bc9ff;--up:#ffaaa8;--down:#7adfbd;--flat:#adb9ca;
 --rail:#141923;--rail-ink:#e4eafa;--rail-muted:#a1abc0;--shadow:0 4px 18px #0002;
 --hero:#17263e;--hero-text:#edf4ff;--hero-muted:#b9cce9;--hero-card:#233957ad;--hero-border:#385170;
 --glass:#191e29e6;--key:#8bbdff;--key-text:#122542;--selected:#253956
}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.rail{border-right:1px solid var(--line);background:var(--rail)}
.rail .brand strong{letter-spacing:.3px}
.rail .nav-button:hover{background:var(--soft)}
.rail .nav-button.active{background:var(--selected);color:var(--accent)}
.rail-note{background:var(--soft);border-color:var(--line);color:var(--text)}
.rail-note i,.pulse{background:var(--key)}
.top{position:sticky;top:0;z-index:4;background:var(--glass);backdrop-filter:saturate(155%) blur(16px);-webkit-backdrop-filter:saturate(155%) blur(16px)}
.top-actions .outline-button,.top-actions .icon-button,.account-button{border-radius:999px}
.top-actions .outline-button{font-weight:650}
.account-button,:root[data-theme=dark] .account-button{background:var(--key);border-color:var(--key);color:var(--key-text)}
.hero{
 position:relative;isolation:isolate;border:1px solid var(--hero-border);border-radius:25px;color:var(--hero-text);
 background:
  radial-gradient(ellipse at 100% 0%,#b4d3ff79 0%,transparent 57%),
  radial-gradient(ellipse at 14% 120%,#d9d4ff66 0%,transparent 61%),
  var(--hero);
}
:root[data-theme=dark] .hero{background:radial-gradient(ellipse at 100% 0%,#335b9590 0%,transparent 58%),var(--hero)}
.hero .eyebrow{color:var(--accent);letter-spacing:2.1px}
.hero h1{font-weight:790;letter-spacing:-.9px}
.hero p,.hero-meta{color:var(--hero-muted)}
.hero-meta button{background:var(--hero-card);border:1px solid var(--hero-border);color:var(--hero-text);border-radius:999px}
.hero-chip{background:var(--hero-card);color:var(--hero-text);border-color:var(--hero-border);border-radius:13px}
.hero-chip span,.hero-chip small{color:var(--hero-muted)}
.section,.intraday{border-radius:19px}
.section-head h2:before{background:var(--key);width:3px}
.section-head h2{font-weight:745;letter-spacing:-.15px}
.quote{border-radius:12px;background:var(--soft);transition:transform .24s cubic-bezier(.2,.75,.3,1),border-color .22s,box-shadow .22s}
.quote-name{font-weight:680}
.quote-value{font-weight:790}
.quote-value small{font-size:9px}
.nav-button,.outline-button,.icon-button,.account-button,.intraday-tabs button,.hero-chip,.theme-option,.sync-bar button{transition:background-color .2s,color .2s,box-shadow .2s,transform .2s}
.nav-button:active,.outline-button:active,.icon-button:active,.account-button:active,.intraday-tabs button:active,.hero-chip:active,.quote:active{transform:scale(.984)}
@media(hover:hover){.quote:hover,.hero-chip:hover{transform:translateY(-2px);box-shadow:0 8px 17px #1c3f7614}.account-button:hover{box-shadow:0 4px 12px #1278e52e}}
.bottom{background:var(--glass);backdrop-filter:saturate(170%) blur(18px);-webkit-backdrop-filter:saturate(170%) blur(18px);box-shadow:0 -5px 18px #283b580a}
.bottom .nav-button.active{color:var(--accent)}
.dialog{border-radius:20px;box-shadow:0 20px 70px #12203940}
.dialog::backdrop{background:#131a2c70;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.dialog[open]{animation:atlas-dialog .28s cubic-bezier(.18,.75,.27,1) both}
.account-submit,.d-watch{background:var(--key);color:var(--key-text)}
.d-watch.saved{background:var(--soft);color:var(--text)}
.intraday-tabs{padding:3px;border-radius:12px;background:var(--soft);width:max-content;max-width:100%;gap:3px}
.intraday-tabs button{background:transparent;border-color:transparent;color:var(--muted);border-radius:9px}
.intraday-tabs button[aria-pressed=true]{background:var(--surface);border-color:var(--line);color:var(--accent);box-shadow:0 1px 4px #263a6910}
.intraday-status{background:var(--soft);border:1px solid var(--line);color:var(--muted);padding:4px 7px;border-radius:999px}
.intraday-status.live{color:var(--down)}
.intraday-readout{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;background:linear-gradient(110deg,var(--soft),var(--surface));border:1px solid var(--line);border-radius:12px;padding:9px 11px;margin:8px 0 6px}
.intraday-symbol{color:var(--muted);font:600 10px/1.35 var(--mono);letter-spacing:.4px}
.intraday-number{display:flex;gap:5px;align-items:baseline;flex-wrap:wrap}
.intraday-price{font-size:25px;font-weight:780;letter-spacing:-.5px;line-height:1.14}
.intraday-unit{font-size:10px;color:var(--muted);white-space:nowrap}
.intraday-change{font-size:11px;font-weight:760;white-space:nowrap}
.intraday-links{display:grid;gap:4px;justify-items:end;text-align:right}
.intraday-links a{font-size:10px;line-height:1.35}
.intraday-meta{margin:0 2px}
.atlas-enter{animation:atlas-in .37s cubic-bezier(.2,.73,.24,1) both}
@keyframes atlas-in{from{opacity:.45;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes atlas-dialog{from{opacity:.1;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.hero{border-radius:18px}.section,.intraday{border-radius:14px}.dialog{border-radius:16px}.intraday{margin-top:8px}}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .quote:hover,.hero-chip:hover,.nav-button:active,.quote:active{transform:none}
}