/* Stable typography contract: do not reduce these sizes in subsequent patches. */
#overview .hero-panel{padding:32px;gap:28px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 0%,#13394b80,transparent 60%),linear-gradient(135deg,#0a1729,#10162c);border:1px solid #28435d;box-shadow:0 14px 50px #02081655;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.6fr)}
#overview #portfolioValue{font-size:clamp(38px,3.2vw,60px)!important;line-height:1.12;font-weight:750;letter-spacing:-1.8px;margin:16px 0 24px;font-variant-numeric:tabular-nums}
#overview .hero-label{font-size:19px!important;color:#bbd0e4}
#overview .hero-return-label{font-size:15px!important;display:block;margin-bottom:5px}
#overview .hero-return-value{font-size:clamp(20px,1.65vw,28px)!important;line-height:1.3;font-weight:700;font-variant-numeric:tabular-nums}
#overview .hero-change{display:grid;gap:20px}#overview .hero-piece{display:block}
#overview .hero-chart{min-width:0;min-height:330px}#portfolioLinePath{stroke-width:3.5;filter:drop-shadow(0 0 5px #18d6ff88)}#portfolioAreaPath{opacity:1}#portfolioEndDot{filter:drop-shadow(0 0 6px #50e9ff)}#portfolioChartWatermark{display:none!important}
#chartInfo108{grid-column:1/-1;font-size:12px;color:#9aaec2;max-width:100%;margin-top:0}#chartInfo108 summary{cursor:pointer;width:max-content;padding:4px 8px;border:1px solid #2b3d54;border-radius:6px}#chartInfo108 p{max-width:900px;margin:8px 0}
#startPortfolio108{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;background:radial-gradient(ellipse,#10334f99,transparent 70%)}#startPortfolio108[hidden]{display:none}#startPortfolio108 h3{font-size:28px;margin:12px 0}#startPortfolio108 p{line-height:1.7;color:#b9ccdf}#startPortfolioBtn108{background:linear-gradient(100deg,#17d4ee,#a17df7);color:#071322;border:0;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:750;cursor:pointer}.welcome-emblem108{font-size:30px;color:#5de9f7;border:1px solid #46c4e266;border-radius:18px;padding:8px 19px}.empty-chart108>svg,.empty-chart108>.history-axis,.empty-chart108>.portfolio-grid-labels{visibility:hidden}
.sector-map108{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.heat-sector108{min-width:0;background:#0d1929;border:1px solid #304359;border-radius:12px;padding:12px}.heat-sector108 h4{font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;color:#d7e7f7}.heat-sector108>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.heat-sector108 button{border:1px solid #ffffff20;border-radius:5px;min-height:72px;color:#fff;cursor:pointer;display:grid;align-content:center;gap:7px}.heat-sector108 button:hover{outline:2px solid #8aeaf4;filter:brightness(1.13)}.heat-sector108 button b{font-size:16px}.heat-sector108 button span{font-size:13px}.heat-scale108{display:flex;justify-content:flex-end;align-items:center;gap:10px;font-size:12px;color:#afc3d7;margin-bottom:18px}.heat-scale108 i{width:120px;height:8px;background:linear-gradient(90deg,#d92055,#293b50,#17d98f);border-radius:4px}
.watch-toolbar108{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:16px 0}.watch-toolbar108 button,.watch-toolbar108 select{padding:9px 14px;background:#132138;color:#d5e7f6;border:1px solid #34455c;border-radius:8px}.watch-toolbar108 button.active{border-color:#38d7ec;color:#63e7f1;background:#12354b}.watch-toolbar108 label{color:#adbed0;font-size:13px}.watch-row108{background:linear-gradient(140deg,#112239,#0b1729);border:1px solid #2b4058;border-radius:14px;padding:20px;display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;min-width:0;box-shadow:inset 0 2px #43cce82b}.watch-name108{grid-column:1/3;display:grid;gap:5px;text-align:left;border:0;background:none;color:#eef7ff;padding:0;cursor:pointer;min-width:0}.watch-name108 b{font-size:22px}.watch-name108 span{color:#a6b8cc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.watch-spark108{grid-row:2;grid-column:1/-1;height:65px;color:#4cdeee}.watch-spark108 svg{width:100%;height:100%;overflow:visible}.watch-spark108 path{fill:none;stroke:currentColor;stroke-width:1.6}.watch-row108>strong{font-size:21px;font-variant-numeric:tabular-nums}.watch-row108>button:last-child{grid-row:1;grid-column:3;border:0;background:none;color:#9bafc5;font-size:22px;cursor:pointer}.watch-group108{grid-column:1/-1;font-size:13px;color:#64dfe9;letter-spacing:.1em;margin:10px 0 0}.watch-table108{display:block!important;overflow:auto}.watch-table108 .watch-row108,.watch-head108{display:grid;grid-template-columns:minmax(160px,2fr) minmax(100px,1fr) minmax(95px,1fr) minmax(80px,1fr) 30px;gap:18px;min-width:600px}.watch-table108 .watch-row108{border-radius:0;padding:14px;border-width:0 0 1px;box-shadow:none}.watch-table108 .watch-row108>*{grid-column:auto;grid-row:auto}.watch-table108 .watch-name108 b{font-size:16px}.watch-table108 .watch-row108>strong{font-size:16px;text-align:right}.watch-table108 .watch-spark108{height:32px}.watch-table108 .watch-row108>span{text-align:right}.watch-head108{padding:12px 14px;color:#9db3c9;font-size:12px;background:#13233a}.watch-head108 span:nth-child(3),.watch-head108 span:nth-child(4){text-align:right}
#portfolio .panel{border-color:#2a4058;border-radius:16px}#portfolio .account-card{background:linear-gradient(125deg,#102237,#101b2d);border:1px solid #314b64;border-radius:12px;padding:20px;gap:16px}#portfolio .account-card strong{font-size:23px}#portfolio table{font-variant-numeric:tabular-nums}#portfolio th{padding:14px 12px;color:#a7bfd6;background:#102136}#portfolio td{padding:15px 12px}#portfolio tbody tr:hover{background:#17324a55}#portfolioPageValue{font-size:36px!important}#portfolio .account-actions{gap:8px;flex-wrap:wrap}#portfolio .account-actions button{border-radius:8px;padding:9px 12px}
body.light-mode #overview .hero-panel,body.light-mode .watch-row108,body.light-mode .heat-sector108,body.light-mode #portfolio .account-card{background:#f3f8ff;color:#14243b}body.light-mode #overview .hero-label,body.light-mode .watch-name108,body.light-mode .heat-sector108 h4{color:#14243b}
@media(max-width:1000px){#overview .hero-panel{grid-template-columns:1fr;padding:24px}#overview .hero-change{display:flex;flex-wrap:wrap;gap:24px}#overview .hero-chart{min-height:260px}.sector-map108{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#overview .hero-panel{padding:20px;gap:18px}#overview #portfolioValue{font-size:40px!important}#overview .hero-return-value{font-size:21px!important}.sector-map108{grid-template-columns:1fr}.heat-scale108{justify-content:flex-start;flex-wrap:wrap}#startPortfolio108 h3{font-size:22px}#startPortfolio108 p{font-size:13px}.watch-row108{padding:16px}}
@media(prefers-reduced-motion:reduce){#portfolioLinePath{filter:none}}