:root{--canvas:#fbf7f1;--surface:#fff;--ink:#1f140d;--muted:#7a6852;--line:#f0e7da;--line2:#e7dac4;--primary:#2a1c13;--primary-soft:#efe3d2;--accent:#c7522a;--gold:#d9a441;--gold-bg:#f6e3a8;--gold-ink:#8e6116;--danger:#a23a1f}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--canvas);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:480px;margin:0 auto;padding:18px 16px 120px}.brandhead{gap:10px;margin:2px 0 6px}.brandhead,.logo{display:flex;align-items:center}.logo{width:42px;height:42px;border-radius:12px;background:var(--primary);color:#fff;justify-content:center;font-weight:900;font-size:22px;position:relative;flex-shrink:0}.logo:after{content:"";position:absolute;top:-2px;right:-2px;width:11px;height:11px;border-radius:999px;background:var(--gold)}.brandtitle{font-size:20px;font-weight:800;letter-spacing:-.3px}.brandtitle .k{color:var(--accent)}.sub{margin:2px 0 14px}.sub,h2{color:var(--muted);font-size:13px}h2{margin:18px 0 10px;text-transform:uppercase;letter-spacing:.05em}.tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;position:-webkit-sticky;position:sticky;top:0;background:var(--canvas);z-index:5;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;padding:8px 15px;border-radius:999px;border:1px solid var(--line2);background:var(--surface);color:var(--primary);font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}.tab.on{background:var(--primary);color:#fff;border-color:var(--primary)}.menu-row{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:10px;cursor:pointer;box-shadow:0 1px 2px rgba(63,44,32,.04)}.menu-row.soldout{opacity:.55}.thumb{width:76px;height:76px;border-radius:12px;object-fit:cover;background:var(--primary-soft);flex-shrink:0}.thumb.ph{display:flex;align-items:center;justify-content:center;background:#faf5ef;font-size:30px}.minfo{flex:1 1;min-width:0}.mtop{display:flex;align-items:center;gap:8px}.mtitle{font-weight:700;color:var(--ink);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.best{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--gold-ink);background:var(--gold-bg);padding:2px 8px;border-radius:999px;flex-shrink:0}.mdesc{color:var(--muted);font-size:12.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mprice{font-weight:800;color:var(--ink);font-size:16px;margin-top:6px}.soldout-txt{color:var(--danger);font-weight:600;font-size:12px;margin-left:8px}.chev{color:var(--muted);font-size:20px;flex-shrink:0}.opts{border-top:1px dashed var(--line2);margin-top:10px;padding-top:10px}label{display:block;font-size:12px;color:var(--muted);margin:10px 0 5px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:7px 11px;border:1px solid var(--line2);border-radius:999px;margin:0 6px 6px 0;background:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chip.on{background:var(--primary);color:#fff;border-color:var(--primary)}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.name{font-weight:700}.price{color:var(--accent);font-weight:800}.muted{color:var(--muted);font-size:13px}input{width:100%;padding:13px;border:1px solid var(--line2);border-radius:12px;background:#fff;color:var(--ink)}button,input{font-size:16px}button{border:0;border-radius:12px;padding:13px 16px;font-weight:700;background:var(--primary);color:#fff;cursor:pointer}button.accent{background:var(--accent)}button.ghost{background:var(--primary-soft);color:var(--primary)}button:disabled{opacity:.45}.qty{display:inline-flex;align-items:center;gap:12px}.qty button{width:36px;height:36px;padding:0;border-radius:9px}.bar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:12px 16px}.bar .inner{max-width:480px;margin:0 auto}.error{color:var(--danger);font-size:13px;margin-top:8px}.center{text-align:center}.big{font-size:22px;font-weight:800;letter-spacing:.3px}.link{color:var(--accent);font-weight:700;background:none;padding:0;font-size:14px}.sheet-backdrop{position:fixed;inset:0;background:rgba(31,20,13,.42);display:flex;align-items:flex-end;justify-content:center;z-index:30}.sheet{background:var(--surface);width:100%;max-width:480px;border-radius:20px 20px 0 0;padding:18px 16px 22px;box-shadow:0 -10px 34px rgba(31,20,13,.18);animation:sheetup .18s ease-out}@keyframes sheetup{0%{transform:translateY(16px);opacity:.6}to{transform:translateY(0);opacity:1}}.olist{border:1px solid var(--line);border-radius:12px;padding:2px 12px;margin:12px 0 10px;background:#fdfbf8}.oline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.oline:last-child{border-bottom:0}.oline.total{border-top:1px dashed var(--line2)}