:root{--font: -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--bg: #ffffff;--surface: #f4f4f2;--line: #e5e5e2;--text: #171717;--muted: #737373;--accent: #b3491f;--accent-ink: #ffffff;--ok: #1a7f4b;--radius: 10px;--radius-sm: 6px;--pad: 16px;--gap: 10px;--fs-brand: 20px;--fs-title-lg: 17px;--fs-body: 15px;--fs-price: 17px;--fs-card-title: 14px;--fs-meta: 12px;--fs-chip: 13px;--shadow-float: 0 2px 10px rgba(0, 0, 0, .18)}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font)}body{font-size:var(--fs-body);line-height:1.4}#root{max-width:430px;margin:0 auto;min-height:100vh}button{font:inherit;color:inherit;background:none;border:none;text-align:inherit}input,textarea,select{font:inherit;color:var(--text)}.topbar{display:flex;align-items:center;gap:12px;padding:14px var(--pad)}.topbar .title{font-size:var(--fs-title-lg);font-weight:700}.iconbtn{display:flex;align-items:center;justify-content:center}.iconbtn svg{width:18px;height:18px;stroke:var(--text);stroke-width:2;fill:none}.header{padding:14px var(--pad) 10px;display:flex;align-items:baseline;justify-content:space-between}.header .brand{font-size:var(--fs-brand);font-weight:800;letter-spacing:-.3px}.header .cluster{font-size:var(--fs-meta);color:var(--muted)}.search{margin:0 var(--pad) 10px;display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:var(--radius);padding:11px 12px}.search svg{width:17px;height:17px;stroke:var(--muted);stroke-width:1.6;fill:none;flex:none}.search input{flex:1;background:none;border:none;outline:none;font-size:14px}.search input::placeholder{color:var(--muted)}.chips{display:flex;gap:8px;padding:0 var(--pad) 12px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;font-size:var(--fs-chip);padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--bg)}.chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);padding:0 var(--pad) 96px}.card{display:block}.ph{aspect-ratio:1;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.ph.ph-fill{aspect-ratio:auto;height:100%;border-radius:0}.ph svg{stroke:#00000047;stroke-width:1.6;fill:none;width:46px;height:46px}.card .price{font-size:var(--fs-price);font-weight:700;margin-top:8px}.price .unit{font-size:var(--fs-meta);font-weight:600;color:var(--muted)}.card .title{font-size:var(--fs-card-title);margin-top:1px}.card .meta{font-size:var(--fs-meta);color:var(--muted);margin-top:2px}.float-pill{position:fixed;left:50%;transform:translate(-50%);bottom:24px;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:13px 26px;font-size:15px;font-weight:700;box-shadow:var(--shadow-float)}.btn{display:block;width:100%;text-align:center;padding:14px 0;border-radius:var(--radius);font-size:15px;font-weight:700}.btn.solid{background:var(--accent);color:var(--accent-ink)}.btn.ghost{border:1.5px solid var(--text)}.actionbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;display:flex;gap:10px;padding:12px var(--pad) 20px;background:var(--bg);border-top:1px solid var(--line)}.field{display:block;width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:13px 12px;font-size:15px;background:var(--bg);outline:none}.field::placeholder{color:var(--muted)}textarea.field{min-height:92px;resize:vertical}.label{display:block;font-size:13px;font-weight:600;margin:16px 0 6px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-meta);color:var(--ok);font-weight:600}.badge svg{width:12px;height:12px;stroke:var(--ok);stroke-width:2.4;fill:none}.avatar{border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--muted);flex:none}.muted{color:var(--muted)}