:root{--bg:#0f1117;--surface:#1a1d27;--surface-2:#12141e;--border:#2a2d3a;--border-2:#1e2130;--text:#e0e0e0;--text-muted:#aaa;--text-dim:#888;--text-faint:#666;--accent:#6c7aff;--accent-dim:#6c7aff33;--good:#4ade80;--good-dim:#4ade801a;--good-border:#4ade804d;--warn:#facc15;--warn-dim:#facc151a;--warn-border:#facc154d;--danger:#f87171;--danger-dim:#f871711a;--danger-border:#f871714d;--orange:#fb923c}:root[data-theme=light]{--bg:#f7f7fa;--surface:#fff;--surface-2:#f0f0f4;--border:#e0e0e6;--border-2:#ececf0;--text:#1a1a1f;--text-muted:#555;--text-dim:#777;--text-faint:#999;--accent:#4c5ce0;--accent-dim:#4c5ce01f;--good:#16a34a;--good-dim:#16a34a1a;--good-border:#16a34a4d;--warn:#b45309;--warn-dim:#b453091a;--warn-border:#b453094d;--danger:#dc2626;--danger-dim:#dc26261a;--danger-border:#dc26264d;--orange:#c2410c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:18px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{opacity:.8}.page-header{text-align:center;padding:40px 20px 28px}.page-header h1{color:var(--text);margin-bottom:6px;font-size:2.25rem;font-weight:700}.page-header p{color:var(--text-dim);font-size:1.05rem}.tool-grid{grid-template-columns:1fr 1fr;gap:20px;max-width:1100px;margin:0 auto;padding:0 20px 48px;display:grid}@media (width<=768px){.tool-grid{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;min-width:0;padding:24px}.card h2,.full-card h2{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:20px;font-size:.85rem;font-weight:600}.full-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;grid-column:1/-1;min-width:0;padding:28px}.full-card h2{margin-bottom:24px}.field{margin-bottom:22px}.field:last-child{margin-bottom:0}.field label{color:var(--text-muted);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:1rem;display:flex}.field label .val{color:var(--text);white-space:nowrap;margin-left:8px;font-weight:600}input[type=range]{appearance:none;box-sizing:content-box;cursor:pointer;background:0 0;outline:none;width:100%;height:8px;padding:18px 0}input[type=range]::-webkit-slider-runnable-track{background:var(--border);border-radius:4px;height:8px}input[type=range]::-moz-range-track{background:var(--border);border-radius:4px;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:32px;height:32px;box-shadow:0 0 0 4px var(--accent-dim);border-radius:50%;margin-top:-12px}input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;width:32px;height:32px;box-shadow:0 0 0 4px var(--accent-dim);border:none;border-radius:50%}input[type=number],input[type=text],select{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;outline:none;min-height:52px;padding:16px 18px;font-family:inherit;font-size:1.05rem;transition:border-color .2s}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:var(--accent)}select option{background:var(--surface)}.scenarios{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px;display:grid}@media (width<=600px){.scenarios{grid-template-columns:1fr}}.scenario{background:var(--surface-2);border:1px solid var(--border);text-align:center;border-radius:12px;padding:24px;transition:border-color .2s}.scenario.good{border-color:var(--good)}.scenario.warn{border-color:var(--warn)}.scenario.danger{border-color:var(--danger)}.scenario .tag{text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.8rem;font-weight:700}.scenario.good .tag{color:var(--good)}.scenario.warn .tag{color:var(--warn)}.scenario.danger .tag{color:var(--danger)}.scenario .price{color:var(--text);margin-bottom:4px;font-size:2.5rem;font-weight:800;line-height:1}.scenario .price-label{color:var(--text-faint);margin-bottom:12px;font-size:.88rem}.scenario .monthly{color:var(--text-muted);border-top:1px solid var(--border);padding-top:10px;font-size:.95rem}.scenario .monthly strong{color:var(--text)}.details-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=600px){.details-grid{grid-template-columns:1fr}}.detail-block h3{color:var(--accent);text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-size:.8rem;font-weight:600}.detail-row{border-bottom:1px solid var(--border-2);justify-content:space-between;align-items:center;padding:12px 0;font-size:1rem;display:flex}.detail-row:last-child{border-bottom:none}.detail-row .lbl{color:var(--text-dim)}.detail-row .val{color:var(--text);font-weight:600}.detail-row .val.good{color:var(--good)}.detail-row .val.warn{color:var(--warn)}.detail-row .val.danger{color:var(--danger)}.detail-row.total{border-top:1px solid var(--border);margin-top:4px;padding-top:10px}.detail-row.total .lbl{color:var(--text);font-weight:600}.detail-row.total .val{font-size:1.3rem}.dti-bar-wrap{margin-top:18px}.dti-bar-wrap>.dti-header{color:var(--text-dim);justify-content:space-between;margin-bottom:5px;font-size:.8rem;display:flex}.dti-track{background:var(--surface-2);border-radius:7px;height:14px;overflow:hidden}.dti-fill{border-radius:7px;height:100%;transition:width .4s,background .4s}.dti-marks{height:14px;margin-top:2px;position:relative}.dti-mark{color:var(--text-faint);font-size:.78rem;position:absolute;top:0;transform:translate(-50%)}.alert{border-radius:10px;margin-top:20px;padding:18px 22px;font-size:1rem;line-height:1.5}.alert.good{background:var(--good-dim);border:1px solid var(--good-border);color:var(--good)}.alert.warn{background:var(--warn-dim);border:1px solid var(--warn-border);color:var(--warn)}.alert.danger{background:var(--danger-dim);border:1px solid var(--danger-border);color:var(--danger)}.data-table{border-collapse:collapse;width:100%;font-size:.95rem}.data-table th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 14px;font-size:.82rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border-2);color:var(--text);font-variant-numeric:tabular-nums;padding:11px 14px}.data-table tr:last-child td{border-bottom:none}.data-table td.num,.data-table th.num{text-align:right}.data-table tr.highlight td{background:var(--accent-dim);color:var(--text);font-weight:600}.chart-wrap{border-radius:8px;width:100%;margin:24px 0;overflow:hidden}.chart-wrap svg{width:100%;height:auto;display:block}.btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;border-radius:10px;align-items:center;gap:6px;min-height:48px;padding:14px 24px;font-family:inherit;font-size:1rem;transition:border-color .15s,color .15s;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent)}.stat-pill{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;padding:20px 24px;display:flex}.stat-pill .stat-val{color:var(--text);margin-bottom:4px;font-size:2rem;font-weight:800;line-height:1}.stat-pill .stat-lbl{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}.stat-pill.good{border-color:var(--good)}.stat-pill.good .stat-val{color:var(--good)}.stat-pill.warn{border-color:var(--warn)}.stat-pill.warn .stat-val{color:var(--warn)}.stat-pill.danger{border-color:var(--danger)}.stat-pill.danger .stat-val{color:var(--danger)}.stat-row{gap:12px;margin-bottom:24px;display:grid}.field-hint{color:var(--text-faint);margin-top:5px;font-size:.85rem;line-height:1.45}.guide-section{grid-template-columns:1fr 1fr 1fr;gap:24px;max-width:1100px;margin:0 auto;padding:0 20px 64px;display:grid}@media (width<=900px){.guide-section{grid-template-columns:1fr 1fr}}@media (width<=600px){.guide-section{grid-template-columns:1fr}}.guide-block{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px}.guide-block>h2{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:14px;font-size:.85rem;font-weight:700}.guide-block>p{color:var(--text-muted);font-size:1rem;line-height:1.7}.guide-list{margin:0;padding:0;list-style:none}.guide-list li{color:var(--text-muted);border-bottom:1px solid var(--border-2);padding:12px 0 12px 24px;font-size:1rem;line-height:1.55;position:relative}.guide-list li:before{content:"→";color:var(--accent);font-size:.8rem;position:absolute;left:0}.guide-list li:last-child{border-bottom:none}.faq-list{flex-direction:column;gap:18px;display:flex}.faq-item h3{color:var(--text);margin-bottom:5px;font-size:1rem;font-weight:600;line-height:1.4}.faq-item p{color:var(--text-dim);font-size:.98rem;line-height:1.6}@media (width<=480px){.page-header h1{font-size:1.9rem}.tool-grid,.guide-section,.page-header{padding-left:12px;padding-right:12px}.card,.guide-block{padding:18px}.full-card{padding:20px}.tool-grid,.scenarios,.details-grid,.guide-section{gap:14px}}