:root{--brand-brick: #8C2B22;--brand-ember: #D9541F;--brand-flame: #E2622A;--brand-glow: #F08A3C;--brand-gold: #DFAE5B;--brand-char: #2A100D;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--tap: 48px;--tap-lg: 58px;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-ui: "Archivo", ui-sans-serif, system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:dark}:root,:root[data-service=Dinner]{--bg: #140C09;--bg-deep: #0D0705;--surface: #1E1310;--surface-2: #2A1B16;--surface-3: #34221C;--ink: #F6ECE1;--ink-2: #D8C6B6;--muted: #9C8577;--faint: #6E5B50;--line: #3B2720;--line-soft: #2C1D18;--accent: #E2622A;--accent-ink: #FFFFFF;--accent-dim: #3A1D12;--gold: #DFAE5B;--brick: #B8443A;--st-free-bg: #1B120F;--st-free-edge: #554036;--st-free-ink: #C9B4A5;--st-reserved-bg: #C0562B;--st-reserved-edge: #F08A3C;--st-reserved-ink: #FFF3EA;--st-seated-bg: #2F6B48;--st-seated-edge: #6BC191;--st-seated-ink: #EAF7EF;--st-turning-bg: #B8862B;--st-turning-edge: #F2CF7C;--st-turning-ink: #241A05;--st-blocked-bg: #3B3330;--st-blocked-edge: #6B605A;--st-blocked-ink: #A99C94;--glow: 0 0 0 1px rgba(240, 138, 60, .16), 0 8px 34px -10px rgba(226, 98, 42, .4);--shadow: 0 18px 48px -18px rgba(0, 0, 0, .9);--plan-bg: radial-gradient(120% 90% at 50% 40%, #24160F 0%, #150D0A 55%, #0E0806 100%)}:root[data-service=Lunch]{--bg: #F5EDE0;--bg-deep: #EBE0CE;--surface: #FFFDF9;--surface-2: #F1E7D7;--surface-3: #E7DAC5;--ink: #23150F;--ink-2: #4C382E;--muted: #856D5C;--faint: #A89380;--line: #DBC8AE;--line-soft: #E8DCC8;--accent: #BE4E22;--accent-ink: #FFFFFF;--accent-dim: #F5DFD1;--gold: #A87A1E;--brick: #9E3B36;--st-free-bg: #FFFDF9;--st-free-edge: #23150F;--st-free-ink: #23150F;--st-reserved-bg: #C0562B;--st-reserved-edge: #8A3A17;--st-reserved-ink: #FFF4EC;--st-seated-bg: #2E6144;--st-seated-edge: #1D4530;--st-seated-ink: #EFF7F1;--st-turning-bg: #D9A227;--st-turning-edge: #96690C;--st-turning-ink: #2B1E02;--st-blocked-bg: #6A605A;--st-blocked-edge: #443C37;--st-blocked-ink: #F0EBE7;--glow: 0 0 0 1px rgba(190, 78, 34, .14), 0 6px 22px -12px rgba(80, 50, 30, .4);--shadow: 0 16px 40px -20px rgba(70, 45, 30, .45);--plan-bg: linear-gradient(170deg, #FFFDF8 0%, #FBF4E8 60%, #F4E9D6 100%);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:16.5px;line-height:1.45;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overscroll-behavior:none;transition:background .42s var(--ease),color .42s var(--ease)}#root{transition:background .42s var(--ease)}button,input,select,textarea{font:inherit;color:inherit}button{border:none;background:none;cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}::-webkit-scrollbar-track{background:transparent}.display{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.tracked{text-transform:uppercase;letter-spacing:.15em;font-weight:700}.tnum{font-variant-numeric:tabular-nums}.shell{display:grid;grid-template-rows:auto auto 1fr;height:100dvh;overflow:hidden}.body-grid{display:grid;grid-template-columns:minmax(0,1fr) 372px;min-height:0;overflow:hidden}@media(max-width:1100px){.body-grid{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:900px){.body-grid{grid-template-columns:1fr;grid-template-rows:1fr auto}.rail{border-left:none!important;border-top:1px solid var(--line);max-height:46dvh}}.main-pane{min-width:0;min-height:0;overflow:auto;padding:14px 16px 20px}.rail{min-height:0;overflow-y:auto;border-left:1px solid var(--line);background:var(--surface);padding:16px}.topbar{display:flex;align-items:center;gap:14px;padding:9px 16px;background:var(--bg-deep);border-bottom:1px solid var(--line);flex-wrap:wrap}.brand-lockup{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{height:34px;width:auto;display:block}.brand-text{line-height:1}.brand-text .name{font-family:var(--font-display);font-size:17px;font-weight:600}.brand-text .sub{font-size:10px;color:var(--muted);margin-top:3px;text-transform:uppercase;letter-spacing:.18em;font-weight:700}.segmented{display:flex;gap:3px;padding:3px;background:var(--surface-2);border-radius:10px;border:1px solid var(--line-soft)}.segmented button{padding:9px 15px;border-radius:8px;font-size:13px;font-weight:600;color:var(--muted);min-height:40px;transition:all .16s var(--ease)}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);box-shadow:0 2px 10px -4px var(--accent)}.segmented.quiet button[aria-pressed=true]{background:var(--surface);color:var(--ink)}.date-field{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:13.5px;min-height:42px}.statusbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.legend-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line-soft);font-size:13.5px;color:var(--ink-2)}.legend-pill b{font-size:14.5px;color:var(--ink)}.swatch{width:17px;height:17px;border-radius:5px;border:2px solid var(--edge);background:var(--fill);position:relative;overflow:hidden;flex:none}.swatch[data-pattern=hatch]:after,.swatch[data-pattern=cross]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.55) 0 1.5px,transparent 1.5px 5px)}.swatch[data-pattern=cross]:after{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.5) 0 1.5px,transparent 1.5px 5px),repeating-linear-gradient(-45deg,rgba(255,255,255,.5) 0 1.5px,transparent 1.5px 5px)}.plan-frame{position:relative;width:100%;aspect-ratio:1657 / 881;background:var(--plan-bg);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}:root[data-service=Dinner] .plan-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(38% 46% at 49% 47%,rgba(226,98,42,.13),transparent 70%),radial-gradient(30% 30% at 12% 20%,rgba(223,174,91,.06),transparent 70%);pointer-events:none}.plan-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");mix-blend-mode:overlay}.fixture{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(9px,1.02vw,14px);font-weight:700;letter-spacing:.09em;text-transform:uppercase;border-radius:5px;padding:2px;line-height:1.15;pointer-events:none}.table-btn{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px;padding:3px;border-radius:10px;overflow:hidden;text-align:center;line-height:1.1;background:var(--fill);color:var(--fg);border:2px solid var(--edge);transition:transform .14s var(--ease),box-shadow .18s var(--ease),opacity .18s var(--ease),background .22s var(--ease);will-change:transform}.table-btn:active{transform:translate(-50%,-50%) scale(.955)}.table-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--edge-bar, 0px);background:var(--edge)}.table-btn[data-pattern=hatch]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.16) 0 2px,transparent 2px 7px)}.table-btn[data-pattern=cross]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.13) 0 2px,transparent 2px 8px),repeating-linear-gradient(-45deg,rgba(255,255,255,.13) 0 2px,transparent 2px 8px)}:root[data-service=Dinner] .table-btn[data-status=seated],:root[data-service=Dinner] .table-btn[data-status=reserved],:root[data-service=Dinner] .table-btn[data-status=turning]{box-shadow:0 0 18px -6px var(--edge),inset 0 1px #ffffff17}.table-btn[data-selected=true]{box-shadow:0 0 0 4px var(--accent),0 10px 30px -8px #0009;z-index:4}.table-btn[data-picked=true]{box-shadow:0 0 0 4px var(--gold);z-index:4}.table-btn[data-dim=true]{opacity:.2}.table-id{font-family:var(--font-display);font-weight:600;font-size:clamp(16px,1.95vw,31px)}.table-sub{font-size:clamp(9.5px,1vw,13px);font-weight:700;letter-spacing:.07em;opacity:.8}.table-guest{font-size:clamp(10px,1.12vw,14.5px);font-weight:600;max-width:96%;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-timer{font-size:clamp(10px,1.05vw,14px);font-weight:700;opacity:.9;display:inline-flex;align-items:center;gap:3px}.table-timer[data-soon=true]{color:var(--st-turning-edge)}.table-timer[data-over=true]{color:#ffd9c2;font-weight:800}.table-timer[data-over=true]:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;animation:pip 1.8s var(--ease) infinite}@keyframes pip{0%,to{opacity:1}50%{opacity:.25}}.table-next{font-size:clamp(9.5px,1vw,13px);font-weight:700;letter-spacing:.04em;padding:0 4px;border-radius:3px;border:1px dashed currentColor;opacity:.72}.table-next[data-soon=true]{opacity:1;color:var(--st-reserved-edge);border-style:solid}.allergen-flag{position:absolute;left:2px;top:2px;background:var(--brick);color:#fff;font-size:clamp(9px,.94vw,12.5px);font-weight:800;letter-spacing:.06em;padding:1px 3px;border-radius:3px;max-width:92%;overflow:hidden;white-space:nowrap}.vip-fold{position:absolute;top:0;right:0;width:0;height:0;border-top:13px solid var(--gold);border-left:13px solid transparent}.join-outline{position:absolute;border:2.5px dashed var(--accent);border-radius:14px;pointer-events:none;z-index:3}.join-tag{position:absolute;top:-10px;left:9px;background:var(--accent);color:var(--accent-ink);font-size:clamp(9.5px,1vw,13px);font-weight:800;padding:2px 7px;border-radius:5px;white-space:nowrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.row{display:flex;align-items:center;gap:12px;padding:11px 13px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:background .14s var(--ease)}.row+.row{margin-top:7px}.row:hover{background:var(--surface-2)}.list .row{border-radius:0;border:none;border-top:1px solid var(--line)}.list .row:first-child{border-top:none}.label{font-size:11.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin:0 0 9px}.empty{border:1px dashed var(--line);border-radius:var(--radius);padding:22px;text-align:center;color:var(--muted);font-size:13.5px;background:color-mix(in srgb,var(--surface) 60%,transparent)}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:7px;font-size:13px;font-weight:700;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line-soft)}.chip[data-tone=accent]{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.chip[data-tone=gold]{background:transparent;color:var(--gold);border-color:var(--gold)}.chip[data-tone=alarm]{background:transparent;color:var(--brick);border-color:var(--brick)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:12px 18px;border-radius:var(--radius);font-size:15.5px;font-weight:700;background:var(--surface-2);color:var(--ink);border:1.5px solid var(--line);transition:transform .12s var(--ease),filter .14s var(--ease)}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn[data-variant=primary]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 6px 18px -8px var(--accent)}.btn[data-variant=solid]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn[data-variant=go]{background:var(--st-seated-bg);color:#fff;border-color:var(--st-seated-bg)}.btn[data-variant=danger]{background:transparent;color:var(--brick);border-color:var(--brick)}.btn[data-variant=ghost]{background:transparent;color:var(--muted)}.btn[data-size=lg]{min-height:var(--tap-lg);font-size:16px}.btn[data-size=sm]{min-height:38px;padding:8px 13px;font-size:12.5px;border-radius:9px}.btn[data-full=true]{width:100%}.field{margin-bottom:13px}.field>label{display:block;font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}.input{width:100%;min-height:var(--tap);padding:12px 13px;border-radius:var(--radius);border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font-size:16.5px;transition:border-color .14s var(--ease)}.input:focus{border-color:var(--accent);outline:none}.input::placeholder{color:var(--faint)}textarea.input{resize:vertical;min-height:76px}.check{display:flex;gap:11px;align-items:flex-start;padding:13px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);font-size:13px;color:var(--ink-2);line-height:1.5;cursor:pointer}.check input{width:22px;height:22px;margin-top:1px;accent-color:var(--accent);flex:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a05049e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px;overflow-y:auto;animation:fade .18s var(--ease)}@keyframes fade{0%{opacity:0}}.modal{width:100%;max-width:600px;margin:auto;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;box-shadow:0 40px 90px -30px #000c;animation:rise .22s var(--ease)}@keyframes rise{0%{transform:translateY(14px) scale(.985);opacity:0}}.modal h2{font-family:var(--font-display);font-size:24px;margin:0;font-weight:600}.modal .sub{color:var(--muted);font-size:13px;margin:5px 0 18px}.field-row{display:flex;gap:12px}.field-row>*{flex:1;min-width:0}.field-row>.narrow{flex:0 0 116px}.toast-stack{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:120;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--ink);color:var(--bg);padding:12px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;box-shadow:0 16px 40px -12px #000000b3;animation:rise .2s var(--ease);max-width:90vw}.toast[data-tone=bad]{background:var(--brick);color:#fff}.conn{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--line-soft);background:var(--surface-2);color:var(--muted)}.conn .dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.conn[data-state=live]{color:var(--st-seated-edge)}.conn[data-state=live] .dot{animation:breathe 3.2s ease-in-out infinite}.conn[data-state=offline]{color:var(--st-turning-edge);border-color:var(--st-turning-edge)}.conn[data-state=syncing]{color:var(--accent)}@keyframes breathe{0%,to{opacity:1}50%{opacity:.35}}.offline-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 16px;background:var(--st-turning-bg);color:var(--st-turning-ink);font-size:13.5px;font-weight:700}.grow{flex:1}.muted{color:var(--muted)}.stack{display:flex;flex-direction:column;gap:9px}.inline{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.grid-guests{display:grid;grid-template-columns:1.5fr 1.15fr .7fr .5fr .6fr .9fr;gap:10px;align-items:center}@media(max-width:1000px){.grid-guests{grid-template-columns:1.4fr 1.1fr .6fr .9fr}.grid-guests .hide-sm{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}