@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter/inter.woff2)format("woff2")}@font-face{font-family:Ubuntu;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/ubuntu/ubuntu-300.woff2)format("woff2")}@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ubuntu/ubuntu-400.woff2)format("woff2")}@font-face{font-family:Ubuntu;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ubuntu/ubuntu-500.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#1e1b1a;--cream:#f4efe8;--cream-2:#f4efe88c;--key-border:#f4efe81f;--tile:#262220;--smoke:#3b3634;--dusk:#4e6e91;--sage:#49755b;--dusk-bright:#6285ab;--alert:#f2777a;--ui:"Inter", -apple-system, system-ui, "Segoe UI", sans-serif;--visual:"Ubuntu", "Inter", -apple-system, system-ui, sans-serif}html,body,#root{background:var(--ink);overscroll-behavior:none;height:100%;margin:0}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.kiosk{box-sizing:border-box;background:var(--ink);width:100vw;height:100dvh;color:var(--cream);font-family:var(--ui);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.4;position:relative;overflow:hidden}.kiosk button{box-sizing:border-box;font:inherit;cursor:pointer;color:inherit;justify-content:center;align-items:center;margin:0;display:flex}.kiosk button:focus-visible{outline:3px solid var(--dusk-bright);outline-offset:3px}.numbers{font-variant-numeric:tabular-nums}.lamp{pointer-events:none;background:radial-gradient(62% 70% at 50% -8%,#ffecd61a,#ffecd609 45%,#0000 72%),radial-gradient(120% 95% at 50% 40%,#0000 55%,#00000052);position:absolute;inset:0}.place{text-align:center;letter-spacing:.02em;color:var(--cream-2);margin:0;font-size:15px;position:absolute;top:34px;left:0;right:0}.signature{opacity:.5;pointer-events:none;width:auto;height:15px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.offline{background:var(--tile);border:1px solid var(--key-border);border-radius:20px;align-items:center;gap:10px;min-height:40px;margin:0;padding:0 16px;font-size:15px;display:flex;position:absolute;bottom:20px;right:32px}.muted{color:var(--cream-2);display:flex}.rest{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;height:100%;padding-top:30px;display:flex;position:relative}.clock{font-family:var(--visual);letter-spacing:-.02em;font-size:112px;font-weight:300;line-height:1}.day{color:var(--cream-2);margin-top:8px;font-size:18px}.ask{color:var(--cream-2);margin:38px 0 14px;font-size:17px}.dots{gap:24px;display:flex}.dot{box-sizing:border-box;border:1.5px solid var(--cream-2);border-radius:50%;width:13px;height:13px;display:block}.dot.full{background:var(--cream);border:0}.said{align-items:center;gap:8px;height:24px;margin:14px 0 0;font-size:16px;display:flex}.wrong{color:var(--alert);display:flex}.pad{grid-template-columns:repeat(3,136px);gap:12px;margin-top:14px;display:grid}.key{background:var(--smoke);border:0;border-radius:16px;height:72px;font-size:30px;font-weight:400}.key:active{background:#4a4441}.key:disabled{opacity:.35;cursor:default}.key.zero{grid-column:2}.key.erase{color:var(--cream-2);background:0 0}.head{justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:34px;left:48px;right:48px}.head h1{font-family:var(--visual);margin:0;font-size:34px;font-weight:400;line-height:1.2}.head p{color:var(--cream-2);margin:4px 0 0;font-size:16px}.head p.not-kept{color:var(--cream);align-items:center;gap:8px;margin-top:10px;display:flex}.kiosk .leave{background:var(--smoke);border:0;border-radius:14px;gap:8px;height:48px;padding:0 20px;font-size:16px}.tile{height:520px;display:grid;position:absolute;top:150px;left:48px;right:48px}.tile.short{height:360px}.kiosk .punch{background:var(--dusk);color:var(--cream);text-align:left;border:0;border-radius:26px;justify-content:space-between;gap:40px;padding:36px 64px 36px 40px}.kiosk .punch:active{background:#46637f}.punch-side{flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;display:flex}.punch-words{flex-direction:column;gap:8px;display:flex}.punch-title{font-size:44px;font-weight:600;line-height:1.1}.punch-under{font-size:18px}.planned{box-sizing:border-box;background:#1e1b1a38;border-radius:20px;flex-direction:column;flex:0 0 380px;justify-content:center;align-self:stretch;gap:14px;padding:32px 36px;display:flex}.planned-label,.planned-how{opacity:.8;font-size:16px}.planned-times{font-family:var(--visual);white-space:nowrap;font-size:46px;font-weight:300;line-height:1}.planned-none{font-family:var(--visual);font-size:34px;font-weight:400;line-height:1.15}.planned-position{align-items:center;gap:12px;font-size:22px;font-weight:600;display:flex}.position-dot{border-radius:50%;flex:0 0 14px;width:14px;height:14px;box-shadow:0 0 0 2px #f4efe8e6}.since{justify-content:center;align-items:center;display:flex;position:relative}.since-words{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.since-hours{font-family:var(--visual);font-size:68px;font-weight:300;line-height:1}.since-label{font-size:16px}.positions{position:absolute;top:540px;left:48px;right:48px}.positions h2{color:var(--cream-2);margin:0;font-size:16px;font-weight:600}.choices{flex-wrap:wrap;gap:16px;margin-top:12px;display:flex}.kiosk .choice{width:300px;height:72px;color:var(--cream);background:0 0;border:1.5px solid #f4efe859;border-radius:16px;justify-content:flex-start;gap:14px;padding:0 24px;font-size:22px;font-weight:500}.kiosk .choice[aria-pressed=true]{background:var(--cream);color:var(--ink);border:0;font-weight:600}.choice-mark{margin-left:auto;display:flex}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;height:520px;display:grid;position:absolute;top:150px;left:48px;right:48px}.tiles.short{height:360px}.kiosk .caisse-tile,.kiosk .punch.half{text-align:left;border-radius:26px;flex-direction:column;justify-content:space-between;align-items:stretch;gap:24px;padding:36px 40px}.kiosk .caisse-tile{background:var(--sage);color:var(--cream);border:0;align-items:flex-start}.kiosk .caisse-tile:active{background:#416a52}.kiosk .caisse-tile:disabled{border:1px solid var(--key-border);background:var(--tile);color:var(--cream-2);cursor:default}.tiles .punch-title,.reminder-tile .punch-title{font-size:40px}.half-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.planned.small{border-radius:18px;flex:0 auto;align-self:auto;gap:10px;padding:20px 24px}.planned.small .planned-times{font-size:34px}.planned.small .planned-label,.planned.small .planned-how{font-size:15px}.planned.small .planned-position{font-size:19px}.since.small .since-hours{font-size:44px}.since.small .since-label{font-size:14px}.reminder{position:absolute;top:150px;left:48px;right:48px}.reminder h2{font-family:var(--visual);margin:0;font-size:40px;font-weight:400;line-height:1.2}.reminder p{color:var(--cream-2);margin:10px 0 0;font-size:19px}.reminder-tile{height:300px;display:grid;position:absolute;top:290px;left:48px;right:48px}.reminder-anyway{display:flex;position:absolute;top:622px;left:48px;right:48px}.kiosk .anyway{background:var(--smoke);height:72px;color:var(--cream);border:0;border-radius:18px;gap:10px;padding:0 32px;font-size:20px;font-weight:500}.thanks{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding-bottom:40px;display:flex}.face{width:148px;height:148px;display:block;position:relative}.face img,.face .initial{object-fit:cover;background:var(--tile);width:148px;height:148px;font-family:var(--visual);border-radius:50%;justify-content:center;align-items:center;font-size:60px;display:flex}.face-check{box-sizing:border-box;border:4px solid var(--ink);background:var(--dusk);width:52px;height:52px;color:var(--cream);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-6px;right:-6px}.thanks h1{font-family:var(--visual);margin:36px 0 0;font-size:44px;font-weight:400}.thanks .what{margin:12px 0 0;font-size:19px}.thanks .soon{color:var(--cream-2);margin:10px 0 0;font-size:16px}.thanks .bar{background:var(--dusk-bright);border-radius:1px;width:140px;height:2px;margin-top:18px;display:block}.message{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 120px 40px;display:flex;position:relative}.disc{width:104px;height:104px;color:var(--cream);background:var(--tile);border-radius:50%;justify-content:center;align-items:center;display:flex}.disc.done{background:var(--dusk)}.message h1{max-width:820px;font-family:var(--visual);margin:32px 0 0;font-size:40px;font-weight:400;line-height:1.2}.message p{max-width:680px;margin:14px 0 0;font-size:19px;line-height:1.5}.message p.second{color:var(--cream-2)}.message .action{margin-top:40px}.kiosk .primary{background:var(--cream);height:64px;color:var(--ink);border:0;border-radius:16px;gap:8px;padding:0 44px;font-size:18px;font-weight:600}.kiosk .primary:disabled{opacity:.4;cursor:default}.pairing{flex-direction:column;gap:22px;width:560px;display:flex;position:absolute;top:56px;left:48px}.pairing h1{font-family:var(--visual);margin:0;font-size:34px;font-weight:400;line-height:1.2}.pairing .how{color:var(--cream-2);margin:0;font-size:17px;line-height:1.55}.pairing .note{align-items:flex-start;gap:10px;margin:0;font-size:17px;line-height:1.5;display:flex}.pairing .note .wrong{margin-top:2px}.code{align-items:center;gap:8px;margin-top:14px;display:flex}.code-gap{width:10px}.code-box{box-sizing:border-box;width:52px;height:68px;font-family:var(--visual);border:1.5px solid #f4efe840;border-radius:12px;justify-content:center;align-items:center;font-size:32px;display:flex}.code-box.here{border-color:var(--dusk-bright)}.caret{background:var(--cream);width:2px;height:30px;display:block}.pairing-pad{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:420px;display:grid;position:absolute;top:124px;right:48px}.pairing-pad .key{height:82px}.pairing-foot{justify-content:flex-end;display:flex;position:absolute;bottom:32px;left:48px;right:48px}@media (orientation:portrait){.pairing{width:auto;right:48px}.pairing-pad{width:auto;top:560px;left:48px;right:48px}}