:root{--yellow:#fcca07;--ink:#0b0b0a;--ribbon:#676767;--mist:#e3e3e3;--espresso:#3a2a20;--crema:#c8a27a;--paper:#faf7f0;--bg:var(--paper);--surface:#fff;--surface-2:#f2eee4;--text:var(--ink);--text-muted:#5a5a58;--border:var(--mist);--accent:var(--yellow);--on-accent:var(--ink);--ok:#2f6b3f;--warn:#8a5a00;--radius:16px;--radius-sm:10px;--shadow:0 1px 2px #0000000f, 0 4px 16px #0000000f;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Rockwell", "Roboto Slab", "Zilla Slab", Georgia, serif;--gutter:16px;--max:720px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:var(--ink);--surface:#161614;--surface-2:#1f1f1c;--text:#f4f1ea;--text-muted:#a8a59d;--border:#2c2c28;--ok:#7fc48f;--warn:#f0c24b;--shadow:0 1px 2px #0006}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:16px/1.5 var(--font-ui);overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-display);margin:0;line-height:1.15}button,select,input{font:inherit;color:inherit}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{flex-direction:column;min-height:100dvh;display:flex}.loading{text-align:center;font:700 1.3rem var(--font-display);color:var(--text-muted);margin-top:30vh}.bar{z-index:10;padding:calc(10px + env(safe-area-inset-top)) var(--gutter) 10px;background:var(--ink);color:#fff;position:sticky;top:0}.bar-inner{flex-wrap:wrap;align-items:center;gap:8px 12px;max-width:1400px;margin:0 auto;display:flex}.brand{font:800 1.35rem/1 var(--font-display);color:var(--yellow)}.role{text-transform:uppercase;letter-spacing:.08em;background:#2c2c28;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:700}.role-barista{background:var(--yellow);color:var(--ink)}.now{color:#d8d5cc;font-size:.9rem}.bar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.on-shift{color:#7fd58f;font-size:.85rem;font-weight:700}.content{width:100%;max-width:1400px;padding:16px var(--gutter);flex:1;align-content:start;gap:14px;margin:0 auto;display:grid}.panel{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);padding:16px}.panel h1,.panel h2{font-size:1.15rem}.muted{color:var(--text-muted)}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.72rem;font-weight:700}.btn{appearance:none;border:1px solid var(--border);background:var(--surface-2);min-height:44px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:12px;padding:0 16px;font-weight:700}.btn.primary{background:var(--yellow);color:var(--ink);border-color:#0000}.btn.ghost{background:0 0}.btn.ghost.light{color:#fff;border-color:#4a4a45}.btn.danger{color:#b42318;border-color:#b4231873}.btn.whatsapp{color:#fff;background:#1f8f4e;border-color:#0000}.btn.small{min-height:34px;padding:0 12px;font-size:.85rem}.btn.big{min-height:52px;font-size:1.05rem}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.tab:focus-visible,.switch:focus-visible{outline:3px solid color-mix(in srgb, var(--yellow) 70%, transparent);outline-offset:2px}.icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:50%;width:40px;height:40px}.field{gap:6px;font-size:.9rem;font-weight:600;display:grid}.field input,.field select,.row input,.capacity input{font:inherit;border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--text);border-radius:10px;padding:10px 12px}.error{background:#b423181f;border-radius:10px;margin:0;padding:10px 12px}.login-wrap{min-height:100dvh;padding:var(--gutter);place-items:center;display:grid}.login{gap:14px;width:100%;max-width:420px;display:grid}.roles{border:0;gap:8px;margin:0;padding:0;display:grid}.roles legend{margin-bottom:6px;font-weight:700}.role-pick{border:1px solid var(--border);cursor:pointer;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:10px 12px;display:grid}.role-pick input{accent-color:var(--ink);grid-row:span 2}.role-pick span{color:var(--text-muted);font-size:.82rem}.role-pick.on{border-color:var(--text);background:color-mix(in srgb, var(--yellow) 18%, transparent)}.round{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=900px){.round{grid-template-columns:minmax(220px,1fr) auto;align-items:center}.chairs-toggle{grid-column:1/-1}}.round.open{border:2px solid var(--yellow)}.round-line{font:800 1.25rem var(--font-display);align-items:center;gap:8px;margin:4px 0 0;display:flex}.round .dot{background:var(--ribbon);border-radius:50%;width:12px;height:12px}.round.open .dot{background:#2f9e44;box-shadow:0 0 0 4px #2f9e4440}.meter{background:var(--surface-2);border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.meter span{background:var(--yellow);height:100%;display:block}.round-actions{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.capacity{color:var(--text-muted);gap:2px;font-size:.75rem;font-weight:700;display:grid}.capacity input{width:84px}.chairs-toggle{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-top:10px;font-size:.92rem;display:flex}.tabs{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.tab{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);white-space:nowrap;cursor:pointer;border-radius:999px;padding:8px 14px;font-weight:700}.tab.on{background:var(--ink);color:#fff;border-color:var(--ink)}@media (prefers-color-scheme:dark){.tab.on{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}}.columns{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=900px){.columns{grid-template-columns:repeat(3,1fr);align-items:start}}.column{border-radius:var(--radius);background:var(--surface-2);gap:10px;padding:10px;display:grid}.column h2{align-items:center;gap:8px;font-size:1rem;display:flex}.count{font:700 .8rem var(--font-ui);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:2px 8px}.empty{color:var(--text-muted);text-align:center;margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:4px;padding:12px;display:grid}.card.status-ready{border:2px solid var(--yellow)}.card.late{border-left:5px solid #d9480f}.card header{align-items:center;gap:8px;display:flex}.code{font:800 1.15rem/1 var(--font-display);font-variant-numeric:tabular-nums}.badge{border-radius:999px;padding:3px 8px;font-size:.75rem;font-weight:700}.badge.deliver{background:var(--yellow);color:var(--ink)}.badge.pickup{background:var(--espresso);color:#fff}.age{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.85rem}.card p{margin:0}.who{font-size:.92rem}.drink{font-size:1.05rem;font-weight:800}.opts{color:var(--text-muted);font-size:.88rem}.note{background:color-mix(in srgb, var(--yellow) 18%, transparent);border-radius:8px;padding:4px 8px;font-size:.88rem;font-style:italic}.actions{gap:6px;margin-top:6px;display:flex}.actions .btn{flex:1}.actions .more{flex:0 0 44px;padding:0}.more-menu{gap:6px;margin-top:4px;display:grid}.rooms-view{gap:12px;display:grid}.floor{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);gap:10px;padding:12px;display:grid}.pickup-floor{border:2px solid var(--espresso)}.floor-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.floor-head h2{font-size:1.05rem}.room-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.tile{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;gap:2px;padding:10px 12px;display:grid}.tile.busy{border-color:var(--text-muted)}.tile.hot{background:color-mix(in srgb, var(--yellow) 30%, var(--surface));border:2px solid var(--yellow)}.room-code{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.82rem}.tally{color:var(--text-muted);gap:8px;font-size:.8rem;display:flex}.ready-n{color:var(--text);font-weight:800}.run{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.menu-view{gap:10px;display:grid}.menu-head{align-items:center;gap:12px;display:flex}.menu-head .emoji{font-size:1.6rem}.menu-head h2{flex:1}.option-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.switch{appearance:none;border:1px solid var(--border);background:color-mix(in srgb, #b42318 12%, var(--surface));min-height:40px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 6px;font-weight:700;display:inline-flex}.switch .knob{background:var(--surface);border:1px solid var(--border);border-radius:50%;width:28px;height:28px}.switch.on{background:color-mix(in srgb, #2f9e44 18%, var(--surface))}.switch.on .knob{background:#2f9e44;border-color:#2f9e44}.backdrop{z-index:30;padding:var(--gutter);background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:18px;gap:12px;width:100%;max-width:460px;max-height:90dvh;padding:16px;display:grid;overflow-y:auto}.dialog-head{justify-content:space-between;align-items:center;display:flex}.quick{gap:6px;display:grid}.row{gap:8px;display:flex}.row input{flex:1;min-width:0}.stack{gap:12px;display:grid}.choices{border:0;gap:4px;margin:0;padding:0;display:grid}.choices legend{margin-bottom:4px;font-weight:700}.choice{align-items:center;gap:8px;min-height:40px;display:flex}.demo{border:1px dashed var(--ribbon);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:.85rem;display:flex}.demo label{align-items:center;gap:8px;display:flex}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:40;background:var(--ink);color:#fff;border-radius:999px;padding:12px 18px;font-weight:700;position:fixed;transform:translate(-50%)}.foot{text-align:center;color:var(--text-muted);padding:16px;font-size:.85rem}.admin{gap:12px;display:grid}.subtabs{border-bottom:1px solid var(--border);gap:4px;display:flex;overflow-x:auto}.subtab{appearance:none;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:10px 12px;font-weight:700}.subtab.on{color:var(--text);border-bottom-color:var(--yellow)}.row.wrap{flex-wrap:wrap;align-items:end}.row.between{justify-content:space-between;align-items:center}.small{font-size:.82rem}.search{min-width:180px;font:inherit;border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--text);border-radius:10px;flex:1;padding:10px 12px}.admin select{font:inherit;border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--text);border-radius:10px;padding:10px 12px}.people{margin:0;padding:0;list-style:none;display:grid}.person{border-top:1px solid var(--border);grid-template-columns:1fr auto;gap:2px 12px;padding:10px 0;display:grid}.person.off{opacity:.6}.person-meta{font-size:.82rem}.person-actions{grid-area:1/2/span 2;align-items:center;gap:6px;display:flex}@media (width<=640px){.person{grid-template-columns:1fr}.person-actions{flex-wrap:wrap;grid-area:auto/1}}.badge.off{background:var(--surface-2);color:var(--text-muted);margin-left:8px}.plain{gap:6px;margin:0;padding:0;list-style:none;display:grid}.result{border:1px dashed var(--ribbon);border-radius:12px;gap:8px;padding:12px;display:grid}.result.done{border:2px solid #2f9e44}.result h3{margin:0;font-size:1rem}.warn{color:#b42318}.secret{letter-spacing:.06em;background:var(--surface-2);-webkit-user-select:all;user-select:all;word-break:break-all;border-radius:10px;margin:0;padding:12px;font:700 1.4rem/1.2 ui-monospace,SF Mono,Menlo,monospace}.group{border:1px solid var(--border);border-radius:12px;margin:0;padding:12px}.group legend{padding:0 6px;font-weight:800}.grid2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.grid2 .wide{grid-column:1/-1}.field .row input{flex:1;min-width:0}