.kiosk.svelte-sim74c{background:radial-gradient(1200px 700px at 100% 0%, color-mix(in oklab, var(--accent) 9%, transparent), transparent 60%), var(--bg);-webkit-user-select:none;user-select:none;grid-template-columns:minmax(280px,34%) 1fr;height:100dvh;display:grid;overflow:hidden}.side.svelte-sim74c{border-right:1px solid var(--border);background:color-mix(in oklab, var(--panel) 60%, var(--bg));flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,4vh,3rem) clamp(1.5rem,3vw,3rem);display:flex}.brand.svelte-sim74c{align-items:center;display:flex}.logo.svelte-sim74c{object-fit:contain;max-width:100%;max-height:clamp(3rem,9vh,5.5rem)}.clock.svelte-sim74c .time:where(.svelte-sim74c){font-family:var(--font-serif);letter-spacing:-.02em;font-variation-settings:"opsz" 144, "SOFT" 50;align-items:baseline;gap:.4rem;font-size:clamp(3rem,8vw,6.5rem);font-weight:500;line-height:1;display:flex}.sec.svelte-sim74c{font-family:var(--font-sans);color:var(--muted);font-size:.28em;font-weight:500}.date.svelte-sim74c{color:var(--text-2);margin-top:.6rem;font-size:clamp(1rem,1.6vw,1.25rem)}.hint.svelte-sim74c{color:var(--muted);max-width:26ch;font-size:.95rem}.stage.svelte-sim74c{place-items:center;padding:clamp(1rem,4vh,3rem);display:grid;overflow:auto}.pad.svelte-sim74c{text-align:center;flex-direction:column;align-items:center;gap:1.1rem;width:min(100%,26rem);display:flex}.pad.svelte-sim74c h1:where(.svelte-sim74c){font-size:clamp(1.5rem,3vw,2.1rem)}.dots.svelte-sim74c{gap:.9rem;padding:.5rem 0;display:flex}.dot.svelte-sim74c{border:2px solid var(--border-2);background:var(--panel);width:1.1rem;height:1.1rem;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-spring), border-color var(--dur-fast);border-radius:50%}.dot.filled.svelte-sim74c{background:var(--accent);border-color:var(--accent);transform:scale(1.18)}.dots.busy.svelte-sim74c .dot.filled:where(.svelte-sim74c){animation:.9s ease-in-out infinite svelte-sim74c-pulse}.dots.shake.svelte-sim74c{animation:svelte-sim74c-shake .42s var(--ease-out)}.feedback.svelte-sim74c{min-height:1.5rem;font-size:.95rem}.err.svelte-sim74c{color:var(--danger);font-weight:560}.keys.svelte-sim74c{grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;display:grid}.key.svelte-sim74c{aspect-ratio:1.45;font-variant-numeric:tabular-nums;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);min-height:4.4rem;box-shadow:var(--shadow-sm);transition:transform 90ms var(--ease-out), background 90ms, box-shadow 90ms;touch-action:manipulation;font-size:1.9rem;font-weight:500}.key.svelte-sim74c:active{background:var(--accent-wash);box-shadow:none;transform:scale(.96)}.key.soft.svelte-sim74c{color:var(--muted);background:var(--panel-2);font-size:1.05rem}.keys.disabled.svelte-sim74c .key:where(.svelte-sim74c){opacity:.6}.locked.svelte-sim74c .lock-mark:where(.svelte-sim74c){font-size:3rem}.lead.svelte-sim74c{color:var(--text-2);max-width:40ch;font-size:1.05rem}.person.svelte-sim74c{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(100%,40rem);box-shadow:var(--shadow-lg);flex-direction:column;gap:1.4rem;padding:clamp(1.4rem,3vw,2.4rem);display:flex}.who.svelte-sim74c{align-items:center;gap:1.1rem;display:flex}.who.svelte-sim74c h1:where(.svelte-sim74c){font-size:clamp(1.6rem,3vw,2.2rem)}.avatar.big.svelte-sim74c{width:3.6rem;height:3.6rem;font-size:1.15rem}.state-line.svelte-sim74c{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.35rem;display:flex}.actions.svelte-sim74c{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.9rem;display:grid}.action.svelte-sim74c{border-radius:var(--radius);border:1px solid var(--border-2);background:var(--panel-2);text-align:left;min-height:6.2rem;transition:transform .12s var(--ease-out), box-shadow .12s;touch-action:manipulation;flex-direction:column;align-items:flex-start;gap:.2rem;padding:1.2rem 1.3rem;display:flex}.action.svelte-sim74c:active{transform:scale(.98)}.action.primary.svelte-sim74c{background:var(--accent);border-color:var(--accent-ink);color:var(--on-accent);box-shadow:var(--shadow-pop)}.action.primary.out.svelte-sim74c{background:var(--text);border-color:var(--text)}.action.break.svelte-sim74c{background:var(--warn-wash);border-color:color-mix(in oklab, var(--warn) 35%, white);color:var(--warn)}.action.in.svelte-sim74c:not(.primary){background:var(--ok-wash);border-color:color-mix(in oklab, var(--ok) 35%, white);color:var(--ok)}.a-label.svelte-sim74c{letter-spacing:-.01em;font-size:1.5rem;font-weight:600}.a-hint.svelte-sim74c{opacity:.8;font-size:.92rem}.facts.svelte-sim74c{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;padding-top:.3rem;display:flex}.fact.svelte-sim74c{align-items:baseline;gap:1rem;font-size:.98rem;display:flex}.fact.svelte-sim74c .label:where(.svelte-sim74c){flex:none;width:6.5rem}.person-foot.svelte-sim74c{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.timeoff.svelte-sim74c .off-form:where(.svelte-sim74c){flex-direction:column;gap:1rem;display:flex}.two.svelte-sim74c{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.timeoff.svelte-sim74c input:where(.svelte-sim74c),.timeoff.svelte-sim74c textarea:where(.svelte-sim74c){font-size:1.1rem}.done.svelte-sim74c{text-align:center;flex-direction:column;align-items:center;gap:.7rem;max-width:34rem;display:flex}.done.svelte-sim74c h1:where(.svelte-sim74c){font-size:clamp(1.8rem,3.6vw,2.6rem)}.done.in.svelte-sim74c{color:var(--ok)}.done.out.svelte-sim74c{color:var(--text)}.done.break.svelte-sim74c{color:var(--warn)}.done.info.svelte-sim74c{color:var(--accent-ink)}.done.svelte-sim74c .lead:where(.svelte-sim74c){color:var(--text-2)}.check.svelte-sim74c .tick:where(.svelte-sim74c){stroke-dasharray:60;stroke-dashoffset:60px;animation:svelte-sim74c-draw .5s .12s var(--ease-out) forwards}.stamp.svelte-sim74c{font-family:var(--font-serif);color:var(--muted);margin-top:.4rem;font-size:1.6rem}.small.svelte-sim74c{color:var(--muted)}@keyframes svelte-sim74c-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}@keyframes svelte-sim74c-pulse{50%{opacity:.45}}@keyframes svelte-sim74c-draw{to{stroke-dashoffset:0}}@media (width<=760px){.kiosk.svelte-sim74c{grid-template-rows:auto 1fr;grid-template-columns:1fr}.side.svelte-sim74c{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;gap:1rem}.hint.svelte-sim74c{display:none}.clock.svelte-sim74c .time:where(.svelte-sim74c){font-size:2.2rem}.date.svelte-sim74c{display:none}}
