:root{--accent:var(--calc-color-daily);--accent-dim:#34d39926;--accent-glow:#34d39940}.main-container{max-width:1200px;margin:0 auto;padding:0 1rem 2rem}.page-header{text-align:center;padding:1.5rem 0 1rem}.page-title{font-family:var(--calc-font-headline);color:var(--calc-text-primary);margin:0 0 .3rem;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800}.page-subtitle{color:var(--calc-text-faded);margin:0;font-size:.95rem}.top-tab-control{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.top-tab-btn{border-radius:var(--calc-radius-md);border:1px solid var(--calc-border-subtle);background:var(--calc-bg-card);color:var(--calc-text-faded);cursor:pointer;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.top-tab-btn:hover{border-color:var(--accent);color:var(--calc-text-primary)}.top-tab-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.tab-icon{font-size:1rem}.tab-panel{display:none}.tab-panel.active{display:block}.main-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem;display:grid}.controls-column{flex-direction:column;gap:1rem;display:flex}.insights-column{position:sticky;top:1rem}.input-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-lg);padding:1.25rem}.card-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.9rem;font-size:.78rem;font-weight:700}.form-group{margin-bottom:.9rem}.form-group:last-child{margin-bottom:0}.form-label{color:var(--calc-text-faded);margin-bottom:.35rem;font-size:.82rem;font-weight:600;display:block}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.glass-input{background:var(--calc-bg-input);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-md);width:100%;color:var(--calc-text-primary);box-sizing:border-box;padding:.55rem .75rem;font-size:.92rem;transition:border-color .2s,box-shadow .2s}.glass-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.preset-chips{flex-wrap:wrap;gap:.5rem;display:flex}.preset-chip{border:1px solid var(--calc-border-default);background:var(--calc-bg-input);color:var(--calc-text-faded);cursor:pointer;white-space:nowrap;border-radius:999px;padding:.35rem .9rem;font-size:.8rem;font-weight:600;transition:all .18s}.preset-chip:hover{border-color:var(--accent);color:var(--calc-text-primary)}.preset-chip.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.result-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-lg);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.hero-block{text-align:center;padding:.5rem 0}.hero-label{letter-spacing:.1em;text-transform:uppercase;color:var(--calc-text-dim);margin-bottom:.3rem;font-size:.72rem;font-weight:700}.hero-value{font-family:var(--calc-font-mono);color:var(--accent);text-shadow:0 0 20px var(--accent-glow);font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1}.hero-badge{color:var(--calc-text-faded);margin-top:.4rem;font-size:.82rem;font-style:italic}.stats-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.stat-cell{background:var(--calc-bg-glass);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);text-align:center;padding:.65rem .75rem}.stat-value{font-family:var(--calc-font-mono);color:var(--calc-text-primary);font-size:1.05rem;font-weight:700;line-height:1.2}.stat-value.emerald{color:var(--calc-emerald)}.stat-value.gold{color:var(--calc-gold)}.stat-value.teal{color:var(--calc-teal)}.stat-value.amber{color:var(--calc-amber)}.stat-value.sky{color:var(--calc-sky)}.stat-value.rose{color:var(--calc-rose)}.stat-value.accent{color:var(--accent)}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--calc-text-dim);margin-top:.2rem;font-size:.68rem;font-weight:600}.formula-strip{border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);font-family:var(--calc-font-mono);color:var(--calc-text-faded);background:#0000002e;padding:.75rem 1rem;font-size:.75rem;line-height:1.7}.fs-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fv{color:var(--calc-text-primary);font-weight:600}.fr{color:var(--accent);font-weight:700}.action-bar{flex-wrap:wrap;gap:.5rem;display:flex}.action-btn{border-radius:var(--calc-radius-md);border:1px solid var(--calc-border-default);background:var(--calc-bg-input);min-width:80px;color:var(--calc-text-faded);cursor:pointer;text-align:center;flex:1;padding:.5rem .6rem;font-size:.78rem;font-weight:600;transition:all .18s}.action-btn:hover,.action-btn--share{border-color:var(--accent);color:var(--accent)}.invest-summary{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.invest-stat{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);text-align:center;padding:.85rem .75rem}.invest-stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--calc-text-dim);margin-bottom:.35rem;font-size:.7rem;font-weight:700}.invest-stat-value{font-family:var(--calc-font-mono);font-size:1.15rem;font-weight:700}.invest-stat-value.teal{color:var(--calc-teal)}.invest-stat-value.gold{color:var(--calc-gold)}.invest-stat-value.emerald{color:var(--calc-emerald)}.chart-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-lg);padding:1.25rem}.chart-title{color:var(--calc-text-primary);margin-bottom:.75rem;font-size:.85rem;font-weight:700}.chart-wrap{height:260px;position:relative}.chart-legend{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:.75rem;display:flex}.chart-legend-item{color:var(--calc-text-faded);align-items:center;gap:.4rem;font-size:.78rem;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.invest-explainer{background:var(--calc-bg-glass);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);color:var(--calc-text-faded);margin-top:1rem;padding:.85rem 1rem;font-size:.82rem;line-height:1.65}.tracker-section{flex-direction:column;gap:1.25rem;display:flex}.tracker-header{color:var(--calc-text-faded);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.tracker-table-wrap{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-lg);overflow:hidden}.tracker-table{border-collapse:collapse;width:100%;font-size:.85rem}.tracker-table th{color:var(--calc-text-dim);text-transform:uppercase;letter-spacing:.07em;text-align:left;background:#00000026;padding:.55rem .75rem;font-size:.72rem;font-weight:700}.tracker-table td{border-top:1px solid var(--calc-border-subtle);color:var(--calc-text-primary);vertical-align:middle;padding:.55rem .75rem}.tracker-row:first-child td{border-top:none}.tracker-table .tr-weekly,.tracker-table .tr-monthly,.tracker-table .tr-annual{font-family:var(--calc-font-mono);text-align:right;color:var(--calc-text-primary);font-size:.88rem}.tracker-table .totals-row td{border-top:2px solid var(--accent);color:var(--accent);font-weight:700;font-family:var(--calc-font-mono);background:#34d39912}.tr-name-input,.tr-cost-input,.tr-freq-input{border:none;border-bottom:1px solid var(--calc-border-subtle);width:100%;color:var(--calc-text-primary);background:0 0;outline:none;padding:.25rem 0;font-size:.85rem}.tr-name-input:focus,.tr-cost-input:focus,.tr-freq-input:focus{border-bottom-color:var(--accent)}.row-locked{color:var(--calc-text-faded);font-size:.8rem;font-style:italic}.donut-wrap{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-lg);padding:1.25rem}.donut-wrap .chart-title{margin-bottom:.75rem}.donut-chart-wrap{max-width:280px;height:220px;margin:0 auto;position:relative}.page-sections-outer{max-width:1200px;margin:0 auto;padding:0 1.5rem 3rem}@media (width<=768px){.main-grid{grid-template-columns:1fr}.insights-column{position:static}.invest-summary{grid-template-columns:1fr 1fr}.invest-summary .invest-stat:last-child{grid-column:1/-1}}@media (width<=480px){.form-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.preset-chips{gap:.4rem}.preset-chip{padding:.3rem .7rem;font-size:.75rem}.action-bar{gap:.4rem}.top-tab-btn{padding:.45rem .85rem;font-size:.8rem}.invest-summary{grid-template-columns:1fr}}[data-theme=light]{--accent:var(--calc-color-daily);--accent-dim:#0478571a;--accent-glow:#04785726}[data-theme=light] .top-tab-btn{color:#475569;background:#fff;border-color:#0000001f}[data-theme=light] .top-tab-btn:hover{color:#047857;border-color:#047857}[data-theme=light] .top-tab-btn.active{color:#047857;box-shadow:none;background:#04785714;border-color:#047857}[data-theme=light] .input-card{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .glass-input{color:#0f172a;background:#f0f4f9;border-color:#00000026}[data-theme=light] .glass-input:focus{border-color:#047857;box-shadow:0 0 0 3px #0478571f}[data-theme=light] .glass-input::placeholder{color:#00000061}[data-theme=light] .preset-chip{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .preset-chip:hover{color:#047857;border-color:#047857}[data-theme=light] .preset-chip.active{color:#047857;background:#04785714;border-color:#047857}[data-theme=light] .result-card{background:#fff;border-color:#0000001a;box-shadow:0 2px 10px #00000012}[data-theme=light] .hero-value{text-shadow:none}[data-theme=light] .stat-cell{background:#f0f4f9;border-color:#0000001a}[data-theme=light] .stat-value{color:#0f172a}[data-theme=light] .formula-strip{color:#475569;background:#f0f4f9;border-color:#0000001a}[data-theme=light] .fv{color:#0f172a}[data-theme=light] .fr{color:#047857}[data-theme=light] .action-btn{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .action-btn:hover,[data-theme=light] .action-btn--share{color:#047857;border-color:#047857}[data-theme=light] .invest-stat{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000d}[data-theme=light] .chart-card{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .invest-explainer{background:#f0f4f9;border-color:#0000001a}[data-theme=light] .tracker-table-wrap{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .tracker-table th{color:#64748b;background:#f0f4f9}[data-theme=light] .tracker-table td{color:#0f172a;border-color:#00000012}[data-theme=light] .tracker-table .tr-weekly,[data-theme=light] .tracker-table .tr-monthly,[data-theme=light] .tracker-table .tr-annual{color:#0f172a}[data-theme=light] .tracker-table .totals-row td{color:#047857;background:#04785712;border-top-color:#047857}[data-theme=light] .tr-name-input,[data-theme=light] .tr-cost-input,[data-theme=light] .tr-freq-input{color:#0f172a;border-bottom-color:#00000026}[data-theme=light] .tr-name-input:focus,[data-theme=light] .tr-cost-input:focus,[data-theme=light] .tr-freq-input:focus{border-bottom-color:#047857}[data-theme=light] .donut-wrap{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .chart-legend-item{color:#475569}