:root{--bg:#fff8f0;--card:#fff;--border:#e8ddd0;--text:#2c1810;--ink:#0a0a0a;--ink-mid:#141414;--muted:#8c7b6b;--red:#d72b2b;--red-dark:#b01f1f;--green:#27ae60;--orange:#f5a623;--blue:#2980b9;--text-xs:.75rem;--text-sm:.8125rem;--text-base:1rem;--text-lead:clamp(1rem, 1.6vw, 1.125rem);--text-card:clamp(1.375rem, 2.5vw, 1.75rem);--text-display:clamp(1.75rem, 4vw, 3rem);--text-h2:clamp(2rem, 4vw, 2.75rem);--text-h1:clamp(2.25rem, 4.5vw, 3.5rem);--lh-tight:1.05;--lh-heading:1.15;--lh-body:1.7;--lh-relaxed:1.72;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius:12px;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--m-bg:#0a0a0a;--m-surface:#141414;--m-card:#181818;--m-card-hover:#1f1f1f;--m-border:#ffffff17;--m-border-strong:#ffffff2e;--m-text:#fff;--m-text-2:#ffffff9e;--m-text-3:#ffffff80;--m-text-4:#ffffff61}[data-theme=dark]{--bg:var(--m-bg);--card:var(--m-card);--border:var(--m-border);--text:var(--m-text);--muted:var(--m-text-3)}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,-apple-system,sans-serif;line-height:var(--lh-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{line-height:var(--lh-heading);letter-spacing:-.02em;margin-block:0}h1{font-size:var(--text-h1);line-height:var(--lh-tight)}:root{--brand:var(--red)}.status-badge{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);white-space:nowrap;border-radius:999px;font-weight:600}.status-waiting{background:color-mix(in srgb, var(--muted) 14%, transparent);color:var(--muted)}.status-preparing{background:color-mix(in srgb, var(--orange) 16%, transparent);color:#8a5a00}.status-ready{background:color-mix(in srgb, var(--green) 16%, transparent);color:#14663a}.customer-view{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.customer-header{border-bottom:1px solid var(--border);background:var(--card);z-index:var(--z-sticky);position:sticky;top:0}.customer-header-inner{max-width:720px;padding:var(--space-4);align-items:center;gap:var(--space-3);margin-inline:auto;display:flex}.customer-header-mark{border-radius:var(--radius);object-fit:cover;flex-shrink:0;width:40px;height:40px}.customer-header-mark-text{background:var(--brand);color:#fff;place-items:center;font-size:1.25rem;font-weight:700;display:grid}.customer-header-name{font-size:var(--text-lead);letter-spacing:-.01em;font-weight:700}.customer-content{width:100%;max-width:720px;padding:var(--space-5) var(--space-4) var(--space-8);gap:var(--space-6);flex-direction:column;flex:1;margin-inline:auto;display:flex}.customer-cta{padding:var(--space-4);border-radius:var(--radius);background:color-mix(in srgb, var(--brand) 8%, transparent);color:var(--text);font-size:var(--text-lead);margin:0}.customer-section-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:var(--space-3)}.customer-cards{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.customer-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s;display:flex;overflow:hidden}.customer-card-bar{flex-shrink:0;width:4px}.customer-bar-waiting{background:var(--muted)}.customer-bar-preparing{background:var(--orange)}.customer-bar-ready{background:var(--green)}.customer-card-ready{border-color:color-mix(in srgb, var(--green) 40%, transparent)}.customer-card-body{padding:var(--space-4);flex:1}.customer-card-top{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.customer-position{font-size:var(--text-card);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.02em}.customer-name{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--text-sm)}.customer-mins-left{margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--text-sm)}.customer-empty{color:var(--muted);text-align:center;padding:var(--space-8) var(--space-4)}.customer-footer{padding:var(--space-5);text-align:center;font-size:var(--text-xs);color:var(--muted)}.kitchen-view{background:var(--m-bg);min-height:100dvh;color:var(--m-text);flex-direction:column;display:flex}.kitchen-header{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--m-surface);border-bottom:1px solid var(--m-border);flex-wrap:wrap;display:flex}.kitchen-title{font-size:var(--text-lead);margin-right:auto;font-weight:700}.kitchen-add,.kitchen-tools{gap:var(--space-2);display:flex}.kitchen-input{min-height:48px;padding:0 var(--space-4);font:inherit;color:var(--m-text);background:var(--m-card);border:1px solid var(--m-border-strong);border-radius:var(--radius)}.kitchen-input::placeholder{color:var(--m-text-4)}.kitchen-input:focus-visible{outline:2px solid var(--orange);outline-offset:1px}.kitchen-btn{min-height:48px;padding:0 var(--space-5);font:inherit;color:#fff;background:var(--red);border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;font-weight:600}.kitchen-btn:disabled{opacity:.4}.kitchen-btn-ghost{border:1px solid var(--m-border-strong);color:var(--m-text-2);background:0 0}.kitchen-error{padding:var(--space-3) var(--space-5);background:color-mix(in srgb, var(--red) 20%, transparent);color:#fff;font-size:var(--text-sm);margin:0}.kitchen-board{gap:var(--space-4);padding:var(--space-4);flex:1;grid-template-columns:repeat(3,1fr);align-items:start;display:grid}@media (width<=720px){.kitchen-board{grid-template-columns:1fr}}.kitchen-column-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--m-text-3);margin-bottom:var(--space-3);display:flex}.kitchen-count{padding:2px var(--space-2);background:var(--m-card);color:var(--m-text-2);letter-spacing:0;border-radius:999px}.kitchen-column-empty{color:var(--m-text-4);font-size:var(--text-sm)}.kitchen-tiles{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.kitchen-tile{background:var(--m-card);border:1px solid var(--m-border);border-left:4px solid var(--m-border-strong);border-radius:var(--radius);padding:var(--space-4)}.kitchen-tile-preparing{border-left-color:var(--orange)}.kitchen-tile-ready{border-left-color:var(--green)}.kitchen-tile-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.kitchen-number{font-size:var(--text-card);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.02em}.kitchen-waited{font-size:var(--text-sm);color:var(--m-text-3);font-variant-numeric:tabular-nums}.kitchen-waited-late{color:var(--orange);font-weight:600}.kitchen-name{margin:var(--space-1) 0 0;color:var(--m-text-2)}.kitchen-actions{gap:var(--space-2);margin-top:var(--space-4);display:flex}.kitchen-actions .kitchen-btn{flex:1}.kitchen-empty{color:var(--m-text-3);padding:var(--space-9) var(--space-4);text-align:center;justify-content:center;align-items:center}.display{background:var(--m-bg);height:100dvh;color:var(--m-text);flex-direction:column;display:flex;overflow:hidden}.display-header{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-7);border-bottom:1px solid var(--m-border);display:flex}.display-logo{border-radius:var(--radius);object-fit:cover;width:56px;height:56px}.display-logo-text{background:var(--brand);color:#fff;place-items:center;font-size:2rem;font-weight:700;display:grid}.display-name{letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700}.display-message{height:100dvh;color:var(--m-text-3);flex:1;place-items:center;font-size:clamp(2rem,6vw,5rem);font-weight:700;display:grid}.display-main{flex:1;grid-template-columns:2fr 1fr;min-height:0;display:grid}.display-col{padding:var(--space-6) var(--space-7);flex-direction:column;min-height:0;display:flex}.display-col-prep{border-left:1px solid var(--m-border);background:var(--m-surface)}.display-col-title{text-transform:uppercase;letter-spacing:.1em;color:var(--m-text-3);margin-bottom:var(--space-6);font-size:clamp(1rem,1.8vw,1.5rem)}.display-col-ready .display-col-title{color:var(--green)}.display-col-empty{color:var(--m-text-4);font-size:clamp(1.25rem,2.5vw,2rem)}.display-ready-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(180px,40%),1fr));align-content:start;display:grid;overflow:hidden}.display-ready-num{padding:var(--space-4) var(--space-2);border-radius:var(--radius);background:color-mix(in srgb, var(--green) 14%, transparent);color:#fff;letter-spacing:-.03em;font-variant-numeric:tabular-nums;place-items:center;font-size:clamp(3rem,8vw,7rem);font-weight:800;line-height:1;display:grid}.display-flash{animation:1s ease-in-out 5 display-pulse}@keyframes display-pulse{0%,to{background:color-mix(in srgb, var(--green) 14%, transparent)}50%{background:var(--green)}}.display-prep-list{gap:var(--space-4);flex-wrap:wrap;align-content:start;display:flex;overflow:hidden}.display-prep-num{padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:1px solid var(--m-border-strong);color:var(--m-text-2);font-variant-numeric:tabular-nums;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1}.display-footer{padding:var(--space-4) var(--space-7);border-top:1px solid var(--m-border);color:var(--m-text-2);text-align:center;font-size:clamp(1rem,2vw,1.5rem)}@media (aspect-ratio<=1){.display-main{grid-template-rows:2fr 1fr;grid-template-columns:1fr}.display-col-prep{border-left:none;border-top:1px solid var(--m-border)}}.auth-view{min-height:100dvh;padding:var(--space-4);background:var(--bg);place-items:center;display:grid}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;padding:var(--space-6)}.auth-card-wide{max-width:460px}.auth-title{font-size:var(--text-card);margin-bottom:var(--space-2);font-weight:700}.auth-lead{color:var(--muted);font-size:var(--text-sm);margin:0 0 var(--space-5)}.auth-error{margin:var(--space-4) 0 0;color:var(--red);font-size:var(--text-sm)}.field-label{font-size:var(--text-sm);margin-bottom:var(--space-2);font-weight:600;display:block}.field{width:100%;padding:var(--space-3) var(--space-4);font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--space-4)}.field:focus-visible{outline:2px solid var(--brand);outline-offset:1px;border-color:#0000}.field-code{font-size:var(--text-card);letter-spacing:.3em;text-align:center}.field-affix{align-items:center;gap:var(--space-2);display:flex}.field-affix .field{flex:1;min-width:0}.field-suffix{color:var(--muted);font-size:var(--text-sm);margin-bottom:var(--space-4);white-space:nowrap}.field-hint{margin:calc(var(--space-3) * -1) 0 var(--space-4);font-size:var(--text-sm)}.field-hint-good{color:var(--green)}.field-hint-bad{color:var(--red)}.btn{width:100%;padding:var(--space-3) var(--space-5);font:inherit;color:#fff;background:var(--brand);border-radius:var(--radius);cursor:pointer;border:none;font-weight:600;transition:opacity .15s}.btn:hover:not(:disabled){opacity:.9}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-link{width:100%;margin-top:var(--space-3);padding:var(--space-2);font:inherit;font-size:var(--text-sm);color:var(--muted);cursor:pointer;background:0 0;border:none;text-decoration:underline;display:block}.swatches{gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.swatch{width:36px;height:36px;box-shadow:0 0 0 1px var(--border);cursor:pointer;border:2px solid #0000;border-radius:999px}.swatch-on{border-color:var(--card);box-shadow:0 0 0 2px var(--text)}.admin-view{background:var(--bg);min-height:100dvh}.admin-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--card);border-bottom:1px solid var(--border);display:flex}.admin-header .btn-link{width:auto;margin:0}.admin-title{font-size:var(--text-lead);font-weight:700}.admin-main{max-width:720px;padding:var(--space-5) var(--space-4);gap:var(--space-4);flex-direction:column;margin-inline:auto;display:flex}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5)}.panel-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.panel-title{font-size:var(--text-base);font-weight:700}.panel-body{color:var(--muted);font-size:var(--text-sm);margin:var(--space-2) 0 var(--space-4)}.queue-url{color:var(--brand);word-break:break-all;font-weight:600;display:inline-block}.pair-code-box{margin-bottom:var(--space-5);padding:var(--space-4);border:1px dashed var(--brand);border-radius:var(--radius);text-align:center}.pair-code-label,.pair-code-note{font-size:var(--text-sm);color:var(--muted);margin:0}.pair-code{margin:var(--space-3) 0;font-size:var(--text-display);letter-spacing:.15em;font-weight:700;line-height:var(--lh-tight)}.device-list{margin:0 0 var(--space-4);padding:0;list-style:none}.device-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border);display:flex}.device-row-off{opacity:.5}.device-row .btn-link{width:auto;margin:0}.device-name{margin:0;font-weight:600}.device-meta{font-size:var(--text-sm);color:var(--muted);margin:0}.device-add{gap:var(--space-2);flex-wrap:wrap;display:flex}.device-add .field{flex:1;min-width:140px;margin-bottom:0}.device-add .btn{width:auto}.settings-images{gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.settings-image{border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;place-items:center;width:96px;height:96px;display:grid;position:relative;overflow:hidden}.settings-image-wide{width:200px}.settings-image-preview{object-fit:cover;width:100%;height:100%}.settings-image-empty{font-size:var(--text-sm);color:var(--muted);text-align:center;padding:var(--space-2)}.settings-image-overlay{color:#fff;font-size:var(--text-sm);opacity:0;background:#00000080;place-items:center;font-weight:600;transition:opacity .15s;display:grid;position:absolute;inset:0}.settings-image:hover .settings-image-overlay{opacity:1}.settings-image-label{bottom:var(--space-1);left:var(--space-2);font-size:var(--text-xs);color:var(--muted);background:color-mix(in srgb, var(--card) 80%, transparent);padding:0 var(--space-1);border-radius:4px;position:absolute}.settings-color{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.settings-color-input{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;width:48px;height:40px;padding:0}.settings-color-hex{font-variant-numeric:tabular-nums;color:var(--muted);text-transform:uppercase}.settings-saved{margin-left:var(--space-3);color:var(--green);font-size:var(--text-sm);font-weight:600}.landing{background:var(--bg);min-height:100dvh;color:var(--text)}.landing-nav{max-width:1080px;padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.landing-mark{align-items:center;gap:var(--space-3);font-weight:700;display:flex}.landing-mark-badge{border-radius:var(--radius);background:var(--red);color:#fff;place-items:center;width:32px;height:32px;display:grid}.landing-nav-cta{color:var(--text);font-weight:600}.landing-hero{gap:var(--space-8);max-width:1080px;padding:var(--space-8) var(--space-5) var(--space-9);grid-template-columns:1.1fr .9fr;align-items:center;margin-inline:auto;display:grid}.landing-h1{font-size:var(--text-h1);letter-spacing:-.03em}.landing-lead{margin:var(--space-5) 0 var(--space-6);font-size:var(--text-lead);color:var(--muted);max-width:32ch}.landing-hero-btn{text-align:center;width:auto;text-decoration:none;display:inline-block}.landing-hero-signin .auth-view{min-height:0;padding:0;display:block}.landing-hero-signin .auth-card{max-width:none}.landing-section{max-width:1080px;padding:var(--space-9) var(--space-5);margin-inline:auto}.landing-section-alt{background:var(--card);border-block:1px solid var(--border);max-width:none}.landing-section-alt>*{max-width:1080px;margin-inline:auto}.landing-h2{font-size:var(--text-h2);letter-spacing:-.02em;margin-bottom:var(--space-7)}.landing-steps{gap:var(--space-6);margin:0;padding:0;list-style:none;display:grid}.landing-step{gap:var(--space-4);align-items:flex-start;display:flex}.landing-step-n{background:color-mix(in srgb, var(--red) 12%, transparent);width:40px;height:40px;color:var(--red);border-radius:999px;flex-shrink:0;place-items:center;font-weight:700;display:grid}.landing-step-title{font-size:var(--text-lead);margin-bottom:var(--space-2);font-weight:700}.landing-step-body{color:var(--muted);margin:0}.landing-surfaces{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.landing-surface{padding:var(--space-5);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.landing-surface-title{font-size:var(--text-lead);margin-bottom:var(--space-2);font-weight:700}.landing-surface-body{color:var(--muted);font-size:var(--text-sm);margin:0}.landing-footer{max-width:1080px;padding:var(--space-6) var(--space-5);color:var(--muted);font-size:var(--text-sm);border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.landing-footer a{color:var(--muted)}@media (width<=800px){.landing-hero{gap:var(--space-6);padding-top:var(--space-6);grid-template-columns:1fr}.landing-surfaces{grid-template-columns:1fr}}.platform{background:var(--bg);min-height:100dvh;color:var(--text)}.platform-message{min-height:100dvh;color:var(--muted);place-items:center;display:grid}.platform-header{padding:var(--space-4) var(--space-6);background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.platform-header .btn-link{width:auto;margin:0}.platform-title{font-size:var(--text-lead);font-weight:700}.platform-stats{gap:var(--space-3);padding:var(--space-5) var(--space-6);grid-template-columns:repeat(6,1fr);max-width:1200px;margin-inline:auto;display:grid}@media (width<=800px){.platform-stats{grid-template-columns:repeat(3,1fr)}}.platform-stat{gap:var(--space-1);padding:var(--space-4);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex}.platform-stat-value{font-size:var(--text-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.accent-green{color:var(--green)}.accent-orange{color:var(--orange)}.platform-stat-label{font-size:var(--text-sm);color:var(--muted)}.platform-table-wrap{max-width:1200px;margin:0 auto var(--space-8);padding:0 var(--space-6);overflow-x:auto}.platform-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.platform-table th{text-align:left;padding:var(--space-3);color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;font-weight:600}.platform-table td{padding:var(--space-3);border-bottom:1px solid var(--border);white-space:nowrap}.platform-table .num{text-align:right;font-variant-numeric:tabular-nums}.platform-rest{color:var(--text);flex-direction:column;display:flex}.platform-rest-name{font-weight:600}.platform-rest-slug{font-size:var(--text-xs);color:var(--muted)}.platform-badge{padding:2px var(--space-2);font-size:var(--text-xs);text-transform:capitalize;border-radius:999px;font-weight:600}.platform-badge-good{background:color-mix(in srgb, var(--green) 16%, transparent);color:#14663a}.platform-badge-warn{background:color-mix(in srgb, var(--orange) 16%, transparent);color:#8a5a00}.platform-badge-bad{background:color-mix(in srgb, var(--red) 14%, transparent);color:var(--red-dark)}.platform-badge-neutral{background:color-mix(in srgb, var(--muted) 14%, transparent);color:var(--muted)}.platform-dot{width:8px;height:8px;margin-right:var(--space-2);vertical-align:middle;border-radius:999px;display:inline-block}.platform-dot.on{background:var(--green)}.platform-dot.off{background:var(--muted)}