.ht{--t:222 84% 56%;position:relative;container-type:inline-size}html[data-theme=dark] .ht{--t:222 84% 68%}.inner-hero-grid--visual:has(.ht){grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:start;gap:24px;padding-top:28px}.ht-mesh{z-index:-1;background:radial-gradient(closest-side, hsl(var(--t) / .18), transparent 72%);border-radius:50%;height:26em;position:absolute;top:-3em;left:-6%;right:-6%}.ht-app{background:var(--color-surface);border-radius:1.1em;font-size:16px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 20px 44px -26px #0f172a4d}html[data-theme=dark] .ht-app{box-shadow:0 1px 2px #0000004d,0 20px 44px -26px #000000b3}.ht-bar{background:hsl(var(--t) / .1);align-items:center;gap:.6em;padding:.7em .95em;display:flex}.ht-lights{gap:.3em;display:flex}.ht-lights i{background:hsl(var(--t) / .3);border-radius:50%;width:.5em;height:.5em}.ht-lights i:nth-child(2){background:hsl(var(--t) / .45)}.ht-lights i:nth-child(3){background:hsl(var(--t) / .6)}.ht-bar b{letter-spacing:.1em;color:hsl(var(--t) / .95);font-size:.6em;font-weight:800}html[data-theme=dark] .ht-bar b{color:hsl(var(--t))}.ht-bar s{background:hsl(var(--t) / .16);color:hsl(var(--t) / .95);border-radius:999px;padding:.15em .5em;font-size:.55em;font-weight:800;text-decoration:none}html[data-theme=dark] .ht-bar s{color:hsl(var(--t))}.ht-bar em{color:var(--color-faint);white-space:nowrap;margin-left:auto;font-size:.56em;font-style:normal;font-weight:600}.ht-body{grid-template-rows:auto auto;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"rooms covers kitchen takings""order order desk desk";gap:.5em;padding:.8em .9em;display:grid}.ht-tile--rooms{grid-area:rooms}.ht-tile--covers{grid-area:covers}.ht-tile--kitchen{grid-area:kitchen}.ht-tile--takings{grid-area:takings}.ht-panel--order{grid-area:order}.ht-panel--desk{grid-area:desk}.ht-panel.ht-panel--desk{align-content:space-between}@keyframes ht-in{0%{transform:translateY(.5em)}}@keyframes ht-grow{0%{transform:scaleX(0)}}.ht-panel{background:hsl(var(--t) / .07);box-shadow:inset 0 0 0 1px hsl(var(--t) / .14);animation:.52s ease-out ht-in;animation-delay:calc(var(--i) * 70ms);border-radius:.8em;align-content:start;gap:.4em;padding:.7em;display:grid}.ht-panel>b{color:var(--color-ink);align-items:center;gap:.4em;font-size:.6em;font-weight:800;display:flex}.ht-panel>b>u{background:hsl(var(--t) / .16);color:hsl(var(--t) / .95);white-space:nowrap;border-radius:999px;margin-left:auto;padding:.1em .5em;font-size:.85em;font-weight:700;text-decoration:none}html[data-theme=dark] .ht-panel>b>u{color:hsl(var(--t))}.ht-glyph{fill:none;width:1em;height:1em;stroke:hsl(var(--t));stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.ht-panel>b>.ht-glyph{width:1.25em;height:1.25em}.ht-tile{aspect-ratio:1;background:var(--color-surface);box-shadow:inset 0 0 0 1px hsl(var(--t) / .18);animation:.52s ease-out ht-in;animation-delay:calc(var(--i) * 70ms);border-radius:.8em;grid-template-rows:auto auto minmax(0,1fr) auto;gap:.3em;padding:.6em;display:grid}.ht-tile>s{color:var(--color-mute);align-items:center;gap:.3em;font-size:.46em;font-weight:800;text-decoration:none;display:flex}.ht-tile>s>.ht-glyph{width:1.2em;height:1.2em}.ht-tile>b{color:var(--color-ink);align-items:baseline;gap:.2em;font-size:.92em;font-weight:800;line-height:1;display:flex}.ht-tile>b>u{color:var(--color-faint);font-size:.38em;font-weight:700;text-decoration:none}.ht-sub{color:var(--color-faint);font-size:.4em;font-style:normal;font-weight:700;line-height:1.3}.ht-live{align-items:center;margin-left:auto;display:flex}.ht-live>i{background:#f59f0a;border-radius:50%;width:.5em;height:.5em;animation:1.5s step-end infinite ht-blink}@keyframes ht-blink{0%,58%{opacity:1;box-shadow:0 0 .3em #f59f0ae6}59%,to{opacity:.25;box-shadow:0 0 #f59f0a00}}.ht-rack{grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-content:center;gap:.16em;height:100%;min-height:0;display:grid;overflow:hidden}.ht-rack em{background:var(--color-chip);animation:.44s ease-out ht-in;animation-delay:calc(var(--i) * 24ms + .16s);border-radius:.16em}.ht-rack em.is-occupied{background:#2fb175d9}.ht-rack em.is-cleaning{background:#f59f0acc}.ht-rack em.is-free{background:var(--color-chip);box-shadow:inset 0 0 0 1px hsl(var(--t) / .25)}.ht-rack em.is-arriving{background:hsl(var(--t));animation:ht-in .44s ease-out calc(var(--i) * 24ms + .16s), ht-fade 2.8s ease-in-out infinite;animation-delay:calc(var(--i) * 24ms + .16s), calc(var(--i) * .3s + .9s)}@keyframes ht-fade{0%,46%,to{opacity:1}66%{opacity:.4}}.ht-floor{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-content:center;gap:.2em;height:100%;min-height:0;display:grid;overflow:hidden}.ht-floor em{background:var(--color-chip);box-shadow:inset 0 0 0 1px hsl(var(--t) / .14);animation:.48s ease-out ht-in;animation-delay:calc(var(--i) * 60ms + .22s);border-radius:.28em;align-content:center;justify-items:center;gap:.16em;display:grid}.ht-floor em>s{color:var(--color-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.46em;font-weight:800;line-height:1;text-decoration:none}.ht-floor em>i{gap:.12em;display:flex}.ht-floor em>i>b{background:hsl(var(--t) / .22);border-radius:50%;width:.26em;height:.26em}.ht-floor em>i>b.is-taken{background:#2fb175}.ht-floor em.is-waiting{animation:ht-in .48s ease-out calc(var(--i) * 60ms + .22s), ht-wait 3.2s ease-in-out 1.2s infinite;background:#f59f0a24;box-shadow:inset 0 0 0 1.5px #f59f0a8c}.ht-floor em.is-waiting>s{color:#a06a0e}html[data-theme=dark] .ht-floor em.is-waiting>s{color:#f9c56c}@keyframes ht-wait{0%,54%,to{transform:scale(1)}68%{transform:scale(.94)}82%{transform:scale(1.02)}}.ht-timers{grid-auto-rows:minmax(0,1fr);gap:.18em;height:100%;min-height:0;display:grid;overflow:hidden}.ht-timers em{grid-template-columns:minmax(0,1.5em) minmax(0,1fr);align-items:center;gap:.32em;display:grid}.ht-timers em>s{color:var(--color-mute);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.44em;font-weight:800;text-decoration:none}.ht-timers em>u{background:var(--color-chip);border-radius:999px;height:.4em;display:block;overflow:hidden}.ht-timers em>u>b{width:var(--w);border-radius:inherit;background:hsl(var(--t) / .75);transform-origin:0;height:100%;animation:.7s cubic-bezier(.22,1,.36,1) ht-grow;animation-delay:calc(var(--i) * 90ms + .3s);display:block}.ht-timers em.is-over>s{color:#a06a0e}html[data-theme=dark] .ht-timers em.is-over>s{color:#f9c56c}.ht-timers em.is-over>u>b{background:#f59f0a;animation:.7s cubic-bezier(.22,1,.36,1) .3s ht-grow,4.5s ease-in-out 1.4s infinite ht-creep}@keyframes ht-creep{0%,to{transform:scaleX(1)}55%{transform:scaleX(1.05)}}.ht-stack{align-content:center;gap:.4em;height:100%;min-height:0;display:grid;overflow:hidden}.ht-stack>u{background:var(--color-chip);border-radius:999px;height:.7em;display:flex;overflow:hidden}.ht-stack>u>b{width:var(--w);transform-origin:0;height:100%;animation:.7s cubic-bezier(.22,1,.36,1) ht-grow;animation-delay:calc(var(--i) * .11s + .32s)}.ht-stack>u>b:first-child{background:hsl(var(--t))}.ht-stack>u>b:nth-child(2){background:hsl(var(--t) / .52)}.ht-stack>u>b:nth-child(3){background:hsl(var(--t) / .26)}.ht-stack>s{gap:.24em;text-decoration:none;display:grid}.ht-stack>s>em{color:var(--color-mute);white-space:nowrap;animation:.48s ease-out ht-in;animation-delay:calc(var(--i) * 90ms + .42s);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.34em;font-size:.42em;font-style:normal;font-weight:800;display:grid}.ht-stack>s>em>i{border-radius:.16em;flex:none;width:.6em;height:.6em}.ht-stack>s>em>u{color:var(--color-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;text-decoration:none}.ht-stack>s>em:first-child>i{background:hsl(var(--t))}.ht-stack>s>em:nth-child(2)>i{background:hsl(var(--t) / .52)}.ht-stack>s>em:nth-child(3)>i{background:hsl(var(--t) / .26)}.ht-order{gap:.24em;display:grid}.ht-order em{background:var(--color-surface);box-shadow:inset 0 0 0 1px hsl(var(--t) / .16);animation:.52s ease-out ht-in;animation-delay:calc(var(--i) * 80ms + .16s);border-radius:.45em;grid-template-columns:1.9em minmax(0,1fr) auto auto;align-items:center;gap:.4em;padding:.24em .4em .24em .24em;display:grid}.ht-order em>img{object-fit:cover;border-radius:.36em;width:1.9em;height:1.9em;display:block}.ht-order em>s{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-ink);font-size:.5em;font-weight:800;text-decoration:none;overflow:hidden}.ht-order em>i{color:var(--color-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.44em;font-style:normal;font-weight:800}.ht-order em>u{white-space:nowrap;background:hsl(var(--t) / .14);color:hsl(var(--t) / .95);border-radius:999px;padding:.1em .42em;font-size:.4em;font-weight:800;text-decoration:none}html[data-theme=dark] .ht-order em>u{color:hsl(var(--t))}.ht-order em.is-served>u{color:#1d6745;background:#2db4752e}html[data-theme=dark] .ht-order em.is-served>u{color:#7be0b1}.ht-order em.is-cooking>u{color:#8d5e0c;background:#f5a31433}html[data-theme=dark] .ht-order em.is-cooking>u{color:#f9c56c}.ht-fire{background:hsl(var(--t) / .1);border-radius:.5em;grid-template-columns:1.7em minmax(0,1fr) auto;align-items:center;gap:.45em;padding:.35em .45em;display:grid}.ht-fire>img{object-fit:cover;border-radius:.44em;width:1.7em;height:1.7em;display:block}.ht-fire>b{color:var(--color-ink);gap:.06em;font-size:.5em;font-weight:800;display:grid}.ht-fire>b>u{color:var(--color-faint);align-items:center;gap:.25em;font-size:.86em;font-weight:700;text-decoration:none;display:flex}.ht-fire>b>u>.ht-glyph{width:1em;height:1em;fill:hsl(var(--t) / .25);animation:3.2s cubic-bezier(.45,0,.35,1) .9s infinite ht-fly}@keyframes ht-fly{0%,56%,to{transform:translate(0,0)}70%{transform:translate(.5em,-.3em)}71%{transform:translate(-.4em,.2em)}}.ht-fire>s{color:#1d6745;white-space:nowrap;background:#2db47529;border-radius:999px;align-items:center;gap:.25em;padding:.14em .45em;font-size:.42em;font-weight:800;text-decoration:none;display:flex}html[data-theme=dark] .ht-fire>s{color:#7be0b1}.ht-fire>s>.ht-glyph{stroke:#2da96f;width:1em;height:1em}.ht-rooms{gap:.22em;display:grid}.ht-rooms em{background:var(--color-surface);box-shadow:inset 0 0 0 1px hsl(var(--t) / .16);animation:.52s ease-out ht-in;animation-delay:calc(var(--i) * 80ms + .16s);border-radius:.42em;grid-template-columns:2.2em minmax(0,1fr) .5em;align-items:center;gap:.4em;padding:.26em .42em;display:grid}.ht-rooms em>s{color:var(--color-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.5em;font-weight:800;text-decoration:none}.ht-rooms em>u{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-faint);font-size:.46em;font-weight:700;text-decoration:none;overflow:hidden}.ht-rooms em>i{background:hsl(var(--t) / .4);border-radius:50%;width:.5em;height:.5em}.ht-rooms em.is-occupied>i{background:#2fb175}.ht-rooms em.is-cleaning>i{background:#f5a314}.ht-rooms em.is-arriving>i{background:hsl(var(--t));animation:2.6s ease-out infinite ht-pulse;animation-delay:calc(var(--i) * .5s + .7s)}@keyframes ht-pulse{0%,40%{box-shadow:0 0 0 0 hsl(var(--t) / 0)}52%{box-shadow:0 0 0 0 hsl(var(--t) / .5)}78%,to{box-shadow:0 0 0 .5em hsl(var(--t) / 0)}}.ht-checkin{background:hsl(var(--t) / .1);border-radius:.5em;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.4em;padding:.35em .45em;display:grid}.ht-checkin>img{object-fit:cover;border-radius:.44em;width:1.7em;height:1.7em;display:block}.ht-checkin>.ht-guest{box-shadow:0 0 0 2px var(--color-surface);margin-left:-.75em}.ht-checkin>b{color:var(--color-ink);gap:.06em;font-size:.5em;font-weight:800;display:grid}.ht-checkin>b>u{text-overflow:ellipsis;white-space:nowrap;color:var(--color-faint);font-size:.86em;font-weight:700;text-decoration:none;overflow:hidden}.ht-foot{background:hsl(var(--t) / .1);gap:.42em;padding:.65em .9em;display:grid}.ht-foot-row{grid-template-columns:minmax(0,6.4em) minmax(0,1fr);align-items:center;gap:.6em;display:grid}.ht-foot-row>b{letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--t) / .95);font-size:.54em;font-weight:800}html[data-theme=dark] .ht-foot-row>b{color:hsl(var(--t))}.ht-roles{flex-wrap:wrap;justify-self:start;gap:.3em;display:flex;position:relative}.ht-roles:before{content:"";border-top:1.5px dashed hsl(var(--t) / .3);position:absolute;top:50%;left:1.4em;right:1.4em}.ht-roles em{z-index:1;background:var(--color-surface);min-width:0;box-shadow:inset 0 0 0 1px hsl(var(--t) / .2);animation:.52s ease-out ht-in;animation-delay:calc(var(--i) * 80ms + .18s);border-radius:999px;align-items:center;gap:.26em;padding:.18em .45em .18em .18em;display:flex;position:relative}.ht-roles em>img{object-fit:cover;width:1.35em;height:1.35em;box-shadow:0 0 0 1.5px hsl(var(--t) / .3);animation:7s ease-in-out infinite ht-hand;animation-delay:calc(var(--i) * 1.2s + .6s);border-radius:50%;flex:none;display:block}@keyframes ht-hand{0%,3%{box-shadow:0 0 0 1.5px hsl(var(--t) / .3);transform:translateY(0)}9%{box-shadow:0 0 0 2px hsl(var(--t));transform:translateY(-.12em)}22%,to{box-shadow:0 0 0 1.5px hsl(var(--t) / .3);transform:translateY(0)}}.ht-roles em>s{color:var(--color-ink);white-space:nowrap;font-size:.5em;font-weight:800;text-decoration:none}.ht-roles em>u{text-overflow:ellipsis;white-space:nowrap;color:var(--color-faint);font-size:.46em;font-weight:700;text-decoration:none;overflow:hidden}.ht-modules{flex-wrap:wrap;gap:.3em;display:flex}.ht-modules i{background:var(--color-surface);box-shadow:inset 0 0 0 1px hsl(var(--t) / .2);color:var(--color-ink);animation:.52s ease-out ht-in;animation-delay:calc(var(--i) * 50ms + .24s);border-radius:999px;padding:.18em .5em;font-size:.52em;font-style:normal;font-weight:700;transition:box-shadow .18s,transform .18s}.ht-modules i:hover{box-shadow:inset 0 0 0 1px hsl(var(--t) / .5);transform:translateY(-1px)}@container (max-width:640px){.ht-body{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"rooms covers""kitchen takings""order order""desk desk"}.ht-foot-row{grid-template-columns:minmax(0,1fr);gap:.25em}}@container (max-width:560px){.ht-bar em{display:none}}@container (max-width:460px){.ht-app{font-size:13.5px}.ht-roles{row-gap:.3em}.ht-roles:before,.ht-roles em>u{display:none}}@media (prefers-reduced-motion:reduce){.ht-panel,.ht-tile,.ht-live>i,.ht-rack em,.ht-rack em.is-arriving,.ht-floor em,.ht-floor em.is-waiting,.ht-timers em>u>b,.ht-timers em.is-over>u>b,.ht-stack>u>b,.ht-stack>s>em,.ht-order em,.ht-fire>b>u>.ht-glyph,.ht-rooms em,.ht-rooms em.is-arriving>i,.ht-roles em,.ht-roles em>img,.ht-modules i{animation:none}}