:root{--bg:#f6f7f9;--card:#fff;--text:#1d2330;--muted:#667085;--border:#d8dde5;--accent:#1f6feb;--good:#18864b;--bad:#c4372d}@media (prefers-color-scheme:dark){:root{--bg:#12151b;--card:#1b2029;--text:#e6e9ef;--muted:#98a2b3;--border:#2e3542;--accent:#4c8dff;--good:#3fbf7a;--bad:#ef6b60}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:760px;padding:max(24px, env(safe-area-inset-top)) 16px 48px;margin:0 auto}h1{margin:0 0 4px;font-size:1.5rem}h2{margin:0 0 14px;font-size:1rem}.subtitle{color:var(--muted);margin:0 0 24px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:18px}.grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}label{color:var(--muted);margin-bottom:4px;font-size:.85rem;display:block}input,select{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:9px 10px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.presets{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.presets select{flex:220px}button{font:inherit;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:8px;padding:9px 14px}button.ghost{color:var(--accent);background:0 0}button.danger{border-color:var(--bad);color:var(--bad);background:0 0}.note{color:var(--muted);margin:10px 0 0;font-size:.85rem}.results{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.tile{border:1px solid var(--border);border-radius:10px;padding:12px}.tile-label,.tile-detail{color:var(--muted);font-size:.8rem}.tile-value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:650}.tile-value.good{color:var(--good)}.tile-value.bad{color:var(--bad)}.assistant-intro{margin:-6px 0 12px}.suggestions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.suggestions button{text-align:left;padding:6px 10px;font-size:.85rem}.chat{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;max-width:85%;padding:9px 12px}.bubble.user{background:var(--accent);color:#fff;align-self:flex-end}.bubble.assistant{background:var(--bg);border:1px solid var(--border);align-self:flex-start}.chat-form{gap:8px;display:flex}.chat-form input{flex:1;min-width:0}button:disabled{opacity:.5;cursor:default}.field-hint{color:var(--muted);margin:4px 0 0;font-size:.75rem}.car-picker{border:1px solid var(--border);background:var(--card);width:min(480px,100vw - 32px);color:var(--text);border-radius:14px;padding:20px}.car-picker::backdrop{background:#00000073}.car-picker ul{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.car-picker li button{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;display:flex}.car-picker li button span{color:var(--muted);font-size:.8rem}.version{text-align:center;color:var(--muted);margin-top:24px;font-size:.75rem}
