:root,.t-dark{--bg:#161616;--surface:#1f1f1f;--surface2:#2a2a2a;--border:#383838;--ink:#f5f1e8;--muted:#aba59b;--faint:#6f6a64;--accent:#f7d81e;--accent-ink:#161616;--accent-soft:#f7d81e1f;--price:#f7d81e;--cta:#d8232a;--cta-ink:#fff8ec;--warn:#f7d81e;--warn-ink:#161616;--late:#d8232a;--late-ink:#fff8ec;--late-text:#ff6b6f;--done:#1f9d55;--done-ink:#fff;--series-1:#3987e5;--series-2:#d95926;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.t-light{--bg:#f4f4f3;--surface:#fcfcfb;--surface2:#e9e9e7;--border:#9b1c1f61;--ink:#3b1012;--muted:#7a4a3e;--faint:#b08f7a;--accent:#9b1c1f;--accent-ink:#fcfcfb;--accent-soft:#9b1c1f14;--price:#9b1c1f;--warn-ink:#3b1012;--late-text:#b3191f;--series-1:#2a78d6;--series-2:#eb6834;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font-family:Anuphan,system-ui,sans-serif}a{color:var(--accent)}h1,h2,h3{margin:0;font-family:Kanit,sans-serif}.display{letter-spacing:1px;font-family:Bebas Neue,Kanit,sans-serif;font-weight:400}.page{flex-direction:column;gap:16px;max-width:960px;margin:0 auto;padding:20px 16px 48px;display:flex}.card{border:2px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{border:2px solid var(--border);min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:0 18px;font:600 15px Kanit,sans-serif}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-accent{border-color:var(--accent);color:var(--accent)}.btn-cta{background:var(--cta);color:var(--cta-ink);border:none}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.field input,.field textarea,.field select{border:2px solid var(--border);background:var(--bg);min-height:44px;color:var(--ink);border-radius:12px;padding:8px 12px;font:15px Anuphan,sans-serif}.field textarea{min-height:80px;font-family:ui-monospace,monospace;font-size:13px}.tag{border-radius:999px;align-items:center;padding:2px 10px;font:600 12px Kanit,sans-serif;display:inline-flex}.tag-ok{background:var(--done);color:var(--done-ink)}.tag-bad{background:var(--late);color:var(--late-ink)}.tag-warn{background:var(--warn);color:var(--warn-ink)}.muted{color:var(--muted)}.mono{word-break:break-all;font-family:ui-monospace,monospace;font-size:12px}.log{background:var(--bg);border:2px solid var(--border);white-space:pre-wrap;border-radius:12px;max-height:220px;padding:10px 12px;font-family:ui-monospace,monospace;font-size:12px;overflow:auto}.screen{background:var(--bg);min-height:100dvh;color:var(--ink)}.center-screen{justify-content:center;align-items:center;padding:24px 16px;display:flex}.small{font-size:12px}.nowrap{white-space:nowrap;flex-wrap:nowrap}.grow{flex:auto;min-width:0}.center{text-align:center;align-items:center}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.error{color:var(--late-text);margin:0;font-size:14px}.late-text{color:var(--late-text)!important}.done-text{color:var(--done);font-weight:600}.warn-text{color:var(--muted);border-left:3px solid var(--warn);padding-left:8px}.label-strong{font:600 14px Kanit,sans-serif}.stack{flex-direction:column;gap:10px;display:flex}.stack-tight{flex-direction:column;gap:2px;min-width:0;display:flex}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (width<=520px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}}.screen input:not([type=checkbox]):not([type=radio]):not([type=file]),.screen select,.screen textarea{border:2px solid var(--border);background:var(--bg);min-height:42px;color:var(--ink);border-radius:12px;width:100%;min-width:0;padding:6px 12px;font:14px Anuphan,sans-serif}.screen input:focus-visible,.screen select:focus-visible,.screen textarea:focus-visible,.btn:focus-visible,.icon-btn:focus-visible,.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field textarea.text{resize:vertical;min-height:0;font:14px Anuphan,sans-serif}.check{align-items:center;gap:8px;font-size:14px;display:flex}.check input{accent-color:var(--accent);width:18px;height:18px;margin:0}.btn{white-space:nowrap;justify-content:center;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.btn-sm{min-height:38px;padding:0 14px;font-size:14px}.btn-xs{border-width:2px;min-height:30px;padding:0 12px;font-size:12px}.btn-dashed{color:var(--muted);border-style:dashed;min-height:38px;font-size:13px}.btn.late-text{border-color:var(--border)}.icon-btn{border:2px solid var(--border);width:32px;height:32px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;font-size:11px;display:inline-flex}.icon-btn:disabled{opacity:.3;cursor:default}.sw{appearance:none;background:var(--surface2);border:2px solid var(--border);cursor:pointer;border-radius:999px;flex:none;width:42px;height:24px;margin:0;position:relative}.sw:after{content:"";background:var(--muted);border-radius:999px;width:16px;height:16px;transition:left .15s;position:absolute;top:2px;left:2px}.sw:checked{background:var(--done);border-color:var(--done)}.sw:checked:after{background:#fff;left:20px}.sw:disabled{opacity:.45}.avatar{background:var(--accent);width:40px;height:40px;color:var(--accent-ink);border-radius:999px;flex:none;justify-content:center;align-items:center;font:600 17px Kanit,sans-serif;display:inline-flex}.avatar-lg{width:64px;height:64px;font-size:28px}.login{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:420px;display:flex}.login-logo{height:64px}.login-names{text-align:center;flex-direction:column;gap:14px;width:100%;display:flex}.login-names h1{font-size:44px}.name-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.name-btn{border:2px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;font:600 16px Kanit,sans-serif;display:flex}.name-btn:hover{border-color:var(--accent)}.login-pin{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.login-name{font:800 24px Kanit,sans-serif}.pinpad{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.pin-dots{gap:12px;display:flex}.pin-dot{border:2px solid var(--muted);border-radius:999px;width:16px;height:16px}.pin-dot.filled{background:var(--accent);border-color:var(--accent)}.pin-keys{grid-template-columns:repeat(3,72px);gap:12px;display:grid}.pin-key{border:2px solid var(--border);background:var(--surface);width:72px;height:72px;color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:999px;font:600 26px Kanit,sans-serif}.pin-key:active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pin-key:disabled{opacity:.5}.admin{flex-wrap:wrap;display:flex}.admin-side{border-right:2px solid var(--border);flex-direction:column;flex:220px;gap:22px;max-width:260px;padding:22px 16px;display:flex}.admin-logo{align-self:flex-start;height:36px;margin-left:8px}.admin-nav{flex-direction:column;gap:6px;display:flex}.nav-item{height:44px;color:var(--ink);border:2px solid #0000;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;font:400 15px Kanit,sans-serif;text-decoration:none;display:flex}.nav-item:hover{border-color:var(--border)}.nav-item.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.nav-item.disabled{color:var(--faint);cursor:default}.nav-item.disabled:hover{border-color:#0000}.nav-item small{white-space:nowrap;font-size:11px}.admin-main{flex:999 560px;min-width:0}.admin-page{flex-direction:column;gap:16px;padding:26px 28px 40px;display:flex}.admin-topbar{z-index:10;background:var(--bg);border-bottom:2px solid var(--border);align-items:center;gap:12px;width:100%;padding:10px 16px;display:flex;position:sticky;top:0}.admin-topbar-logo{height:28px}.admin-drawer{flex-direction:column;gap:14px;display:flex}@media (width<=800px){.admin{flex-flow:column}.admin-main{flex:auto;width:100%}.admin-page{padding:16px 16px 32px}.page-title{font-size:36px}.page-head>.row{width:100%}.page-head>.row .btn{flex:auto}.admin-page .chips{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.admin-page .chips .chip{flex:none}.two-col>*{flex-basis:100%}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.page-title{font-size:48px;line-height:.95}.two-col{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.two-col>*{flex:380px;min-width:0}.card h2{font-size:17px;font-weight:600}.card.empty{align-items:flex-start}.admin-split{flex-flow:wrap;align-items:flex-start;gap:18px}.admin-col-main{flex-direction:column;flex:3 460px;gap:14px;min-width:0;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--border);height:36px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:0 14px;font:13px Kanit,sans-serif}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.table-wrap{border:2px solid var(--border);background:var(--surface);border-radius:16px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:540px;font-size:14px}.data-table th{text-align:left;color:var(--muted);padding:10px 8px;font-size:12px;font-weight:400}.data-table th:first-child,.data-table td:first-child{padding-left:14px}.data-table td{border-top:2px solid var(--border);padding:8px}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover,.data-table tr.selected{background:var(--accent-soft)}.data-table .num{text-align:right}.price{color:var(--price);font:600 14px Kanit,sans-serif}.item-cell{align-items:center;gap:10px;min-width:0;display:flex}.thumb{object-fit:cover;border:2px solid var(--border);border-radius:10px;flex:none;width:44px;height:44px}.thumb-empty{background:var(--surface2);display:inline-block}.item-names{flex-direction:column;min-width:0;max-width:260px;display:flex}.item-name{font:600 14px Kanit,sans-serif}.star{color:var(--accent)}.pill{border:2px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px}.editor{border:2px solid var(--accent);background:var(--surface);border-radius:18px;flex-direction:column;flex:2 320px;gap:12px;min-width:0;max-height:calc(100dvh - 32px);padding:18px;display:flex;position:sticky;top:16px;overflow-y:auto}.editor>*,.dialog>*{flex-shrink:0}.editor-head,.dialog-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-head h2,.dialog-head h2{font:800 18px Kanit,sans-serif}.photo{border:2px solid var(--border);background:var(--surface2);border-radius:14px;justify-content:center;align-items:center;height:150px;display:flex;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%}.photo-actions{gap:6px;display:flex;position:absolute;bottom:10px;right:10px}.photo-actions .btn{background:var(--bg)}.focus-picker{flex-direction:column;gap:8px;display:flex}.focus-full{border:2px solid var(--border);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;align-self:center;max-width:100%;position:relative;overflow:hidden}.focus-full img{max-width:100%;max-height:260px;display:block}.focus-dot{pointer-events:none;border:3px solid #fff;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;box-shadow:0 0 0 2px #0000008c,inset 0 0 0 2px #00000059}.focus-previews{flex-wrap:wrap;gap:10px;display:flex}.focus-previews figure{flex-direction:column;gap:4px;margin:0;display:flex}.focus-card{aspect-ratio:4/3;object-fit:cover;border:2px solid var(--border);border-radius:10px;width:120px}.focus-banner{aspect-ratio:338/196;object-fit:cover;border:2px solid var(--border);border-radius:10px;width:170px}.linked-group{border:2px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.screen select.dashed-select{color:var(--muted);border-style:dashed;border-radius:999px;font-family:Kanit,sans-serif}.dialog{border:1px solid var(--border);background:var(--surface);width:min(480px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--ink);border-radius:18px;flex-direction:column;gap:14px;padding:18px;display:flex}.dialog:not([open]){display:none}.dialog-wide{width:min(860px,100vw - 32px)}.dialog::backdrop{background:#000c}.edit-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto auto auto;align-items:center;gap:8px;display:grid}@media (width<=640px){.edit-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.split-dialog{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.group-list{flex-direction:column;flex:220px;gap:6px;display:flex}.group-pick{border:2px solid var(--border);border-radius:12px;align-items:center;gap:4px;padding:4px 6px 4px 0;display:flex}.group-pick.active{border-color:var(--accent);background:var(--accent-soft)}.group-pick-name{min-width:0;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:6px 10px;font:600 14px Kanit,sans-serif;display:flex}.group-editor{flex:2 360px;min-width:0}.option-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 80px auto auto;align-items:center;gap:6px;display:grid}.option-head{padding:0 2px}.staff-row{border-top:2px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding-top:10px;display:flex}.staff-controls{align-items:center;gap:8px;margin-left:auto;display:flex}@media (width<=560px){.staff-controls{flex-basis:100%;padding-left:50px}}.icon-btn-spacer{flex:none;width:32px}.legend-break{flex-basis:100%}.screen input.inline-input:not([type=checkbox]):not([type=radio]):not([type=file]){background:0 0;border-color:#0000;min-height:30px;margin-left:-6px;padding:2px 6px;font:600 15px Kanit,sans-serif}.screen input.inline-input:not([type=checkbox]):hover,.screen input.inline-input:not([type=checkbox]):focus{border-color:var(--border)}.screen select.role-select{border-radius:999px;width:auto;min-width:104px;min-height:30px;padding:0 10px;font:600 12px Kanit,sans-serif}.screen select.role-owner{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.screen select.role-manager{color:var(--accent);border-color:var(--accent)}.role-legend{color:var(--muted);border-top:2px solid var(--border);flex-wrap:wrap;gap:4px 14px;padding-top:10px;display:flex}.role-legend b{color:var(--ink)}.table-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;display:grid}.table-tile{border:2px solid var(--border);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.table-tile:hover{border-color:var(--accent)}.table-tile.off{opacity:.45;border-style:dashed}.table-label{font-size:30px;line-height:1}.qr-card{border:2px dashed var(--border);border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.setting-row{border-top:2px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.qr-status{align-items:center;gap:12px;display:flex}.qr-img{background:#fff;border-radius:12px;width:260px;max-width:100%}.item-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.item-card{border:2px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:8px;padding:8px 10px;display:flex}.item-card-main{min-width:0;color:var(--ink);text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:0;display:flex}.item-card-main .thumb{width:56px;height:56px}.item-card-side{flex-direction:column;align-items:center;gap:4px;display:flex}@media (width<=800px){.editor{z-index:40;max-height:none;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border:none;border-radius:0;position:fixed;inset:0;overflow-y:auto}}.area-switcher{flex-direction:column;gap:8px;display:flex}.area-btn{border:2px solid var(--border);color:var(--ink);background:var(--surface);border-radius:14px;align-items:baseline;gap:8px;padding:12px 16px;text-decoration:none;display:flex}.area-btn.here{border-color:var(--accent);background:var(--accent-soft)}.area-btn.locked{opacity:.4;cursor:not-allowed}.area-th{font:600 16px Kanit,sans-serif}.area-en{color:var(--muted);font:400 13px Anuphan,sans-serif}.area-lock{color:var(--muted);margin-left:auto;font-size:11px}.menu-footer{border-top:2px solid var(--border);align-items:center;gap:10px;padding-top:12px;display:flex}.theme-btn{width:36px;height:36px;font-size:18px}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:Anuphan,sans-serif;text-decoration:underline}.admin-side .area-switcher{margin-top:auto}.admin-side .area-btn{padding:8px 12px}.admin-side .area-btn.here{display:none}.push-toggles{flex-direction:column;gap:8px;display:flex}.push-row{cursor:pointer}.qr-card-link{color:var(--ink);text-decoration:none}.qr-card-link:hover{border-color:var(--accent)}.station-on{border-color:var(--done)}.screen select.paper-select{border-radius:999px;width:auto;min-height:38px}.screen input.shift-input{text-align:center;width:64px;min-height:38px}.kpi-row{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.kpi{border:2px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;gap:2px;padding:14px;display:flex}.kpi-accent{border-color:var(--accent);background:var(--accent-soft)}.kpi-value{font:400 36px/1.05 Bebas Neue,Kanit,sans-serif}.kpi-accent .kpi-value{color:var(--price)}.chart{flex-direction:column;gap:6px;margin:0;display:flex}.chart-tip{color:var(--ink);min-height:18px;font-size:13px}.bars{border-bottom:1px solid var(--border);align-items:flex-end;gap:2px;display:flex}.bar-slot{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:stretch;min-width:0;height:100%;padding:0 1px;display:flex}.bar-slot.active{background:var(--accent-soft);border-radius:4px 4px 0 0}.bar{background:var(--series-1);border-radius:4px 4px 0 0;min-height:0;display:block}.bar-highlight{outline:2px solid var(--ink);outline-offset:1px}.stack{flex-direction:column;gap:2px;min-height:0;display:flex}.seg{min-height:2px;display:block}.stack .seg:first-child{border-radius:4px 4px 0 0}.s1{background:var(--series-1)}.s2{background:var(--series-2)}.bar-labels{gap:2px;display:flex}.bar-labels span{text-align:center;min-width:0;color:var(--muted);white-space:nowrap;flex:1 1 0;font-size:11px;overflow:visible}.legend{color:var(--muted);flex-wrap:wrap;gap:6px 16px;font-size:13px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-item b{color:var(--ink);font-weight:600}.swatch{border-radius:3px;width:12px;height:12px;display:inline-block}.share{flex-direction:column;gap:8px;display:flex}.share-bar{border-radius:7px;gap:2px;height:14px;display:flex;overflow:hidden}.share-bar .empty{background:var(--surface2)}.rank-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rank-list li{grid-template-columns:22px minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;gap:8px;font-size:14px;display:grid}.rank-no{color:var(--muted);font:600 13px Kanit,sans-serif}.rank-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rank-track{background:var(--surface2);border-radius:4px;height:8px;overflow:hidden}.rank-bar{background:var(--series-1);border-radius:4px;height:100%;display:block}.rank-text{color:var(--muted);white-space:nowrap;font-size:13px}.dash-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:16px;display:grid}.watch-row{border-top:2px solid var(--border);justify-content:space-between;gap:10px;padding-top:8px;display:flex}.event-row{border-top:2px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding-top:8px;font-size:13px;display:grid}.mode-pill{border:2px solid var(--accent);background:var(--accent-soft);height:34px;color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font:600 14px Kanit,sans-serif;display:inline-flex}.settings-btn{width:auto;min-width:38px;height:38px}.settings-btn.icon-btn{width:38px}.admin-side .mode-pill{align-self:flex-start;margin-left:8px}.admin-side-foot{margin-top:auto}.seg-sm{width:auto}.seg-sm .seg-btn{min-height:34px;padding:0 12px;font-size:13px}.close-shift-link{align-self:flex-start}.cat-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0;display:flex}.cat-row .cat-name{min-width:140px}.cat-row.editing{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;display:grid}@media (width<=640px){.cat-row.editing{grid-template-columns:1fr}}.qr-preview{background:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;width:96px;height:96px;padding:4px;display:flex}.qr-preview img{width:100%;height:100%;image-rendering:pixelated}.qr-preview.empty{border:2px dashed var(--border);text-align:center;background:0 0}.bills-admin{max-width:720px}.feedback-bars{flex-direction:column;gap:6px;display:flex}.feedback-bar-row{grid-template-columns:110px 1fr 32px;align-items:center;gap:10px;font-size:14px;display:grid}.feedback-bar-row b{text-align:right}.feedback-bar{background:var(--surface2);border-radius:999px;height:10px;overflow:hidden}.feedback-bar i{background:var(--accent);border-radius:999px;height:100%;display:block}.feedback-note{border-top:1px solid var(--border);overflow-wrap:anywhere;flex-direction:column;gap:2px;padding:10px 0;display:flex}.feedback-note-emoji{vertical-align:-2px;font-size:18px}.feedback-low{box-shadow:inset 3px 0 0 var(--late);padding-left:10px}.staff-app{--nav-h:64px;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}.staff-head{justify-content:space-between;align-items:center;gap:10px;max-width:960px;margin:0 auto;padding:12px 16px;display:flex}.staff-logo{height:30px}.staff-main{max-width:960px;margin:0 auto}.staff-page{flex-direction:column;gap:14px;padding:4px 16px 24px;display:flex}.staff-page.with-bar{padding-bottom:140px}.staff-page .page-title{font-size:40px}.section-title{font:600 16px Kanit,sans-serif}.strong{font-weight:600}.bottom-nav{z-index:20;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:2px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bn-item{color:var(--muted);justify-content:center;align-items:center;gap:6px;font:600 14px Kanit,sans-serif;text-decoration:none;display:flex;position:relative}.bn-item.active{color:var(--accent);box-shadow:inset 0 3px 0 var(--accent)}.bn-item.disabled{color:var(--faint);opacity:.6;flex-direction:column;gap:0}.bn-item small{font:400 10px Anuphan,sans-serif}.bn-badge{background:var(--late);min-width:22px;height:22px;color:var(--late-ink);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;display:inline-flex}.stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat{border:2px solid var(--border);border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.stat-num{font:400 30px/1 Bebas Neue,Kanit,sans-serif}.floor-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.floor-tile{border:2px dashed var(--border);min-height:96px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;padding:12px 14px;display:flex}.floor-tile.open{border:2px solid var(--accent);background:var(--accent-soft)}.floor-tile-top{justify-content:space-between;align-items:baseline;gap:6px;width:100%;display:flex}.floor-num{color:var(--faint);font-size:40px;line-height:.9}.floor-tile.open .floor-num{color:var(--accent)}.wait-tag{color:var(--muted);white-space:nowrap;border-radius:999px;font-size:12px}.wait-warn{background:var(--warn);color:var(--warn-ink);padding:2px 8px;font-weight:600}.wait-late{background:var(--late);color:var(--late-ink);padding:2px 8px;font-weight:600}.table-head{align-items:center;gap:12px;display:flex}.table-head .icon-btn{width:40px;height:40px;font-size:18px;text-decoration:none}.lines{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.line{border:2px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.line.served{opacity:.6}.line-main{align-items:flex-start;gap:10px;display:flex}.line-qty{min-width:28px;font:800 16px Kanit,sans-serif}.line-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.note,.note-strong{color:var(--late-text)}.note-strong{font-size:14px;font-weight:600}.struck{color:var(--muted);text-decoration:line-through}.pill-status{border:2px solid var(--border);white-space:nowrap;border-radius:999px;padding:2px 10px;font:600 12px Kanit,sans-serif}.pill-new{border-color:var(--ink);color:var(--ink)}.pill-cooking{border-color:var(--warn);background:var(--warn);color:var(--warn-ink)}.pill-done{border-color:var(--done);background:var(--done);color:var(--done-ink)}.pill-waiting{border-color:var(--late);background:var(--late);color:var(--late-ink)}.pill-served,.pill-cancelled{color:var(--faint)}.action-bar{left:0;right:0;bottom:calc(var(--nav-h,0px) + env(safe-area-inset-bottom));z-index:15;background:var(--bg);border-top:2px solid var(--border);flex-direction:column;gap:8px;max-width:960px;margin:0 auto;padding:10px 16px;display:flex;position:fixed}.action-bar .btn{min-height:48px}.total{font-size:18px}.stepper{border:2px solid var(--border);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:4px;display:inline-flex}.stepper-num{text-align:center;min-width:24px;font:600 16px Kanit,sans-serif}.chips-scroll{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.chips-scroll .chip{flex:none}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.menu-card{border:2px solid var(--border);background:var(--surface);color:var(--ink);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.menu-card.picked{border-color:var(--accent)}.menu-card-body{color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;flex-direction:column;padding:0;display:flex}.menu-card img,.menu-card-ph{aspect-ratio:4/3;object-fit:cover;background:var(--surface2);width:100%;display:block}.menu-card-text{flex-direction:column;gap:2px;padding:8px 10px 0;display:flex}.menu-card-foot{justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding:6px 8px 8px 10px;display:flex}.menu-card.sold-out{opacity:.45}.menu-card.sold-out .menu-card-body{cursor:not-allowed}.sold-out-tag{background:var(--late);color:var(--late-ink);border-radius:999px;padding:2px 10px;font:600 12px Kanit,sans-serif;position:absolute;top:8px;left:8px}.icon-btn-on{border-color:var(--accent);color:var(--accent);font-size:18px}.stepper-sm{gap:4px;padding:2px}.stepper-sm .icon-btn{width:30px;height:30px;font-size:16px}.sheet-photo{aspect-ratio:4/3;border:2px solid var(--border);background:#000;border-radius:14px;width:100%;max-width:73.3333vh;margin:0 auto;position:relative;overflow:hidden}.sheet-photo img{width:100%;height:100%;display:block;position:absolute;inset:0}.sheet-photo-fill{object-fit:cover;filter:blur(16px)brightness(.45);transform:scale(1.15)}.sheet-photo-main{object-fit:contain}.opt-group{border:2px solid var(--border);border-radius:14px;flex-direction:column;gap:2px;margin:0;padding:8px 12px 10px;display:flex}.opt-group.missing{border-color:var(--late)}.opt-group legend{padding:0 4px}.opt{cursor:pointer;align-items:center;gap:10px;min-height:40px;display:flex}.opt input{accent-color:var(--accent);width:20px;height:20px;margin:0}.opt.disabled{opacity:.45;cursor:not-allowed}.serve-card{gap:8px}.serve-card .label-strong{color:var(--ink);text-decoration:none}.serve-line{border-top:2px solid var(--border);gap:8px;padding-top:8px}.kitchen{flex-direction:column;gap:14px;padding:14px 16px 24px;display:flex}.kitchen-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sound-toggle{border:2px solid var(--border);height:38px;color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 6px 0 12px;display:inline-flex}.sound-toggle.on{color:var(--accent);border-color:var(--accent)}.kitchen-empty{text-align:center;padding:40px 0;font-size:18px}.tag-plain{border:2px solid var(--border);color:var(--ink)}.ticket-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start;gap:12px;display:grid}.ticket{border:2px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.ticket-late{border-color:var(--late)}.ticket-head{justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.ticket-late .ticket-head{background:var(--late);color:var(--late-ink)}.ticket-table{font:800 20px Kanit,sans-serif}.ticket-mins{background:var(--surface2);color:var(--muted);border-radius:999px;padding:2px 10px;font:600 13px Kanit,sans-serif}.ticket-warn .ticket-mins{background:var(--warn);color:var(--warn-ink)}.ticket-late .ticket-mins{background:var(--late-ink);color:var(--late)}.ticket-lines{flex-direction:column;gap:8px;margin:0;padding:4px 14px 10px;list-style:none;display:flex}.ticket-lines li{align-items:center;gap:8px;display:flex}.line-btn{border:2px solid var(--accent);min-width:64px;min-height:44px;color:var(--accent);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:999px;flex:none;font:600 14px Kanit,sans-serif}.line-btn-done{border-color:var(--done);background:var(--done);color:var(--done-ink)}.ticket-pad{height:6px}.ticket-lines li.cooking .ticket-item{-webkit-text-decoration:underline wavy var(--warn);text-decoration:underline wavy var(--warn)}.ticket-item{font:600 17px Kanit,sans-serif}.ticket>.btn{min-height:52px;margin:0 14px 14px;font-size:17px}.call-card{border-color:var(--late)}.join-code{letter-spacing:3px;color:var(--accent);font:600 16px Kanit,sans-serif}.disabled-link{opacity:.45;pointer-events:none}.amount-card{border:2px solid var(--accent);background:var(--accent-soft);border-radius:18px;flex-direction:column;gap:4px;padding:16px;display:flex}.amount-big{color:var(--price);font:400 56px/1 Bebas Neue,Kanit,sans-serif}.split-row{border:2px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.split-row.disabled{opacity:.6;cursor:default}.parts{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.part{border:2px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.part.current{border-color:var(--accent)}.part.paid{opacity:.55}.pay-box{border:2px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;gap:12px;padding:14px;display:flex}.seg{background:var(--bg);border:2px solid var(--border);border-radius:999px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.seg-btn{min-height:40px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:999px;font:600 15px Kanit,sans-serif}.seg-btn.active{background:var(--accent);color:var(--accent-ink)}.qr-paper{color:#3b1012;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:14px;display:flex}.qr-paper-logo{height:28px}.qr-paper-amount{font:600 22px Kanit,sans-serif}.change-box{border:2px solid var(--done);text-align:center;border-radius:14px;padding:10px 14px;font-size:18px}.change-box b{color:var(--done);font:600 24px Kanit,sans-serif}.paid-banner{border:2px solid var(--done);border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex}.paid-check{background:var(--done);width:44px;height:44px;color:var(--done-ink);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:24px;display:flex}.paper{color:#111;background:#fff;border-radius:6px;flex-direction:column;gap:3px;width:100%;max-width:380px;margin:0 auto;padding:16px 14px;font:14px Anuphan,sans-serif;display:flex;box-shadow:0 2px 10px #00000040}.paper hr{border:none;border-top:1px dashed #999;width:100%;margin:6px 0}.paper-logo{align-self:center;height:40px;margin-bottom:4px}.paper-shop{text-align:center;font:800 20px Kanit,sans-serif}.paper-copy{text-align:center;border:1px solid #111;padding:2px;font:600 14px Kanit,sans-serif}.paper-title{text-align:center;font:600 16px Kanit,sans-serif}.paper-center{text-align:center}.paper-right{text-align:right}.paper-row{justify-content:space-between;gap:10px;display:flex}.paper-detail{color:#555;padding-left:18px;font-size:12px}.paper-total{font:600 18px Kanit,sans-serif}.paper-qr{align-self:center;width:180px}.screen input.date-input{border-radius:999px;width:auto;min-height:38px}.bill-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bill-row{border:2px solid var(--border);background:var(--surface);border-radius:14px;overflow:hidden}.bill-row.void .bill-no,.bill-row.void .price{opacity:.7;text-decoration:line-through}.bill-row-head{width:100%;color:var(--ink);text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;display:flex}.bill-no{color:var(--accent);font:600 15px Kanit,sans-serif}.bill-detail{border-top:2px solid var(--border);background:var(--surface2);flex-direction:column;gap:10px;padding:12px;display:flex}.open-shift{border-color:var(--accent)}.amount-mid{color:var(--price);font:400 32px Bebas Neue,Kanit,sans-serif}.diff-off{border-color:var(--late)}.diff-off b{color:var(--late-text)}.customer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.customer-head{z-index:10;background:var(--bg);border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex;position:sticky;top:0}.customer-head-logo{height:26px}.table-chip{background:var(--accent);height:32px;color:var(--accent-ink);white-space:nowrap;border-radius:999px;align-items:center;padding:0 12px;font:600 14px Kanit,sans-serif;display:inline-flex}.lang-btn{min-width:56px}.customer-main{flex-direction:column;gap:14px;max-width:720px;margin:0 auto;padding:0 16px 24px;display:flex}.customer-hero-logo{height:96px;margin:28px auto;display:block}.customer-tabs{gap:8px;display:flex}.customer-tabs .chip{flex:1;height:42px;font-size:15px}.customer-cart-bar{z-index:15;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--bg) 40%);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.cart-capsule{width:100%;max-width:520px;min-height:54px;font-size:17px;box-shadow:0 6px 20px #00000059}.customer-gate{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:380px;display:flex}.customer-gate .customer-hero-logo{margin:0 auto 8px}.gate-title{font:800 22px Kanit,sans-serif}.join-form{width:100%}.screen input.join-input{text-align:center;letter-spacing:8px;width:180px;min-height:56px;font:600 28px Kanit,sans-serif}.pill-c-new{border-color:var(--ink);color:var(--ink)}.pill-c-cooking{border-color:var(--warn);background:var(--warn);color:var(--warn-ink)}.pill-c-done{border-color:var(--done);background:var(--done);color:var(--done-ink)}.pill-c-served,.pill-c-cancelled{color:var(--faint)}.qr-print{color:#3b1012;background:#fff;min-height:100vh;font-family:Anuphan,sans-serif}.qr-print-bar{background:#f4f4f3;border-bottom:2px solid #e2e2df;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.qr-print .btn{color:#3b1012;border-color:#c9b98f}.qr-print .btn-cta{color:#fff8ec}.qr-sheet{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:16px;display:grid}.qr-tent{text-align:center;break-inside:avoid;border:2px dashed #d8c99f;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:18px 14px;display:flex}.qr-tent-logo{height:44px}.qr-tent-table{color:#9b1c1f;font:400 44px/1 Bebas Neue,Kanit,sans-serif}.qr-tent-code{width:100%;max-width:220px;image-rendering:pixelated}.qr-tent-cta{font:600 16px Kanit,sans-serif}.qr-tent-hint{color:#7a4a3e;font-size:11px}@media print{@page{size:A4;margin:10mm}.no-print{display:none!important}.qr-sheet{grid-template-columns:repeat(2,1fr);gap:8mm;padding:0}.qr-tent{justify-content:center;height:130mm}}.shop-footer{padding:40px 8px calc(24px + env(safe-area-inset-bottom));border-top:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:22px;margin-top:140px;display:flex}.shop-footer-logo{opacity:.9;height:44px}.shop-footer-block{flex-direction:column;align-items:center;gap:6px;width:100%;max-width:360px;display:flex}.shop-footer-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font:600 12px Kanit,sans-serif}.shop-footer-hours{color:var(--accent);font-size:36px;line-height:1}.shop-contacts{width:100%;margin:4px 0 0;padding:0;list-style:none}.shop-contacts li+li{border-top:1px solid var(--border)}.shop-contacts li>a,.shop-contacts li>span{color:var(--ink);text-align:left;align-items:center;gap:14px;padding:12px 2px;text-decoration:none;display:flex}.shop-contact-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.shop-contact-text{overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.4}.shop-contact-action{color:var(--accent);flex:none;font:600 13px Kanit,sans-serif}.shop-footer-legal{max-width:320px;margin:6px 0 0;line-height:1.5}.rank{text-align:center;flex-direction:column;align-items:center;margin-top:88px;display:flex}.rank-kicker{letter-spacing:1.5px;color:var(--muted);font:600 12px Kanit,sans-serif}.rank-title{color:var(--accent);margin:4px 0 2px;font-size:48px;line-height:1}.rank-tagline{color:var(--muted);font-size:13px}.rank-podium{border-bottom:1px solid var(--border);justify-content:center;align-items:flex-end;gap:8px;width:100%;max-width:400px;margin-top:26px;display:flex}.rank-col{flex-direction:column;flex:0 33.3%;align-items:center;min-width:0;display:flex}.rank-crown{width:30px;height:30px;color:var(--accent);margin-bottom:2px}.rank-name{overflow-wrap:anywhere;font:600 17px/1.2 Kanit,sans-serif}.rank-1 .rank-name{font-size:20px}.rank-mine .rank-name{color:var(--accent)}.rank-status{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 5px;font-size:11px;display:inline-flex}.rank-dot{background:#8a8580;border-radius:50%;flex:none;width:8px;height:8px}.rank-dot-here{background:#22c55e;box-shadow:0 0 0 3px #22c55e38}.rank-gone .rank-name{opacity:.6}.rank-count{color:var(--muted);margin:2px 0 8px;font-size:13px}.rank-count b{color:var(--ink);margin-right:3px;font-size:26px;font-weight:400}.rank-1 .rank-count b{color:var(--accent);font-size:34px}.rank-bar{background:var(--surface2);border:1px solid var(--border);transform-origin:bottom;border-bottom:none;border-radius:14px 14px 0 0;justify-content:center;width:100%;padding-top:10px;animation:.7s cubic-bezier(.34,1.56,.64,1) both rank-rise;display:flex}.rank-bar span{font-size:46px;line-height:1}.rank-1 .rank-bar{background:var(--accent);border-color:var(--accent);height:175px;color:var(--accent-ink);animation-delay:.25s}.rank-1 .rank-bar span{font-size:60px}.rank-2 .rank-bar{height:130px;color:var(--muted)}.rank-3 .rank-bar{color:#b5763c;height:95px;animation-delay:.1s}.rank-note{background:var(--accent-soft);text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:400px;margin-top:16px;padding:12px 14px;font-size:14px;display:flex}.rank-note b{color:var(--accent);white-space:nowrap;font:500 13px Kanit,sans-serif}@keyframes rank-rise{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.rank-bar{animation:none}}.table-closed{z-index:50;padding:24px 20px calc(24px + env(safe-area-inset-bottom));color:#fff8ec;background:#0b0b0b;animation:.4s ease-out table-closed-in;display:flex;position:fixed;inset:0;overflow-y:auto}.table-closed-inner{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:380px;margin:auto;display:flex}.feedback{flex-direction:column;gap:12px;width:100%;margin-top:18px;display:flex}.feedback-ask{margin:0;font:600 18px Kanit,sans-serif}.feedback-scale{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.feedback-pick{color:#d9d2c4;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 0;transition:transform .15s,opacity .15s,background .15s;display:flex}.feedback-emoji{font-size:34px;line-height:1}.feedback-label{white-space:nowrap;font:500 12px Kanit,sans-serif}.feedback-pick.dim{opacity:.4}.feedback-pick.on{color:#f7d81e;background:#f7d81e24;transform:scale(1.12)}.feedback-comment{box-sizing:border-box;color:#fff8ec;resize:none;background:#161616;border:1px solid #383838;border-radius:14px;width:100%;padding:12px 14px;font:15px Anuphan,sans-serif}.feedback-error{color:#ff6b6f;margin:0;font-size:14px}.feedback-send{width:100%}.feedback-done{align-items:center}.feedback-ig{color:#fff8ec;border-color:#fff8ec;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.table-closed-logo{width:140px}.table-closed-title{color:#e3262d;margin:6px 0 0;font-size:64px;line-height:1}.table-closed-sub{max-width:300px;margin:0;font-size:18px;line-height:1.5}@keyframes table-closed-in{0%{opacity:0}to{opacity:1}}.customer-view{flex-direction:column;gap:18px;min-height:62vh;display:flex}.empty-board{border:2px dashed var(--border);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:200px;padding:24px;display:flex}.empty-board-title{color:var(--muted);font:600 18px Kanit,sans-serif}.cart-line{justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.cart-line+.cart-line{border-top:1px solid var(--border)}.cart-line-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cart-line-name{overflow-wrap:anywhere;font:600 16px/1.3 Kanit,sans-serif}.cart-line-sub{color:var(--muted);overflow-wrap:anywhere;font-size:14px}.cart-line-edit{color:var(--accent);align-self:flex-start;margin-top:2px;padding:4px 0;font:600 14px Kanit,sans-serif;text-decoration:none}.cart-line-side{flex-direction:column;flex:none;align-items:flex-end;gap:8px;display:flex}.cart-line-side .price{font-size:15px}.cart-line-side .stepper{border-width:1px;gap:6px;padding:2px}.cart-line-side .stepper .icon-btn{border-width:1px;width:28px;height:28px;font-size:15px;position:relative}.cart-line-side .stepper .icon-btn:after{content:"";position:absolute;inset:-6px}.cart-line-side .stepper-num{min-width:18px;font-size:15px}.dialog-link{color:var(--accent);padding:6px 0;font:600 15px Kanit,sans-serif;text-decoration:none}.swipe{flex-direction:column;gap:8px;margin:0 -16px;display:flex}.swipe-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:10px;padding:6px 16px 10px;scroll-padding-left:16px;display:flex;overflow-x:auto}.swipe-track::-webkit-scrollbar{display:none}.swipe-track>*{scroll-snap-align:start;flex:none}.carousel-dots{justify-content:center;gap:6px;display:flex}.carousel-dots .dot{background:var(--border);cursor:pointer;border:none;border-radius:99px;width:6px;height:6px;padding:0}.carousel-dots .dot.active{background:var(--accent);width:18px}.promo-banner{aspect-ratio:338/196;border:2px solid var(--border);background:var(--surface2);color:#fff8ec;text-align:left;width:min(338px,100vw - 48px);font:inherit;cursor:pointer;border-radius:16px;margin:0;padding:0;position:relative;overflow:hidden}.promo-banner img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.promo-banner:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#00000026 45%,#000000c7 100%);position:absolute;inset:0}.promo-banner.no-photo{background:linear-gradient(135deg,#d8232a,#7a1216)}.promo-banner.no-photo:after{background:0 0}.promo-tag{z-index:1;background:var(--cta);color:var(--cta-ink);border-radius:999px;padding:2px 12px;font-size:16px;position:absolute;top:12px;left:12px}.promo-banner.no-photo .promo-tag{color:#161616;background:#f7d81e}.promo-banner-foot{z-index:1;justify-content:space-between;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.promo-banner-foot b{font:800 22px/1.15 Kanit,sans-serif}.promo-banner-foot s{opacity:.8}.promo-price-pill{color:#161616;background:#f7d81e;border-radius:999px;flex:none;padding:6px 12px;font-size:26px;line-height:1}.shoutout-section{flex-direction:column;gap:6px;padding-top:8px;display:flex}.shoutout-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.shoutout-heading{color:var(--accent);white-space:nowrap;margin:0;font:800 clamp(20px,6vw,26px)/1.2 Kanit,sans-serif}.shoutout-pill{color:#fff8ec;white-space:nowrap;border:2px solid #fff8ec;border-radius:999px;flex:none;align-items:center;height:34px;padding:0 12px;font:600 13px Kanit,sans-serif;text-decoration:none;display:inline-flex}.shoutout-pill:active{background:#fff8ec26}.t-light .shoutout-pill{border-color:var(--ink);color:var(--ink)}.shoutout-card{aspect-ratio:300/380;color:#fff8ec;clip-path:inset(0 round 22px);backface-visibility:hidden;background:#0b0b0b;border:none;border-radius:22px;width:min(300px,100vw - 72px);text-decoration:none;display:block;position:relative}.shoutout-swipe .swipe-track{gap:22px;padding-top:14px;padding-bottom:34px}.shoutout-swipe .slide{--float:drop-shadow(0 14px 16px #0000008c);filter:var(--float) brightness(.4);transition:filter .45s}.shoutout-swipe .slide.current{filter:var(--float) brightness(1)}.t-light .shoutout-swipe .slide{--float:drop-shadow(0 12px 14px #3b101247)}.shoutout-swipe .slide[data-tilt="0"] .shoutout-card:not(.shoutout-empty){transform:rotate(-1.5deg)}.shoutout-swipe .slide[data-tilt="1"] .shoutout-card:not(.shoutout-empty){transform:rotate(1.5deg)}.shoutout-card img{object-fit:cover;object-position:center 20%;width:calc(100% + 2px);height:calc(100% + 2px);display:block;position:absolute;inset:-1px}.shoutout-new{color:#161616;background:#f7d81e;border-radius:999px;padding:3px 10px;font:800 12px Kanit,sans-serif;position:absolute;top:16px;left:14px}.shoutout-card-text{text-align:center;background:linear-gradient(#0000 0%,#0000008c 45%,#000000e0 100%);flex-direction:column;align-items:center;gap:12px;padding:70px 14px 16px;display:flex;position:absolute;bottom:-1px;left:-1px;right:-1px}.shoutout-message{overflow-wrap:anywhere;font:600 19px/1.3 Kanit,sans-serif}.shoutout-ig-row{justify-content:center;align-items:center;gap:8px;max-width:100%;display:flex}.ig-logo{color:#f7d81e;flex:none}.shoutout-handle{text-overflow:ellipsis;white-space:nowrap;color:#f7d81e;min-width:0;font:600 15px Kanit,sans-serif;overflow:hidden}.shoutout-follow{color:#161616;background:#fff8ec;border-radius:999px;flex:none;align-items:center;height:28px;padding:0 12px;font:600 13px Kanit,sans-serif;display:inline-flex}.shoutout-card.shoutout-empty{aspect-ratio:auto;background:var(--surface);width:min(220px,100vw - 120px);height:100%;min-height:300px;color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.shoutout-swipe .slide{display:flex}.shoutout-empty>:not(.shoutout-silhouette){position:relative}.shoutout-silhouette{width:78%;color:var(--ink);opacity:.08;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shoutout-empty-title{color:var(--accent);white-space:pre-line;font:800 30px/1.1 Kanit,sans-serif}@media (prefers-reduced-motion:reduce){.shoutout-swipe .shoutout-card{transform:none!important}}.shoutout-main{gap:12px;padding-top:16px}.shoutout-title{text-align:center;color:var(--accent);margin:0;font-size:44px}.shoutout-photo{border:2px dashed var(--border);background:var(--surface);cursor:pointer;border-radius:18px;justify-content:center;align-items:center;min-height:220px;padding:16px;display:flex;position:relative;overflow:hidden}.shoutout-photo.has-photo{border-style:solid;padding:0}.shoutout-photo img{object-fit:contain;width:100%;max-height:420px;display:block}.shoutout-photo-change{position:absolute;bottom:10px;right:10px}.ig-input{align-items:center;gap:6px;display:flex}.ig-input>span{color:var(--muted);font:600 18px Kanit,sans-serif}.ig-input input{flex:1;min-width:0}.nights-pick{border:none;margin:0;padding:0}.night-card{cursor:pointer;border:2px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;gap:2px;padding:14px;display:flex;position:relative}.night-card.active{border-color:var(--accent);background:var(--accent-soft)}.night-badge{background:var(--cta);color:var(--cta-ink);border-radius:999px;padding:1px 8px;font:600 12px Kanit,sans-serif;position:absolute;top:-10px;right:10px}.consent{align-items:flex-start;gap:10px}.consent input{flex:none;width:22px;height:22px;margin-top:2px}.consent span{white-space:normal;flex:1;min-width:0}.shoutout-summary{background:var(--surface);border-radius:16px;align-items:center;gap:12px;padding:10px;display:flex}.shoutout-summary img{object-fit:cover;border-radius:10px;flex:none;width:64px;height:80px}.shoutout-pay{text-align:center;align-items:stretch}.shoutout-qr{background:#fff;border-radius:12px;width:100%;max-width:300px;margin:0 auto}.btn.disabled{opacity:.45;pointer-events:none}.spinner{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;margin:0 auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.shoutout-review-img{object-fit:contain;background:var(--surface2);border-radius:12px;width:100%;max-height:42vh}.shoutout-ig{overflow-wrap:anywhere;font-size:20px}.shoutout-thumb{object-fit:cover;border-radius:8px;flex:none;width:48px;height:60px}.slip-img{object-fit:contain;background:#fff;border-radius:10px;width:100%;max-height:420px;display:block}.slip-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.slip-card .slip-img{max-height:280px}.bottom-nav.bn-5{grid-template-columns:repeat(5,1fr)}.bottom-nav.bn-5 .bn-item{font-size:13px}.promo-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0;display:flex}.promo-thumb{aspect-ratio:16/9;object-fit:cover;background:var(--surface2);border-radius:8px;flex:none;width:96px}.promo-pick{aspect-ratio:16/9;border:2px dashed var(--border);background:var(--surface2);cursor:pointer;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.promo-pick img{object-fit:cover;width:100%;height:100%}.pair-code{background:var(--accent-soft);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:14px;display:flex}.pair-code b{color:var(--accent);letter-spacing:4px;font-size:48px}.display-pair .pair-input{letter-spacing:4px;width:240px}.display-screen{color:#fff8ec;background:#0b0b0b;font-family:Kanit,sans-serif;position:fixed;inset:0;overflow:hidden}.display-screen.no-cursor{cursor:none}.display-idle{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.display-idle img{width:38vw;max-width:640px}.display-slide{margin:0;animation:.6s ease-out display-in;position:absolute;inset:0}@keyframes display-in{0%{opacity:0}to{opacity:1}}.display-shoutout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:4vw;padding:5vh 5vw;display:grid}.display-shoutout-photo{object-fit:cover;border-radius:3vh;width:100%;height:88vh;box-shadow:0 3vh 6vh #0009}.display-shoutout-text{flex-direction:column;gap:1.6vh;min-width:0;padding-bottom:18vh;display:flex}.display-tag{color:#0b0b0b;background:#f7d81e;border-radius:99px;align-self:flex-start;padding:0 2.2vh;font-size:11vh;line-height:1.1}.display-sub{color:#d9d2c4;font-size:4vh}.display-handle{color:#f7d81e;overflow-wrap:anywhere;font-size:10vh;line-height:1.05}.display-message{font-size:5vh;line-height:1.25}.display-follow{color:#ff6b6f;font-size:4vh}.display-promo{background:radial-gradient(circle at 30% 40%,#3a0d10,#0b0b0b 70%);align-items:center;gap:4vw;padding:5vh 5vw;display:flex}.display-promo-photo{object-fit:cover;border-radius:3vh;flex:none;width:min(46vw,82vh);height:min(46vw,82vh);box-shadow:0 3vh 6vh #0009}.display-promo-text{flex-direction:column;gap:2vh;min-width:0;padding-bottom:18vh;display:flex}.display-promo .display-tag{color:#fff8ec;background:#d8232a}.display-promo-name{overflow-wrap:anywhere;font-size:9vh;line-height:1.1}.display-promo-price{color:#f7d81e;font-size:11vh;font-weight:700;line-height:1}.display-promo-price s{color:#d9d2c4;margin-left:2vh;font-size:5vh;font-weight:400}.display-qr{background:#0b0b0be0;border-radius:2.5vh;align-items:center;gap:2vh;max-width:46vw;padding:2vh;font-size:2.6vh;line-height:1.35;display:flex;position:absolute;bottom:3vh;right:3vh}.display-qr img{background:#fff;border-radius:1vh;width:17vh;height:17vh}.display-qr-price{color:#f7d81e;font-size:3.4vh}.display-offline{background:#d8232a;border-radius:99px;padding:.6vh 1.6vh;font-size:2.2vh;position:absolute;top:2vh;left:2vh}.display-fs{position:absolute;top:2vh;right:2vh}@media (aspect-ratio<=1){.display-shoutout{grid-template-rows:1fr auto;grid-template-columns:1fr}.display-shoutout-photo{height:52vh}.display-shoutout-text{padding-bottom:22vh}}.promo-price{color:var(--late-text)}.was-price{color:var(--muted);font-size:.8em;font-weight:400}.pill-promo{border-color:var(--cta);color:var(--late-text)}.pill-staff,.pill-promo{vertical-align:middle;border-width:1px;margin:2px 0 2px 4px;padding:0 6px;font-size:10px;line-height:16px;display:inline-block}.last-order-note{background:var(--accent-soft);border:1px solid var(--accent);border-radius:12px;margin:0;padding:8px 12px}.stock-moves{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.stock-moves li{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;display:flex}.save-toast{z-index:60;background:var(--done);color:var(--done-ink);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 18px;font:600 15px Kanit,sans-serif;position:fixed;bottom:24px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 6px 18px #00000059}.rec-badge{z-index:1;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:2px 9px;font:600 12px Kanit,sans-serif;position:absolute;top:8px;left:8px;box-shadow:0 2px 6px #0000004d}@keyframes boing-in{0%{opacity:0;transform:scale(.3)}55%{opacity:1;transform:scale(1.15)}75%{transform:scale(.93)}90%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes boing-pulse{0%,82%,to{transform:scale(1)}88%{transform:scale(1.1)rotate(-2deg)}94%{transform:scale(.97)rotate(1deg)}}.display-slide .display-tag{transform-origin:0;animation:.7s cubic-bezier(.3,1.4,.5,1) .15s both boing-in,3.2s ease-in-out 1.2s infinite boing-pulse}.display-promo-price,.display-handle{transform-origin:0;align-self:flex-start;animation:.75s cubic-bezier(.3,1.4,.5,1) .35s both boing-in,3.2s ease-in-out 2.4s infinite boing-pulse;display:inline-block}.display-qr-price{animation:2.6s ease-in-out infinite boing-pulse;display:inline-block}@media (prefers-reduced-motion:reduce){.display-slide .display-tag,.display-promo-price,.display-handle,.display-qr-price{animation:none}}.display-rank{--accent:#f7d81e;--accent-ink:#0b0b0b;--accent-soft:#f7d81e1f;--ink:#fff8ec;--muted:#aba59b;--surface2:#1f1f1f;--border:#383838;background:radial-gradient(circle at 50% 30%,#2b2508,#0b0b0b 65%);justify-content:center;align-items:center;padding:5vh 5vw 0;display:flex}.display-rank.with-qr{padding-right:calc(5vw + 40vh)}.rank-big{width:100%;margin:0}.rank-big .rank-kicker{letter-spacing:.4vh;font-size:2.6vh}.rank-big .rank-title{margin:.5vh 0 0;font-size:12vh}.rank-big .rank-tagline{font-size:2.6vh}.rank-big .rank-podium{gap:2vh;max-width:min(60vw,105vh);margin-top:3vh}.rank-big .rank-crown{width:6vh;height:6vh}.rank-big .rank-name{font-size:4vh}.rank-big .rank-1 .rank-name{font-size:5vh}.rank-big .rank-status{gap:1vh;font-size:2.4vh}.rank-big .rank-dot{width:1.6vh;height:1.6vh}.rank-big .rank-count{margin:.5vh 0 1.5vh;font-size:3vh}.rank-big .rank-count b{margin-right:1vh;font-size:6vh}.rank-big .rank-1 .rank-count b{font-size:8.5vh}.rank-big .rank-bar{border-radius:2.5vh 2.5vh 0 0;padding-top:2vh}.rank-big .rank-bar span{font-size:11vh}.rank-big .rank-1 .rank-bar{height:30vh}.rank-big .rank-1 .rank-bar span{font-size:15vh}.rank-big .rank-2 .rank-bar{height:22vh}.rank-big .rank-3 .rank-bar{height:16vh}