:root{color:#f3f8f6;font-synthesis:none;--lime:#c9ff4a;--cyan:#67e8f9;--muted:#8fa19b;--panel:#0d1a17;--line:#20302b;--red:#ff7d87;background:#07110f;font-family:DM Sans,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{color:#f3f8f6;background:radial-gradient(circle at 72% 4%,#3076592e,#0000 28%),#07110f;min-width:320px;margin:0}.shell{width:min(1180px,100% - 40px);margin:auto}.nav{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:80px;display:flex}.brand{letter-spacing:.18em;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.brand-mark{background:var(--lime);color:#07110f;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.market-status{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.live-dot{background:var(--lime);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #c9ff4a14}.hero{justify-content:space-between;align-items:end;padding:74px 0 48px;display:flex}.eyebrow,.kicker{color:var(--lime);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:700}.eyebrow{align-items:center;gap:8px;margin-bottom:20px;display:flex}.hero h1{letter-spacing:-.055em;max-width:800px;margin:0;font-size:clamp(44px,6vw,78px);line-height:1.02}.hero h1 span{color:var(--lime)}.hero>div>p{color:var(--muted);max-width:560px;margin:24px 0 0;line-height:1.8}.hero-meta{flex-direction:column;align-items:flex-end;gap:16px;display:flex}.hero-meta>div{color:var(--muted);grid-template-columns:auto auto;gap:4px 8px;font-size:11px;display:grid}.hero-meta>div svg{grid-row:1/3}.hero-meta strong{color:#dbe6e2;font-size:12px}.hero-meta button{border:1px solid var(--line);color:#f3f8f6;cursor:pointer;background:#10201c;border-radius:10px;align-items:center;gap:8px;padding:11px 16px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-grid{grid-template-columns:1.45fr .9fr .75fr;gap:16px;display:grid}.card{border:1px solid var(--line);background:linear-gradient(145deg,#12231efa,#0b1915fa);border-radius:18px}.portfolio-card,.forecast-card,.exposure-card{min-height:390px;padding:26px}.card-head{justify-content:space-between;align-items:flex-start;display:flex}.card-head svg{color:#6b7e77}.card h2{margin:8px 0;font-size:34px}.card h3{margin:8px 0;font-size:20px}.daily-change{align-items:center;gap:13px;margin-top:20px;display:flex}.change-icon{background:#c9ff4a1f;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.negative .change-icon{background:#ff7d871f}.daily-change div{grid-template-columns:auto auto;column-gap:10px;display:grid}.daily-change small{color:var(--muted);grid-column:1/3}.daily-change strong{font-size:22px}.daily-change em{align-self:center;font-size:13px;font-style:normal}.positive{color:var(--lime)!important}.negative{color:var(--red)!important}.mini-chart{width:100%;height:120px;margin:16px 0 6px}.chart-skeleton{background:linear-gradient(90deg,#0000,#ffffff0a,#0000);height:120px;animation:1.4s infinite shimmer}.allocation-bar{border-radius:9px;gap:3px;height:5px;margin-top:5px;display:flex;overflow:hidden}.allocation-bar i{display:block}.legend{color:var(--muted);justify-content:space-between;margin-top:11px;font-size:11px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend i{border-radius:50%;width:6px;height:6px}.forecast-number{letter-spacing:-.05em;margin-top:45px;font-size:60px;font-weight:700}.forecast-money{color:var(--muted);margin:-6px 0 25px}.range-box{background:#071511;border:1px solid #1a3029;border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.range-box span,.confidence span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.range-box strong{font-size:14px}.confidence{margin-top:18px}.confidence>div{justify-content:space-between;font-size:12px;display:flex}.confidence b{color:#f7d27a}.confidence-track{background:#26352f;margin-top:9px;height:4px!important}.confidence-track i{background:#f7d27a;height:4px;display:block}.fine-print{color:#70827b;gap:7px;margin-top:20px;font-size:10px;line-height:1.5;display:flex}.donut-row{gap:14px;margin:42px 0;display:flex}.donut{background:radial-gradient(circle at center,#10201c 61%,transparent 63%),conic-gradient(var(--lime) var(--value),#23332d 0);border-radius:50%;align-content:center;place-items:center;width:105px;height:105px;display:grid}.donut.cyan{background:radial-gradient(circle at center,#10201c 61%,transparent 63%),conic-gradient(var(--cyan) var(--value),#23332d 0)}.donut strong{font-size:22px}.donut span{color:var(--muted);font-size:10px}.insight{border-top:1px solid var(--line);color:var(--muted);gap:10px;padding:14px;display:flex}.insight svg{color:var(--lime);flex:none}.insight p{margin:0;font-size:11px;line-height:1.7}.section-block{padding-top:78px}.section-title{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.section-title h2{margin:8px 0 0;font-size:30px}.section-title>p{color:var(--muted);font-size:12px}.fund-inputs{grid-template-columns:1fr 1fr;gap:16px;display:grid}.fund-input{padding:26px}.fund-tag{border:1px solid;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-block}.fund-input h3{margin:18px 0 5px}.fund-input>p{color:var(--muted);font-size:11px}.fund-input label{margin-top:28px;display:block}.fund-input label>span{color:var(--muted);font-size:11px}.amount-field{border-bottom:1px solid #34443e;align-items:center;margin-top:8px;display:flex}.amount-field b{color:var(--muted)}.amount-field input{color:#fff;background:0 0;border:0;outline:0;width:100%;padding:8px 10px;font-size:32px;font-weight:600}.fund-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:20px;padding-top:16px;font-size:12px;display:flex}.tabs{border:1px solid var(--line);background:#0d1a17;border-radius:10px;padding:4px}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 14px}.tabs button.active{color:#fff;background:#23372f}.holdings-table{overflow:hidden}.table-head,.table-row{grid-template-columns:2fr 1.2fr .8fr .8fr;align-items:center;padding:15px 24px;display:grid}.table-head{color:#64766f;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--line);font-size:10px}.table-row{border-bottom:1px solid #ffffff0e;font-size:13px}.table-row:last-child{border-bottom:0}.stock{align-items:center;gap:15px;display:flex}.stock>b{color:#45564f;font-size:11px}.stock div{flex-direction:column;display:flex}.stock span{color:var(--muted);margin-top:3px;font-size:10px}.table-row>div:nth-child(2){align-items:center;gap:10px;display:flex}.weight-bar{background:#24332e;width:80px;height:3px}.weight-bar i{background:var(--lime);height:3px;display:block}.table-row>div:nth-child(2)>strong{color:#a8b6b1;font-size:11px}footer{border-top:1px solid var(--line);color:#697a74;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;margin-top:90px;padding:30px 0 45px;font-size:10px;display:grid}footer p{text-align:center;max-width:600px;margin:auto}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr 1fr}.portfolio-card{grid-column:1/3}.exposure-card{grid-column:1/3;min-height:auto}.donut-row{margin:25px 0}.hero{align-items:flex-start}.hero-meta{display:none}}@media (width<=640px){.shell{width:min(100% - 24px,1180px)}.nav{height:64px}.hero{padding:52px 0 32px}.hero h1{font-size:47px}.dashboard-grid,.fund-inputs{grid-template-columns:1fr}.portfolio-card,.exposure-card{grid-column:auto}.portfolio-card,.forecast-card,.exposure-card{min-height:auto}.section-block{padding-top:58px}.section-title{flex-direction:column;align-items:flex-start;gap:20px}.section-title>p{margin:0}.holdings-table{overflow-x:auto}.table-head,.table-row{min-width:680px}.fund-input{padding:21px}.amount-field input{font-size:26px}.donut-row{justify-content:center}footer{text-align:center;grid-template-columns:1fr}footer .brand{justify-content:center}}.fund-fields{grid-template-columns:1fr 1fr;gap:24px;margin-top:22px;display:grid}.fund-fields label{margin:0}.compact-field{border-bottom:1px solid #34443e;align-items:center;margin-top:8px;display:flex}.compact-field b{color:var(--muted);font-size:12px}.compact-field input{color:#fff;background:0 0;border:0;outline:0;width:100%;padding:7px 8px;font-size:20px;font-weight:600}.gain-block{flex-direction:column;justify-content:flex-end;gap:9px;display:flex}.gain-block span{color:var(--muted);font-size:11px}.gain-block strong{font-size:14px}.projection-grid{grid-template-columns:1.4fr .75fr;gap:16px;display:grid}.projection-card,.projection-controls{padding:28px}.projection-card{min-height:390px}.projection-card h2{letter-spacing:-.04em;font-size:46px}.year-tabs{gap:6px;margin:30px 0;display:flex}.year-tabs button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#0b1714;border-radius:9px;padding:8px 18px}.year-tabs button.active{background:var(--lime);border-color:var(--lime);color:#07110f;font-weight:700}.projection-bar{background:#24332e;border-radius:999px;height:12px;display:flex;overflow:hidden}.projection-bar i{display:block}.current-part{background:#f3f8f6}.contribution-part{background:var(--cyan)}.growth-part{background:var(--lime)}.projection-legend{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.projection-legend>div{grid-template-columns:auto 1fr;gap:3px 8px;display:grid}.projection-legend i{border-radius:50%;width:7px;height:7px;margin-top:4px}.projection-legend span{color:var(--muted);font-size:10px}.projection-legend strong{grid-column:2;font-size:13px}.projection-note{color:#75877f;border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:32px;padding-top:18px;font-size:10px;display:flex}.projection-note svg{color:var(--lime);flex:none}.projection-controls{flex-direction:column;gap:20px;display:flex}.control-summary{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding-bottom:20px;display:flex}.icon-tile{width:42px;height:42px;color:var(--lime);background:#c9ff4a1a;border-radius:12px;place-items:center;display:grid}.cyan-tile{color:var(--cyan);background:#67e8f91a}.control-summary div{flex-direction:column;gap:4px;display:flex}.control-summary small,.return-control span,.invested-total span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.control-summary strong{font-size:16px}.return-control{padding-top:8px}.return-control>div:first-child,.invested-total{justify-content:space-between;align-items:center;display:flex}.return-control>div>strong{color:var(--lime);font-size:19px}.return-control input{width:100%;accent-color:var(--lime);margin:18px 0 4px}.range-labels{color:#5f716a;justify-content:space-between;font-size:9px;display:flex}.invested-total{background:#071511;border:1px solid #1a3029;border-radius:12px;margin-top:auto;padding:17px}.invested-total strong{font-size:16px}@media (width<=900px){.projection-grid{grid-template-columns:1fr}.projection-controls{grid-template-columns:1fr 1fr;display:grid}.return-control,.invested-total{grid-column:1/3}}@media (width<=640px){.fund-fields{grid-template-columns:1fr}.projection-card,.projection-controls{padding:21px}.projection-card h2{font-size:36px}.projection-legend{grid-template-columns:1fr}.projection-controls{display:flex}.return-control,.invested-total{grid-column:auto}.year-tabs button{flex:1;padding:8px 5px}}.nav-actions{align-items:center;gap:14px;display:flex}.nav-refresh{border:1px solid var(--line);color:#dce8e3;cursor:pointer;background:#10201c;border-radius:9px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;transition:border-color .2s,background .2s,transform .2s;display:flex;position:relative;overflow:hidden}.nav-refresh:hover{background:#172a24;border-color:#52665d;transform:translateY(-1px)}.nav-refresh:disabled{cursor:wait;opacity:.9}.nav-refresh.is-loading svg,.hero-meta button.is-loading svg{animation:.7s linear infinite refresh-spin}.live-dot.is-pulsing{animation:.9s ease-in-out infinite live-pulse}.refresh-toast{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1b17f5;border:1px solid #2b4038;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:11px;width:min(340px,100vw - 24px);padding:15px 17px;animation:.28s cubic-bezier(.2,.8,.2,1) both toast-in;display:grid;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 18px 55px #0006}.refresh-toast .toast-icon{width:36px;height:36px;color:var(--lime);background:#c9ff4a1a;border-radius:10px;place-items:center;display:grid}.refresh-toast.loading .toast-icon svg{animation:.75s linear infinite refresh-spin}.refresh-toast.success{border-color:#c9ff4a59}.refresh-toast.error{border-color:#ff7d8759}.refresh-toast.error .toast-icon{color:var(--red);background:#ff7d871a}.refresh-toast div{flex-direction:column;gap:3px;display:flex}.refresh-toast strong{font-size:13px}.refresh-toast small{color:var(--muted);font-size:10px}.toast-progress{background:linear-gradient(90deg,transparent,var(--lime),transparent);width:42%;height:2px;animation:.8s ease-in-out infinite progress-scan;position:absolute;bottom:0;left:0}.time-pulse{animation:.85s ease-out time-flash}.hero-meta button.is-loading{background:#c9ff4a14;border-color:#c9ff4a59}@keyframes refresh-spin{to{transform:rotate(360deg)}}@keyframes live-pulse{50%{opacity:.35;box-shadow:0 0 0 8px #c9ff4a08}}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@keyframes progress-scan{0%{transform:translate(-120%)}to{transform:translate(360%)}}@keyframes time-flash{0%{color:var(--lime);text-shadow:0 0 12px #c9ff4aa6}to{color:#dbe6e2;text-shadow:none}}@media (width<=640px){.nav-actions{gap:8px}.market-status{display:none}.nav-refresh{padding:8px 10px}.nav-refresh span{display:none}.refresh-toast{width:calc(100vw - 24px);bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){.nav-refresh.is-loading svg,.hero-meta button.is-loading svg,.live-dot.is-pulsing,.refresh-toast.loading .toast-icon svg,.toast-progress,.time-pulse{animation-duration:1.8s}.refresh-toast{animation:none}}