.main-container{max-width:1400px;margin:0 auto;padding:40px 20px}.page-header{margin-bottom:20px}.page-title{font-family:var(--calc-font-headline);color:var(--calc-text-primary);letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:800}.page-subtitle{color:var(--calc-text-dim);max-width:72ch;margin:0;font-size:1rem;line-height:1.6}.calc-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:24px;display:grid}@media (width<=1024px){.calc-grid{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-title{font-family:var(--calc-font-headline);text-transform:uppercase;letter-spacing:.05em;color:var(--calc-text-faded);margin:0 0 1rem;font-size:1rem}.field-hint{color:var(--calc-text-dim);margin:6px 0 0;font-size:.78rem;line-height:1.5}.card-title+.field-hint{margin:-4px 0 14px}.form-group{flex-direction:column;gap:.4rem;margin-top:1rem;display:flex}.form-group:first-of-type{margin-top:0}.form-group label{color:var(--calc-text-faded);font-size:.9rem}.label-with-action{justify-content:space-between;align-items:center;display:flex}.link-btn{color:var(--calc-cyan);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:600;text-decoration:underline}.link-btn:hover{color:var(--calc-cyan-hover,#67e8f9)}.input-with-unit{align-items:center;gap:8px;display:flex}.input-with-unit input{flex:auto;width:100%}.unit-select{background:var(--calc-bg-input);border:1px solid var(--calc-border-strong);border-radius:var(--calc-radius-md);color:var(--calc-text-primary);cursor:pointer;padding:.65rem .6rem;font-size:.85rem;font-weight:600}.unit-select:focus{border-color:var(--calc-cyan);outline:none}.unit-badge{font-family:var(--calc-font-mono);color:var(--calc-text-dim);white-space:nowrap;padding:0 4px;font-size:.82rem}.geom-box{border:1px dashed var(--calc-border-subtle);border-radius:var(--calc-radius-md);background:#22d3ee0d;margin-top:10px;padding:12px}.geom-title{color:var(--calc-cyan);margin-bottom:8px;font-size:.82rem;font-weight:700}.geom-row{margin-bottom:8px}.geom-select{background:var(--calc-bg-input);border:1px solid var(--calc-border-strong);border-radius:var(--calc-radius-md);width:100%;color:var(--calc-text-primary);padding:6px 8px;font-size:.82rem}.geom-inputs{gap:10px;margin-bottom:10px;display:flex}.form-group-sub{flex:auto}.form-group-sub label{color:var(--calc-text-dim);margin-bottom:4px;font-size:.76rem;display:block}.form-group-sub input{background:var(--calc-bg-input);border:1px solid var(--calc-border-strong);border-radius:var(--calc-radius-md);width:100%;color:var(--calc-text-primary);font-family:var(--calc-font-mono);padding:5px 8px;font-size:.9rem}.btn-secondary{width:100%;color:var(--calc-text-primary);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);cursor:pointer;background:#ffffff0f;padding:6px 12px;font-size:.8rem;font-weight:600}.btn-secondary:hover{border-color:var(--calc-cyan);color:var(--calc-cyan)}.form-group input{background:var(--calc-bg-input);border:1px solid var(--calc-border-strong);border-radius:var(--calc-radius-md);color:var(--calc-text-primary);font-family:var(--calc-font-mono);padding:.65rem .85rem;font-size:1.05rem;transition:border-color .15s}.form-group input:focus{border-color:var(--calc-cyan);outline:none}.form-label-static{color:var(--calc-text-faded);margin-bottom:7px;font-size:.82rem;font-weight:600;display:block}.preset-lead{font-family:var(--calc-font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--calc-text-dim);align-self:center;margin-right:4px;font-size:.72rem}.preset-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.preset-chip{color:var(--calc-text-faded);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);cursor:pointer;background:#ffffff08;padding:7px 12px;font-size:.8rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.preset-chip:hover{border-color:var(--calc-cyan)}.preset-chip.active{color:var(--calc-bg-card,#0f172a);background:var(--calc-cyan);border-color:var(--calc-cyan)}.mode-chips{flex-wrap:wrap;gap:8px;display:flex}.mode-chips--sm{gap:4px}.mode-chips--sm .mode-chip{min-width:auto;padding:4px 8px;font-size:.75rem}.mode-chip{text-align:center;min-width:90px;color:var(--calc-text-faded);border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);cursor:pointer;background:#ffffff08;flex:auto;padding:9px 12px;font-size:.84rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.mode-chip:hover{border-color:var(--calc-cyan)}.mode-chip.active{color:var(--calc-bg-card,#0f172a);background:var(--calc-cyan);border-color:var(--calc-cyan)}.visualizer-box{border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);background:#0003;justify-content:center;align-items:center;margin-top:14px;padding:10px;display:flex}.flux-svg{width:100%;max-width:320px;height:auto;overflow:visible}.field-line{transition:transform .2s ease-out}.hero-result{text-align:left}.hero-label{font-family:var(--calc-font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--calc-text-dim);margin-bottom:6px;font-size:.78rem}.hero-value{font-family:var(--calc-font-mono);color:var(--calc-cyan);word-break:break-word;margin-bottom:.3rem;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:700}.hero-sub{color:var(--calc-text-faded);line-height:1.5}.formula-strip{margin-top:16px}.f-pill{border-radius:var(--calc-radius-md);background:#22d3ee0f;border:1px solid #22d3ee38;align-items:baseline;gap:10px;padding:8px 14px;display:inline-flex}.f-eq{font-family:var(--calc-font-mono);color:var(--calc-cyan);font-size:.95rem;font-weight:700}.f-lbl{color:var(--calc-text-dim);font-size:.76rem}.interp-panel{border:1px solid #22d3ee38;border-left:3px solid var(--calc-cyan);border-radius:var(--calc-radius-md);background:#22d3ee0f;margin-top:14px;padding:14px 16px}.interp-text{color:var(--calc-text-faded);margin:0;font-size:.9rem;line-height:1.65}.table-responsive{margin-top:4px}.faq-item__question{cursor:pointer;color:var(--calc-text-primary);user-select:none;justify-content:space-between;align-items:center;padding:14px 4px;font-size:.92rem;font-weight:600;list-style:none;display:flex}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question:after{content:"+";font-family:var(--calc-font-mono);color:var(--calc-text-dim);flex-shrink:0;margin-left:16px;font-size:1.1rem}.faq-item[open] .faq-item__question:after{content:"−";color:var(--calc-cyan)}.faq-item__answer{color:var(--calc-text-dim);padding:0 4px 14px;font-size:.86rem;line-height:1.75}[data-theme=light] .page-subtitle{color:#475569}[data-theme=light] .field-hint,[data-theme=light] .preset-lead{color:#64748b}[data-theme=light] .form-label-static{color:#334155}[data-theme=light] .card{background:#fff;border-color:#0000001f;box-shadow:0 1px 4px #0000000f}[data-theme=light] .card-title{color:#64748b}[data-theme=light] .form-group label{color:#334155}[data-theme=light] .form-group input,[data-theme=light] .unit-select,[data-theme=light] .geom-select,[data-theme=light] .form-group-sub input{color:#0f172a;background:#f0f4f9;border-color:#00000026}[data-theme=light] .visualizer-box{background:#f8fafc;border-color:#0000001a}[data-theme=light] .geom-box{background:#f0fdf4;border-color:#10b9814d}[data-theme=light] .hero-label{color:#64748b}[data-theme=light] .hero-value{color:#0891b2}[data-theme=light] .hero-sub{color:#475569}[data-theme=light] .f-pill{background:#eff9fb;border-color:#0891b24d}[data-theme=light] .f-eq{color:#0891b2}[data-theme=light] .f-lbl{color:#64748b}[data-theme=light] .preset-chip,[data-theme=light] .mode-chip,[data-theme=light] .btn-secondary{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .preset-chip:hover,[data-theme=light] .mode-chip:hover,[data-theme=light] .btn-secondary:hover{border-color:#0891b2}[data-theme=light] .preset-chip.active,[data-theme=light] .mode-chip.active{color:#fff;background:#0891b2;border-color:#0891b2}[data-theme=light] .interp-panel{background:#eff9fb;border-color:#0891b24d #0891b24d #0891b24d #0891b2}[data-theme=light] .interp-text{color:#334155}[data-theme=light] .faq-item__question{color:#0f172a}[data-theme=light] .faq-item__question:after{color:#64748b}[data-theme=light] .faq-item[open] .faq-item__question:after{color:#0891b2}[data-theme=light] .faq-item__answer{color:#475569}@media print{.action-bar,.tab-bar,.preset-row,.glass-navbar,.calc-back-to-top,.nav-toggle{display:none}}