/* Unified profile and app appearance. This file loads after the legacy theme. */
:root { color-scheme: dark; }
:root[data-theme="light"] { color-scheme: light; }
.appearance-help,.appearance-sync-status { color:#9ca3af; font-size:.85rem; line-height:1.5; margin:0 0 12px; }
.appearance-sync-status { margin:8px 0 0; min-height:1.3em; }
.appearance-label { display:block; margin-bottom:6px; font-weight:650; }
.appearance-select { width:100%; min-height:44px; padding:8px 12px; border:1px solid #475569; border-radius:8px; background:#111827; color:#f8fafc; font:inherit; }
.unified-page-state { max-width:850px; margin:16px auto; padding:32px 20px; color:#e8edf3; }
.unified-page-state h1 { margin:9px 0 18px; font-size:clamp(1.8rem,4vw,2.6rem); letter-spacing:-.04em; }
.unified-page-state p { margin-top:16px; color:#92a2b9; line-height:1.55; }
.unified-state-line,.unified-state-chart { background:linear-gradient(100deg,#152131,#233247,#152131); background-size:200% 100%; animation:unifiedLoading 1.3s ease-in-out infinite; border-radius:8px; }
.unified-state-line { width:70%; height:19px; margin:12px 0; }.unified-state-line.short { width:38%; height:54px; }
.unified-state-chart { width:100%; height:clamp(240px,42vw,420px); margin-top:22px; border-radius:16px; }
.unified-page-error { border:1px solid #3a4c64; border-radius:18px; background:#101a28; }
.unified-page-error button { min-height:44px; margin-top:20px; padding:0 18px; border:0; border-radius:9px; background:#2a7fff; color:white; font-weight:700; cursor:pointer; }
@keyframes unifiedLoading { to { background-position:-200% 0; } }

.unified-live-profile { display:block; max-width:1260px; margin:0 auto; padding:22px 26px 80px; border:0; background:transparent; color:var(--text-primary); }
.unified-live-profile [hidden] { display:none!important; }
.unified-live-profile .main-col { display:flex; flex-direction:column; gap:0; min-width:0; padding:0; border:0; }
.unified-live-profile .unified-hero { padding:8px 4px 8px; border:0; }
.unified-hero-top { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.unified-identity { display:flex; align-items:center; gap:16px; min-width:0; }
.unified-logo { width:54px; height:54px; flex:none; display:grid; place-items:center; border:1px solid var(--border-2); border-radius:16px; background:var(--surface-2); color:var(--text-primary); font-weight:800; }
.unified-logo img { width:75%; height:75%; object-fit:contain; }
.unified-kicker { display:block; color:var(--accent-blue); font-size:.7rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.unified-identity h1 { margin:4px 0 0; color:var(--text-primary); font-size:clamp(1.45rem,3vw,2.15rem); line-height:1.15; letter-spacing:-.035em; overflow-wrap:anywhere; }
.unified-icon-button { width:44px; height:44px; border:1px solid var(--border-2); border-radius:12px; background:var(--surface-2); color:var(--text-primary); font-size:1.3rem; cursor:pointer; }
.unified-icon-button svg { display:block; width:22px; height:22px; margin:auto; }
.unified-price-row { display:flex; align-items:center; gap:15px; margin-top:21px; min-width:0; }
.unified-price { color:var(--text-primary); font-size:clamp(3.1rem,7vw,5.7rem); line-height:1; font-weight:750; letter-spacing:-.065em; font-variant-numeric:tabular-nums; }
.unified-price.tick-up { animation:unifiedPriceTickUp .2s cubic-bezier(.215,.61,.355,1) both; }
.unified-price.tick-down { animation:unifiedPriceTickDown .2s cubic-bezier(.215,.61,.355,1) both; }
.unified-tick-indicator { flex:none; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; font-size:1.1rem; font-weight:800; line-height:1; }
.unified-tick-indicator.tick-up { color:var(--accent-green); background:rgba(15,196,122,.12); animation:unifiedTickCue .22s ease-out both; }
.unified-tick-indicator.tick-down { color:var(--accent-red); background:rgba(232,69,90,.12); animation:unifiedTickCue .22s ease-out both; }
@keyframes unifiedPriceTickUp { from { opacity:.68; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@keyframes unifiedPriceTickDown { from { opacity:.68; transform:translateY(-5px); } to { opacity:1; transform:translateY(0); } }
@keyframes unifiedTickCue { from { opacity:0; transform:scale(.86); } to { opacity:1; transform:scale(1); } }
.unified-hover-quote { display:flex; align-items:baseline; gap:10px; min-height:22px; margin-top:7px; color:var(--text-secondary); font-size:.82rem; white-space:nowrap; overflow:hidden; }
.unified-hover-hint,.unified-hover-time { overflow:hidden; text-overflow:ellipsis; }
.unified-hover-value { flex:none; color:var(--text-primary); font-size:.93rem; font-weight:760; font-variant-numeric:tabular-nums; }
.unified-change { margin-top:7px; font-size:1.12rem; font-weight:720; font-variant-numeric:tabular-nums; }
.unified-change.pos { color:var(--accent-green); }.unified-change.neg { color:var(--accent-red); }
.unified-session-row { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:10px; font-size:.78rem; font-weight:700; }
.unified-session-row span:not([hidden]) { display:inline-block; padding:5px 9px; border:1px solid var(--border-2); border-radius:99px; color:var(--text-secondary); }
.unified-session-row #extended-move-chip:not([hidden]) { color:var(--accent-blue); }
.unified-freshness { margin-top:9px; color:var(--text-secondary); font-size:.78rem; }
.unified-live-profile .chart-section { order:0; margin:4px 0 0; border:0; border-radius:0; background:transparent; overflow:visible; }
.unified-chart-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:46px; padding:0 4px; }
.unified-live-profile .unified-chart-heading .chart-expand-btn { min-height:44px; padding:0 4px; border:0; background:transparent; color:var(--accent-blue); font:inherit; font-size:.81rem; font-weight:750; }
.unified-live-profile .unified-chart-heading .chart-expand-btn span { display:inline; }
.unified-live-profile .unified-chart-heading .chart-expand-btn:hover { background:transparent; color:var(--text-primary); }
.unified-live-profile .chart-topbar { gap:12px; border:0; padding:12px 4px 6px; background:transparent; }
.unified-live-profile .chart-tf-row { gap:5px; overflow:auto; scrollbar-width:none; }
.unified-live-profile .chart-tf-row::-webkit-scrollbar { display:none; }
.unified-live-profile .chart-topbar-actions { flex-shrink:0; }
.unified-live-profile .chart-canvas-area { height:clamp(330px,37vw,490px); border-radius:0; overflow:hidden; background:#080b10; cursor:crosshair; touch-action:pan-y; }
.unified-live-profile .chart-session-label { color:var(--text-secondary); font-family:inherit; font-size:.72rem; letter-spacing:0; text-transform:none; }
.unified-live-profile .tf { min-width:46px; min-height:42px; padding:0 12px; border-radius:9px; color:var(--text-secondary); font-family:inherit; font-size:.78rem; font-weight:750; }
.unified-live-profile .tf:hover { background:var(--surface-2); color:var(--text-primary); }
.unified-live-profile .tf.active { background:var(--accent-blue); color:#fff; }
.unified-live-profile .chart-canvas-area :is(.chart-session-marker,.chart-move-marker,.chart-live-spark) { display:none; }
.compact-chart-endpoint { position:absolute; z-index:6; display:block; width:11px; height:11px; border:2px solid #080b10; border-radius:50%; background:#56b8a9; box-shadow:0 0 0 2px #56b8a9; transform:translate(-50%,-50%); pointer-events:none; }
.compact-chart-endpoint.tick-up { background:var(--accent-green); box-shadow:0 0 0 2px var(--accent-green); }
.compact-chart-endpoint.tick-down { background:var(--accent-red); box-shadow:0 0 0 2px var(--accent-red); }
.compact-chart-endpoint:is(.tick-up,.tick-down)::after { content:""; position:absolute; inset:-8px; border:2px solid currentColor; border-radius:50%; color:var(--accent-green); animation:compactEndpointPulse .75s ease-out both; }
.compact-chart-endpoint.tick-down::after { color:var(--accent-red); }
@keyframes compactEndpointPulse { from { opacity:.8; transform:scale(.55); } to { opacity:0; transform:scale(1.45); } }
.compact-chart-hover-guide { position:absolute; z-index:5; top:0; bottom:0; width:1px; border-left:1px dashed rgba(86,184,169,.4); pointer-events:none; }
.compact-chart-hover-point { position:absolute; z-index:7; display:block; width:14px; height:14px; border:3px solid #080b10; border-radius:50%; background:#56b8a9; box-shadow:0 0 0 2px #56b8a9; transform:translate(-50%,-50%); pointer-events:none; }
.unified-live-profile .chart-message { background:rgba(8,11,16,.89); }
.workspace-chart-host .unified-chart-heading { display:none; }
.workspace-chart-host :is(.compact-chart-endpoint,.compact-chart-hover-guide,.compact-chart-hover-point) { display:none!important; }
.unified-section-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:5px 18px; }
.unified-section-heading h2 { width:100%; color:var(--text-primary); font-size:clamp(1.6rem,2.5vw,2.3rem); letter-spacing:-.04em; }
.unified-brief { margin-top:28px; padding:26px 28px; border:1px solid var(--border-2); border-radius:20px; background:var(--surface-2); }
.unified-brief-headline { margin:18px 0 6px; font-size:clamp(1.22rem,2.3vw,1.6rem); font-weight:720; line-height:1.35; }
.unified-brief-detail { max-width:75ch; color:var(--text-secondary); line-height:1.58; }
.unified-brief-source { margin-top:10px; font-size:.84rem; }.unified-brief-source a { color:var(--accent-blue); }
.unified-text-button { display:block; margin-top:22px; border:0; padding:0; background:transparent; color:var(--accent-blue); font:inherit; font-weight:700; cursor:pointer; }
.unified-research { margin-top:55px; }
.unified-topic-tabs { display:flex; gap:8px; overflow-x:auto; margin:22px 0 18px; padding:0 0 8px; scrollbar-width:thin; }
.unified-topic-tabs button { flex:none; min-height:44px; border:1px solid var(--border-2); border-radius:99px; padding:0 18px; background:var(--surface-2); color:var(--text-secondary); font:inherit; font-size:.85rem; font-weight:700; cursor:pointer; transition:background .18s ease,color .18s ease,border-color .18s ease; }
.unified-topic-tabs button[aria-selected="true"] { background:var(--text-primary); color:var(--surface); border-color:var(--text-primary); }
.unified-topic-panel { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; animation:unifiedPanelIn .18s ease-out; }
.unified-topic-panel[hidden] { display:none!important; }
.unified-topic-panel > * { margin:0!important; min-width:0; }
.unified-topic-panel > .stats-section,.unified-topic-panel > .about-section,.unified-topic-panel > .intraday-strip,.unified-topic-panel > .range-row,.unified-topic-panel > #liveMoveContextPanel,.unified-topic-panel > #section-insiders,.unified-topic-panel > #stockAlertBox { grid-column:1/-1; }
.unified-topic-panel .intraday-strip { grid-template-columns:repeat(6,minmax(0,1fr)); }
.unified-topic-panel .sb-widget,.unified-topic-panel .stats-section,.unified-topic-panel .about-section,.unified-topic-panel .analyst-row { border:1px solid var(--border); border-radius:16px; padding:20px; background:var(--surface); }
.unified-access { grid-column:1/-1; border:1px solid var(--border-2); border-radius:16px; padding:24px; background:var(--surface-2); }
.unified-access strong { font-size:1.15rem; }.unified-access p { margin:8px 0 16px; color:var(--text-secondary); line-height:1.5; }
.unified-access button { min-height:42px; padding:0 17px; border:0; border-radius:10px; background:var(--accent-blue); color:#fff; font-weight:700; cursor:pointer; }
.unified-mobile-nav { display:none; }
.unified-tools[hidden] { display:none!important; }
.unified-tools { position:fixed; inset:0; z-index:4000; display:grid; place-items:center; }
.unified-tools-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.55); }
.unified-tools-sheet { position:relative; width:min(460px,calc(100vw - 24px)); max-height:min(650px,calc(100dvh - 30px)); overflow:auto; padding:20px; border:1px solid var(--border-2); border-radius:22px; background:var(--surface); box-shadow:0 24px 70px rgba(0,0,0,.3); }
.unified-tools-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }.unified-tools-header h2 { font-size:1.35rem; }
.unified-tools-header button { width:42px; height:42px; border:1px solid var(--border-2); border-radius:10px; background:transparent; color:var(--text-primary); font-size:1.4rem; cursor:pointer; }
.unified-tools-sheet > button { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:52px; padding:0 4px; border:0; border-bottom:1px solid var(--border); background:transparent; color:var(--text-primary); font:inherit; font-weight:650; text-align:left; cursor:pointer; }
.unified-tools-sheet > button span { color:var(--accent-blue); }
@keyframes unifiedPanelIn { from { opacity:.55; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }

/* The legacy app uses many fixed dark surfaces; remap its shared surfaces in light mode. */
html[data-theme="light"] body { background:#f7f9fc!important; color:#122033!important; }
html[data-theme="light"] .top-bar { background:rgba(247,249,252,.94)!important; border-color:#dbe3ee!important; }
html[data-theme="light"] :is(.panel,.pulse-card,.list-container,.market-module,.modal-box,.modal-content,.portfolio-card,.pricing-card,.profile-card,.search-dropdown,.search-container,.search-input,.auth-input,.appearance-select,.plan-selector,.ad-container) { background:#fff!important; color:#122033!important; border-color:#dbe3ee!important; }
html[data-theme="light"] :is(.profile-header,.profile-detail span,.list-header,.pulse-symbol,.pulse-price,.list-price,.pricing-header h1,.section-title,.stats-section-title) { color:#122033!important; }
html[data-theme="light"] :is(.profile-detail,.appearance-help,.appearance-sync-status,.hero-subtitle,.list-sub,.search-item-desc) { color:#53647a!important; }
html[data-theme="light"] .hero-section { background:radial-gradient(ellipse at 50% 0%,#e8f0ff,#f7f9fc 70%)!important; border-color:#dbe3ee!important; }
html[data-theme="light"] .auth-btn { color:#16324f!important; border-color:#c7d2e2!important; }
html[data-theme="light"] .search-input { color:#122033!important; }
html[data-theme="light"] .stockup-profile-shell { --surface:#fff; --surface-2:#f1f5fa; --surface-3:#e7edf5; --border:#dce4ef; --border-2:#cbd6e5; --text-primary:#17263a; --text-secondary:#516176; --text-muted:#6c7f96; --accent-blue:#155fc3; --accent-green:#008c64; --accent-red:#c5304c; background:#f7f9fc; }
html[data-theme="light"] .unified-live-profile .chart-canvas-area { background:#f7f9fc; }
html[data-theme="light"] .compact-chart-endpoint { border-color:#f7f9fc; }
html[data-theme="light"] .compact-chart-endpoint:not(.tick-up):not(.tick-down) { background:#277de7; box-shadow:0 0 0 2px #277de7; }
html[data-theme="light"] .compact-chart-hover-guide { border-color:rgba(39,125,231,.38); }
html[data-theme="light"] .compact-chart-hover-point { border-color:#f7f9fc; background:#277de7; box-shadow:0 0 0 2px #277de7; }
html[data-theme="light"] .unified-live-profile .chart-message { background:rgba(247,249,252,.92); color:#516176; }
html[data-theme="light"] .unified-topic-panel :is(.stats-section,.about-section,.sb-widget,.analyst-row,.intraday-strip,.range-row) { background:#fff!important; color:#17263a!important; border-color:#dce4ef!important; }
html[data-theme="light"] .unified-topic-panel :is(.stat-value,.about-meta-value,.sb-earnings-date) { color:#17263a!important; }
html[data-theme="light"] .unified-topic-panel :is(.stat-label,.about-desc,.news-meta) { color:#516176!important; }
html[data-theme="light"] .unified-topic-panel :is([style*="color:white"],[style*="color: white"],[style*="color:#fff"],[style*="color:#f3f4f6"]) { color:#17263a!important; }
html[data-theme="light"] .unified-topic-tabs button[aria-selected="true"] { color:#fff; background:#17263a; border-color:#17263a; }
html[data-theme="light"] .unified-page-state { color:#17263a; }.unified-page-state .unified-kicker { color:#2a7fff; }
html[data-theme="light"] .unified-page-state p { color:#516176; }
html[data-theme="light"] .unified-page-error { background:#fff; border-color:#dce4ef; }
html[data-theme="light"] .unified-state-line,html[data-theme="light"] .unified-state-chart { background:linear-gradient(100deg,#eaf0f7,#dce5f0,#eaf0f7); background-size:200% 100%; }
html[data-theme="light"] :is(.market-micro-row .market-module,.home-copilot-widget,.side-widget,.tier-card,.portfolio-insight-card,.analytics-widget,.compare-input-row,.compare-chart-panel,.compare-header-card,.compare-stat-row,.compare-column,.asset-modal-box,.report-modal-box,.compare-input-card,.pricing-section .panel) { background:#fff!important; color:#17263a!important; border-color:#dce4ef!important; }
html[data-theme="light"] :is(.portfolio-insight-value,.compare-stat-val,.compare-page-title,.compare-stat-label,.tier-card-name,.tier-card-price,.home-copilot-input) { color:#17263a!important; }
html[data-theme="light"] :is(.compare-ticker-input,.compare-back-btn) { background:#f1f5fa!important; color:#17263a!important; border-color:#cbd6e5!important; }
html[data-theme="light"] :is(.portfolio-holdings-table th,.portfolio-holdings-table td,.compare-stat-row) { border-color:#dce4ef!important; }
html[data-theme="light"] .compare-stat-row-alt { background:#f1f5fa!important; }
html[data-theme="light"] .modal-overlay { background:rgba(25,43,65,.46)!important; }
html[data-theme="light"] :is(.auth-modal-card,.upgrade-modal-box,.quan-doc-modal-panel,.asset-modal-box,.report-modal-box,.share-card-modal .modal-box,.eoy-explanation-modal .modal-box,.terms-gate-modal .modal-box,.sector-map-modal .modal-box) { background:#fff!important; color:#17263a!important; border-color:#dce4ef!important; }
html[data-theme="light"] :is(.auth-modal-title,.auth-modal-header,.auth-modal-body,.auth-modal-card label,.modal-box h2,.upgrade-modal-box h2) { color:#17263a!important; }
html[data-theme="light"] :is(.auth-modal-subtitle,.upgrade-modal-box p,.modal-box p) { color:#516176!important; }
html[data-theme="light"] :is(.mobile-menu-btn,.mobile-nav-menu,.mobile-nav-menu button) { background:#fff!important; color:#17263a!important; border-color:#dce4ef!important; }
html[data-theme="light"] .mobile-menu-btn span { background:#17263a!important; }
/* Home market desk still contains fixed dark surfaces from the original theme. */
html[data-theme="light"] #view-homepage :is(.market-pulse-grid,.market-module) { background:#fff!important; border-color:#dce4ef!important; }
html[data-theme="light"] #view-homepage :is(.pulse-card,.list-container,.panel) { background:#fff!important; color:#17263a!important; border-color:#dce4ef!important; }
html[data-theme="light"] #view-homepage :is(.pulse-name,.list-header,.section-title,.list-price,.news-headline,.sentiment-label,.ai-tool-name) { color:#17263a!important; }
html[data-theme="light"] #view-homepage :is(.pulse-symbol,.list-sub,.stock-list-head,.news-meta,.module-kicker,.sentiment-source,.sentiment-scale,.ai-tool-desc,.recent-chip span) { color:#53647a!important; }
html[data-theme="light"] #view-homepage :is(.list-header,.list-item,.stock-list-head,.news-item) { border-color:#e5ebf3!important; }
html[data-theme="light"] #view-homepage :is(.pulse-card:hover,.list-item:hover,.news-item:hover,.ai-tool-btn:hover:not(.ai-tool-coming-soon)) { background:#f5f8fc!important; }
html[data-theme="light"] #view-homepage .ai-market-banner { background:linear-gradient(135deg,#eaf2ff,#f8fbff 70%)!important; border-color:#bcd2f5!important; }
html[data-theme="light"] #view-homepage .ai-market-text h3 { color:#17375d!important; }
html[data-theme="light"] #view-homepage .ai-market-text p { color:#51647d!important; }
html[data-theme="light"] #view-homepage .ai-market-btn.locked { background:#edf2f9!important; color:#53647a!important; border-color:#cbd6e5!important; }
html[data-theme="light"] #view-homepage .home-copilot-widget { background:linear-gradient(135deg,#f5f0ff,#f6faff)!important; border-color:#d8c8f6!important; box-shadow:0 8px 24px rgba(59,67,123,.07); }
html[data-theme="light"] #view-homepage .home-copilot-input { background:transparent!important; color:#17263a!important; }
html[data-theme="light"] #view-homepage .home-copilot-input::placeholder { color:#65758b!important; opacity:1; }
html[data-theme="light"] #view-homepage :is(.mover-pill,.sector-heat-cell,.recent-chip,.home-watch-row,.ai-tool-btn) { background:#f7f9fd!important; border-color:#dce4ef!important; color:#17263a!important; }
html[data-theme="light"] #view-homepage .mover-pill.pos { background:linear-gradient(135deg,#eaf8f2,#fff)!important; border-color:#b8e5d3!important; }
html[data-theme="light"] #view-homepage .mover-pill.neg { background:linear-gradient(135deg,#fff0f2,#fff)!important; border-color:#efcbd3!important; }
html[data-theme="light"] #view-homepage .mover-pill strong,
html[data-theme="light"] #view-homepage :is(.list-sym,.watch-main b) { color:#155fc3!important; }
html[data-theme="light"] #view-homepage :is(.mover-pill.pos span,.sector-heat-cell.hot strong,.sector-heat-cell.up strong,.watch-main .pos) { color:#007b56!important; }
html[data-theme="light"] #view-homepage :is(.mover-pill.neg span,.sector-heat-cell.cold strong,.sector-heat-cell.down strong,.watch-main .neg) { color:#b92542!important; }
html[data-theme="light"] #view-homepage .sector-heat-cell.hot { background:#e8f7ef!important; border-color:#b6ddc9!important; }
html[data-theme="light"] #view-homepage .sector-heat-cell.up { background:#f0f9f4!important; }
html[data-theme="light"] #view-homepage .sector-heat-cell.down { background:#fff5f6!important; }
html[data-theme="light"] #view-homepage .sector-heat-cell.cold { background:#ffeaed!important; border-color:#efc3cd!important; }
html[data-theme="light"] #view-homepage .sector-heat-cell span { color:#53647a!important; }
html[data-theme="light"] #view-homepage .percent-chip.pos { color:#007b56!important; background:#e8f7ef!important; border-color:#b6ddc9!important; }
html[data-theme="light"] #view-homepage .percent-chip.neg { color:#b92542!important; background:#fff0f2!important; border-color:#efc3cd!important; }
html[data-theme="light"] #view-homepage .percent-chip.dividend { color:#825500!important; background:#fff5dd!important; border-color:#ead399!important; }
html[data-theme="light"] #view-homepage :is(.view-all-btn,.heatmap-launch-btn) { background:#f7f9fd!important; color:#155fc3!important; border-color:#cbd6e5!important; }
html[data-theme="light"] #view-homepage .sentiment-score { background:#eef8f2!important; color:#17263a!important; }
html[data-theme="light"] #view-homepage .sentiment-meter span { background:#fff!important; border-color:#17263a!important; }
html[data-theme="light"] #view-homepage .ai-tool-soon-badge { background:#edf2f9!important; color:#53647a!important; }
html[data-theme="light"] #view-homepage #homeWidgetPortBal { color:#17263a!important; }
html[data-theme="light"] #view-homepage #globalMarketStatusBanner .section-title { color:#825500!important; }
html[data-theme="light"] #view-homepage #globalMarketStatusBanner :is(p,.port-last-updated) { color:#53647a!important; }
html[data-theme="light"] #view-homepage :is(.news-preview-tag,.news-ticker-tag) { background:#edf4ff!important; color:#155fc3!important; border-color:#cbdcf5!important; }
html[data-theme="light"] #view-homepage .skeleton { background:#edf2f8!important; border-color:#dce4ef!important; }
html[data-theme="light"] #view-homepage .skeleton::after { background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent); }
html[data-theme="light"] :is(.plan-selector,.auth-btn,.top-bar-link) { background:#fff!important; color:#17375d!important; border-color:#dce4ef!important; }
html[data-theme="light"] .quan-recent-button { background:#fff; color:#155fc3; border-color:#cbd6e5; box-shadow:0 10px 30px rgba(29,48,74,.12); }
html[data-theme="light"] .quan-recent-panel { background:#fff; color:#17263a; border-color:#cbd6e5; box-shadow:0 18px 60px rgba(29,48,74,.16); }
html[data-theme="light"] .quan-recent-panel :is(header button,.quan-recent-actions button) { color:#516176; }
html[data-theme="light"] .quan-recent-panel :is(small,p,.quan-recent-empty) { color:#53647a; }
html[data-theme="light"] .quan-recent-actions a { color:#155fc3; }
body.unified-profile-active .quan-recent-button { display:none!important; }
@media(max-width:760px) { body.unified-profile-active .quan-recent-panel { right:10px; bottom:calc(82px + env(safe-area-inset-bottom)); max-height:calc(70dvh - env(safe-area-inset-bottom)); } }
@media(max-width:760px) {
  .unified-live-profile { padding:10px 12px calc(104px + env(safe-area-inset-bottom)); }
  .unified-live-profile .unified-hero { padding:4px 3px 5px; }
  .unified-logo { width:46px; height:46px; border-radius:14px; }
  .unified-price-row { margin-top:17px; }
  .unified-price { font-size:clamp(3.25rem,14vw,5.2rem); }
  .unified-live-profile .chart-section { order:0; margin-top:3px; }
  .unified-live-profile .chart-canvas-area { height:clamp(305px,87vw,440px); margin:0 -12px; border-radius:0; }
  .unified-live-profile .chart-session-label { display:none; }
  .unified-live-profile .chart-tf-row { max-width:100%; }
  .unified-live-profile .chart-topbar { padding-left:0; padding-right:0; }
  .unified-live-profile .chart-topbar-actions { display:none; }
  .unified-brief { margin-top:24px; padding:21px 20px; }
  .unified-research { margin-top:40px; }
  .unified-topic-panel { grid-template-columns:1fr; }
  .unified-topic-panel > * { grid-column:1/-1; }
  .unified-topic-panel .intraday-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .unified-mobile-nav { position:fixed; z-index:80; left:8px; right:8px; bottom:max(8px,env(safe-area-inset-bottom)); display:grid; grid-template-columns:repeat(4,1fr); padding:5px; border:1px solid var(--border-2); border-radius:21px; background:var(--surface); box-shadow:0 10px 35px rgba(0,0,0,.25); }
  body.unified-keyboard-open .unified-mobile-nav { display:none; }
  .unified-mobile-nav button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-height:53px; border:0; border-radius:15px; background:transparent; color:var(--text-secondary); font-size:.68rem; font-weight:700; cursor:pointer; }
  .unified-mobile-nav button:first-child { background:var(--surface-2); color:var(--text-primary); }
  .unified-mobile-nav svg { display:block; width:23px; height:23px; }
  .unified-mobile-nav span { font-size:.68rem; line-height:1.1; }
  .unified-tools { place-items:end center; }
  .unified-tools-sheet { width:100%; max-height:calc(88dvh - env(safe-area-inset-bottom)); border-radius:24px 24px 0 0; padding-bottom:calc(20px + env(safe-area-inset-bottom)); }
  body.unified-profile-active .search-bar-row .top-bar-link { display:none; }
  body.unified-profile-active .top-bar { gap:5px; padding-bottom:5px; }
  body.unified-profile-active .search-bar-row { flex-wrap:nowrap; }
  body.unified-profile-active .search-container { max-width:none; }
  body.unified-profile-active .search-input { min-width:0; }
  body.unified-profile-active .search-btn { min-height:40px; }
  body.unified-profile-active .mobile-menu-btn { width:42px; height:42px; }
}
@media(max-width:375px) { .unified-live-profile { padding-left:8px; padding-right:8px; } .unified-live-profile .chart-canvas-area { margin-left:-8px; margin-right:-8px; } .unified-topic-tabs button { padding:0 13px; } }
@media(prefers-reduced-motion:reduce) { .unified-topic-panel,.unified-state-line,.unified-state-chart { animation:none; } .unified-live-profile * { scroll-behavior:auto!important; transition-duration:0s!important; animation-duration:0s!important; } .compact-chart-endpoint::after { animation:none!important; display:none; } }