.main-container{max-width:960px;margin:0 auto;padding:1.5rem 1.5rem 3rem}.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);margin:0 0 2rem;line-height:1.5}.input-card,.result-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-lg);margin-bottom:1.25rem;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}.form-group{flex-direction:column;gap:.4rem;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);transition:var(--calc-transition-default,border-color .15s);padding:.65rem .85rem;font-size:1.05rem}.form-group input:focus{border-color:var(--calc-cyan);outline:none}.input-hint{color:var(--calc-text-dim);font-size:.8rem}.result-value{font-family:var(--calc-font-mono);color:var(--calc-cyan);margin-bottom:.3rem;font-size:clamp(1.8rem,5vw,2.6rem)}.result-detail{color:var(--calc-text-faded);line-height:1.5}[data-theme=light] .input-card,[data-theme=light] .result-card{background:#fff;border-color:#0000001f;box-shadow:0 1px 4px #0000000f}[data-theme=light] .form-group input{background:#f0f4f9;border-color:#00000026}.form-group select{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-sans,inherit);padding:.6rem .85rem;font-size:.98rem;transition:border-color .15s}.form-group select:focus{border-color:var(--calc-cyan);outline:none}.custom-multiple-input{margin-top:.5rem}[data-theme=light] .form-group select{color:#0f172a;background:#f0f4f9;border-color:#00000026}.tab-strip{border-bottom:1px solid var(--calc-border-default);gap:.25rem;margin-bottom:1.25rem;display:flex}.tab-btn{appearance:none;color:var(--calc-text-faded);cursor:pointer;font-family:var(--calc-font-headline);background:0 0;border:none;border-bottom:2px solid #0000;padding:.7rem 1rem;font-size:.95rem;font-weight:600;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--calc-text-primary)}.tab-btn.active{color:var(--calc-cyan);border-bottom-color:var(--calc-cyan)}[data-theme=light] .tab-btn.active{color:#0891b2;border-bottom-color:#0891b2}.preset-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.preset-chip{background:var(--calc-bg-input);border:1px solid var(--calc-border-strong);color:var(--calc-text-faded);cursor:pointer;border-radius:999px;padding:.4rem .85rem;font-size:.82rem;transition:border-color .15s,color .15s,background .15s}.preset-chip:hover{border-color:var(--calc-cyan);color:var(--calc-cyan)}[data-theme=light] .preset-chip{color:#334155;background:#eef2f9;border-color:#00000024}[data-theme=light] .preset-chip:hover{color:#0891b2;border-color:#0891b2}.before-after{font-family:var(--calc-font-mono);flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:.4rem;display:none}.before-after.show{display:flex}.ba-before{color:var(--calc-text-dim);text-decoration:line-through;text-decoration-color:var(--calc-text-dim);font-size:1.1rem}.ba-arrow{color:var(--calc-text-faded);font-size:1.1rem}.ba-after{color:var(--calc-cyan);font-size:1.2rem;font-weight:600}[data-theme=light] .ba-after{color:#0891b2}.numberline-wrap{margin-top:1.1rem}.numberline{width:100%;height:auto}.numberline .nl-track{stroke:var(--calc-border-strong);stroke-width:2px}.numberline .nl-chosen-track{stroke:var(--calc-cyan);stroke-width:3px;opacity:.55}.numberline circle{fill:var(--calc-bg-card);stroke:var(--calc-border-strong);stroke-width:2px}.numberline .nl-chosen circle{fill:var(--calc-cyan);stroke:var(--calc-cyan)}.numberline text{fill:var(--calc-text-faded);font-family:var(--calc-font-mono);font-size:13px}.numberline .nl-chosen text{fill:var(--calc-cyan);font-weight:600}.numberline .nl-value line{stroke:var(--calc-gold);stroke-width:2px}.numberline .nl-value text{fill:var(--calc-gold);font-weight:600}[data-theme=light] .numberline circle{fill:#fff;stroke:#00000040}[data-theme=light] .numberline .nl-track{stroke:#0003}[data-theme=light] .numberline .nl-chosen-track,[data-theme=light] .numberline .nl-chosen circle{stroke:#0891b2}[data-theme=light] .numberline .nl-chosen circle,[data-theme=light] .numberline .nl-chosen text{fill:#0891b2}[data-theme=light] .numberline .nl-value line,[data-theme=light] .numberline .nl-value text{stroke:#b45309;fill:#b45309}.modes-intro{color:var(--calc-text-faded);margin:0 0 1rem;font-size:.9rem;line-height:1.6}.modes-table-wrap{overflow-x:auto}.modes-table{border-collapse:collapse;width:100%;font-size:.92rem}.modes-table th,.modes-table td{border-bottom:1px solid var(--calc-border-subtle);text-align:left;padding:.65rem .75rem}.modes-table th{color:var(--calc-text-faded);font-family:var(--calc-font-headline);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem}.modes-table .mode-name{color:var(--calc-text-primary)}.modes-table .mode-name.mode-selected{color:var(--calc-cyan);font-weight:600}.modes-table .mode-result{color:var(--calc-text-primary);font-family:var(--calc-font-mono)}.modes-table .mode-rule{color:var(--calc-text-dim);font-size:.84rem}.modes-table tr.mode-tie{background:var(--calc-cyan-dim,#22d3ee14)}.modes-empty{color:var(--calc-text-dim);font-style:italic}[data-theme=light] .modes-table th,[data-theme=light] .modes-table td{border-bottom-color:#0000001a}[data-theme=light] .modes-table .mode-name,[data-theme=light] .modes-table .mode-result{color:#0f172a}[data-theme=light] .modes-table .mode-name.mode-selected,[data-theme=light] .modes-table .mode-rule{color:#334155}[data-theme=light] .modes-table .mode-name.mode-selected{color:#0891b2}[data-theme=light] .modes-table tr.mode-tie{background:#0891b214}.action-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.action-btn{background:var(--calc-bg-input);border:1px solid var(--calc-border-strong);border-radius:var(--calc-radius-md);color:var(--calc-text-faded);cursor:pointer;padding:.5rem .9rem;font-size:.85rem;transition:border-color .15s,color .15s}.action-btn:hover{border-color:var(--calc-cyan);color:var(--calc-cyan)}[data-theme=light] .action-btn{color:#334155;background:#eef2f9;border-color:#00000024}[data-theme=light] .action-btn:hover{color:#0891b2;border-color:#0891b2}.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:.9rem;font-weight:600;list-style:none;transition:color .2s;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;transition:color .2s}.faq-item[open] .faq-item__question:after{content:"−";color:var(--calc-cyan)}.faq-item__question:hover{color:var(--calc-cyan)}.faq-item__answer{color:var(--calc-text-faded);padding:0 4px 14px;font-size:.85rem;line-height:1.75}[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,[data-theme=light] .faq-item__question:hover{color:#0891b2}[data-theme=light] .faq-item__answer{color:#475569}@media (width<=480px){.tab-btn{flex:1;padding:.7rem .5rem;font-size:.88rem}.before-after{font-size:1rem}}