.main-container{max-width:1400px;margin:0 auto;padding:40px 20px}.page-title{color:var(--calc-text-primary,#f8fafc);margin:0 0 8px;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;line-height:1.2}.page-sub{color:var(--calc-text-muted,#a8b8cc);margin:0 0 24px;font-size:.9rem}.calc-layout{grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:0 auto;display:grid}.input-card{background:var(--calc-bg-card,#ffffff0a);border:1px solid var(--calc-border-subtle,#ffffff14);border-radius:var(--calc-radius-lg,16px);padding:24px}.card-header{text-transform:uppercase;letter-spacing:.06em;color:var(--calc-text-muted,#a8b8cc);margin-bottom:16px;font-size:.85rem;font-weight:700}.result-card{background:var(--calc-bg-card,#ffffff0a);border:1px solid var(--calc-border-subtle,#ffffff14);border-radius:var(--calc-radius-lg,16px);flex-direction:column;gap:16px;padding:24px;display:flex}.hero-result{text-align:center;padding:20px 0 8px}.hero-label{text-transform:uppercase;letter-spacing:.08em;color:var(--calc-text-muted,#a8b8cc);margin-bottom:6px;font-size:.8rem;font-weight:600}.hero-value{font-size:clamp(2.2rem,6vw,3.5rem);font-weight:900;font-family:var(--calc-font-mono,"JetBrains Mono", monospace);color:var(--calc-cyan,#22d3ee);text-shadow:0 0 20px #22d3ee4d;margin-bottom:6px;line-height:1}.hero-sub{color:var(--calc-text-muted,#a8b8cc);font-size:.88rem}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat-card{border-radius:var(--calc-radius-md,12px);text-align:center;background:#ffffff08;border:1px solid #ffffff0d;padding:10px}.stat-label{color:var(--calc-text-muted,#a8b8cc);margin-bottom:3px;font-size:.7rem}.stat-value{font-size:1rem;font-weight:700;font-family:var(--calc-font-mono,"JetBrains Mono", monospace);color:var(--calc-text-primary,#f8fafc)}.alert-stack{margin-top:4px}.alert{border-radius:var(--calc-radius-md,12px);padding:10px 14px;font-size:.82rem;line-height:1.5}.alert-info{color:var(--calc-text-muted,#a8b8cc);background:#22d3ee14;border:1px solid #22d3ee33}.action-bar{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.action-btn{border-radius:var(--calc-radius-md,12px);color:var(--calc-text-muted,#a8b8cc);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;padding:7px 14px;font-size:.8rem;transition:background .18s,color .18s}.action-btn:hover{color:var(--calc-cyan,#22d3ee);background:#22d3ee1f;border-color:#22d3ee4d}.action-btn--reset:hover{color:var(--calc-rose,#fb7185);background:#fb71851f;border-color:#fb71854d}.calc-section{max-width:900px;margin:32px auto 0}.calc-section__title{color:var(--calc-text-primary,#f8fafc);margin:0 0 16px;font-size:1.1rem;font-weight:700}.page-sections-outer{max-width:1600px;margin:0 auto;padding:0 1.5rem 3rem}@media (width<=768px){.calc-layout{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.main-container{padding:24px 16px}.stat-grid{grid-template-columns:1fr 1fr}}[data-theme=light] .page-title{color:#0f172a}[data-theme=light] .page-sub{color:#475569}[data-theme=light] .input-card{background:#fff;border-color:#0000001a;box-shadow:0 2px 10px #00000012}[data-theme=light] .card-header{color:#64748b}[data-theme=light] .result-card{background:#fff;border-color:#0000001a;box-shadow:0 2px 10px #00000012}[data-theme=light] .hero-label{color:#64748b}[data-theme=light] .hero-value{color:#0891b2;text-shadow:none}[data-theme=light] .hero-sub{color:#475569}[data-theme=light] .stat-card{background:#edf2f9;border-color:#0000001a}[data-theme=light] .stat-label{color:#64748b}[data-theme=light] .stat-value{color:#0f172a}[data-theme=light] .alert-info{color:#1e3a5f;background:#eff9fb;border-color:#0891b24d}[data-theme=light] .action-btn{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .action-btn:hover{color:#0891b2;background:#0891b21a;border-color:#0891b24d}[data-theme=light] .action-btn--reset:hover{color:#be123c;background:#e11d4814;border-color:#e11d4840}[data-theme=light] .calc-section__title{color:#0f172a}