:root{--color-bg:#f7f7f8;--color-surface:#fff;--color-surface-alt:#f0f1f3;--color-text:#1b1d21;--color-text-muted:#5b616b;--color-border:#dde1e6;--color-accent:#3b82f6;--color-accent-contrast:#fff;--color-up:#15803d;--color-down:#dc2626;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 12px #00000014;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:4px;--radius-md:8px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}:root[data-theme=dark]{--color-bg:#14161a;--color-surface:#1c1f24;--color-surface-alt:#23262c;--color-text:#e7e9ec;--color-text-muted:#9aa1ab;--color-border:#2e3238;--color-accent:#60a5fa;--color-accent-contrast:#0b0d10;--color-up:#4ade80;--color-down:#f87171;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #00000080}*{box-sizing:border-box}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);margin:0}.app-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.app-title{margin:0;font-size:1.25rem;font-weight:700}.container{width:95%;padding:var(--space-5);gap:var(--space-5);box-sizing:border-box;max-width:1400px;margin:0 auto;display:flex}.chart-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:0;height:80vh;box-shadow:var(--shadow-sm);padding:var(--space-4);flex:1;position:relative}.mytabs{gap:var(--space-2);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.mytabs>input[type=radio]{opacity:0;pointer-events:none;position:absolute}.mytabs>label{text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;color:var(--color-text-muted);min-width:0;min-height:44px;padding:var(--space-3) var(--space-4);background:0 0;border-bottom:3px solid #0000;flex:auto;justify-content:center;align-items:center;font-weight:700;transition:color .15s,border-color .15s;display:flex}.mytabs>label:hover{color:var(--color-text)}.mytabs>.tab{background:var(--color-bg);order:1;width:100%;display:none}.mytabs>.tab h2{font-size:3em}.mytabs>input[type=radio]:checked+label+.tab{display:block}.mytabs>input[type=radio]:checked+label{color:var(--color-text);border-bottom-color:var(--color-accent)}.mytabs>input[type=radio]:focus-visible+label{outline:2px solid var(--color-accent);outline-offset:-2px}.delta{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.delta-up{color:var(--color-up)}.delta-down{color:var(--color-down)}.delta-flat{color:var(--color-text-muted)}.stat-cards{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));width:100%;display:grid}.stat-card{gap:var(--space-1);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;min-width:0;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:12px}.stat-value{white-space:nowrap;text-overflow:ellipsis;font-size:1.25rem;font-weight:700;overflow:hidden}.stat-sub{font-size:13px}.stat-sub-detail{color:color-mix(in srgb, var(--color-text) 82%, black);margin-left:var(--space-1);font-size:.9em}.info-tip{margin-left:var(--space-1);cursor:help;color:var(--color-text-muted);text-transform:none;letter-spacing:normal;display:inline-block;position:relative}.info-tip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:50%}.info-tip-bubble{top:calc(100% + var(--space-2));z-index:10;width:min(260px,70vw);padding:var(--space-3);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);text-transform:none;letter-spacing:normal;white-space:normal;font-size:12px;font-weight:400;line-height:1.5;display:none;position:absolute;left:0}.info-tip:hover .info-tip-bubble,.info-tip:focus .info-tip-bubble,.info-tip:focus-within .info-tip-bubble{display:block}.market-layout{flex-direction:column}.market-main{gap:var(--space-5);width:100%;min-width:0;display:flex}.watchlist-container{gap:var(--space-3);max-height:80vh;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;flex:0 0 320px;display:flex}.watchlist-search{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;box-sizing:border-box;font-size:13px}.watchlist-actions{gap:var(--space-2);display:flex}.watchlist-actions button{padding:var(--space-1) var(--space-3);background-color:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:12px}.watchlist-actions button:hover{background-color:var(--color-border)}.watchlist-filters{margin-left:auto;position:relative}.watchlist-filters summary{padding:var(--space-1) var(--space-3);background-color:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;user-select:none;font-size:12px;list-style:none}.watchlist-filters summary::-webkit-details-marker{display:none}.watchlist-filters summary:hover,.watchlist-filters[open] summary{background-color:var(--color-border)}.watchlist-filters-panel{right:0;top:calc(100% + var(--space-1));z-index:10;gap:var(--space-2);width:max-content;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:absolute}.watchlist-filter{align-items:center;gap:var(--space-2);color:var(--color-text-muted);cursor:pointer;user-select:none;font-size:13px;display:flex}.watchlist-filter input{accent-color:var(--color-accent);margin:0}.watchlist-rows{flex:auto;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.watchlist-row-btn{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;grid-template-columns:minmax(0,1fr) 64px max-content max-content;font-size:13px;display:grid}.watchlist-row-btn:hover{background:var(--color-surface-alt)}.watchlist-row-btn.selected{background:var(--color-surface-alt);border-left-color:var(--color-accent)}.watchlist-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.watchlist-price{font-variant-numeric:tabular-nums;color:var(--color-text-muted);white-space:nowrap}.sparkline{width:64px;height:22px;display:block}.sparkline polyline{fill:none;stroke-width:1.5px}.spark-up{stroke:var(--color-up)}.spark-down{stroke:var(--color-down)}.spark-flat{stroke:var(--color-text-muted)}.portfolios-layout{flex-direction:column}.portfolio-view-toggle{gap:var(--space-2);display:flex}.portfolio-view-toggle button{padding:var(--space-1) var(--space-3);background-color:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:13px}.portfolio-view-toggle button:hover{background-color:var(--color-border)}.portfolio-view-toggle button.selected{background-color:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent)}.portfolios-main{gap:var(--space-5);width:100%;min-width:0;display:flex}.leaderboard-container{max-height:80vh;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;flex:0 0 320px;display:flex}.leaderboard-filter{align-items:center;gap:var(--space-2);color:var(--color-text-muted);cursor:pointer;user-select:none;margin-bottom:var(--space-3);font-size:13px;display:flex}.leaderboard-filter input{accent-color:var(--color-accent);margin:0}.leaderboard-rows{min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.leaderboard-row-btn{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;grid-template-columns:max-content 12px minmax(0,1fr) max-content max-content;font-size:13px;display:grid}.leaderboard-row-btn:hover{background:var(--color-surface-alt)}.leaderboard-row-btn.selected{background:var(--color-surface-alt);border-left-color:var(--color-accent)}.leaderboard-rank{color:var(--color-text-muted);font-variant-numeric:tabular-nums;min-width:1.5em}.leaderboard-dot{border-radius:50%;width:12px;height:12px}.leaderboard-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.leaderboard-value{font-variant-numeric:tabular-nums;white-space:nowrap}.member-detail{border-top:1px solid var(--color-border);margin-top:var(--space-3);padding-top:var(--space-3);flex:none;max-height:40%;overflow-y:auto}.member-detail-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.member-detail-header h4{margin:0;font-size:14px}.member-detail-header button{padding:0 var(--space-2);background-color:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;line-height:22px}.member-detail-header button:hover{background-color:var(--color-border)}.member-detail-holdings{margin:0;padding:0;font-size:13px;list-style:none}.member-detail-holdings li{gap:var(--space-2);padding:var(--space-1) 0;grid-template-columns:minmax(0,1fr) max-content;display:grid}.member-detail-holdings li>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.holding-worthless{color:var(--color-text-muted)}.session-history-layout{flex-direction:column;align-items:stretch}.session-history-layout>.chart-container{flex:none}.session-history-controls{margin-bottom:var(--space-1);flex:none}.session-history-session-row{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.session-history-session-row>label{color:var(--color-text);flex:none;font-weight:700}.session-history-session-row input[type=range]{min-width:160px;max-width:480px;accent-color:var(--color-accent);flex:200px}.session-history-session-label{min-width:9em;color:var(--color-text);font-weight:700}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text);cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.theme-toggle:hover{background:var(--color-border)}@media (width<=768px){.container{width:100%;padding:var(--space-3);flex-direction:column}.market-main,.portfolios-main{flex-direction:column}.watchlist-container,.leaderboard-container{box-sizing:border-box;flex:none;width:100%;max-height:45vh}.chart-container{height:60vh;min-height:300px;padding:var(--space-2);flex:none}.mytabs>label{padding:var(--space-2) var(--space-1);font-size:.85em}.session-history-session-row{flex-direction:column;align-items:stretch}.session-history-session-row input[type=range]{flex:none;width:100%;max-width:none}}