@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Space+Grotesk:wght@400;600&display=swap";:root{color-scheme:light;font-family:Space Grotesk,Avenir,system-ui,sans-serif;line-height:1.4;font-weight:400;--ink: #1d1b16;--muted: #6d6154;--accent: #f59f00;--accent-deep: #c77700;--cream: #f8f4ed;--paper: #fff7ea;--shadow: 0 18px 50px rgba(29, 27, 22, .14);--radius: 18px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(245,159,0,.12),transparent 45%),radial-gradient(circle at 20% 80%,rgba(255,121,63,.16),transparent 40%),linear-gradient(120deg,#f8f4ed,#fff1d6);color:var(--ink)}#app{max-width:560px;margin:0 auto;padding:24px 20px 48px}.app-header{display:grid;gap:12px;margin-bottom:20px}.badge{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-deep)}.badge:before{content:"";width:28px;height:2px;background:var(--accent);border-radius:999px}h1{font-family:Fraunces,Times New Roman,serif;font-size:2.2rem;margin:0}p.lead{margin:0;color:var(--muted)}.card{background:var(--paper);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:16px}label{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}input,textarea{width:100%;border:1px solid rgba(29,27,22,.12);border-radius:12px;padding:12px 14px;font-size:1rem;font-family:inherit;background:#fff;color:var(--ink)}textarea{min-height:80px;resize:vertical}.favorites{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{border:1px solid rgba(29,27,22,.16);background:#fff;padding:8px 14px;border-radius:999px;font-size:.9rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.chip.is-active{border-color:var(--accent);box-shadow:0 8px 20px #f59f0033}.toggle{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:999px;border:1px solid rgba(29,27,22,.1);overflow:hidden;margin-bottom:16px}.toggle button{border:none;background:transparent;padding:10px;font-size:.95rem;cursor:pointer;color:var(--muted)}.toggle button.is-active{background:var(--accent);color:#1b1303;font-weight:600}.actions{display:grid;gap:12px}.primary-btn{border:none;background:var(--accent);color:#1b1303;padding:14px 18px;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary-btn:disabled{opacity:.6;cursor:wait}.secondary-btn{border:1px solid rgba(29,27,22,.16);background:#fff;color:var(--ink);padding:10px 14px;border-radius:12px;font-size:.9rem;cursor:pointer}.status{font-size:.95rem;color:var(--muted)}.status.error{color:#b2311d}.result{display:grid;gap:8px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{background:#fff;border-radius:12px;padding:12px}.metric strong{display:block;font-size:1.4rem}.footer-note{font-size:.85rem;color:var(--muted)}.hidden{display:none}.collapsible-header{display:flex;justify-content:space-between;align-items:center;width:100%;border:none;background:transparent;padding:0;font-size:.9rem;color:var(--muted);cursor:pointer;text-align:left}.collapsible-header .chevron{font-size:.8rem}.collapsible-content{margin-top:14px}.odometer-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.odometer-fields .field{display:flex;flex-direction:column}.odometer-fields input{margin-top:4px}.full-width{width:100%}.secondary-btn:disabled{opacity:.6;cursor:wait}@media (max-width: 480px){h1{font-size:1.9rem}.metrics{grid-template-columns:1fr}}
