:root{--bg:#faf7f2;--surface:#fff;--text:#1f1b16;--muted:#7a7064;--line:#e8e1d6;--accent:#b23a24;--accent-text:#fff;--ok:#2f7d4a;--danger:#b3261e;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#17140f;--surface:#221e18;--text:#f2ece3;--muted:#a79c8e;--line:#3a332a;--accent:#e0644a;--accent-text:#1a0f0b;--ok:#6cc28a;--danger:#ff8a80;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-text-size-adjust:100%;font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;font-size:16px;line-height:1.5}button{font:inherit;background:var(--accent);color:var(--accent-text);cursor:pointer;border:0;border-radius:999px;padding:12px 18px;font-weight:600}button:disabled{opacity:.45;cursor:default}button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--line)}button.link{color:var(--accent);background:0 0;padding:4px 0;font-weight:500}button.icon{background:var(--surface);color:var(--text);border:1px solid var(--line);width:40px;height:40px;padding:0}button.wide{width:100%}button.big{width:100%;max-width:320px;padding:16px;font-size:18px}input[type=text],input:not([type]){font:inherit;border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:12px 14px}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.error{color:var(--danger)}div.center{padding:48px 16px}.app{max-width:640px;margin:0 auto;padding-bottom:96px}.top{z-index:2;background:var(--bg);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.chip{background:var(--surface);color:var(--text);border:1px solid var(--line);padding:6px 12px;font-size:14px}.tabs{gap:8px;padding:12px 16px 4px;display:flex;overflow-x:auto}.tab{color:var(--muted);border:1px solid var(--line);white-space:nowrap;background:0 0;padding:6px 14px;font-weight:500}.tab.active{background:var(--text);color:var(--bg);border-color:var(--text)}.items{gap:10px;padding:12px 16px;display:grid}.item{text-align:left;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);gap:12px;padding:14px;font-weight:400;display:flex}.item img{object-fit:cover;border-radius:10px;flex:none;width:76px;height:76px}.item-name{font-weight:700}.price{margin-top:4px;font-weight:600}.bottom-bar{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);gap:10px;max-width:640px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-bar button{flex:1}.overlay{z-index:10;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:640px;max-height:92vh;display:flex}.sheet-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.sheet-body{flex:1;padding:12px 16px;overflow-y:auto}.sheet-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);gap:6px;display:grid}fieldset{border:0;margin:0 0 14px;padding:0}legend{margin-bottom:6px;font-weight:700}.option{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.option span:first-of-type{flex:1}.option input{width:20px;height:20px;accent-color:var(--accent)}.qty{justify-content:center;align-items:center;gap:20px;padding:8px 0;font-size:18px;font-weight:700;display:flex}.chat{flex-direction:column;gap:8px;min-height:40vh;display:flex}.bubble{white-space:pre-wrap;word-break:break-word;border-radius:16px;max-width:85%;padding:10px 14px}.bubble.user{background:var(--accent);color:var(--accent-text);align-self:flex-end}.bubble.assistant{background:var(--surface);border:1px solid var(--line);align-self:flex-start}.chat-input{gap:8px;display:flex}.chat-input input{flex:1}.lines{margin:0;padding:0;list-style:none}.lines li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.line-right{flex-direction:column;align-items:flex-end;display:flex}.lines .total{border-bottom:0;font-size:18px;font-weight:700}.field{gap:6px;margin:14px 0;display:grid}.payment{gap:10px;margin-top:14px;display:grid}.start{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;padding:24px 16px;display:flex}.ticket{letter-spacing:.04em;font-size:44px;font-weight:800}.ready{color:var(--ok)}.toast{background:var(--text);color:var(--bg);z-index:20;border-radius:999px;padding:10px 16px;font-size:14px;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.top-right{align-items:center;gap:8px;display:flex}.lang{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:6px 8px;font-size:14px}.allergen{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:4px 0 16px;padding:10px 12px}.allergen p{margin:6px 0 0}.allergen.unknown{color:var(--text)}.badges{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.badge{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:13px}:root{--paper:#fff;--paper-text:#111;--state-new:#b23a24;--state-cooking:#b7791f;--state-ready:#2f7d4a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#f4f1ea;--state-new:#e0644a;--state-cooking:#e0a64a;--state-ready:#6cc28a}}:root[data-theme=dark]{--paper:#f4f1ea;--state-new:#e0644a;--state-cooking:#e0a64a;--state-ready:#6cc28a}.staff{max-width:1100px;margin:0 auto;padding:16px}.staff-top{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:16px;display:flex}.staff-error{color:var(--danger)}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.pos-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:12px;display:flex}.pos-card.state-completed,.pos-card.state-canceled{opacity:.55}.pos-head{align-items:center;gap:8px;display:flex}.pos-ticket{font-size:1.4rem;font-weight:700}.pos-state{margin-left:auto;font-size:.9rem;font-weight:600}.pos-state.state-proposed{color:var(--state-new)}.pos-state.state-reserved{color:var(--state-cooking)}.pos-state.state-prepared{color:var(--state-ready)}.pos-lines{margin:0;padding-left:18px}.pos-foot{align-items:center;gap:12px;margin-top:auto;display:flex}.pos-foot button{margin-left:auto}.slips{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.slip{background:var(--paper);color:var(--paper-text);white-space:pre-wrap;clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),95% 100%,90% calc(100% - 6px),85% 100%,80% calc(100% - 6px),75% 100%,70% calc(100% - 6px),65% 100%,60% calc(100% - 6px),55% 100%,50% calc(100% - 6px),45% 100%,40% calc(100% - 6px),35% 100%,30% calc(100% - 6px),25% 100%,20% calc(100% - 6px),15% 100%,10% calc(100% - 6px),5% 100%,0 calc(100% - 6px));width:min(100%,300px);margin:0;padding:16px 14px 20px;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 2px 8px #0000002e}.slip-ticket{font-size:28px}.slip.printing{animation:1.6s steps(12,end) both print,1.2s 1.6s 2 flash}@keyframes print{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes flash{50%{box-shadow:0 0 0 4px var(--state-new)}}.hub-intro{flex-direction:column;gap:12px;margin-bottom:16px;line-height:1.7;display:flex}.hub-intro p{margin:0}.hub-tip{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);padding:12px 16px}.hub-tip ul{margin:6px 0 0;padding-left:20px}.hub-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.hub-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);flex-direction:column;gap:6px;padding:16px;text-decoration:none;display:flex}.hub-card:hover{border-color:var(--accent)}.hub-tables{flex-wrap:wrap;gap:8px;display:flex}.hub-tables .chip{border-radius:999px;font-weight:600;text-decoration:none}.hub-tables .chip:hover{border-color:var(--accent)}.item.sold-out{opacity:.5;cursor:default}.sold-out-badge{vertical-align:middle;margin-left:8px}.pickup select{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;margin-left:auto;padding:4px 8px}.pickup-at{font-size:1.2rem;font-weight:700}.waiting{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);margin-bottom:16px;padding:12px 16px}.waiting ul{margin:8px 0 0;padding-left:18px}.pos-tabs{gap:8px;display:flex}.stock-cat h3{margin:16px 0 8px;font-size:1rem}.stock-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%}.stock-table td{border-top:1px solid var(--line);vertical-align:middle;padding:10px 12px}.stock-table tr:first-child td{border-top:0}.stock-table tr.sold-out td{background:color-mix(in srgb, var(--danger) 8%, transparent)}.stock-item{font-weight:600}.stock-status{white-space:nowrap;font-weight:600}.stock-status.low{color:var(--state-cooking)}.stock-status.out{color:var(--danger)}.stock-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.stock-actions input{width:72px;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px;padding:6px 8px}.stock-actions button{padding:6px 12px}@media (width<=640px){.stock-table,.stock-table tbody,.stock-table tr,.stock-table td{display:block}.stock-table tr{border-top:1px solid var(--line);padding:8px 0}.stock-table td{border:0;padding:2px 12px}.stock-actions{justify-content:flex-start;padding-top:6px}}