*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f172a;color:#e2e8f0;padding:24px;min-height:100vh}h1{font-size:1.5rem;margin-bottom:8px;color:#f8fafc}.subtitle{color:#94a3b8;margin-bottom:24px;font-size:.9rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.card{background:#1e293b;border-radius:12px;padding:20px;border:1px solid #334155}.card h2{font-size:1.1rem;margin-bottom:16px}.card.honda h2{color:#f97316}.card.subaru h2{color:#3b82f6}.field{margin-bottom:12px}.field label{display:block;font-size:.8rem;color:#94a3b8;margin-bottom:4px}.field input:not([type=range]):not(.slider-val),.field select{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #475569;background:#0f172a;color:#e2e8f0;font-size:.95rem}.field input:focus,.field select:focus{outline:none;border-color:#60a5fa}.field input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#334155;border:none;padding:0;margin:8px 0}.field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#60a5fa;cursor:pointer;border:2px solid #0f172a}.field input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#60a5fa;cursor:pointer;border:2px solid #0f172a}.honda input[type=range]::-webkit-slider-thumb{background:#f97316}.honda input[type=range]::-moz-range-thumb{background:#f97316}.subaru input[type=range]::-webkit-slider-thumb{background:#3b82f6}.subaru input[type=range]::-moz-range-thumb{background:#3b82f6}.slider-row{display:flex;align-items:center;gap:10px}.slider-row input[type=range]{flex:1}.slider-val{width:60px!important;min-width:60px;max-width:60px;flex:0 0 60px;padding:4px 6px;border-radius:6px;border:1px solid #475569;background:#0f172a;color:#f8fafc;font-size:.8rem;font-weight:600;text-align:right;-moz-appearance:textfield}.slider-val::-webkit-outer-spin-button,.slider-val::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.slider-val:focus{outline:none;border-color:#60a5fa}.slider-suffix{font-size:.8rem;color:#94a3b8;min-width:30px}.shared-inputs{max-width:400px;margin-bottom:24px}.summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.summary-card{background:#1e293b;border-radius:12px;padding:20px;text-align:center;border:1px solid #334155}.summary-card .big{font-size:2rem;font-weight:700;margin:8px 0}.summary-card .label{font-size:.8rem;color:#94a3b8}.summary-card .sub{font-size:.85rem;color:#64748b;margin-top:4px}.summary-card.honda .big{color:#f97316}.summary-card.subaru .big{color:#3b82f6}.results{background:#1e293b;border-radius:12px;padding:20px;border:1px solid #334155;margin-bottom:24px}.results h2{font-size:1.1rem;margin-bottom:16px;color:#f8fafc}table{width:100%;border-collapse:collapse;font-size:.85rem}th{text-align:left;padding:8px 12px;color:#94a3b8;border-bottom:1px solid #334155;font-weight:500}td{padding:8px 12px;border-bottom:1px solid #0f172a}tr:hover td{background:#ffffff08}.honda-col{color:#fb923c}.subaru-col{color:#60a5fa}.winner{background:#166534!important;border-radius:4px;color:#4ade80;font-weight:600}.diff-honda{color:#fb923c;font-weight:600}.diff-subaru{color:#60a5fa;font-weight:600}.positive-equity{color:#4ade80;font-weight:600}.negative-equity{color:#f87171;font-weight:600}.note{font-size:.75rem;color:#64748b;margin-top:16px;line-height:1.6}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.chart-wrap{position:relative;height:320px}.chart-container{margin-bottom:24px}.chart{background:#1e293b;border-radius:12px;padding:20px;border:1px solid #334155}.chart h2{font-size:1.1rem;margin-bottom:16px;color:#f8fafc}.bar-row{display:flex;align-items:center;margin-bottom:8px;gap:8px}.bar-label{width:50px;font-size:.8rem;color:#94a3b8;text-align:right;flex-shrink:0}.bar-track{flex:1;display:flex;gap:2px;height:28px}.bar{height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;transition:width .3s ease;min-width:0}.bar.honda-bar{background:#f97316;color:#0f172a}.bar.subaru-bar{background:#3b82f6;color:#0f172a}.bar-value{width:80px;font-size:.75rem;text-align:left;flex-shrink:0}@media(max-width:700px){.grid,.summary,.charts-grid{grid-template-columns:1fr}body{padding:16px}}