.main-container{max-width:1400px;margin:0 auto;padding:40px 20px}.page-header{margin-bottom:1.5rem}.breadcrumb{color:var(--calc-text-dim);margin-bottom:.6rem;font-size:.82rem}.breadcrumb a{color:var(--calc-text-dim);text-decoration:none}.breadcrumb a:hover{color:var(--calc-cyan)}.page-title{font-family:var(--calc-font-headline);color:var(--calc-text-primary);margin:0 0 .4rem;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800}.page-subtitle{color:var(--calc-text-faded);margin:0;font-size:.95rem;line-height:1.5}.calc-layout{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem;display:grid}@media (width<=768px){.calc-layout{grid-template-columns:1fr}}.card{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-lg);padding:1.25rem 1.5rem}.card-header{font-family:var(--calc-font-headline);text-transform:uppercase;letter-spacing:.08em;color:var(--calc-text-faded);margin:0 0 1rem;font-size:.78rem;font-weight:700}.input-note{color:var(--calc-text-dim);margin:0 0 1.1rem;font-size:.82rem;line-height:1.5}.inputs-grid{grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:1.25rem;display:grid}@media (width<=480px){.inputs-grid{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-group label{color:var(--calc-text-secondary);font-size:.88rem;font-weight:600}.raw-range{color:var(--calc-text-dim);font-size:.78rem;font-weight:400}.glass-input{background:var(--calc-bg-input);border:1px solid var(--calc-border-strong,var(--calc-border-default));border-radius:var(--calc-radius-md);color:var(--calc-text-primary);font-family:var(--calc-font-mono);width:100%;padding:.6rem .85rem;font-size:1.05rem;transition:border-color .15s}.glass-input:focus{border-color:var(--calc-cyan);outline:none}.action-bar{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.action-btn{background:var(--calc-bg-input);border:1px solid var(--calc-border-default);color:var(--calc-text-secondary);cursor:pointer;border-radius:8px;padding:.45rem .9rem;font-size:.82rem;transition:background .15s,color .15s}.action-btn:hover{background:var(--calc-border-default);color:var(--calc-text-primary)}.action-btn--reset{color:var(--calc-text-dim)}.result-card{flex-direction:column;gap:1rem;display:flex}.hero-result{text-align:center;padding:.75rem 0}.hero-value{font-family:var(--calc-font-headline);color:var(--calc-cyan);margin-bottom:.35rem;font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1}.hero-sub{color:var(--calc-text-dim);font-size:.9rem}.pct-badge{text-align:center;color:var(--calc-text-secondary);background:#22d3ee14;border:1px solid #22d3ee33;border-radius:20px;width:fit-content;margin:-.25rem auto 0;padding:.4rem .8rem;font-size:.85rem;font-weight:600}.section-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.sec-card{border-radius:var(--calc-radius-md);text-align:center;background:#ffffff08;border:1px solid #ffffff0f;padding:.75rem .9rem}.sec-label{text-transform:uppercase;letter-spacing:.06em;color:var(--calc-text-dim);margin-bottom:.3rem;font-size:.75rem;font-weight:700}.sec-scaled{font-family:var(--calc-font-headline);color:var(--calc-text-primary);font-size:1.6rem;font-weight:800;line-height:1}.sec-max{color:var(--calc-text-dim);font-size:.85rem;font-weight:400}.sec-raw{color:var(--calc-text-dim);margin-top:.25rem;font-size:.74rem}.chart-title{text-transform:uppercase;letter-spacing:.06em;color:var(--calc-text-dim);margin-bottom:.6rem;font-size:.82rem;font-weight:700}.ref-table-wrap{max-width:860px;margin:0 auto}.ref-heading{font-family:var(--calc-font-headline);color:var(--calc-text-primary);margin:0 0 .35rem;font-size:1.1rem;font-weight:700}.ref-note{color:var(--calc-text-dim);margin:0 0 1rem;font-size:.82rem;line-height:1.5}.ref-table{border-collapse:collapse;width:100%;font-size:.88rem}.ref-table th{color:var(--calc-text-dim);text-align:left;text-transform:uppercase;letter-spacing:.05em;background:#ffffff0a;border-bottom:1px solid #ffffff14;padding:.6rem .75rem;font-size:.78rem;font-weight:700}.ref-table td{color:var(--calc-text-secondary);border-bottom:1px solid #ffffff0a;padding:.5rem .75rem}.ref-table tr:hover td{background:#ffffff08}.page-sections-outer{max-width:1400px;margin:0 auto;padding:0 1.5rem 3rem}[data-theme=light]{--calc-border-strong:#0003}[data-theme=light] .page-title{color:#0f172a}[data-theme=light] .card{background:#fff;border-color:#0000001f;box-shadow:0 1px 4px #0000000f}[data-theme=light] .card-header{color:#5b6b80}[data-theme=light] .form-group label{color:#1e293b}[data-theme=light] .raw-range{color:#64748b}[data-theme=light] .glass-input{color:#0f172a;background:#f0f4f9;border-color:#00000026}[data-theme=light] .glass-input:focus{border-color:#0891b2}[data-theme=light] .hero-value{color:#0891b2}[data-theme=light] .pct-badge{color:#0f172a;background:#0891b214;border-color:#0891b240}[data-theme=light] .sec-card{background:#edf2f9;border-color:#0000001a}[data-theme=light] .sec-scaled{color:#0f172a}[data-theme=light] .sec-max,[data-theme=light] .sec-raw{color:#64748b}[data-theme=light] .action-btn{color:#334155;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .action-btn:hover{color:#0f172a;background:#e2e8f0}[data-theme=light] .ref-heading{color:#0f172a}[data-theme=light] .ref-note{color:#475569}[data-theme=light] .ref-table th{color:#475569;background:#f0f4f9;border-bottom-color:#0000001a}[data-theme=light] .ref-table td{color:#334155;border-bottom-color:#0000000f}[data-theme=light] .ref-table tr:hover td{background:#f8fafc}[data-theme=light] .chart-title,[data-theme=light] .input-note{color:#475569}