*{box-sizing:border-box;margin:0;padding:0}:root{--accent:var(--calc-color-construction)}body{font-family:var(--calc-font-body,Inter, sans-serif);color:var(--calc-text-primary);background:var(--calc-bg-page) radial-gradient(circle at 10% 20%, #22d3ee0f 0%, transparent 22%), radial-gradient(circle at 90% 80%, #a855f70f 0%, transparent 22%);min-height:100vh}a{color:inherit;text-decoration:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.breadcrumb-nav{max-width:1040px;margin:12px auto 0;padding:0 24px}.breadcrumb{color:var(--calc-text-dim);flex-wrap:wrap;gap:4px;font-size:.78rem;list-style:none;display:flex}.breadcrumb li+li:before{content:"›";margin-right:4px}.breadcrumb a{color:var(--calc-text-dim);transition:color .2s}.breadcrumb a:hover{color:var(--calc-cyan)}.calc-hero{text-align:center;padding:28px 24px 8px}.calc-title{background:linear-gradient(135deg, var(--calc-cyan) 0%, var(--calc-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2rem;font-weight:800}.calc-subtitle{color:var(--calc-text-dim);max-width:640px;margin:0 auto;font-size:.92rem}.tab-control{flex-wrap:wrap;gap:8px;max-width:1040px;margin:20px auto 16px;padding:0 24px;display:flex}.tab-btn{border:1px solid var(--calc-border-default);color:var(--calc-text-dim);cursor:pointer;background:0 0;border-radius:20px;padding:8px 18px;font-size:.85rem;font-weight:500;transition:color .2s,box-shadow .25s,background .2s}.tab-btn:hover{color:var(--calc-text-primary);border-color:#ffffff40}.tab-btn.active{background:var(--accent);color:var(--calc-bg-page);border-color:var(--accent);font-weight:700}.tab-panel{display:none}.tab-panel.active{animation:.25s cubic-bezier(.16,1,.3,1) forwards tabFadeIn;display:block}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.calc-layout{grid-template-columns:1fr 1fr;gap:20px;max-width:1040px;margin:0 auto;padding:0 24px 32px;display:grid}.input-card,.result-card{border-radius:14px;padding:20px}.input-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-left:3px solid var(--calc-cyan)}.result-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-left:3px solid var(--calc-purple)}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{font-size:1rem;font-weight:700}.field-note{color:var(--calc-text-muted);margin-left:4px;font-size:.72rem;font-weight:400}.input-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.field-group{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--calc-text-dim);font-size:.8rem;font-weight:600}.glass-input,.glass-select{background:var(--calc-bg-input);border:1px solid var(--calc-border-default);width:100%;height:40px;color:var(--calc-text-primary);border-radius:8px;outline:none;padding:6px 10px;font-size:.85rem;transition:border-color .2s}.glass-input:focus,.glass-select:focus{border-color:var(--accent)}.glass-select{color-scheme:dark}.glass-select option{background-color:var(--calc-bg-card);color:var(--calc-text-primary)}.chip-row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.preset-chip,.ratio-chip,.unit-chip{border:1px solid var(--calc-border-default);color:var(--calc-text-dim);cursor:pointer;background:0 0;border-radius:16px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:color .2s,background .2s,border-color .2s}.preset-chip:hover,.ratio-chip:hover,.unit-chip:hover{color:var(--calc-text-primary);border-color:#22d3ee66}.preset-chip:focus-visible,.ratio-chip:focus-visible,.unit-chip:focus-visible{outline:2px solid var(--calc-cyan);outline-offset:2px}.preset-chip.active,.ratio-chip.active,.unit-chip.active{border-color:var(--calc-cyan);color:var(--calc-cyan);background:#22d3ee1f;font-weight:700}.hero-result{text-align:center;border-bottom:1px solid var(--calc-border-default);margin-bottom:14px;padding:16px 0}.hero-label{color:var(--calc-text-dim);margin-bottom:4px;font-size:.78rem;display:block}.hero-value{font-size:clamp(1.8rem,6vw,3rem);font-weight:800;font-family:var(--calc-font-mono);background:linear-gradient(135deg, var(--calc-cyan), var(--calc-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-unit{color:var(--calc-text-dim);margin-left:4px;font-size:1rem}.coeff-strip{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px;display:grid}.coeff-cell{border:1px solid var(--calc-border-default);text-align:center;background:#ffffff0a;border-radius:8px;padding:8px 6px}.coeff-label{color:var(--calc-text-dim);margin-bottom:2px;font-size:.7rem;font-weight:600;display:block}.coeff-value{font-size:1.05rem;font-weight:700;font-family:var(--calc-font-mono);color:var(--accent);display:block}.coeff-note{color:var(--calc-text-muted);margin-top:2px;font-size:.62rem;display:block}.qh-row{background:#22d3ee0d;border:1px solid #22d3ee26;border-radius:8px;align-items:baseline;gap:6px;margin-bottom:12px;padding:8px 12px;display:flex}.qh-label{color:var(--calc-text-dim);flex:1;font-size:.8rem}.qh-value{font-size:1.1rem;font-weight:700;font-family:var(--calc-font-mono);color:var(--calc-cyan)}.qh-unit{color:var(--calc-text-dim);white-space:nowrap;font-size:.78rem}@media (width<=400px){.qh-unit{white-space:normal;font-size:.7rem}}.interp-box{background:#a855f70f;border:1px solid #a855f72e;border-radius:10px;margin-bottom:12px;padding:12px 14px}.interp-box p,.interp-parts p{color:var(--calc-text-dim);margin-bottom:6px;font-size:.82rem;line-height:1.6}.interp-parts p:last-child{margin-bottom:0}.sketch-wrap{border:1px solid var(--calc-border-default);background:#ffffff08;border-radius:10px;margin-bottom:12px;padding:8px}.sk-ground{stroke:var(--calc-text-muted);stroke-width:2px}.sk-ramp{fill:#22d3ee1a;stroke:#22d3ee4d;stroke-width:1px}.sk-hyp{stroke:var(--calc-cyan);stroke-width:3px}.sk-lbl{fill:var(--calc-text-dim);font-size:11px;font-family:var(--calc-font-mono)}.sk-lbl-accent{fill:var(--calc-purple);font-size:12px;font-weight:700;font-family:var(--calc-font-mono)}.action-bar{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.action-btn{border:1px solid var(--calc-border-default);min-width:70px;color:var(--calc-text-primary);cursor:pointer;background:#ffffff0f;border-radius:8px;flex:1;padding:9px;font-size:.82rem;transition:background .2s,border-color .2s}.action-btn:hover{border-color:var(--accent);background:#ffffff1f}.verdict-box{border:1px solid var(--calc-border-default);background:#ffffff08;border-radius:10px;margin-bottom:12px;padding:14px}.verdict-badge{letter-spacing:.5px;color:var(--calc-text-dim);background:#ffffff14;border-radius:12px;margin-bottom:8px;padding:4px 10px;font-size:.8rem;font-weight:800;display:inline-block}.verdict-badge.v-pass{color:var(--calc-emerald);background:#34d39926;border:1px solid #34d3994d}.verdict-badge.v-warn{color:var(--calc-amber);background:#f59e0b26;border:1px solid #f59e0b4d}.verdict-badge.v-fail{color:var(--calc-rose);background:#fb718526;border:1px solid #fb71854d}.verdict-box p{color:var(--calc-text-dim);font-size:.82rem;line-height:1.6}.comfort-row{flex-wrap:wrap;gap:8px;display:flex}.comfort-chip{text-align:center;border:1px dashed var(--calc-border-default);color:var(--calc-text-muted);border-radius:8px;flex:1;padding:8px 6px;font-size:.74rem}.comfort-chip.met{color:var(--calc-emerald);background:#34d3991a;border-style:solid;border-color:#34d39966;font-weight:700}.map-outer{max-width:1040px;margin:0 auto;padding:0 24px 32px}.map-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:14px;padding:24px}.ref-table-wrap{margin-bottom:18px;overflow-x:auto}.ref-table{border-collapse:collapse;width:100%;font-size:.84rem}.ref-table td{color:var(--calc-text-dim);border-bottom:1px solid #ffffff0d;padding:9px 12px}.ref-table td:first-child{color:var(--calc-text-primary);font-weight:500}.ref-table tr:last-child td{border-bottom:none}.land-diagram{flex-wrap:wrap;align-items:stretch;gap:4px;margin-bottom:16px;display:flex}.land-seg{text-align:center;min-width:64px;font-size:.7rem;font-family:var(--calc-font-mono);border-radius:6px;flex:1;padding:12px 6px}.land-seg small{opacity:.7;margin-top:3px;font-size:.62rem;display:block}.land-run{color:var(--calc-cyan);background:#22d3ee1f;border:1px solid #22d3ee4d;flex:2;font-weight:700}.land-mid{color:var(--calc-purple);background:#a855f71f;border:1px solid #a855f74d}.land-end{border:1px dashed var(--calc-border-default);color:var(--calc-text-dim);background:#ffffff0d}.map-note{border:1px solid var(--calc-border-default);color:var(--calc-text-dim);background:#ffffff08;border-radius:8px;padding:10px 14px;font-size:.78rem;line-height:1.6}@media (width<=900px){.calc-layout{grid-template-columns:1fr}}@media (width<=768px){.coeff-strip{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.calc-title{font-size:1.5rem}.calc-layout{padding:0 12px 24px}.hero-value{font-size:2.4rem}}[data-theme=light]{--calc-purple:#7c3aed}[data-theme=light] body{background:var(--calc-bg-page);background-image:none}[data-theme=light] .input-card{background:var(--calc-bg-card);border-left-color:var(--calc-color-construction);box-shadow:0 2px 10px #00000014}[data-theme=light] .result-card{background:var(--calc-bg-card);border-left-color:var(--calc-purple);box-shadow:0 2px 10px #00000014}[data-theme=light] .calc-title{background:linear-gradient(135deg, var(--calc-color-construction) 0%, var(--calc-purple) 100%);-webkit-background-clip:text;background-clip:text}[data-theme=light] .hero-value{background:linear-gradient(135deg, var(--calc-color-construction), var(--calc-purple));-webkit-background-clip:text;background-clip:text}[data-theme=light] .tab-btn{color:var(--calc-text-dim);border-color:var(--calc-border-default)}[data-theme=light] .tab-btn:hover{color:var(--calc-text-primary);background:#0000000a;border-color:#0000004d}[data-theme=light] .tab-btn.active{background:var(--accent);color:var(--calc-bg-page);border-color:var(--accent)}[data-theme=light] .glass-input,[data-theme=light] .glass-select{background:var(--calc-bg-input);color:var(--calc-text-primary);border-color:var(--calc-border-default)}[data-theme=light] .glass-select{color-scheme:light}[data-theme=light] .glass-select option{background-color:var(--calc-bg-card);color:var(--calc-text-primary)}[data-theme=light] .preset-chip,[data-theme=light] .ratio-chip,[data-theme=light] .unit-chip{color:var(--calc-text-dim);border-color:var(--calc-border-default)}[data-theme=light] .preset-chip.active,[data-theme=light] .ratio-chip.active,[data-theme=light] .unit-chip.active{background:rgba(var(--calc-color-construction-rgb), .12);border-color:var(--calc-color-construction);color:var(--calc-color-construction)}[data-theme=light] .coeff-cell{background:var(--calc-bg-input);border-color:var(--calc-border-default)}[data-theme=light] .coeff-value{color:var(--calc-color-construction)}[data-theme=light] .coeff-note{color:var(--calc-text-muted)}[data-theme=light] .qh-row{background:rgba(var(--calc-color-construction-rgb), .05);border-color:rgba(var(--calc-color-construction-rgb), .25)}[data-theme=light] .qh-value{color:var(--calc-color-construction)}[data-theme=light] .interp-box{background:var(--calc-bg-input);border-color:var(--calc-border-default)}[data-theme=light] .interp-box p,[data-theme=light] .interp-parts p{color:var(--calc-text-dim)}[data-theme=light] .sketch-wrap{background:var(--calc-bg-input);border-color:var(--calc-border-default)}[data-theme=light] .sk-ground{stroke:var(--calc-text-muted)}[data-theme=light] .sk-ramp{fill:rgba(var(--calc-color-construction-rgb), .1);stroke:rgba(var(--calc-color-construction-rgb), .3)}[data-theme=light] .sk-hyp{stroke:var(--calc-color-construction)}[data-theme=light] .sk-lbl{fill:var(--calc-text-dim)}[data-theme=light] .sk-lbl-accent{fill:var(--calc-purple)}[data-theme=light] .action-btn{background:var(--calc-bg-input);border-color:var(--calc-border-default);color:var(--calc-text-primary)}[data-theme=light] .action-btn:hover{background:rgba(var(--calc-color-construction-rgb), .1);border-color:var(--calc-color-construction)}[data-theme=light] .verdict-box{background:var(--calc-bg-input);border-color:var(--calc-border-default)}[data-theme=light] .verdict-box p{color:var(--calc-text-dim)}[data-theme=light] .verdict-badge{background:var(--calc-border-default);color:var(--calc-text-dim)}[data-theme=light] .verdict-badge.v-pass{color:#047857;background:#ecfdf5;border-color:#0478574d}[data-theme=light] .verdict-badge.v-warn{color:#b45309;background:#fffbeb;border-color:#b453094d}[data-theme=light] .verdict-badge.v-fail{color:#e11d48;background:#fff1f2;border-color:#e11d484d}[data-theme=light] .comfort-chip{color:var(--calc-text-muted);border-color:var(--calc-border-default)}[data-theme=light] .comfort-chip.met{color:#047857;background:#ecfdf5;border-color:#04785766}[data-theme=light] .map-card{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .ref-table td{color:#475569;border-bottom-color:#0000000f}[data-theme=light] .ref-table td:first-child{color:#0f172a}[data-theme=light] .land-run{background:rgba(var(--calc-color-construction-rgb), .12);border-color:rgba(var(--calc-color-construction-rgb), .3);color:var(--calc-color-construction)}[data-theme=light] .land-mid{background:rgba(var(--calc-purple-rgb,124, 58, 237), .12);border-color:rgba(var(--calc-purple-rgb,124, 58, 237), .3);color:var(--calc-purple)}[data-theme=light] .land-end{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .map-note{color:#475569;background:#f0f4f9;border-color:#0000001a}#handrail-row{opacity:0;pointer-events:none;max-height:0;margin-bottom:0;transition:max-height .25s,opacity .2s,margin-bottom .25s;overflow:hidden}#handrail-row.visible{opacity:1;pointer-events:auto;max-height:80px;margin-bottom:12px}.result-detail{color:var(--calc-text-dim);margin:-6px 0 12px;font-size:.85rem}[data-result-state=idle] .result-detail,[data-result-state=partial] .result-detail{text-align:center}[data-result-state=computed] .result-detail{text-align:left}.check-purpose-note{text-align:center;color:var(--calc-text-muted);margin-bottom:10px;font-size:.72rem;display:block}[data-theme=light] .check-purpose-note{color:#64748b}#sk-hyp{transition:opacity .2s}@media (width<=480px){.land-diagram{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.land-seg{flex-shrink:0;min-width:56px;padding:8px 4px;font-size:.62rem}.land-seg small{font-size:.55rem}}.mat-est,.checklist-wrap{border:1px solid var(--calc-border-subtle);border-radius:var(--calc-radius-md);background:#ffffff08;margin:12px 0 4px;overflow:hidden}.mat-est-summary,.checklist-summary{cursor:pointer;color:var(--calc-text-primary);user-select:none;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;font-weight:600;list-style:none;display:flex}.mat-est-summary::-webkit-details-marker,.checklist-summary::-webkit-details-marker{display:none}.mat-est-summary:after,.checklist-summary:after{content:"+";font-family:var(--calc-font-mono);color:var(--calc-text-dim);margin-left:auto;font-size:1rem;transition:color .2s}.mat-est[open] .mat-est-summary:after,.checklist-wrap[open] .checklist-summary:after{content:"−";color:var(--calc-cyan)}.est-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--calc-amber);border:1px solid #f59e0b59;border-radius:4px;padding:1px 5px;font-size:.65rem;font-weight:700}#mat-rows{padding:4px 14px 8px}.mat-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:baseline;gap:8px;padding:5px 0;font-size:.78rem;display:flex}.mat-row:last-child{border-bottom:none}.mat-label{color:var(--calc-text-dim)}.mat-value{font-family:var(--calc-font-mono);color:var(--calc-text-primary);white-space:nowrap;font-weight:600}.mat-sub{color:var(--calc-text-muted);margin-left:4px;font-size:.68rem}.mat-footer-note{color:var(--calc-text-muted);border-top:1px solid #ffffff0d;padding:6px 14px 10px;font-size:.68rem;line-height:1.5}#checklist-body{padding:4px 14px 8px}.checklist-item{border-bottom:1px solid #ffffff0d;align-items:flex-start;gap:8px;padding:6px 0;font-size:.78rem;display:flex}.checklist-item:last-child{border-bottom:none}.ci-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:.65rem;font-weight:700;display:flex}.ci-pass .ci-icon{color:var(--calc-emerald);background:#34d39933}.ci-fail .ci-icon{color:var(--calc-rose);background:#fb718533}.ci-na .ci-icon{color:var(--calc-text-dim);background:#7b90a826}.ci-user .ci-icon{color:var(--calc-amber);background:#f59e0b26}.ci-content{flex:1;min-width:0}.ci-label{color:var(--calc-text-primary);font-weight:600}.ci-pass .ci-label{color:var(--calc-emerald)}.ci-fail .ci-label{color:var(--calc-rose)}.ci-na .ci-label{color:var(--calc-text-dim)}.ci-user .ci-label{color:var(--calc-amber)}.ci-note{color:var(--calc-text-muted);margin-top:2px;font-size:.7rem;line-height:1.4}#tab-btn-switchback.suggested{color:var(--calc-cyan);border-bottom-color:var(--calc-cyan)}#tab-btn-switchback.suggested:after{content:" ↩";font-size:.7em}#switchback-svg-wrap{margin:12px 0}.sv-run{fill:#22d3ee1f;stroke:var(--calc-cyan);stroke-width:1.5px}.sv-landing{fill:#22d3ee33;stroke:var(--calc-cyan);stroke-width:1px}.sv-lbl{fill:var(--calc-text-primary);font-size:9px;font-family:var(--calc-font-body,Inter, sans-serif)}.sv-sub{fill:var(--calc-text-dim);font-size:8px;font-family:var(--calc-font-mono)}.sv-arrow{fill:var(--calc-cyan);font-size:11px;font-weight:700}.sv-dim{fill:var(--calc-text-muted);font-size:8px;font-family:var(--calc-font-mono)}.sv-dim-line{stroke:var(--calc-text-muted);stroke-width:1px;stroke-dasharray:3 2}[data-theme=light] .mat-est,[data-theme=light] .checklist-wrap{background:var(--calc-bg-card);border-color:var(--calc-border-default)}[data-theme=light] .mat-row{border-bottom-color:var(--calc-border-default)}[data-theme=light] .mat-label{color:var(--calc-text-dim)}[data-theme=light] .mat-value{color:var(--calc-text-primary)}[data-theme=light] .mat-sub{color:var(--calc-text-muted)}[data-theme=light] .mat-footer-note{color:var(--calc-text-muted);border-top-color:var(--calc-border-default)}[data-theme=light] .mat-est-summary,[data-theme=light] .checklist-summary{color:var(--calc-text-primary)}[data-theme=light] .mat-est[open] .mat-est-summary:after,[data-theme=light] .checklist-wrap[open] .checklist-summary:after{color:var(--calc-color-construction)}[data-theme=light] .checklist-item{border-bottom-color:var(--calc-border-default)}[data-theme=light] .ci-pass .ci-icon{color:#047857;background:#ecfdf5}[data-theme=light] .ci-fail .ci-icon{color:#e11d48;background:#fff1f2}[data-theme=light] .ci-na .ci-icon{background:var(--calc-bg-input);color:var(--calc-text-dim)}[data-theme=light] .ci-user .ci-icon{color:#b45309;background:#fffbeb}[data-theme=light] .ci-pass .ci-label{color:#047857}[data-theme=light] .ci-fail .ci-label{color:#e11d48}[data-theme=light] .ci-na .ci-label{color:var(--calc-text-dim)}[data-theme=light] .ci-user .ci-label{color:#b45309}[data-theme=light] .ci-label{color:var(--calc-text-primary)}[data-theme=light] .ci-note{color:var(--calc-text-muted)}[data-theme=light] #tab-btn-switchback.suggested{color:var(--calc-color-construction);border-bottom-color:var(--calc-color-construction)}[data-theme=light] .sv-run{fill:rgba(var(--calc-color-construction-rgb), .08);stroke:var(--calc-color-construction)}[data-theme=light] .sv-landing{fill:rgba(var(--calc-color-construction-rgb), .15);stroke:var(--calc-color-construction)}[data-theme=light] .sv-lbl{fill:var(--calc-text-primary)}[data-theme=light] .sv-sub{fill:var(--calc-text-dim)}[data-theme=light] .sv-arrow{fill:var(--calc-color-construction)}[data-theme=light] .sv-dim{fill:var(--calc-text-muted)}[data-theme=light] .sv-dim-line{stroke:var(--calc-text-muted)}.step-helper summary::-webkit-details-marker{display:none}.step-helper summary{list-style:none}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mat-est>div,.mat-est>p,.checklist-wrap>div,.checklist-wrap>p{animation:.18s fadeSlideIn}@media print{.glass-navbar,.foot,.calc-back-to-top,.tab-control,.action-bar,.page-sections-outer{display:none}body{color:#000;background:#fff}.result-card,.input-card,.map-card{box-shadow:none;page-break-inside:avoid;color:#000;background:#fff;border:1px solid #ccc}.tab-panel{display:block}}