:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--bg: #070a14;--bg-elevated: linear-gradient(180deg, rgba(17, 22, 40, .96) 0%, rgba(10, 14, 28, .98) 100%);--card: rgba(12, 16, 30, .9);--card-strong: rgba(14, 20, 38, .95);--border: rgba(138, 157, 255, .18);--border-strong: rgba(138, 157, 255, .3);--text-main: #edf2ff;--text-subtle: #9aa5c5;--accent: #7f6bff;--accent-strong: #9484ff;--accent-soft: rgba(127, 107, 255, .18);--primary-button: linear-gradient(135deg, #8d7cff 0%, #c3bbff 100%);--primary-button-text: #101325;--chip: rgba(255, 255, 255, .06);--input: rgba(255, 255, 255, .04);--shadow: 0 24px 60px rgba(3, 7, 18, .45);--rise: #ff6b7d;--fall: #33c48d;--chart-grid: rgba(255, 255, 255, .08);--chart-line: #8c7dff;--chart-area: rgba(140, 125, 255, .18);--chart-fund: #8c7dff;--chart-line-2: #3ccaa1;--chart-line-3: #ffa05b;--chart-line-4: #48b7ff}:root[data-theme=light]{color-scheme:light;--bg: #f4f7fc;--bg-elevated: linear-gradient(180deg, rgba(255, 255, 255, .95) 0%, rgba(247, 249, 255, .98) 100%);--card: rgba(255, 255, 255, .92);--card-strong: rgba(255, 255, 255, .98);--border: rgba(92, 108, 194, .15);--border-strong: rgba(92, 108, 194, .28);--text-main: #172036;--text-subtle: #6a738f;--accent: #6256ff;--accent-strong: #5045ec;--accent-soft: rgba(98, 86, 255, .12);--primary-button: linear-gradient(135deg, #6154ff 0%, #8f85ff 100%);--primary-button-text: #ffffff;--chip: rgba(98, 86, 255, .08);--input: rgba(98, 86, 255, .05);--shadow: 0 18px 45px rgba(60, 74, 119, .12);--chart-grid: rgba(48, 64, 120, .08);--chart-line: #6154ff;--chart-area: rgba(97, 84, 255, .14);--chart-fund: #6154ff;--chart-line-2: #0fb381;--chart-line-3: #f59042;--chart-line-4: #2d90ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-main);background:radial-gradient(circle at top left,rgba(111,92,255,.18),transparent 24%),radial-gradient(circle at top right,rgba(58,180,255,.12),transparent 20%),linear-gradient(180deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 92%,#000 8%) 100%)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 80%,#fff 20%);outline-offset:2px}#root{min-height:100vh}.app-shell{max-width:1320px;margin:0 auto;padding:18px 18px 120px}.card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:28px;box-shadow:var(--shadow)}.topbar,.page-heading,.dashboard-panel,.quote-dashboard,.chart-card,.search-panel,.status-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;margin-bottom:18px}.brand-link{display:inline-flex;align-items:center;gap:12px}.brand-mark{width:14px;height:14px;border-radius:999px;background:linear-gradient(135deg,#8d7cff,#60d1ff);box-shadow:0 0 18px #6e6bff7a}.brand-text{display:grid;gap:2px}.brand-text small,.page-subtitle,.quote-symbol,.quote-row-header p,.holding-card-header p,.ticker-card p,.chart-legend-block small,.kpi-hint,.secondary-card dt,.app-footer,.recent-searches-label,.recent-searches-list,.quote-row-metrics,.panel-empty{color:var(--text-subtle)}.topbar-actions,.search-input-row,.panel-title-row,.panel-title-row--stack-mobile,.detail-actions,.range-switch,.chart-legend,.quote-chip-row,.quote-row-header,.quote-row,.quote-row-metrics,.ticker-card-top,.ticker-meta-row,.holding-card-header,.holding-card-footer,.inline-code-form,.home-grid,.page-heading,.page-heading-actions,.mobile-bottom-nav{display:flex;gap:12px}.topbar-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}.icon-button,.theme-button,.ghost-button,.primary-button,.range-pill,.recent-chip,.panel-chip,.quote-chip,.link-button{border-radius:18px;border:1px solid transparent;transition:transform .16s ease,border-color .16s ease,background .16s ease}.icon-button,.theme-button,.ghost-button,.range-pill,.recent-chip,.panel-chip,.quote-chip,.link-button{background:var(--chip);border-color:var(--border);color:var(--text-main)}.icon-button,.theme-button{min-height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.icon-button{min-width:42px}.icon-button--danger{color:var(--rise)}.primary-button{border-color:transparent;background:var(--primary-button);color:var(--primary-button-text);font-weight:700;padding:12px 18px}.ghost-button,.link-button,.range-pill,.recent-chip,.panel-chip,.quote-chip{padding:10px 14px}.range-pill--active{background:var(--accent-soft);border-color:var(--border-strong);color:var(--accent-strong)}.icon-button:hover,.theme-button:hover,.ghost-button:hover,.primary-button:hover,.range-pill:hover,.recent-chip:hover,.link-button:hover{transform:translateY(-1px)}.page-heading{justify-content:space-between;align-items:center;margin-bottom:18px;padding:20px 22px}.page-heading h1,.search-panel h2,.dashboard-panel h2,.quote-dashboard h2,.chart-card h3,.status-card h2{margin:0}.page-content{display:grid;gap:18px}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.home-grid--top{align-items:start}.search-panel,.dashboard-panel,.quote-dashboard,.chart-card,.status-card{padding:22px}.section-eyebrow{margin:0 0 8px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong)}.panel-title-row{align-items:center;justify-content:space-between;margin-bottom:18px}.panel-title-row--stack-mobile{align-items:center;justify-content:space-between}.search-form{display:grid;gap:12px}.field-label{font-weight:700}.text-input,.mini-input{width:100%;border-radius:18px;border:1px solid var(--border);background:var(--input);color:var(--text-main)}.text-input{min-height:54px;padding:0 16px}.mini-input{min-height:46px;padding:0 14px;min-width:138px}.text-input::placeholder,.mini-input::placeholder{color:color-mix(in srgb,var(--text-subtle) 70%,transparent 30%)}.search-input-row{align-items:center}.search-input-row .text-input{flex:1}.search-submit-button{min-width:132px}.recent-searches-row{display:grid;gap:10px}.recent-searches-list{display:flex;flex-wrap:wrap;gap:8px}.field-error{margin:0;color:var(--rise)}.quote-list,.holding-grid,.ticker-grid{display:grid;gap:14px}.quote-row,.holding-card,.ticker-card,.chart-legend-block,.secondary-card{border-radius:22px;border:1px solid var(--border);background:color-mix(in srgb,var(--card-strong) 90%,transparent 10%)}.quote-row{align-items:center;justify-content:space-between;padding:16px}.quote-row-main{display:grid;gap:12px;min-width:0}.quote-row-header{align-items:flex-start;justify-content:space-between}.quote-row-header strong,.holding-card strong,.ticker-card strong{display:block;font-size:1rem}.quote-row-header p,.holding-card-header p,.ticker-card p{margin:4px 0 0}.quote-row-metrics{flex-wrap:wrap;font-size:.92rem}.inline-code-form{align-items:center}.holding-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.holding-card{padding:18px;display:grid;gap:16px}.holding-card-header,.holding-card-footer{align-items:center;justify-content:space-between}.holding-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}.holding-stats dt{color:var(--text-subtle);font-size:.88rem}.holding-stats dd{margin:6px 0 0;font-size:1.08rem;font-weight:700}.ticker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticker-card{padding:16px;display:grid;gap:12px}.ticker-card-top,.ticker-meta-row{justify-content:space-between;align-items:center}.ticker-meta-row{color:var(--text-subtle);font-size:.88rem}.ticker-rate{font-size:1.15rem;font-weight:700}.mini-sparkline{width:100%;height:68px}.mini-sparkline polyline{stroke:var(--chart-line);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.quote-dashboard,.chart-card{display:grid;gap:18px}.detail-actions{align-items:center;flex-wrap:wrap}.quote-symbol{margin:8px 0 0}.quote-kpi-grid,.detail-secondary-grid{display:grid;gap:16px}.quote-kpi-grid{grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr))}.quote-kpi{border-radius:24px;border:1px solid var(--border);background:color-mix(in srgb,var(--card-strong) 92%,transparent 8%);padding:20px;display:grid;gap:10px}.quote-kpi--primary{background:radial-gradient(circle at top right,rgba(127,107,255,.22),transparent 38%),color-mix(in srgb,var(--card-strong) 94%,transparent 6%)}.kpi-label{color:var(--text-subtle)}.kpi-value{font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:-.04em}.kpi-value--small{font-size:clamp(1.6rem,2.4vw,2.3rem)}.kpi-hint{margin:0}.chart-card h3{font-size:1.2rem}.chart-legend{justify-content:space-between;flex-wrap:wrap}.chart-legend-block,.performance-legend-item{padding:14px 16px}.chart-legend-block{min-width:190px;display:grid;gap:6px}.chart-legend-block strong{font-size:1.4rem}.chart-stage{border-radius:24px;border:1px solid var(--border);background:color-mix(in srgb,var(--card) 94%,transparent 6%);padding:14px;overflow:hidden}.chart-svg{width:100%;height:320px;display:block}.chart-grid-line{stroke:var(--chart-grid);stroke-width:1}.chart-line{fill:none;stroke:var(--chart-line);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:var(--chart-area)}.chart-focus-line{stroke:color-mix(in srgb,var(--chart-line) 70%,#fff 30%);stroke-width:1.2;stroke-dasharray:5 5}.chart-focus-dot{fill:var(--chart-line);stroke:#fff;stroke-width:2}.chart-axis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;font-size:.84rem;color:var(--text-subtle)}.chart-axis span:nth-child(2),.chart-axis span:nth-child(3){text-align:center}.chart-axis span:last-child{text-align:right}.chart-empty,.panel-empty{min-height:180px;display:grid;place-items:center;text-align:center;padding:18px;border-radius:22px;border:1px dashed var(--border-strong);background:color-mix(in srgb,var(--card) 90%,transparent 10%)}.chart-empty strong{font-size:2.5rem}.performance-legend-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.performance-legend-item{display:flex;gap:12px;align-items:center;border-radius:20px;border:1px solid var(--border);background:color-mix(in srgb,var(--card-strong) 92%,transparent 8%)}.performance-legend-item p{margin:4px 0 0;color:var(--text-subtle)}.performance-dot{width:12px;height:12px;border-radius:999px;flex:0 0 auto}.quote-chip-row{flex-wrap:wrap}.detail-secondary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.secondary-card{padding:18px}.secondary-card dd{margin:8px 0 0;font-size:1.05rem;font-weight:700}.status-card{padding:24px}.status-card--error{border-color:color-mix(in srgb,var(--rise) 35%,transparent 65%)}.text-rise{color:var(--rise)}.text-fall{color:var(--fall)}.app-footer{margin-top:18px;padding:16px 20px 100px;display:grid;gap:4px}.app-footer p{margin:0}.mobile-bottom-nav{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:10;display:none;width:min(calc(100% - 24px),420px);justify-content:space-between;align-items:center;padding:10px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--card-strong) 94%,transparent 6%);box-shadow:var(--shadow)}.mobile-nav-link{flex:1;padding:10px 12px;border-radius:999px;color:var(--text-subtle);display:grid;place-items:center;gap:2px;font-size:.8rem}.mobile-nav-link--active{background:var(--accent-soft);color:var(--accent-strong)}.mobile-nav-icon{font-size:1rem}@media(max-width:1100px){.home-grid,.quote-kpi-grid,.detail-secondary-grid,.ticker-grid,.holding-grid{grid-template-columns:1fr}}@media(max-width:768px){.app-shell{padding:14px 12px 110px}.topbar,.page-heading,.panel-title-row,.detail-actions,.quote-row,.quote-row-metrics,.holding-card-header,.holding-card-footer,.ticker-card-top,.ticker-meta-row,.search-input-row,.inline-code-form{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:flex-start}.page-heading-actions,.detail-actions,.inline-code-form{width:100%}.mobile-bottom-nav{display:flex}.chart-svg{height:260px}}