:root{--bg:#fbfaf7;--ink:#22201c;--muted:#8a8478;--subtle:#54504a;--border:#e4e0d6;--input-border:#d8d3c6;--card:#fff;--accent:#1d4e8f;--accent-bg:#dee6f0;--change:#b00000;--fills:#3c8a42;--fills-ink:#2f6b33;--fills-bg:#e3efe2;--neutral:#d9a90f;--neutral-ink:#7a5c00;--neutral-bg:#faf1d2;--drains:#ee7a2c;--drains-ink:#a9500f;--drains-bg:#fce7d6;--serif:Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--serif);background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0}button,input,textarea{font:inherit;color:inherit}a{color:var(--accent)}.app-shell{max-width:760px;min-height:100dvh;margin:0 auto}.tab-bar{padding-bottom:max(10px, env(safe-area-inset-bottom))}.sort-btn{font-family:var(--sans);border:1px solid var(--input-border);background:var(--card);color:var(--subtle);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:12.5px}.sort-fills:hover{border-color:var(--fills);color:var(--fills-ink)}.sort-neutral:hover{border-color:var(--neutral);color:var(--neutral-ink)}.sort-drains:hover{border-color:var(--drains);color:var(--drains-ink)}.chip-fills:hover{border-color:var(--fills)!important}.chip-neutral:hover{border-color:var(--neutral)!important}.chip-drains:hover{border-color:var(--drains)!important}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.sheet{animation:.18s ease-out sheet-up}@keyframes sheet-up{0%{opacity:.6;transform:translateY(16px)}}}