:root{--cq-color-accent: #f23e5c;--cq-color-navy: #20242e;--cq-color-navy-soft: #2a2d3a;--cq-color-success: #21a35b;--cq-color-bg: #f0eee8;--cq-color-surface: #f8f8fa;--cq-color-surface-alt: #f5f6f8;--cq-color-border: #ecedf0;--cq-color-text: #20242e;--cq-color-text-secondary: #6b6f79;--cq-color-text-muted: #9da1ac;--cq-color-text-faint: #c7cbd0;--cq-font-sans: "Plus Jakarta Sans", system-ui, sans-serif;--cq-radius-sm: 9px;--cq-radius-md: 13px;--cq-radius-lg: 18px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root,.cq-full-height{height:100vh}body{background:var(--cq-color-bg);font-family:var(--cq-font-sans);color:var(--cq-color-text)}.ms{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased}:root{--coral: #dc2d49;--ink: #20242e;--sheet: #f6f6f8;--line: #e9eaee;--text2: #5f6470;--muted: #8a8f9b;--chip: #eeeff3;--ok: #1e8e55;--ok-soft: #e7f6ee;--amber: #8a5d00;--amber-soft: #fcf1d4;--blue: #2d64c8;--blue-soft: #eaf0fb;--pink: #ffd6dd}.gate{height:100%;position:relative;overflow:hidden;background:var(--coral)}.gate-word{position:absolute;left:-10px;top:20px;font-size:clamp(90px,15.6vw,200px);font-weight:800;letter-spacing:-.055em;line-height:.86;color:#fff;-webkit-user-select:none;user-select:none}.gate-word span{color:var(--ink)}.gate-side{position:absolute;left:48px;bottom:44px;color:#fff}.gate-side b{display:block;font-size:34px;font-weight:800;letter-spacing:-.7px}.gate-side small{display:block;font-size:17px;font-weight:700;margin-top:4px}.gate-start{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;height:auto}.gate-start.dark{background:var(--ink)}.gate-start.dark .gate-word span{color:var(--coral)}.gate-start .gate-side{display:flex;flex-direction:column;right:24px;max-width:360px}.gate-start .gate-side small{order:-1;margin:0 0 4px;font-size:13px;font-weight:800;color:var(--pink)}.gate-start.dark .gate-side small{color:#fff9}.gate-run{margin-top:18px;height:6px;border-radius:3px;background:#ffffff40;overflow:hidden}.gate-run i{display:block;width:40%;height:100%;border-radius:3px;background:#fff;animation:gate-run 1.5s cubic-bezier(.45,0,.55,1) infinite}.gate-ghost{position:absolute;right:56px;top:50%;transform:translateY(-50%);width:470px;padding:32px;border-radius:30px;background:#ffffff1a;border:1.5px solid rgba(255,255,255,.18);display:flex;flex-direction:column;gap:18px}.gate-ghost>*{display:block;border-radius:8px;background:#ffffff38;animation:gate-breathe 1.8s ease-in-out infinite}.gate-ghost i{width:60px;height:60px;border-radius:18px}.gate-ghost b{height:16px}.gate-ghost b:nth-of-type(2){animation-delay:.2s}.gate-ghost b:nth-of-type(3){animation-delay:.4s}.gate-ghost em{height:56px;border-radius:16px;background:#ffffff29;animation-delay:.2s}@keyframes gate-run{0%{transform:translate(-110%)}to{transform:translate(270%)}}@keyframes gate-breathe{0%,to{opacity:.55}50%{opacity:1}}@media(max-width:899px){.gate-ghost{display:none}.gate-start .gate-side{left:24px;bottom:56px;max-width:none}.gate-start .gate-side b{font-size:26px}.gate-start .gate-word{display:block;font-size:104px;left:-4px;top:28px}}@media(prefers-reduced-motion:reduce){.gate-run i,.gate-ghost>*{animation:none}.gate-card{transition:none!important}}html:has(.gate),html:has(.gate) body{background:var(--coral)}html:has(.gate-start.dark),html:has(.gate-start.dark) body{background:var(--ink)}.gate-card{position:absolute;right:56px;top:50%;transform:translateY(-50%);width:min(470px,calc(100% - 32px));background:#fff;border-radius:30px;padding:32px;box-shadow:0 40px 90px #b81f39;display:flex;flex-direction:column;gap:20px;color:var(--ink)}.gate-card h1{font-size:26px;font-weight:800;letter-spacing:-.6px;line-height:1.15}.gate-card p{font-size:14.5px;font-weight:500;color:var(--text2);margin-top:7px;line-height:1.5}.gate-badge{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center}.gate-primary{border:none;cursor:pointer;font-family:inherit;min-height:56px;border-radius:16px;background:var(--ink);color:#fff;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.gate-primary:disabled{opacity:.6}.gate-link{align-self:center;border:none;cursor:pointer;font-family:inherit;background:none;font-size:13.5px;font-weight:800;color:var(--text2);display:flex;align-items:center;gap:6px;padding:8px 2px}.gate-facts{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:16px;background:var(--sheet);font-size:13.5px;font-weight:700}.gate-facts div{display:flex;gap:10px;align-items:center}.gate-code{position:relative;display:flex;align-items:center;gap:6px}.gate-code span{flex:1;height:62px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;border:2px solid var(--line);background:#fff}.gate-code span.on{border-color:var(--ink)}.gate-code.err span{border-color:#e0445e;background:#fff5f7}.gate-code i{width:14px;height:3px;border-radius:2px;background:var(--line)}.gate-code input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;font-size:16px}.gate-code:focus-within span.cur{border-color:var(--coral)}.gate-error{display:flex;gap:8px;align-items:flex-start;margin-top:-8px;font-size:13.5px;font-weight:700;color:#b03052}.dlg-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#3a0a1680;display:flex;align-items:center;justify-content:center;padding:24px}.dlg{background:#fff;width:400px;max-width:100%;border-radius:26px;padding:26px;display:flex;flex-direction:column;gap:8px;color:var(--ink)}.dlg h2{font-size:20px;font-weight:800}.dlg p{font-size:14px;font-weight:600;color:var(--text2);line-height:1.5}.dlg-row{display:flex;gap:10px;margin-top:14px}.dlg-row button{border:none;cursor:pointer;font-family:inherit;flex:1;height:52px;border-radius:15px;font-size:14.5px;font-weight:800}@media(max-width:879px){html:has(.gate-card),html:has(.gate-card) body,html:has(.gate-card) #root{height:auto;min-height:100%;overflow:visible}.cq-full-height:has(.gate-card){height:auto!important;min-height:100vh;min-height:100dvh;overflow:visible!important}.gate:has(.gate-card){display:flex;flex-direction:column}.gate:has(.gate-card) .gate-word{position:sticky;top:11px;left:auto;margin:11px 0 0 -6px;font-size:112px;letter-spacing:-6.16px}.gate:has(.gate-card) .gate-side{position:sticky;top:300px;left:auto;bottom:auto;margin:0 22px 28px}.gate:has(.gate-card) .gate-side b{font-size:24px;line-height:1.1}.gate:has(.gate-card) .gate-side small{font-size:14px}.gate-card{position:relative;z-index:1;right:auto;top:auto;width:100%!important;margin-top:auto;transform:translateY(calc(-1 * var(--kb, 0px)));transition:transform .3s cubic-bezier(.2,.8,.2,1);border-radius:30px 30px 0 0;padding:26px 22px calc(30px + env(safe-area-inset-bottom));gap:18px;box-shadow:0 -20px 50px #b81f39}.gate-card h1{font-size:23px;letter-spacing:-.5px}}.mono{font-variant-numeric:tabular-nums}button{font-family:inherit;border:none;cursor:pointer}button:active{transform:scale(.97)}.kds{height:100%;display:flex;flex-direction:column;background:var(--coral);overflow:hidden}.kds-top{min-height:78px;display:flex;align-items:center;gap:18px;padding:10px 24px;color:#fff;flex-wrap:wrap}.kds-brand{display:flex;align-items:center;gap:12px}.kds-brand-mark{width:46px;height:46px;border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:center}.kds-brand b{display:block;font-size:19px;font-weight:800;letter-spacing:-.3px}.kds-brand small{display:block;font-size:12px;font-weight:700;color:var(--pink)}.kds-tabs{display:flex;gap:3px;padding:4px;border-radius:15px;background:#ffffff29}.kds-tabs button{height:40px;padding:0 16px;border-radius:12px;display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:800;background:transparent;color:#fff}.kds-tabs button[aria-selected=true]{background:#fff;color:var(--ink)}.kds-tabs .n{opacity:.6}.kds-stat{text-align:right}.kds-stat small{display:block;font-size:12px;font-weight:700;color:var(--pink)}.kds-stat b{font-size:18px;font-weight:800}.kds-clock{font-size:30px;font-weight:800;letter-spacing:-.5px;padding-left:20px;border-left:2px solid rgba(255,255,255,.3)}.kds-clock span{font-size:14px;opacity:.75}.kds-icon-btn{width:46px;height:46px;border-radius:14px;background:#ffffff2e;color:#fff;display:flex;align-items:center;justify-content:center}.kds-sheet{flex:1;min-height:0;background:var(--sheet);border-radius:28px 28px 0 0;display:flex;flex-direction:column;position:relative}.kds-cols{flex:1;min-height:0;display:flex;gap:16px;padding:20px 22px 0}.kds-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.kds-col-head{display:flex;align-items:center;gap:9px;padding:0 4px}.kds-col-head h2{font-size:18px;font-weight:800}.kds-count{min-width:28px;height:26px;padding:0 8px;border-radius:13px;background:var(--chip);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}.kds-col-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:12px;margin:0 -6px;padding:0 6px 16px}.kds-col-body::-webkit-scrollbar{display:none}.kds-empty{flex:1;max-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);border:2px dashed #dcdee3;border-radius:20px;font-size:14px;font-weight:700}.kds-served{display:flex;align-items:center;gap:10px;padding:12px 22px 16px;flex-wrap:wrap}.kds-served>span{font-size:13px;font-weight:800;color:var(--text2);display:flex;align-items:center;gap:6px}.kds-served button{height:38px;padding:0 8px 0 12px;border-radius:12px;background:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;gap:8px;color:var(--ink)}.kds-served button i{font-style:normal;font-weight:700;color:var(--text2)}.kds-served button .undo{width:26px;height:26px;border-radius:8px;background:var(--sheet);display:flex;align-items:center;justify-content:center}.kds-bar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:12px;height:60px;padding:0 8px 0 20px;border-radius:30px;background:var(--amber-soft);color:#7a5504;font-size:14.5px;font-weight:800;white-space:nowrap;box-shadow:0 14px 30px #20242e33}.kds-bar button{height:44px;padding:0 18px;border-radius:22px;background:var(--ink);color:#fff;font-size:14px;font-weight:800}.kds-loading{flex:1;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--muted)}.chit{display:flex;flex-direction:column;flex:0 0 auto;animation:kds-rise .3s ease both}.chit-stub{border-radius:20px 20px 0 0;padding:14px 14px 12px}.chit[data-tone=ok]{--stub: #fff;--fg: var(--ink);--tag: var(--chip)}.chit[data-tone=warn]{--stub: var(--amber-soft);--fg: var(--ink);--tag: #fff}.chit[data-tone=late]{--stub: var(--coral);--fg: #fff;--tag: rgba(255, 255, 255, .2)}.chit[data-tone=ready]{--stub: var(--ok-soft);--fg: var(--ink);--tag: #fff}.chit-stub{background:var(--stub);color:var(--fg)}.chit-perf{position:relative;height:16px;background:linear-gradient(var(--stub) 50%,#fff 50%)}.chit-perf:before,.chit-perf:after{content:"";position:absolute;top:0;width:16px;height:16px;border-radius:50%;background:var(--sheet)}.chit-perf:before{left:-8px}.chit-perf:after{right:-8px}.chit-perf span{position:absolute;left:14px;right:14px;top:7px;border-top:2px dashed #dcdee3}.chit[data-tone=late] .chit-perf span{border-color:#f2b8c2}.chit-body{background:#fff;padding:4px 14px 12px;display:flex;flex-direction:column;gap:12px}.chit-teeth{height:10px;background:radial-gradient(circle at 8px 10px,var(--sheet) 6px,#fff 6.5px) 0 0 / 16px 10px repeat-x}.chit-head{display:flex;align-items:center;gap:8px}.chit-tag{height:32px;padding:0 10px;border-radius:10px;font-size:13.5px;font-weight:800;display:flex;align-items:center;gap:5px;white-space:nowrap;background:var(--chip)}.chit-tag.table{background:var(--blue-soft);color:var(--blue)}.chit[data-tone=late] .chit-tag{background:var(--tag);color:#fff}.chit-no{font-size:19px;font-weight:800}.chit-timer{margin-left:auto;font-size:22px;font-weight:800;letter-spacing:-.3px;display:flex;align-items:center;gap:4px}.chit[data-tone=warn] .chit-timer{color:var(--amber)}.chit[data-tone=ready] .chit-timer{color:var(--ok)}.chit-who{font-size:12.5px;font-weight:700;margin-top:6px;opacity:.75}.chit-sync{height:24px;padding:0 8px;border-radius:12px;background:#ffffffb3;color:#7a5504;font-size:11.5px;font-weight:800;display:flex;align-items:center;gap:4px}.chit-note{display:flex;gap:8px;align-items:center;padding:9px 11px;border-radius:12px;background:var(--amber-soft);color:var(--amber);font-size:14px;font-weight:700}.chit-item{display:flex;gap:10px;align-items:center;width:100%;min-height:54px;padding:6px 10px;border:none;border-radius:14px;background:var(--sheet);color:inherit;font:inherit;text-align:left;cursor:pointer}.chit-item>.ms{color:#c9ccd4}.chit-item.ready{background:var(--ok-soft)}.chit-item.ready>.ms{color:var(--ok);font-variation-settings:"FILL" 1}.chit-item:disabled{cursor:default;opacity:.6}.chit-item .chit-name,.chit-item .chit-mod{display:block}.chit-qty{min-width:30px;font-size:17px;font-weight:800}.chit-qty.many{color:var(--coral)}.chit-name{font-size:17px;font-weight:700;line-height:1.3}.chit-mod{font-size:14px;font-weight:700;color:var(--text2)}.chit-inote{font-size:14px;font-weight:700;color:var(--amber);display:flex;align-items:center;gap:4px}.chit-go{height:52px;border-radius:15px;color:#fff;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.chit-back{width:52px;height:52px;border-radius:15px;background:var(--sheet);display:flex;align-items:center;justify-content:center;color:var(--text2)}.chit-ready{display:flex;align-items:center;gap:8px;height:44px;padding:0 6px 0 12px;border-radius:14px;background:var(--ok-soft);color:var(--ok);font-size:14px;font-weight:800}.chit-ready button{width:34px;height:34px;border-radius:10px;background:#fff;color:var(--text2);display:flex;align-items:center;justify-content:center}.chit-just{position:relative;border-radius:22px;box-shadow:0 0 0 3px #2d6fe0,0 12px 26px #2d6fe040}.chit-just>em{position:absolute;top:-11px;right:14px;z-index:2;height:22px;padding:0 9px;border-radius:11px;background:#2d6fe0;color:#fff;font-size:11.5px;font-weight:800;font-style:normal;display:flex;align-items:center}@keyframes kds-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.chit{animation:none}button:active{transform:none}}@media(max-width:879px){.kds-top{gap:12px;padding:10px 16px}.kds-stat,.kds-clock{display:none}.kds-cols{padding:14px 14px 0}}