.main-container{max-width:1400px;margin:0 auto;padding:40px 20px}.page-header{margin-bottom:1.5rem}.page-title{font-family:var(--calc-font-headline);color:var(--calc-text-primary);margin:0 0 .5rem;font-size:clamp(1.6rem,4vw,2.4rem)}.page-subtitle{color:var(--calc-text-faded);max-width:70ch;margin:0;line-height:1.5}.calc-grid{grid-template-columns:minmax(280px,380px) 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.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:0 0 1rem;font-size:.82rem;line-height:1.5}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.form-group label{color:var(--calc-text-faded);font-size:.9rem}.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}.gear-row,.ratio-row{grid-template-columns:1.75rem 1fr 2rem;align-items:center;gap:.6rem;margin-bottom:.5rem;display:grid}.gear-row-num{font-family:var(--calc-font-mono);color:var(--calc-text-dim);text-align:center;font-size:.85rem}.gear-row input,.ratio-row 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:.5rem .7rem;font-size:1rem}.gear-row-rm{border:1px solid var(--calc-border-strong);border-radius:var(--calc-radius-md);color:var(--calc-text-faded);cursor:pointer;background:0 0;padding:.3rem .5rem;font-size:1rem;line-height:1}.gear-row-rm:hover{color:var(--calc-rose);border-color:var(--calc-rose)}.add-gear-btn{border:1px dashed var(--calc-border-strong);border-radius:var(--calc-radius-md);color:var(--calc-cyan);cursor:pointer;font-family:var(--calc-font-mono);background:0 0;margin-top:.25rem;padding:.5rem .9rem;font-size:.85rem}.add-gear-btn:hover{background:#22d3ee14}.result-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-lg);padding:1.25rem 1.5rem}.hero-result{margin-bottom:1rem}.hero-label{color:var(--calc-text-faded);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;font-size:.85rem}.hero-value{font-family:var(--calc-font-mono);color:var(--calc-cyan);margin-bottom:.3rem;font-size:clamp(1.6rem,4vw,2.2rem)}.hero-sub{color:var(--calc-text-faded);line-height:1.5}.table-scroll{margin:1rem 0;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-family:var(--calc-font-mono);font-size:.9rem}.data-table th{text-align:left;color:var(--calc-text-faded);border-bottom:1px solid var(--calc-border-default);padding:.5rem .7rem;font-weight:600}.data-table td{color:var(--calc-text-primary);border-bottom:1px solid #ffffff0a;padding:.5rem .7rem}.data-table tr.row-top td{color:var(--calc-cyan);font-weight:600}.table-empty{color:var(--calc-text-dim);text-align:center;padding:1rem .5rem}.interp-panel{background:var(--calc-bg-glass);border-radius:var(--calc-radius-md);margin-top:.75rem;padding:.85rem 1rem}.interp-text{color:var(--calc-text-faded);margin:0;font-size:.88rem;line-height:1.6}.tradeoff-bars{flex-direction:column;gap:.75rem;margin:1rem 0;display:flex}.tradeoff-bar{grid-template-columns:4.5rem 1fr;grid-template-areas:"label track"".value";align-items:center;gap:.2rem .75rem;display:grid}.tradeoff-bar-label{font-family:var(--calc-font-mono);color:var(--calc-text-primary);grid-area:label;font-size:.9rem;font-weight:600}.tradeoff-bar-track{background:var(--calc-bg-input);border-radius:var(--calc-radius-md);grid-area:track;height:1.4rem;overflow:hidden}.tradeoff-bar-fill{background:linear-gradient(90deg, var(--calc-cyan), var(--calc-purple));border-radius:var(--calc-radius-md);height:100%;transition:width .2s}.tradeoff-bar-value{color:var(--calc-text-faded);font-size:.8rem;font-family:var(--calc-font-mono);grid-area:value}[data-theme=light] .card,[data-theme=light] .result-card{background:#fff;border-color:#0000001f;box-shadow:0 1px 4px #0000000f}[data-theme=light] .form-group input,[data-theme=light] .gear-row input,[data-theme=light] .ratio-row input{color:#0f172a;background:#f0f4f9;border-color:#00000026}[data-theme=light] .hero-value{color:#0891b2}[data-theme=light] .add-gear-btn{color:#0891b2;border-color:#0003}[data-theme=light] .add-gear-btn:hover{background:#0891b214}[data-theme=light] .gear-row-rm{color:#64748b;border-color:#00000026}[data-theme=light] .gear-row-rm:hover{color:#e11d48;border-color:#e11d48}[data-theme=light] .data-table th{color:#475569;border-color:#0000001a}[data-theme=light] .data-table td{color:#0f172a;border-color:#0000000f}[data-theme=light] .data-table tr.row-top td{color:#0891b2}[data-theme=light] .interp-panel{background:#f0f4f9}[data-theme=light] .interp-text{color:#475569}[data-theme=light] .tradeoff-bar-label{color:#0f172a}[data-theme=light] .tradeoff-bar-track{background:#f0f4f9}[data-theme=light] .tradeoff-bar-fill{background:linear-gradient(90deg,#0891b2,#7c3aed)}[data-theme=light] .tradeoff-bar-value{color:#475569}