@charset "UTF-8";
:root{--paper:#faf7ef;--ink:#26372c;--muted:#72796d;--orange:#c7562f;--line:#e0dfd2;--white:#fffdf8;--green:#e8ecdd;--radius:20px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.75 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a{color:var(--ink)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d89037;outline-offset:3px}button{border:0}h1,h2,h3,p{margin:0}h1{font-size:clamp(28px,4.2vw,49px);line-height:1.5;letter-spacing:.02em;font-weight:800}h2{font-size:23px;line-height:1.5}h3{font-size:17px}small{font-size:12px}input,select{width:100%;background:#fff;border:1px solid #cfd2c5;border-radius:9px;padding:12px;color:var(--ink);margin-top:6px;min-height:48px}.test-banner{background:#26372c;color:#fff;text-align:center;padding:8px 16px;font-size:11px;letter-spacing:.08em}.test-banner span{margin-left:16px;letter-spacing:0}header{display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto;padding:28px 32px}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:15px;font-weight:850;letter-spacing:.08em}.brand small{display:block;font-weight:400;font-size:10px;letter-spacing:.05em}.brand-mark{background:var(--orange);color:white;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;font:italic 34px Georgia,serif}.header-tag{font-size:10px;border:1px solid #b9bfae;padding:6px 13px;border-radius:20px;letter-spacing:.1em}main{max-width:1120px;padding:0 32px 64px;margin:auto;min-height:60vh}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:38px 0 48px;gap:30px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.18em;color:var(--orange);display:block;margin-bottom:16px}.hero p{color:var(--muted);margin-top:20px}.hero-info{display:flex;gap:12px;margin-top:26px;font-size:12px}.hero-info span{border-bottom:1px solid #babfae;padding-bottom:6px}.hero-info small{margin-left:5px;font-size:10px}.hero-art{position:relative;background:#e9e9d8;border-radius:48% 52% 42% 58%;padding:36px 0;transform:rotate(-6deg)}.hero-art svg{width:100%;transform:rotate(6deg)}.round-note{position:absolute;right:0;top:10px;background:#c7562f;color:#fff;width:92px;height:92px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;letter-spacing:.08em;transform:rotate(14deg)}.steps{display:flex;justify-content:space-between;gap:10px;padding:20px 4px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.steps b{color:var(--orange)}.steps i{font-style:normal;background:#ece9df;display:inline-grid;place-items:center;width:24px;height:24px;margin-right:7px;border-radius:50%}.steps b i{background:var(--orange);color:white}.section-title{display:flex;justify-content:space-between;align-items:end;margin:46px 0 24px}.section-title .eyebrow{margin-bottom:9px}.section-title>span{font-size:12px;color:var(--muted)}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.menu-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.dish-art{position:relative;background:#f1ecdf}.dish-art svg{width:100%;display:block}.dish-tag{position:absolute;top:13px;left:13px;background:var(--white);font-size:10px;padding:4px 11px;border-radius:20px}.illustration{position:absolute;bottom:6px;right:12px;font-size:9px;color:#8a8c80}.dish-content{padding:21px}.dish-content>p{font-size:12px;color:var(--muted);margin:8px 0 20px;min-height:42px}.dish-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.dish-bottom strong{font-size:23px;font-weight:750}.dish-bottom strong small{display:block;font-size:9px;color:var(--muted);font-weight:400}.stepper{display:flex;align-items:center;background:#f1f1e8;border-radius:22px}.stepper button{width:32px;height:36px;background:none;font-size:18px}.stepper output{width:25px;text-align:center;font-size:14px}.sold .dish-art{opacity:.4}.muted{color:var(--muted);font-size:12px}.menu-note{margin:24px 0}.cart-bar{position:sticky;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 28px;background:var(--ink);border-radius:18px;color:#fff;box-shadow:0 12px 32px #26372c20;z-index:3}.cart-bar>div{display:flex;align-items:center;gap:20px}.cart-bar strong{font-size:26px}.cart-bar span{font-size:12px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:22px;padding:13px 23px;border-radius:9px;text-decoration:none;font-size:14px;font-weight:700;line-height:1.6;min-height:48px}.primary{background:var(--orange);color:#fff}.primary:hover:not(:disabled){background:#ab4525}.secondary{background:#eeeee4;color:var(--ink)}.page-heading{padding:34px 0}.page-heading h1{font-size:34px}.page-heading p{color:var(--muted);margin-top:12px}.page-heading .eyebrow{margin-bottom:9px}.checkout-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:32px;align-items:start}.panel,.summary,.center-card{background:var(--white);padding:30px;border:1px solid var(--line);border-radius:var(--radius)}.panel h2{font-size:19px;margin-bottom:20px}.panel h2:not(:first-child){margin-top:28px}.number{color:var(--orange);font-size:15px;display:inline-block;margin-right:6px}label{display:block;font-size:13px;font-weight:600;margin-bottom:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-help{font-size:11px;color:var(--muted);margin-top:-14px;margin-bottom:22px}.check{display:flex;align-items:start;gap:12px;font-size:12px;line-height:1.8;margin-top:20px;font-weight:400}.check input{width:18px;height:18px;min-height:0;margin-top:2px;flex-shrink:0}.trap{display:none}.actions{display:flex;gap:12px;justify-content:space-between;margin-top:30px}.summary{position:sticky;top:20px}.summary h2{font-size:19px;margin-bottom:26px}.summary-line{display:flex;justify-content:space-between;gap:20px;font-size:13px;border-bottom:1px solid var(--line);padding:15px 0}.summary-line small{display:block;color:var(--muted)}.summary-line b{white-space:nowrap}.summary-total{display:flex;align-items:center;justify-content:space-between;margin:24px 0}.summary-total strong{font-size:30px}.summary>p{color:var(--muted);font-size:11px}.review{margin:0}.review dt{color:var(--muted);font-size:12px;margin-top:20px}.review dd{margin:5px 0 18px;overflow-wrap:anywhere}.info{background:var(--green);padding:18px;border-radius:12px;font-size:12px;line-height:1.9;margin:20px 0}.center-card{max-width:680px;margin:50px auto;text-align:center;padding:44px}.center-card h1{font-size:29px}.center-card p{margin:18px 0;overflow-wrap:anywhere}.center-card .primary,.center-card .secondary{margin:14px 4px}.center-card>a:not(.primary):not(.secondary){display:block;font-size:12px;margin:16px}.center-card label{text-align:left}.success-symbol{font:36px Georgia,serif;color:var(--orange);width:72px;height:72px;background:#f1e8d8;border-radius:50%;display:grid;place-items:center;margin:0 auto 28px}.pickup-ticket{background:var(--green);padding:24px;border-radius:12px;margin:28px 0;display:flex;flex-direction:column}.pickup-ticket strong{font-size:30px;margin:8px}.pickup-ticket span,.pickup-ticket small{font-size:12px}.order-total{font-size:25px;font-weight:700}footer{text-align:center;padding:36px 20px 48px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}footer span{letter-spacing:.12em}footer p{margin:10px}footer a{font-size:11px}#notice{position:fixed;top:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border:2px solid #e9b061;padding:18px 26px;border-radius:12px;z-index:20;max-width:min(90vw,650px);min-width:280px;display:none;box-shadow:0 8px 30px #0003}#notice.show{display:block}.loading,.empty{padding:60px 0;text-align:center;color:var(--muted)}.admin-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.admin-order{margin:18px 0;background:var(--white);border:1px solid var(--line);padding:25px;border-radius:14px}.order-top,.order-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center}.order-top{margin-bottom:15px}.order-top strong{font-size:22px}.admin-order h3 small{font-weight:400;margin-left:12px}.admin-order>p{margin:15px 0;font-size:13px}.order-bottom small{display:block;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.order-bottom>div{display:flex;gap:8px;flex-wrap:wrap}.order-bottom .primary,.order-bottom .secondary{font-size:12px;padding:10px 15px}.badge{font-size:12px;padding:4px 14px;border-radius:20px;background:var(--green)}.state-paid{background:#f8ddbe}.state-ready{background:#d5e9cd}details.panel{margin-top:22px}summary{cursor:pointer;font-weight:700}details[open] summary{margin-bottom:24px}fieldset{border:1px solid var(--line);border-radius:10px;margin:20px 0}legend{font-size:13px}.qr-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.qr-panel p{font-size:12px}.qr-panel a{font-size:13px}
@media(max-width:850px){.menu-grid{grid-template-columns:repeat(2,1fr)}.checkout-grid{grid-template-columns:1fr}.summary{position:static}.order-bottom{align-items:start;flex-direction:column}}
@media(max-width:560px){header{padding:22px 20px}.header-tag{font-size:8px;padding:5px 8px}.brand{font-size:12px}.brand-mark{width:35px;height:35px;font-size:29px}main{padding:0 20px 40px}.test-banner{font-size:9px;padding:7px 8px}.test-banner span{margin-left:7px}.hero{padding:26px 0 30px;gap:0;grid-template-columns:1fr}.hero h1{font-size:34px}.hero p{font-size:13px}.hero-art{display:none}.hero-info{margin-top:20px}.steps{font-size:9px;gap:5px;padding:14px 0}.steps i{width:17px;height:17px;margin-right:3px}.section-title{margin-top:30px;align-items:start}.section-title h2{font-size:19px}.section-title>span{font-size:9px;margin-top:9px}.section-title .eyebrow{font-size:9px}.menu-grid{gap:13px}.menu-card{border-radius:14px}.dish-content{padding:13px}.dish-content h3{font-size:13px;min-height:40px;line-height:1.6}.dish-content>p{display:none}.dish-bottom{align-items:start;flex-direction:column;margin-top:8px;gap:10px}.dish-bottom strong{font-size:20px}.dish-bottom strong small{font-size:8px}.stepper{align-self:stretch;justify-content:space-between}.stepper button{height:34px}.dish-tag{font-size:8px;top:7px;left:7px;padding:2px 8px}.illustration{font-size:7px}.cart-bar{padding:15px;gap:10px;bottom:8px;border-radius:13px}.cart-bar>div{display:block}.cart-bar strong{display:block;font-size:21px}.cart-bar span{font-size:10px}.cart-bar .primary{font-size:12px;padding:12px 14px;gap:10px}.menu-note{font-size:10px}.page-heading h1{font-size:26px}.page-heading p{font-size:13px}.panel,.summary{padding:22px}.actions{flex-direction:column-reverse}.center-card{padding:26px 20px;margin-top:24px}.center-card h1{font-size:24px}.center-card p{font-size:13px}.center-card .primary{font-size:12px}.admin-order{padding:18px}.admin-order h3 small{display:block;margin-left:0}.order-top strong{font-size:19px}.qr-panel{flex-direction:column}.qr-panel img{width:150px;height:150px}.admin-toolbar{gap:8px}.admin-toolbar .secondary{font-size:11px;padding:9px 12px}}

.payment-methods{margin:28px 0 0;padding:23px 26px;background:var(--white);border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:auto 1fr;column-gap:30px;row-gap:14px;align-items:center}.payment-heading{display:flex;flex-direction:column;align-items:start;gap:7px}.payment-heading h2{font-size:16px;letter-spacing:.04em}.payment-status{font-size:10px;color:var(--muted);background:#efeee5;border-radius:5px;padding:2px 7px}.payment-list{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:10px;list-style:none;padding:0;margin:0}.payment-list li{display:flex;align-items:center;justify-content:center;gap:8px;min-height:49px;padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:8px;white-space:nowrap}.payment-card{font-size:12px;font-weight:650}.payment-card svg{width:23px;height:23px;flex-shrink:0}.payment-brand{font-size:18px;letter-spacing:-.025em;font-weight:650;color:#25302b}.payment-paypay{color:#b63e36}.payment-note{grid-column:1/-1;color:var(--muted);font-size:11px;line-height:1.8}.payment-methods-compact{display:block;margin:0;padding:20px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}.payment-methods-compact .payment-heading{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px}.payment-methods-compact .payment-heading h2{font-size:13px;margin:0}.payment-methods-compact .payment-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.payment-methods-compact .payment-list li{min-height:42px;padding:8px}.payment-methods-compact .payment-brand{font-size:16px}.payment-methods-compact .payment-card{font-size:10px;gap:5px}.payment-methods-compact .payment-card svg{width:19px;height:19px}.payment-methods-compact .payment-note{margin-top:12px;font-size:10px}
@media(max-width:850px){.payment-methods:not(.payment-methods-compact){grid-template-columns:1fr}.payment-heading{flex-direction:row;align-items:center;gap:10px}}
@media(max-width:560px){.payment-methods{padding:18px;margin-top:22px;gap:14px}.payment-heading h2{font-size:15px}.payment-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.payment-list li{min-height:45px;padding:9px}.payment-card{font-size:11px;gap:6px}.payment-brand{font-size:17px}.payment-note{font-size:10px}.payment-methods-compact{padding:18px 0 0;margin:0}}
/* v2 operational controls preserve the original customer palette and cards. */
[hidden]{display:none!important}.staff-actions{display:flex;flex-wrap:wrap;gap:10px}.staff-actions button{min-height:48px}.control-status{font-size:1.15rem}.control-status strong{font-size:1.6rem}.admin-order small{overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.85rem}#pair-url{overflow-wrap:anywhere;font-size:.9rem}.state-attention{background:#fff0d0}.admin-order .staff-actions{justify-content:flex-end}@media(max-width:600px){.order-bottom{align-items:stretch;flex-direction:column}.admin-order .staff-actions{justify-content:flex-start}.staff-actions button{flex:1 1 45%;padding:12px}.admin-toolbar{flex-wrap:wrap}.admin-toolbar button{flex:1}.hero h1{font-size:2.2rem}}@media print{header,footer,.test-banner,button{display:none!important}.panel{border:0;box-shadow:none}main{margin:0;padding:0;color:#000}}
.dish-photo{width:100%;height:100%;min-height:180px;object-fit:cover}.choice-editor{border-top:1px solid #ddd;padding:16px 0}.summary-line small,.admin-order small{display:block}.panel fieldset{margin:20px 0;padding:18px;border:1px solid #deddd2;border-radius:12px}.panel fieldset legend{font-weight:700}input[type=file]{max-width:100%}
@media(max-width:600px){.admin-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-toolbar button{width:100%;min-height:48px;padding:12px 8px}.control-status strong{white-space:nowrap}.control-status{line-height:1.7}.page-heading{margin-bottom:24px}}

/* The first counter screen is a single viewport; instructions appear after tapping. */
body.counter-welcome-mode{height:100vh;height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr)}
.counter-welcome-mode header,.counter-welcome-mode footer{display:none}
.counter-welcome-mode .test-banner{font-size:9px;line-height:1.3;padding:4px 10px;letter-spacing:0}
.counter-welcome-mode main{width:100%;max-width:none;min-height:0;margin:0;padding:0;display:grid}
.counter-cover{position:relative;isolation:isolate;display:grid;place-items:center;padding:clamp(16px,3vw,40px);cursor:pointer;background:radial-gradient(ellipse at 50% 45%,#fffdf7 0%,#f3efdf 100%)}
.counter-cover-copy{z-index:1;text-align:center;max-width:1000px;width:100%}
.counter-cover-greeting{font-size:clamp(18px,3vw,28px);font-weight:650;letter-spacing:.06em}
.counter-cover #counter-title{font-size:clamp(42px,min(8vw,10svh),86px);line-height:1.3;margin:clamp(10px,2svh,22px) 0;letter-spacing:.02em}
.counter-cover-language{width:fit-content;max-width:100%;margin:0 auto;padding:clamp(12px,2svh,20px) clamp(16px,3vw,30px);border-radius:16px;background:#f6e4d3;border:2px solid #d3986f;color:#a44024;font-size:clamp(30px,min(6vw,8svh),64px);font-weight:800;line-height:1.4;letter-spacing:.01em}.counter-cover-language strong{font-weight:850}.counter-cover-note{font-size:clamp(16px,2.4vw,23px);font-weight:650;line-height:1.7;color:#354736;margin-top:clamp(12px,2svh,20px)}
.counter-cover-start{margin-top:clamp(16px,2.5svh,26px);min-height:64px;width:min(100%,620px);font-size:clamp(17px,2.5vw,24px);justify-content:space-between;padding:18px 26px;border-radius:14px;box-shadow:0 10px 24px #c7562f20}
.counter-cover-art{position:absolute;right:0;bottom:0;width:min(46vw,580px);opacity:.09;z-index:-1;pointer-events:none}
.counter-cover-art svg{width:100%;display:block}
.counter-menu-heading{padding:22px 0 18px}.counter-menu-heading .eyebrow{margin-bottom:8px}.counter-menu-heading h1{font-size:clamp(24px,3.5vw,36px)}.counter-menu-heading p{font-size:13px;color:var(--muted);margin-top:10px}.counter-mode .section-title{margin-top:26px}.counter-mode .stepper button{width:50px;height:52px;font-size:24px}.counter-mode .stepper output{min-width:28px}.counter-mode .menu-card h3{font-size:19px}.counter-mode #kiosk-send,.counter-mode #kiosk-reset{min-height:60px;font-size:18px}.demo-access{border:1px solid #c2c9b2}
@media(max-width:560px){.counter-cover{padding:20px}.counter-cover #counter-title{font-size:clamp(38px,10vw,52px)}.counter-cover-language{font-size:clamp(28px,8vw,40px);padding:12px 14px}.counter-cover-note{font-size:15px}.counter-cover-note br{display:none}.counter-cover-start{min-height:60px;padding:16px 20px}.counter-mode .menu-card h3{font-size:15px}.counter-mode .stepper button{width:44px}.counter-mode .menu-grid{grid-template-columns:1fr}.counter-mode .dish-art{max-height:190px;overflow:hidden}.counter-mode .dish-art svg{max-height:190px}.counter-mode .dish-content h3{min-height:0}.counter-mode .dish-bottom{flex-direction:row;align-items:center}.counter-mode .stepper{align-self:auto}}
@media(min-height:651px) and (max-height:850px) and (min-width:900px){.counter-cover-greeting{font-size:24px}.counter-cover #counter-title{font-size:clamp(52px,min(7vw,9svh),68px);margin:12px 0 18px}.counter-cover-language{font-size:clamp(44px,min(5vw,7svh),56px);padding:12px 22px}.counter-cover-note{font-size:18px;margin-top:12px}.counter-cover-start{margin-top:18px;min-height:60px;padding:14px 24px;font-size:20px}}
@media(max-height:650px){.counter-cover{padding:16px 24px}.counter-cover-greeting{font-size:18px}.counter-cover #counter-title{font-size:clamp(36px,min(6.4vw,8svh),52px);margin:8px 0 12px}.counter-cover-language{font-size:clamp(28px,min(4.5vw,6.8svh),44px);padding:10px 18px;line-height:1.35}.counter-cover-note{font-size:16px;line-height:1.6;margin-top:10px}.counter-cover-start{margin-top:14px;min-height:52px;padding:12px 20px;font-size:18px}}
@media(max-height:520px){.counter-cover{padding:12px 24px}.counter-cover-greeting{font-size:15px}.counter-cover #counter-title{font-size:clamp(28px,min(6vw,9svh),42px);margin:8px 0}.counter-cover-language{font-size:clamp(22px,min(4vw,7svh),30px);padding:8px 16px;line-height:1.3;border-radius:10px}.counter-cover-note{font-size:13px;line-height:1.5;margin-top:8px}.counter-cover-start{margin-top:10px;min-height:48px;padding:10px 20px;font-size:17px}}