.main-container{max-width:1100px;margin:0 auto;padding:40px 20px 64px}.page-title{font-family:var(--calc-font-headline);color:var(--calc-text-primary);margin:0 0 .5rem;font-size:clamp(1.7rem,4vw,2.5rem)}.page-subtitle{color:var(--calc-text-faded);max-width:70ch;margin:0 0 1.75rem;line-height:1.55}.page-subtitle code,.card-note code{font-family:var(--calc-font-mono);color:var(--calc-cyan);background:#22d3ee14;border-radius:5px;padding:.05em .35em}.mode-tabs{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.mode-tab{font-family:var(--calc-font-headline);letter-spacing:.02em;color:var(--calc-text-faded);background:var(--calc-bg-glass);border:1px solid var(--calc-border-default);cursor:pointer;border-radius:100px;padding:.55rem 1.15rem;font-size:.85rem;font-weight:600;transition:color .18s,border-color .18s,box-shadow .18s,transform .18s}.mode-tab:hover{color:var(--calc-text-primary);transform:translateY(-1px)}.mode-tab.active{color:var(--calc-text-primary);border-color:var(--calc-cyan);box-shadow:0 0 0 1px var(--calc-cyan), 0 4px 18px #22d3ee2e}.calc-panel{display:none}.calc-panel.active{display:block}.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:.95rem}.card-title sup{font-size:.6em}.card-note{color:var(--calc-text-dim);margin:-.5rem 0 1rem;font-size:.85rem;line-height:1.5}.input-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.input-row--3{grid-template-columns:1fr 1fr 1fr}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:var(--calc-text-faded);font-size:.88rem;font-weight:600}.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);width:100%;padding:.65rem .85rem;font-size:1.1rem;transition:border-color .15s,box-shadow .15s}.form-group input:focus{border-color:var(--calc-cyan);outline:none;box-shadow:0 0 0 3px #22d3ee2e}.input-hint{color:var(--calc-text-dim);font-size:.78rem;line-height:1.4}.preset-row{flex-wrap:wrap;gap:8px;margin-top:1rem;display:flex}.preset-chip{font-family:var(--calc-font-mono);color:var(--calc-text-faded);background:var(--calc-bg-glass);border:1px solid var(--calc-border-default);cursor:pointer;border-radius:8px;padding:.4rem .7rem;font-size:.8rem;transition:color .15s,border-color .15s,background .15s}.preset-chip:hover{color:var(--calc-text-primary);border-color:var(--calc-cyan);background:#22d3ee14}.result-value{font-family:var(--calc-font-mono);color:var(--calc-cyan);word-break:break-word;margin-bottom:.3rem;font-size:clamp(1.5rem,4.5vw,2.3rem);font-weight:700}.result-detail{color:var(--calc-text-faded);font-size:.92rem;line-height:1.5}.conv-grid{grid-template-columns:repeat(3,1fr);gap:.85rem;margin-top:1.25rem;display:grid}.conv-card{background:var(--calc-bg-glass);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-md);flex-direction:column;gap:.35rem;padding:.9rem 1rem;display:flex}.conv-card[data-conv=truncated]{border-top:3px solid var(--calc-gold)}.conv-card[data-conv=floored]{border-top:3px solid var(--calc-purple)}.conv-card[data-conv=euclidean]{border-top:3px solid var(--calc-emerald)}.conv-head{flex-direction:column;gap:.15rem;display:flex}.conv-name{font-family:var(--calc-font-headline);color:var(--calc-text-primary);font-size:.95rem;font-weight:700}.conv-tag{font-family:var(--calc-font-mono);color:var(--calc-text-dim);text-transform:uppercase;letter-spacing:.03em;font-size:.68rem}.conv-rem{font-family:var(--calc-font-mono);color:var(--calc-cyan);font-size:1.8rem;font-weight:700;line-height:1.1}.conv-meta{color:var(--calc-text-faded);font-size:.8rem}.conv-q{font-family:var(--calc-font-mono);color:var(--calc-text-primary)}.conv-identity{font-family:var(--calc-font-mono);color:var(--calc-text-dim);border-top:1px dashed var(--calc-border-subtle);word-break:break-word;margin-top:.15rem;padding-top:.35rem;font-size:.72rem}.interp{border-left:3px solid var(--calc-cyan);color:var(--calc-text-faded);background:#22d3ee12;border-radius:8px;margin-top:1.1rem;padding:.85rem 1rem;font-size:.88rem;line-height:1.55}.interp strong{color:var(--calc-text-primary);font-family:var(--calc-font-mono)}.numberline-wrap{margin-bottom:1.25rem}.numberline{width:100%;height:150px;display:block}.explain-table-wrap{overflow-x:auto}.explain-table{border-collapse:collapse;width:100%;font-size:.88rem}.explain-table th,.explain-table td{text-align:left;border-bottom:1px solid var(--calc-border-subtle);padding:.6rem .7rem}.explain-table thead th{font-family:var(--calc-font-headline);text-transform:uppercase;letter-spacing:.04em;color:var(--calc-text-dim);font-size:.78rem}.explain-table tbody th{color:var(--calc-text-primary);font-weight:600}.explain-table .row-tag{font-family:var(--calc-font-mono);color:var(--calc-text-dim);font-size:.68rem;font-weight:400}.explain-table .rem-cell{font-family:var(--calc-font-mono);color:var(--calc-cyan);font-weight:700}.explain-table .id-cell{font-family:var(--calc-font-mono);color:var(--calc-text-faded)}.explain-empty{color:var(--calc-text-dim);font-style:italic}.explain-note{color:var(--calc-text-faded);margin-top:1rem;font-size:.88rem;line-height:1.55}@media (width<=760px){.input-row,.input-row--3,.conv-grid{grid-template-columns:1fr}}[data-theme=light] .page-subtitle code,[data-theme=light] .card-note code{color:var(--calc-cyan);background:#0891b21a}[data-theme=light] .mode-tab{background:#fff;border-color:#0000001f;box-shadow:0 1px 3px #0000000d}[data-theme=light] .mode-tab.active{border-color:var(--calc-cyan);box-shadow:0 0 0 1px var(--calc-cyan), 0 4px 14px #0891b22e}[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{color:#0f172a;background:#f0f4f9;border-color:#0000002e}[data-theme=light] .form-group input:focus{border-color:var(--calc-cyan);box-shadow:0 0 0 3px #0891b22e}[data-theme=light] .preset-chip{color:#475569;background:#eef2f8;border-color:#00000024}[data-theme=light] .preset-chip:hover{color:#0f172a;border-color:var(--calc-cyan);background:#0891b214}[data-theme=light] .conv-card{background:#edf2f9;border-color:#0000001f}[data-theme=light] .conv-card[data-conv=truncated]{border-top-color:#b45309}[data-theme=light] .conv-card[data-conv=floored]{border-top-color:#7c3aed}[data-theme=light] .conv-card[data-conv=euclidean]{border-top-color:#047857}[data-theme=light] .result-value,[data-theme=light] .conv-rem,[data-theme=light] .explain-table .rem-cell{color:#0891b2}[data-theme=light] .interp{color:#334155;background:#ecfbfe;border-left-color:#0891b2}[data-theme=light] .interp strong,[data-theme=light] .conv-name,[data-theme=light] .conv-q,[data-theme=light] .explain-table tbody th{color:#0f172a}[data-theme=light] .conv-tag,[data-theme=light] .conv-identity,[data-theme=light] .explain-table thead th,[data-theme=light] .explain-empty,[data-theme=light] .input-hint,[data-theme=light] .card-note,[data-theme=light] .row-tag{color:#64748b}[data-theme=light] .explain-table .id-cell,[data-theme=light] .explain-note,[data-theme=light] .result-detail{color:#475569}[data-theme=light] .conv-identity{border-top-color:#0000001f}[data-theme=light] .explain-table th,[data-theme=light] .explain-table td{border-bottom-color:#0000001a}