@import"https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&family=Zen+Kaku+Gothic+New:wght@400;500;700&family=Zen+Old+Mincho:wght@500&display=swap";:root{--green: #00666B;--green-dk: #004A4E;--espresso: #48322A;--cream: #F4F1EA;--sand: #E9E4D9;--charcoal: #26241F;--muted: #8A8375;--danger: #A94438;--font-en: "Jost", sans-serif;--font-jp: "Zen Kaku Gothic New", sans-serif;--font-tagline: "Zen Old Mincho", serif}*{box-sizing:border-box;margin:0}body{font-family:var(--font-jp);color:var(--charcoal);background:var(--sand)}.app{max-width:480px;margin:0 auto;padding:0 16px 110px;min-height:100vh;background:var(--cream)}.brand{padding:22px 0 14px;border-bottom:1.5px solid var(--green);margin-bottom:12px}.brand-logo{display:block;width:220px;max-width:70%}.context{margin-top:10px}.badge{font-size:12px;font-weight:500;letter-spacing:.08em;background:transparent;color:var(--green);border:1px solid var(--green);padding:4px 12px;border-radius:2px}.error{background:#f7ebe8;color:var(--danger);border-radius:4px;padding:10px 14px;font-size:13px;margin-bottom:12px}.loading{color:var(--muted);padding:24px 0;text-align:center}h2{font-family:var(--font-en);font-weight:600;font-size:13px;color:var(--green);letter-spacing:.18em;text-transform:uppercase;margin:24px 0 4px;border-bottom:1px solid var(--green);padding-bottom:6px}.item{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--sand);cursor:pointer;-webkit-tap-highlight-color:transparent}.item.soldout{cursor:default;opacity:.45}.item-name{font-weight:500;font-size:15px}.item-en{color:var(--muted);font-family:var(--font-en);font-weight:400;font-size:11px;letter-spacing:.08em;margin-left:6px;text-transform:uppercase}.item-desc{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.6}.item-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.item-price{font-family:var(--font-en);font-weight:500;font-variant-numeric:tabular-nums}.soldout-label{font-size:12px;color:var(--danger);font-weight:500}.in-cart{min-width:24px;height:24px;border-radius:50%;background:var(--green);color:var(--cream);font-family:var(--font-en);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}.qty-controls{display:flex;align-items:center;gap:10px}.qty-controls button{width:32px;height:32px;border-radius:50%;border:1px solid var(--green);background:var(--cream);color:var(--green);font-size:17px;cursor:pointer}.qty-controls b{min-width:16px;text-align:center;font-family:var(--font-en)}.cart-bar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:448px;padding:16px;background:var(--green);color:var(--cream);border:none;border-radius:4px;font-family:var(--font-jp);font-size:16px;font-weight:700;letter-spacing:.04em;cursor:pointer}.total-row{display:flex;justify-content:space-between;padding:16px 0;font-size:17px}.total-row b{font-family:var(--font-en);font-variant-numeric:tabular-nums}.cta{width:100%;padding:16px;background:var(--green);color:var(--cream);border:none;border-radius:4px;font-family:var(--font-jp);font-size:16px;font-weight:700;letter-spacing:.04em;cursor:pointer;margin-top:8px}.cta:disabled{opacity:.45}.back{width:100%;padding:14px;background:none;border:none;color:var(--muted);font-size:14px;font-family:var(--font-jp);cursor:pointer;margin-top:6px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#26241f73;display:flex;align-items:flex-end;justify-content:center;z-index:10}.sheet{width:100%;max-width:480px;background:var(--cream);border-radius:8px 8px 0 0;padding:20px 20px 28px;max-height:80vh;overflow-y:auto}.sheet-head{display:flex;justify-content:space-between;font-size:17px;padding-bottom:12px;border-bottom:1.5px solid var(--green);margin-bottom:8px}.sheet-head span{font-family:var(--font-en);font-variant-numeric:tabular-nums}.mod-group h3{font-family:var(--font-en);font-size:11px;font-weight:600;color:var(--green);margin:14px 0 4px;letter-spacing:.18em;text-transform:uppercase}.mod-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--sand);cursor:pointer}.mod-row input{width:20px;height:20px;accent-color:var(--green)}.mod-name{flex:1;font-size:15px}.mod-price{color:var(--muted);font-family:var(--font-en);font-size:14px}.done-view{text-align:center}.done-box{padding:40px 0 24px}.done-label{color:var(--muted);letter-spacing:.1em}.order-number{font-family:var(--font-en);font-size:60px;font-weight:600;color:var(--green);letter-spacing:.04em;margin:12px 0}.done-total{font-size:15px;margin-bottom:20px}.done-note{color:var(--muted);font-size:14px;line-height:1.9;letter-spacing:.06em}.done-tagline{font-family:var(--font-tagline);letter-spacing:.3em;color:var(--espresso);font-size:13px;margin-top:28px}.ready-view{animation:ready-flash 1s ease}.ready-label{color:var(--green);font-weight:700;font-size:18px}.ready-number{color:var(--green)!important}.ready-note{color:var(--green);font-weight:500}@keyframes ready-flash{0%{background:var(--sand)}to{background:var(--cream)}}