:root{--accent: #EE4B33;--accent-ink: #FFF7E8;--accent-grad: linear-gradient(135deg, #FF8C3A, #EE4B33);--board: #0E1013;--rail: #15181C;--rail-line: rgba(255, 255, 255, .07);--card: #1C2026;--card-line: rgba(255, 255, 255, .08);--board-ink: #F2F4F7;--board-muted: #9AA3AE;--paper: #FBF8F2;--paper-2: #F2ECE2;--ink: #1E1611;--ink-2: #5A4A40;--muted: #8C7C70;--line: #E8E0D4;--new: #FF6A3D;--new-ink: #2A1208;--preparing: #FFB238;--ready: #4EA8FF;--late: #FF4D4D;--note: #FFD98A;--font-display: "Bricolage Grotesque", "Segoe UI Variable Display", "Helvetica Neue", Arial, sans-serif;--font-body: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--r-m: 14px;--r-l: 18px;--r-pill: 999px;--shadow-card: 0 1px 2px rgba(20, 24, 20, .05), 0 10px 30px -18px rgba(20, 24, 20, .25);--shadow-ticket: 0 2px 0 rgba(0, 0, 0, .25), 0 14px 30px -18px rgba(0, 0, 0, .7);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.2, .9, .25, 1.15);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--board);color:var(--board-ink);font:16px/1.4 var(--font-body);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}input{font:inherit;font-size:16px}h1,h2,p,ul{margin:0}ul{list-style:none;padding:0}:focus-visible{outline:2px solid var(--new);outline-offset:2px;border-radius:6px}.eyebrow,.board-eyebrow{font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.eyebrow{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-pill);font:600 1rem/1 var(--font-body);min-height:52px;padding:0 22px;transition:transform .12s,opacity .12s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5}.btn-primary{background:var(--accent-grad);color:var(--accent-ink);box-shadow:0 12px 30px -14px #ee4b3399}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:.8125rem;font-weight:600;color:var(--ink-2);padding-left:4px}.field input{border:1px solid var(--line);border-radius:var(--r-m);padding:13px 16px;min-height:52px;color:var(--ink);background:#fff;transition:border-color .12s,box-shadow .12s}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ee4b332e}.door{min-height:100dvh;min-height:100vh;display:grid;place-items:center;padding:24px 16px;color:var(--ink);background:radial-gradient(70% 55% at 50% 0%,rgba(255,122,69,.14) 0%,transparent 70%),var(--board)}.door-card{width:100%;max-width:400px;background:var(--paper);color:var(--ink);border-radius:24px;padding:32px 28px 24px;box-shadow:var(--shadow-ticket);display:flex;flex-direction:column;gap:14px;animation:door-in .36s var(--ease-out)}@keyframes door-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.door-mark{width:56px;height:56px;margin-bottom:6px}.door-mark img{width:56px;height:56px;display:block;filter:drop-shadow(0 12px 22px rgba(238,75,51,.35))}.door-card h1{font:800 1.5rem/1.1 var(--font-display);letter-spacing:-.02em}.door-sub{color:var(--ink-2);font-size:.9375rem;margin-bottom:6px}.door-error{color:#b42318;background:#fee9e6;border-radius:12px;padding:10px 12px;font-size:.9375rem}.door-card .btn{margin-top:6px;width:100%}.door-foot{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:.75rem;font-weight:600;margin-top:4px}.door-foot img{height:18px;width:auto}.board{min-height:100dvh;min-height:100vh;display:flex;flex-direction:column;padding:0 0 env(safe-area-inset-bottom,0px);background:radial-gradient(120% 60% at 50% -10%,rgba(255,106,61,.1),transparent 60%),var(--board)}.board-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(12px + env(safe-area-inset-top,0px)) 20px 12px;border-bottom:1px solid var(--rail-line);flex-wrap:wrap;background:#0e1013b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.board-venue{display:flex;align-items:center;gap:12px}.board-mark,.board-mark img{width:38px;height:38px;display:block}.board-head h1{font:700 1.2rem/1.1 var(--font-display);letter-spacing:-.015em;color:var(--board-ink)}.board-eyebrow{color:var(--board-muted)}.board-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.board-clock{font:600 1.05rem/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--board-ink);padding:0 6px}.board-signout{color:var(--board-muted);font-size:.8125rem;font-weight:600;padding:0 14px;border-radius:var(--r-pill);min-height:38px;box-shadow:inset 0 0 0 1px var(--rail-line);transition:background .12s,color .12s}.board-signout:active{background:var(--rail);color:var(--board-ink)}.pill{display:inline-flex;align-items:center;gap:7px;padding:0 12px;min-height:34px;border-radius:var(--r-pill);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--rail);color:var(--board-muted);box-shadow:inset 0 0 0 1px var(--rail-line)}.pill-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.pill-live{color:#4ade80}.pill-live .pill-dot{animation:pulse 2s infinite;box-shadow:0 0 10px currentColor}.pill-connecting{color:var(--board-muted)}.pill-offline{color:var(--preparing);background:#ffb2381f;box-shadow:inset 0 0 0 1px #ffb23866}.pill-offline .pill-dot{animation:pulse .9s infinite}.pill-quiet{color:var(--board-muted)}.pill-warn{color:var(--preparing)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.gate{margin:14px 20px 0;display:flex;align-items:center;gap:14px;background:var(--accent-grad);color:#fff7e8;border-radius:14px;padding:12px 16px;text-align:left;box-shadow:0 14px 34px -16px #ee4b33b3;animation:gate-in .42s var(--ease-spring)}.gate:active{transform:scale(.995)}.gate-icon{font-size:1.35rem;line-height:1}.gate-text{display:flex;flex-direction:column;gap:1px}.gate-text strong{font:700 1rem/1.2 var(--font-display);letter-spacing:-.01em}.gate-text span{font-size:.8125rem;opacity:.85}@keyframes gate-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.hint{margin:12px 20px 0;padding:10px 14px;border-radius:12px;background:var(--rail);color:var(--board-muted);font-size:.8125rem;box-shadow:inset 0 0 0 1px var(--rail-line)}.hint-error{color:var(--late);box-shadow:inset 0 0 0 1px #ff4d4d66}.rails{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:14px 20px 20px}@media(max-width:860px){.rails{grid-template-columns:1fr}}.rail{background:var(--rail);border-radius:18px;box-shadow:inset 0 0 0 1px var(--rail-line);display:flex;flex-direction:column;min-height:0;overflow:hidden}.rail-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;font:700 .75rem/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--board-muted);border-bottom:1px solid var(--rail-line)}.rail-head:before{content:"";width:8px;height:8px;border-radius:50%;margin-right:10px;background:var(--board-muted)}.rail-new .rail-head:before{background:var(--new);box-shadow:0 0 10px var(--new)}.rail-preparing .rail-head:before{background:var(--preparing)}.rail-ready .rail-head:before{background:var(--ready)}.rail-head span:first-child{flex:1;color:var(--board-ink)}.rail-count{min-width:26px;height:26px;padding:0 8px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--card);color:var(--board-ink);font:700 .8125rem var(--font-display);font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px var(--card-line)}.rail-new .rail-count{background:var(--new);color:var(--new-ink);box-shadow:none}.rail-preparing .rail-count{background:var(--preparing);color:var(--new-ink);box-shadow:none}.rail-ready .rail-count{background:var(--ready);color:#08213a;box-shadow:none}.rail-body{display:flex;flex-direction:column;gap:10px;padding:12px}.rail-empty{border:1.5px dashed var(--rail-line);border-radius:14px;padding:26px 12px;text-align:center;color:var(--board-muted);font-size:.9rem}.ticket{position:relative;background:var(--card);color:var(--board-ink);border-radius:14px;padding:12px 14px 14px;box-shadow:inset 0 0 0 1px var(--card-line),0 10px 30px -18px #000c;border-top:3px solid var(--board-muted)}.rail-new .ticket{border-top-color:var(--new)}.rail-preparing .ticket{border-top-color:var(--preparing)}.rail-ready .ticket{border-top-color:var(--ready)}.ticket.is-fresh{animation:land 2.4s var(--ease-out)}@keyframes land{0%{transform:translateY(-12px) scale(.98);opacity:0;box-shadow:0 0 #ff6a3de6}10%{transform:none;opacity:1}30%{box-shadow:0 0 0 10px #ff6a3d00}to{box-shadow:inset 0 0 0 1px var(--card-line),0 10px 30px -18px #000c}}.ticket-head{display:flex;align-items:center;gap:10px}.ticket-code{font:800 1.85rem/1 var(--font-display);font-variation-settings:"opsz" 96;letter-spacing:-.03em;color:var(--board-ink)}.ticket-table{flex:1;font:700 .8125rem/1 var(--font-body);letter-spacing:.02em;color:var(--board-ink)}.ticket-table:before{content:""}.ticket-age{font:700 .75rem/1 var(--font-body);font-variant-numeric:tabular-nums;letter-spacing:.02em;padding:7px 10px;border-radius:var(--r-pill);background:#ffffff0f;color:var(--board-muted);box-shadow:inset 0 0 0 1px var(--card-line)}.age-warn .ticket-age{background:#ffb23829;color:var(--preparing);box-shadow:none}.age-late .ticket-age{background:#ff4d4d2e;color:var(--late);box-shadow:none;animation:pulse 1.2s infinite}.age-late .ticket-code{color:var(--late)}.ticket-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.ticket-name{color:var(--board-muted);font-size:.875rem;font-weight:600}.ticket-pay{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4ade80;background:#4ade801f;padding:4px 8px;border-radius:6px}.ticket-pay-counter{color:var(--preparing);background:#ffb23824}.ticket.is-counter{box-shadow:inset 0 0 0 1px var(--card-line),0 10px 30px -18px #000c}.ticket-lines{margin-top:10px;border-top:1px solid var(--card-line);padding-top:4px}.ticket-lines li{display:flex;gap:10px;padding:8px 0}.ticket-lines li+li{border-top:1px solid var(--card-line)}.ticket-qty{flex:none;min-width:30px;height:30px;padding:0 7px;display:grid;place-items:center;border-radius:8px;background:#ffffff1a;color:var(--board-ink);font:800 1rem var(--font-display);font-variant-numeric:tabular-nums}.rail-new .ticket-qty{background:#ff6a3d2e;color:#ffb59e}.ticket-item{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:4px}.ticket-item-name{font:600 1.0625rem/1.2 var(--font-display);font-variation-settings:"opsz" 24;letter-spacing:-.005em;color:var(--board-ink)}.ticket-mods{color:var(--board-muted);font-size:.875rem}.ticket-note{align-self:flex-start;margin-top:4px;background:#ffd98a24;color:var(--note);font-size:.875rem;font-weight:600;padding:3px 8px;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.ticket-note:before{content:"“"}.ticket-note:after{content:"”"}.ticket-action{width:100%;margin-top:12px;min-height:48px;border-radius:10px;font:700 1rem/1 var(--font-display);letter-spacing:.01em;color:var(--new-ink);background:var(--accent-grad);transition:transform .1s,filter .1s;box-shadow:0 10px 22px -12px #ee4b33b3}.ticket-action:active{transform:scale(.985);filter:brightness(.95)}.rail-preparing .ticket-action{background:linear-gradient(135deg,#ffc85c,#ffa724);box-shadow:0 10px 22px -12px #ffb23899}.rail-ready .ticket-action{background:linear-gradient(135deg,#6db8ff,#2e8ff0);color:#06192b;box-shadow:0 10px 22px -12px #4ea8ff99}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.board-stats{display:flex;gap:8px}.stat{display:flex;align-items:baseline;gap:6px;padding:7px 12px;border-radius:12px;background:var(--rail);box-shadow:inset 0 0 0 1px var(--rail-line)}.stat-value{font:800 1.25rem/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--board-ink);letter-spacing:-.02em}.stat-label{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--board-muted)}.stat-warn .stat-value{color:var(--preparing)}.stat-late .stat-value{color:var(--late)}@media(max-width:860px){.board-stats{order:3;width:100%}}.allday{display:flex;align-items:center;gap:12px;margin:12px 20px 0;padding:8px 12px;background:var(--rail);border-radius:14px;box-shadow:inset 0 0 0 1px var(--rail-line);overflow-x:auto;scrollbar-width:none}.allday::-webkit-scrollbar{display:none}.allday-title{flex:none;font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--board-muted)}.allday-list{display:flex;gap:6px}.allday-list li{flex:none;display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:var(--r-pill);background:var(--card);box-shadow:inset 0 0 0 1px var(--card-line);white-space:nowrap}.allday-qty{min-width:24px;height:24px;padding:0 6px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--board-ink);color:var(--board);font:800 .8125rem var(--font-display);font-variant-numeric:tabular-nums}.allday-name{font-size:.875rem;font-weight:600;color:var(--board-ink)}.rail.needs-attention{box-shadow:inset 0 0 0 1.5px #ff6a3db3;animation:attention 2.4s infinite}@keyframes attention{0%,to{box-shadow:inset 0 0 0 1.5px #ff6a3db3}50%{box-shadow:inset 0 0 0 1.5px #ff6a3db3,0 0 0 6px #ff6a3d1f}}.recall{margin-top:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;border-top:1px solid var(--rail-line)}.recall-title{font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--board-muted);margin-right:4px}.recall-chip{display:inline-flex;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:var(--r-pill);background:var(--card);color:var(--board-ink);box-shadow:inset 0 0 0 1px var(--card-line);min-height:38px}.recall-chip:active{background:var(--rail-line)}.recall-code{font:800 .9rem var(--font-display)}.recall-table{color:var(--board-muted);font-size:.8125rem;font-weight:600}.recall-undo{font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ready)}