:root{color-scheme:light;--bg: #f5f6f8;--surface: #ffffff;--ink: #14213d;--ink-2: #3f4a5e;--line: #d5d9e0;--accent: #1d4ed8;--own: #1d4ed8;--rent: #9a3d0a;--mark: #c2410c;--track: #e7eaf0;--good: #14532d;--good-bg: #dcfce7;--bad: #7f1d1d;--bad-bg: #fee2e2;--even: #713f12;--even-bg: #fef3c7;--error: #a3221a;--radius: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--ink);background:var(--bg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;overflow-x:hidden}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}a{color:var(--accent);overflow-wrap:anywhere}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}h1,h2,h3{line-height:1.2}h1{font-size:2rem;margin:4px 0 10px}h2{font-size:1.15rem;margin:0 0 10px}h3{font-size:1rem;margin:0 0 6px}.page{max-width:1200px;margin:0 auto;padding:20px 16px 40px}.masthead{max-width:860px;margin-bottom:18px}.kicker{margin:0;font-size:.85rem;font-weight:600;color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em}.framing,.howto{margin:0 0 8px;color:var(--ink-2)}.layout{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:18px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;min-width:0;overflow-wrap:anywhere}.results{display:grid;gap:14px;min-width:0}.example-note{margin:0 0 14px;padding:8px 10px;border-left:4px solid var(--mark);background:var(--even-bg);color:var(--even);font-size:.9rem;font-weight:600}.field{margin-bottom:12px}.field label{display:block;font-weight:600;font-size:.92rem;margin-bottom:4px}.unit,.muted{font-weight:400;color:var(--ink-2)}input,select{width:100%;min-height:44px;font:inherit;padding:8px 10px;border:1px solid #8a93a3;border-radius:8px;background:var(--surface);color:var(--ink)}input[aria-invalid=true]{border-color:var(--error);border-width:2px}.field-error{margin:4px 0 0;color:var(--error);font-size:.85rem}button{font:inherit;cursor:pointer}.reset{min-height:44px;width:100%;padding:8px 14px;border:1px solid var(--accent);border-radius:8px;background:var(--surface);color:var(--accent);font-weight:600}.reset:hover{background:#e8efff}.slider-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-weight:600}.slider-value{font-variant-numeric:tabular-nums}.slider-track{position:relative;height:44px}.slider-marks{position:absolute;top:0;left:12px;width:calc(100% - 24px);height:44px;pointer-events:none;overflow:visible}.slider-tick{stroke:#6b7385;stroke-width:1.5}.be-mark{stroke:var(--mark);stroke-width:4}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:block;width:100%;height:44px;min-height:44px;margin:0;padding:0;border:0;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:var(--track);border:1px solid #8a93a3}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:var(--accent);border:3px solid #fff;box-shadow:0 0 0 1px var(--accent)}input[type=range]::-moz-range-track{height:8px;border-radius:4px;background:var(--track);border:1px solid #8a93a3}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--accent);border:3px solid #fff;box-shadow:0 0 0 1px var(--accent)}.slider-scale{display:flex;justify-content:space-between;font-size:.8rem;color:var(--ink-2)}.slider-scale span{width:24px;text-align:center}.slider-hint{margin:6px 0 0;font-size:.85rem;color:var(--ink-2)}.verdict{margin:0;padding:12px 16px;border-radius:var(--radius);font-size:1.15rem;font-weight:700;border:2px solid currentColor}.verdict-buy{color:var(--good);background:var(--good-bg)}.verdict-rent{color:var(--bad);background:var(--bad-bg)}.verdict-even{color:var(--even);background:var(--even-bg)}.compare,.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-own{border-top:4px solid var(--own)}.card-rent{border-top:4px dashed var(--rent)}.big{margin:0;font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}.sub{margin:0 0 8px;color:var(--ink-2);font-size:.9rem}dl{margin:0}dt{font-weight:600;font-size:.88rem}dd{margin:0 0 6px;font-variant-numeric:tabular-nums}.tokens{display:grid;grid-template-columns:auto 1fr;gap:2px 12px}.tokens dt,.tokens dd{margin:0}.tokens dd{font-weight:700}.chart-figure{margin:0}.chart-wrap{width:100%;min-width:0}.chart{display:block;width:100%;height:auto;max-width:100%}.chart text{font-size:12px;fill:var(--ink-2)}.chart .tick line{stroke:#e3e6ec}.chart .axis{stroke:#6b7385;stroke-width:1}.chart .axis-title{font-size:12px;fill:var(--ink-2)}.line-own{fill:none;stroke:var(--own);stroke-width:3}.line-rent{fill:none;stroke:var(--rent);stroke-width:3;stroke-dasharray:8 5}.crossing-dot{fill:var(--ink);stroke:#fff;stroke-width:2}.chart .crossing-label{font-size:13px;font-weight:700;fill:var(--ink);paint-order:stroke;stroke:#fff;stroke-width:4px}.legend{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:8px 0 0;padding:0;font-size:.88rem}.legend li{display:flex;align-items:center;gap:6px}.chart-note{margin:8px 0 4px;font-weight:700}figcaption{font-size:.85rem;color:var(--ink-2)}.footer{margin-top:28px;padding-top:14px;border-top:1px solid var(--line);font-size:.9rem;color:var(--ink-2)}.footer p{margin:0 0 6px}.not-modeled{margin:0 0 8px;padding-left:20px}@media(prefers-reduced-motion:no-preference){.verdict{transition:background-color .2s ease,color .2s ease}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media(max-width:860px){.layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){h1{font-size:1.6rem}.page{padding:14px 12px 32px}.compare,.stats{grid-template-columns:minmax(0,1fr)}.big{font-size:1.4rem}}
