.privacy-toggle{display:inline-flex;align-items:center;gap:9px;margin-top:8px;padding:10px 14px;border:1px solid #475569;border-radius:999px;background:#0f172acc;color:#e2e8f0;font:inherit;font-weight:700;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.hero-actions .privacy-toggle{margin-top:0}.install-app{padding:10px 14px;border:1px solid #34d399;border-radius:999px;background:#064e3b;color:#d1fae5;font:inherit;font-weight:700;cursor:pointer}.install-app:hover{background:#065f46}.install-app:focus-visible{outline:3px solid #34d399;outline-offset:3px}.privacy-toggle:hover{background:#172554;border-color:#38bdf8}.privacy-toggle:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}.privacy-toggle:active{transform:translateY(1px)}.privacy-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.private-amount{display:inline-block;min-width:5.2ch;letter-spacing:.08em;filter:blur(1.6px);user-select:none;color:inherit}.amounts-hidden .privacy-toggle{border-color:#38bdf8;background:#0c4a6e}.donut-layout{display:grid;grid-template-columns:minmax(150px,.72fr) minmax(0,1.28fr);gap:14px;align-items:center}.donut{width:100%;max-width:220px;margin:auto;overflow:visible}.donut-track,.donut-segment{fill:none;stroke-width:18;transform:rotate(-90deg);transform-origin:60px 60px}.donut-track{stroke:#1e293b}.donut-segment{transition:stroke-dasharray .3s ease;stroke-linecap:butt}.donut text{text-anchor:middle}.donut-total{fill:#f8fafc;font-size:16px;font-weight:900}.donut-caption{fill:#94a3b8;font-size:8px}.donut-legend{list-style:none;margin:0;padding:0;max-height:270px;overflow:auto}.donut-legend li{display:grid;grid-template-columns:12px minmax(0,1fr) 46px;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #1e293b;font-size:.82rem}.donut-legend i{width:10px;height:10px;border-radius:50%}.donut-legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbd5e1}.donut-legend b{text-align:right;color:#f8fafc}@media(max-width:520px){.donut-layout{grid-template-columns:1fr}.donut{max-width:180px}.donut-legend{max-height:none}}
.app-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:7px;border:1px solid #334155;border-radius:16px;background:#0f172acc;width:max-content;max-width:100%}.app-nav a{padding:8px 11px;border-radius:10px;color:#94a3b8;text-decoration:none;font-size:.82rem;font-weight:850;white-space:nowrap}.app-nav a:hover,.app-nav a:focus-visible{color:#e0f2fe;background:#172554;outline:none}.app-nav a.active{color:#f8fafc;background:#0c4a6e;box-shadow:inset 0 0 0 1px #38bdf8}:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e5e7eb;background:#020617}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#0ea5e933,transparent 34rem),linear-gradient(135deg,#020617,#0f172a);padding:24px}main{max-width:1180px;margin:0 auto}.hero{padding:28px 0}.detail-hero{padding-bottom:12px}.eyebrow{color:#38bdf8;text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:.76rem}h1{font-size:clamp(2.4rem,8vw,5.6rem);margin:.1em 0;letter-spacing:-.06em}p{color:#94a3b8;line-height:1.5}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.card,.panel{background:#0f172acc;border:1px solid #334155;border-radius:22px;box-shadow:0 20px 70px #0007}.card{padding:18px}.card span,.card small{display:block;color:#94a3b8}.card strong{font-size:1.8rem}.grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.panel{padding:18px;overflow:hidden}.wide,.history-panel{grid-column:1/-1}h2{margin:0 0 14px;color:#f8fafc}h3{margin:20px 0 6px}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid #1e293b;text-align:left}th{color:#7dd3fc;font-size:.8rem;text-transform:uppercase}small{color:#94a3b8}.good{color:#4ade80}.bad{color:#fb7185}.bar-row{display:grid;grid-template-columns:110px 1fr 54px;gap:10px;align-items:center;margin:13px 0}.bar{height:12px;background:#1e293b;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#22d3ee,#34d399)}.provider{border:1px solid #334155;border-radius:16px;padding:12px;margin:10px 0;background:#02061766}.provider b,.provider span,.provider small{display:block}.provider span{color:#bae6fd;margin:4px 0}.panel-heading{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.panel-heading p{margin:0}.history-controls{display:flex;gap:10px;flex-wrap:wrap}.history-controls label{display:grid;gap:4px;color:#94a3b8;font-size:.75rem;font-weight:800;text-transform:uppercase}.history-controls select{border:1px solid #334155;border-radius:9px;background:#020617;color:#e5e7eb;padding:8px 10px}.chart-legend{display:flex;gap:18px;flex-wrap:wrap;margin:16px 0 8px;color:#cbd5e1;font-size:.9rem}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{width:22px;height:3px;border-radius:4px}.legend-value{background:#22d3ee}.legend-invested{background:#fbbf24}.chart-summary{display:flex;gap:18px;flex-wrap:wrap;align-items:baseline;margin:8px 0}.chart-summary div{display:grid;gap:2px}.chart-summary span{font-size:.78rem;color:#94a3b8}.chart-summary b{font-size:1.25rem}#history-chart{display:block;width:100%;height:auto;min-height:220px;background:#02061766;border-radius:14px}.chart-axis{stroke:#334155;stroke-width:1}.chart-line{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.chart-line-value{stroke:#22d3ee}.chart-line-invested{stroke:#fbbf24;stroke-dasharray:8 5}#history-chart text{fill:#94a3b8;font-size:12px}.instrument-link{color:#f8fafc;text-decoration:none}.instrument-link:hover,.detail-link:hover,.back-link:hover{color:#67e8f9}.detail-link,.back-link{color:#22d3ee;text-decoration:none;font-weight:700;white-space:nowrap}.holding-row{cursor:pointer}.holding-row:hover td{background:#164e6326}.holding-row:focus-visible{outline:2px solid #22d3ee;outline-offset:-2px}.panel-note{margin:0 0 10px;font-size:.9rem}.chart-stage{position:relative}.chart-stage #history-chart{touch-action:manipulation;cursor:crosshair}.chart-stage #history-chart:focus-visible{outline:2px solid #22d3ee;outline-offset:3px}.chart-crosshair{stroke:#cbd5e1;stroke-width:1;stroke-dasharray:4 4;opacity:.75}.chart-point{stroke:#020617;stroke-width:3}.chart-point-value{fill:#22d3ee}.chart-point-invested{fill:#fbbf24}.chart-tooltip{position:absolute;z-index:2;min-width:235px;max-width:calc(100% - 20px);padding:12px 14px;border:1px solid #475569;border-radius:12px;background:#0f172af2;box-shadow:0 12px 30px #0009;transform:translate(-50%,-100%);pointer-events:none;color:#e2e8f0;font-size:.86rem}.chart-tooltip b{display:block;margin-bottom:8px;color:#f8fafc;font-size:1rem}.chart-tooltip span{display:flex;gap:7px;align-items:baseline;justify-content:space-between;margin:5px 0}.chart-tooltip i{display:inline-block;flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#22d3ee}.chart-tooltip .legend-invested{background:#fbbf24}.chart-tooltip .legend-pnl{background:#4ade80}.chart-tooltip .bad .legend-pnl{background:#fb7185}@media(max-width:820px){body{padding:14px}.cards,.grid{grid-template-columns:1fr}.card strong{font-size:1.4rem}table{font-size:.85rem}th,td{padding:9px 6px}.bar-row{grid-template-columns:90px 1fr 48px}.panel-heading{display:block}.history-controls{margin-top:12px}.detail-link{font-size:.75rem}.chart-summary{gap:12px}.chart-tooltip{min-width:210px;font-size:.78rem}}