:root{--ground:#f2f4f7;--surface:#fff;--raised:#eee;--border:#e6e6e6;--rule:#f0f0f0;--text:#0a0a0a;--muted:#6b6b6b;--accent:#141414;--chart:#1d5fbf;--positive:#2e7d32;--negative:#c4242a;--radius-card:8px;--radius-control:6px;--pad:24px}*{box-sizing:border-box}html{font-family:Geist,Inter,system-ui,sans-serif;background:var(--ground);color:var(--text)}body{margin:0;padding-bottom:84px}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.wrap{max-width:1100px;margin:0 auto;padding:16px}@media(min-width:768px){.wrap{padding:24px}}.topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:20}.wordmark{font-size:20px;font-weight:700;letter-spacing:-.02em}.wordmark span{color:var(--chart)}.searchbar{flex:1 1;display:flex;gap:8px;background:var(--ground);border:1px solid var(--border);border-radius:999px;padding:10px 14px}.searchbar input{border:0;background:transparent;outline:0;width:100%;font-size:16px}.btn{background:var(--accent);color:#fff;border:0;border-radius:var(--radius-control);padding:11px 18px;min-height:44px;cursor:pointer;font-weight:500}.btn:disabled{opacity:.5}.btn-secondary{background:var(--raised);color:var(--text)}.chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:8px 14px;min-height:36px;cursor:pointer}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px}.grid{display:grid;grid-gap:12px;gap:12px}@media(min-width:768px){.grid{grid-template-columns:1fr 1fr}}h1{font-size:24px;letter-spacing:-.02em;margin:8px 0}h2{font-size:16px;margin:24px 0 8px}.muted{font-size:14px}.muted,.small{color:var(--muted)}.small{font-size:12px}.price{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rx{color:var(--negative)}.otc,.rx{font-size:12px;font-weight:600}.otc{color:var(--positive)}.input{width:100%;border:1px solid var(--border);border-radius:var(--radius-control);padding:11px 12px;min-height:44px;background:var(--surface)}.field{display:grid;grid-gap:6px;gap:6px;margin-bottom:12px}.field label{font-size:14px}.bottomnav{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:10px 8px calc(10px + env(safe-area-inset-bottom));z-index:30}.bottomnav a{font-size:12px;text-align:center;padding:6px 10px;border-radius:6px}.bottomnav a.active{background:#e9e9e9}.timeline{border-left:2px solid var(--border);margin-left:6px;padding-left:16px;display:grid;grid-gap:14px;gap:14px}.timeline .done{color:var(--positive)}.skeleton{height:20px;background:var(--raised);border-radius:4px}@media(min-width:900px){.bottomnav{display:none}body{padding-bottom:0}}