:root{--accent:var(--calc-color-math);--accent-glow:#6366f133}body{background:var(--calc-bg-page);color:var(--calc-text-primary);margin:0;padding:0;font-family:Inter,Plus Jakarta Sans,sans-serif;line-height:1.6}.main-container{max-width:1200px;margin:0 auto;padding:0 20px 24px}.calc-breadcrumb{color:var(--calc-text-dim);padding:10px 20px;font-size:.82rem}.calc-breadcrumb a{color:var(--calc-text-faded);text-decoration:none}.calc-breadcrumb a:hover{color:var(--calc-color-math)}.calc-title{text-align:center;letter-spacing:-.02em;color:var(--calc-text-primary);margin:10px 0 4px;font-size:2rem;font-weight:800}.calc-subtitle{text-align:center;color:var(--calc-text-faded);margin:0 0 20px;font-size:1rem}.tab-nav{background:var(--calc-bg-input);border:1px solid var(--calc-border-subtle);border-radius:12px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.tab-btn{color:var(--calc-text-faded);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.tab-btn.active{background:var(--calc-color-math);color:#fff}.tab-content.active{display:block}.calc-layout{grid-template-columns:1fr 1.3fr;align-items:start;gap:20px;display:grid}@media (width<=700px){.calc-layout{grid-template-columns:1fr}}.card{background:var(--calc-bg-card);border:1px solid var(--calc-border-subtle);border-radius:12px;padding:18px}.input-card{border-left:3px solid var(--calc-color-math)}.result-card{border-left:3px solid var(--calc-purple)}.section-label{color:var(--calc-text-faded);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--calc-border-subtle);margin-bottom:10px;padding-bottom:8px;font-size:.75rem;font-weight:700}.form-group{margin-bottom:14px}.form-label{color:var(--calc-text-faded);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.glass-input{box-sizing:border-box;background:var(--calc-bg-input);border:1px solid var(--calc-border-default);width:100%;color:var(--calc-text-primary);border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.glass-input:focus{border-color:var(--calc-color-math);box-shadow:0 0 0 3px #6366f133}select.glass-input{cursor:pointer}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.btn-secondary{background:var(--calc-bg-input);color:var(--calc-text-faded);border:1px solid var(--calc-border-subtle)}.btn-secondary:hover{color:var(--calc-text-primary);border-color:var(--calc-color-math)}#btn-swap{transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .2s,border-color .2s}#btn-swap:active{transform:scale(.95)rotate(180deg)}.hero-result{text-align:center;padding:20px 10px 16px}.hero-label{color:var(--calc-text-faded);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:.75rem;font-weight:700}.hero-value{color:var(--calc-text-primary);letter-spacing:-.02em;word-break:break-all;margin-bottom:8px;font-size:2.4rem;font-weight:800;line-height:1.1;transition:color .2s;animation:.3s cubic-bezier(.16,1,.3,1) pulse-entry}@keyframes pulse-entry{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.hero-sub{color:var(--calc-text-faded);font-size:.9rem}.result-interpretation{text-align:center;color:var(--calc-text-faded);min-height:1.2em;margin:0 0 10px;font-size:.85rem}.result-interpretation:not(:empty){color:var(--calc-text-primary);background:#6366f10f;border:1px solid #6366f133;border-radius:8px;padding:8px 12px}.stat-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:8px;display:grid}@media (width<=480px){.stat-grid{grid-template-columns:1fr 1fr}}.stat-card{border:1px solid var(--calc-border-subtle);text-align:center;cursor:pointer;background:#ffffff08;border-radius:10px;padding:10px 8px;transition:border-color .15s,background .15s}.stat-card:hover{border-color:var(--calc-color-math);background:#6366f10f}.stat-card.is-active{border-color:var(--calc-color-math);background:#6366f11a}.stat-label{color:var(--calc-text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.7rem}.stat-value{color:var(--calc-text-primary);word-break:break-all;font-size:.92rem;font-weight:700;font-family:var(--calc-font-mono)}.act-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.act-btn{color:var(--calc-text-faded);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:.84rem;font-weight:600;transition:all .2s}.act-btn:hover{color:var(--calc-color-math);background:#6366f114;border-color:#6366f14d}.calc-comparison-table tbody tr{cursor:pointer}.calc-comparison-table td.unit-approx:after{content:"≈ mean";color:var(--calc-color-math);text-transform:uppercase;letter-spacing:.04em;margin-left:8px;font-size:.68rem;font-weight:600;display:inline-block}.preset-strip{flex-wrap:wrap;gap:6px;display:flex}.preset-chip{white-space:nowrap;color:var(--calc-text-faded);cursor:pointer;background:#6366f114;border:1px solid #6366f140;border-radius:20px;align-items:center;gap:5px;padding:8px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.preset-chip:hover{border-color:var(--calc-color-math);color:var(--calc-text-primary);box-shadow:0 3px 10px var(--accent-glow);background:#6366f12e;transform:translateY(-1px)}[data-theme=light]{--accent-glow:#4f46e526}[data-theme=light] body{color:#0f172a;background:#e8edf5}[data-theme=light] input,[data-theme=light] select{color-scheme:light}[data-theme=light] .card{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .tab-btn{color:#334155;background:#e2e8f0}[data-theme=light] .tab-btn.active{color:#fff;background:#4f46e5}[data-theme=light] .glass-input{background:#f0f4f9;border-color:#00000026}[data-theme=light] .glass-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}[data-theme=light] .btn-secondary{color:#334155;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .btn-secondary:hover{color:#1e1b4b;border-color:#4f46e5}[data-theme=light] .hero-value{color:#0f172a}[data-theme=light] .hero-sub{color:#475569}[data-theme=light] .hero-label{color:#64748b}[data-theme=light] .input-card{border-left-color:#0891b2}[data-theme=light] .result-card{border-left-color:#7c3aed}[data-theme=light] .result-interpretation:not(:empty){color:#1e1b4b;background:#eef2ff;border-color:#4f46e54d}[data-theme=light] .stat-card{background:#f0f4f9;border-color:#0000001a}[data-theme=light] .stat-card:hover,[data-theme=light] .stat-card.is-active{background:#eef2ff;border-color:#4f46e5}[data-theme=light] .stat-value{color:#0f172a}[data-theme=light] .stat-label{color:#64748b}[data-theme=light] .act-btn{color:#334155;background:#e2e8f0;border-color:#0000001f}[data-theme=light] .act-btn:hover{color:#4f46e5;background:#eef2ff;border-color:#4f46e559}[data-theme=light] .preset-chip{color:#475569;background:#f0f4f9;border-color:#4f46e533}[data-theme=light] .preset-chip:hover{color:#1e1b4b;background:#e0e7ff;border-color:#4f46e5}[data-theme=light] .calc-comparison-table tbody tr:hover{background:#eef2ff}[data-theme=light] .calc-comparison-table td.unit-approx:after{color:#4f46e5}[data-theme=light] .toast-success{color:#065f46;background:#ecfdf5;border-color:#059669}[data-theme=light] .toast-warn{color:#78350f;background:#fffbeb;border-color:#f59e0b}[data-theme=light] .toast-error{color:#991b1b;background:#fff1f2;border-color:#dc2626}