:root{color:#1f2933;background:#f7f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{touch-action:manipulation;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.55}main{min-height:100vh;padding:20px 16px 96px}.header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto 18px;max-width:880px}.header-kicker{color:#6b7280;font-size:13px;margin-bottom:4px}.header h1{font-size:26px;line-height:1.2;margin:0}.header-user{align-items:center;background:#fff;border:1px solid #e5e1da;border-radius:8px;display:flex;flex:0 0 auto;gap:8px;min-width:0;padding:8px 10px}.header-user span{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-avatar{align-items:center;background:#215c54;border-radius:50%;color:#fff;display:flex;font-weight:700;height:28px;justify-content:center;width:28px}.message{background:#fff;border:1px solid #e5e1da;border-radius:8px;margin:0 auto 16px;max-width:880px;padding:12px 14px}.message.error{background:#fff1f0;border-color:#f4b4ad;color:#9f1d16}.message.success{background:#edf8f1;border-color:#b8dfc5;color:#155b2f}.tabs{display:flex;gap:8px;margin:0 auto 16px;max-width:880px;overflow-x:auto;padding-bottom:4px}.tabs button,.chips button{background:#fff;border:1px solid #d9d4cc;border-radius:8px;color:#374151;flex:0 0 auto;padding:8px 12px}.tabs button.active,.chips button.selected{background:#215c54;border-color:#215c54;color:#fff}.menu{display:grid;gap:18px;margin:0 auto;max-width:880px}.menu-group h2{font-size:16px;margin:0 0 10px}.menu-item{align-items:center;background:#fff;border:1px solid #e5e1da;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:14px;text-align:left;width:100%}.menu-item strong{display:block;font-size:16px}.menu-item small{color:#6b7280;display:block;margin-top:4px}.menu-item b{align-items:center;background:#edf4f2;border-radius:50%;color:#215c54;display:flex;height:32px;justify-content:center;min-width:32px}.footer{background:#f7f4eff0;border-top:1px solid #e5e1da;bottom:0;display:grid;gap:10px;grid-template-columns:1fr 1fr;left:0;padding:12px 16px;position:fixed;right:0}.footer button,.modal-actions button{border:0;border-radius:8px;font-weight:700;padding:12px}.cart-button{background:#fff;color:#215c54}.cart-button span{display:block;font-size:12px;margin-top:2px}.submit-button,.modal-actions button:not(.secondary){background:#215c54;color:#fff}.drawer-overlay,.modal-overlay,.loading-overlay{background:#14181c6b;inset:0;position:fixed;z-index:20}.drawer{background:#fff;border-radius:8px 8px 0 0;bottom:0;left:50%;max-height:80vh;max-width:720px;overflow:auto;padding:10px 16px 24px;position:fixed;transform:translate(-50%);width:100%;z-index:21}.drawer-handle{background:#d1d5db;border-radius:99px;height:4px;margin:0 auto 14px;width:48px}.drawer h2,.drawer h3,.modal h2{margin:0 0 12px}.drawer h3{color:#6b7280;font-size:13px;margin-top:18px}.drawer-item{align-items:flex-start;border-top:1px solid #edf0f2;display:flex;gap:12px;justify-content:space-between;padding:12px 0}.drawer-item p{color:#6b7280;line-height:1.5;margin:4px 0 0}.drawer-item p span+span:before{content:"・"}.drawer-actions{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.drawer-actions button{background:transparent;border:0;color:#215c54;padding:0}.drawer-actions .danger{color:#b42318}.subtotal{border-top:1px solid #edf0f2;font-weight:800;margin-top:8px;padding-top:12px;text-align:right}.empty{color:#6b7280}.modal{background:#fff;border-radius:8px;left:50%;max-height:88vh;max-width:520px;overflow:auto;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);z-index:31}.modal label{color:#374151;display:block;font-weight:700;margin:16px 0 8px}.modal input{border:1px solid #d9d4cc;border-radius:8px;padding:12px;width:100%}.quantity{align-items:center;display:flex;gap:14px}.quantity button{background:#edf4f2;border:0;border-radius:50%;color:#215c54;font-size:18px;height:36px;width:36px}.quantity-input{appearance:textfield;border:1px solid #d9d4cc;border-radius:8px;font-size:18px;font-weight:800;height:42px;max-width:92px;padding:8px 10px;text-align:center;touch-action:manipulation}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{appearance:none;margin:0}.chips{display:flex;flex-wrap:wrap;gap:8px}.modal-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:20px}.modal-actions .secondary{background:#f3f4f6;color:#374151}.modal-actions .danger-primary{background:#b42318}.confirm-line{display:flex;justify-content:space-between;padding:8px 0}.loading-overlay{align-items:center;display:flex;justify-content:center;z-index:40}.loading-card{background:#fff;border-radius:8px;padding:20px;width:260px}.loading-track{background:#edf0f2;border-radius:99px;height:8px;margin-bottom:12px;overflow:hidden}.loading-bar{animation:loading 1s infinite ease-in-out;background:#215c54;height:100%;width:45%}.loading-text{text-align:center}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(240%)}}@media(min-width:760px){main{padding-top:32px}.footer{left:50%;max-width:880px;transform:translate(-50%)}}