*{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}.grid-3{grid-template-columns:1fr 1fr 1fr}.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}.card.tesla h2{color:#22c55e}.field{margin-bottom:12px}.field label{display:block;font-size:.8rem;color:#94a3b8;margin-bottom:4px}.field input:not([type=range]):not(.slider-val):not([type=checkbox]),.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}.tesla input[type=range]::-webkit-slider-thumb{background:#22c55e}.tesla input[type=range]::-moz-range-thumb{background:#22c55e}.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}.fuel-toggle{display:flex;gap:4px}.fuel-btn{flex:1;padding:6px 12px;border:1px solid #475569;background:#0f172a;color:#94a3b8;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.fuel-btn:hover{border-color:#64748b;color:#e2e8f0}.fuel-btn.active{background:#334155;color:#f8fafc;border-color:#60a5fa;font-weight:600}.honda .fuel-btn.active{border-color:#f97316}.subaru .fuel-btn.active{border-color:#3b82f6}.tesla .fuel-btn.active{border-color:#22c55e}.shared-inputs{max-width:400px;margin-bottom:24px}.summary{display:grid;grid-template-columns:1fr 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}.summary-card.tesla .big{color:#22c55e}.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:.8rem}th{text-align:left;padding:6px 8px;color:#94a3b8;border-bottom:1px solid #334155;font-weight:500;font-size:.75rem}td{padding:6px 8px;border-bottom:1px solid #0f172a}tr:hover td{background:#ffffff08}.honda-col{color:#fb923c}.subaru-col{color:#60a5fa}.tesla-col{color:#4ade80}.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}.diff-tesla{color:#4ade80;font-weight:600}.diff-best{font-weight:600;color:#94a3b8}.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.tesla-bar{background:#22c55e;color:#0f172a}.bar-value{width:120px;font-size:.75rem;text-align:left;flex-shrink:0}@media(max-width:900px){.grid-3,.summary{grid-template-columns:1fr}}@media(max-width:700px){.grid,.charts-grid{grid-template-columns:1fr}body{padding:16px}}