*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--neutral-50);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.kiosk-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:var(--neutral-50)}.kiosk-header{padding:var(--space-5) var(--space-7);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);background:transparent}.kiosk-brand{display:flex;align-items:flex-start;gap:var(--space-5);min-width:0}.kiosk-brand-wordmark{display:inline-flex;align-items:center;flex-shrink:0;padding-top:var(--space-1)}.kiosk-wordmark{height:22px;width:auto}.kiosk-brand-meta{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;padding-top:var(--space-1)}.kiosk-org-name{font-size:var(--t-body-size);font-weight:600;line-height:1.3;color:var(--fg1);letter-spacing:-0.01em}.kiosk-station-label{font-size:var(--t-caption-size);color:var(--fg3);line-height:var(--t-caption-lh)}.kiosk-header-right{padding-top:var(--space-1)}.kiosk-time{font-size:var(--t-caption-size);font-weight:450;color:var(--fg3);letter-spacing:0.01em}.kiosk-main{padding:var(--space-4) var(--space-7) var(--space-7);display:flex;justify-content:center;align-items:center}.kiosk-main--users{align-items:flex-start;padding-top:var(--space-2)}.kiosk-user-grid-wrap{width:100%;max-width:880px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.kiosk-user-grid-header{grid-column:1 / -1;font-size:var(--t-h2-size);font-weight:var(--t-h2-w);line-height:var(--t-h2-lh);color:var(--fg1);letter-spacing:-0.02em;padding-bottom:var(--space-4);margin-bottom:var(--space-1);border-bottom:1px solid var(--border)}.kiosk-user-btn{border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:none;padding:var(--space-6) var(--space-5);min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;font-family:var(--font-sans);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.kiosk-user-btn:active,.kiosk-user-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.kiosk-user-btn--sky{background:var(--sky-100);border-color:var(--sky-300)}.kiosk-user-btn--sky:hover{background:var(--sky-200);border-color:var(--sky-400);box-shadow:var(--shadow-sm)}.kiosk-user-btn--sky .kiosk-user-name{color:var(--sky-900)}.kiosk-user-btn--sky .kiosk-user-role{color:var(--sky-700)}.kiosk-user-btn--mint{background:var(--mint-100);border-color:var(--mint-300)}.kiosk-user-btn--mint:hover{background:var(--mint-200);border-color:var(--mint-500);box-shadow:var(--shadow-sm)}.kiosk-user-btn--mint .kiosk-user-name{color:var(--mint-900)}.kiosk-user-btn--mint .kiosk-user-role{color:var(--mint-700)}.kiosk-user-btn--lilac{background:var(--lilac-100);border-color:var(--lilac-300)}.kiosk-user-btn--lilac:hover{background:var(--lilac-200);border-color:var(--lilac-500);box-shadow:var(--shadow-sm)}.kiosk-user-btn--lilac .kiosk-user-name{color:var(--lilac-900)}.kiosk-user-btn--lilac .kiosk-user-role{color:var(--lilac-700)}.kiosk-user-btn--coral{background:var(--coral-100);border-color:var(--coral-300)}.kiosk-user-btn--coral:hover{background:var(--coral-200);border-color:var(--coral-500);box-shadow:var(--shadow-sm)}.kiosk-user-btn--coral .kiosk-user-name{color:var(--coral-900)}.kiosk-user-btn--coral .kiosk-user-role{color:var(--coral-700)}.kiosk-user-btn--butter{background:var(--butter-100);border-color:var(--butter-300)}.kiosk-user-btn--butter:hover{background:var(--butter-200);border-color:var(--butter-500);box-shadow:var(--shadow-sm)}.kiosk-user-btn--butter .kiosk-user-name{color:var(--butter-900)}.kiosk-user-btn--butter .kiosk-user-role{color:var(--butter-700)}.kiosk-user-name{font-size:var(--t-h3-size);line-height:1.25;font-weight:600;color:var(--fg1);letter-spacing:-0.02em;word-break:break-word;max-width:100%}.kiosk-user-role{font-size:var(--t-caption-size);color:var(--fg3);line-height:var(--t-caption-lh);font-weight:500}.kiosk-user-empty{grid-column:1 / -1;background:var(--bg-elevated);border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--fg3);text-align:center;padding:var(--space-7)}.kiosk-card{width:100%;max-width:400px;background:var(--bg-elevated);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center}.kiosk-card-header{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.kiosk-back-btn{align-self:flex-start;border:none;background:transparent;color:var(--fg3);font-size:var(--t-caption-size);line-height:var(--t-caption-lh);font-weight:500;font-family:var(--font-sans);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding:0}.kiosk-back-btn:hover{color:var(--fg2)}.kiosk-icon{width:16px;height:16px;vertical-align:middle}.kiosk-icon-sm{width:14px;height:14px}.kiosk-icon-xs{width:13px;height:13px}.kiosk-prompt{font-size:var(--t-h2-size);font-weight:var(--t-h2-w);line-height:var(--t-h2-lh);color:var(--fg1);letter-spacing:-0.02em}.kiosk-prompt-sub{font-size:var(--t-body-size);line-height:var(--t-body-lh);color:var(--fg2)}.pin-dots{min-height:20px;display:flex;justify-content:center;align-items:center;gap:var(--space-3)}.pin-dot{width:12px;height:12px;border-radius:var(--radius-pill);border:2px solid var(--neutral-300);background:transparent;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.pin-dot.filled{background:var(--fg1);border-color:var(--fg1);transform:scale(1.08)}.pin-dot.error{background:var(--danger);border-color:var(--danger)}.kiosk-status{min-height:1.4rem;text-align:center;font-size:var(--t-label-size);line-height:1.45;font-weight:500;color:var(--danger-strong)}.kiosk-status.success{color:var(--success-strong)}.kiosk-status.info{color:var(--fg2)}.pin-pad{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.pin-key{border:none;border-radius:var(--radius-md);background:var(--neutral-100);color:var(--fg1);min-height:64px;font-size:26px;line-height:1;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.pin-key:hover{background:var(--neutral-200)}.pin-key:active,.pin-key.pressed{transform:scale(0.97);background:var(--neutral-300)}.pin-key.pin-key-clear,.pin-key.pin-key-delete{background:transparent;color:var(--fg3);font-size:var(--t-label-size);font-weight:500}.pin-key.pin-key-clear:hover,.pin-key.pin-key-delete:hover{background:var(--neutral-100);color:var(--fg2)}.pin-key.pin-key-zero{grid-column:2}.kiosk-footer{padding:var(--space-4) var(--space-7) var(--space-5);display:flex;justify-content:space-between;align-items:center;background:transparent}.kiosk-footer-link{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;font-size:var(--t-caption-size);color:var(--fg3);transition:color var(--dur-fast) var(--ease-out)}.kiosk-footer-link:hover{color:var(--fg2);text-decoration:none}#kiosk-powered{pointer-events:none}.kiosk-loading{position:fixed;inset:0;z-index:100;display:flex;justify-content:center;align-items:center;background:var(--neutral-50)}.kiosk-loading.hidden{display:none}.kiosk-spinner{width:40px;height:40px;border-radius:var(--radius-pill);border:3px solid var(--neutral-200);border-top-color:var(--sky-500);animation:kioskSpin 0.72s linear infinite}@keyframes kioskSpin{to{transform:rotate(360deg)}}@keyframes kioskShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-4px)}}.pin-dots.shake{animation:kioskShake 0.38s ease}.kiosk-shift-info{font-size:1.1rem;color:var(--fg2);margin-bottom:var(--space-5);text-align:center}.kiosk-shift-start-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4) var(--space-6);background:var(--primary);color:var(--white);border:none;border-radius:var(--radius-md);font-size:1.2rem;font-weight:600;cursor:pointer;transition:background 0.15s,transform 0.1s}.kiosk-shift-start-btn:hover:not(:disabled){background:var(--primary-dark,var(--primary))}.kiosk-shift-start-btn:active:not(:disabled){transform:scale(0.98)}.kiosk-shift-start-btn:disabled{opacity:0.45;cursor:not-allowed}.kiosk-shift-end-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;margin-top:var(--space-3);padding:var(--space-3) var(--space-6);background:transparent;color:var(--danger);border:1.5px solid var(--danger);border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:background 0.15s,color 0.15s,transform 0.1s}.kiosk-shift-end-btn:hover:not(:disabled){background:var(--danger);color:var(--white)}.kiosk-shift-end-btn:active:not(:disabled){transform:scale(0.98)}.kiosk-shift-end-btn:disabled{opacity:0.45;cursor:not-allowed}.kiosk-shift-already-msg{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--success-subtle,color-mix(in srgb,var(--success) 12%,transparent));border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);font-size:1rem;color:var(--fg1);line-height:1.5}#kiosk-shift-completed-continue .kiosk-shift-already-msg{background:var(--primary-subtle)}.kiosk-shift-secondary-btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:var(--space-3);padding:var(--space-3) var(--space-6);background:transparent;color:var(--fg2);border:none;border-radius:var(--radius-md);font-size:0.95rem;font-weight:600;cursor:pointer;transition:background 0.15s,color 0.15s}.kiosk-shift-secondary-btn:hover:not(:disabled){background:var(--border-subtle);color:var(--fg1)}.kiosk-shift-secondary-btn:disabled{opacity:0.45;cursor:not-allowed}#kiosk-shift-area-warn{display:flex;flex-direction:column;align-items:center;text-align:center}.kiosk-shift-area-warn-icon{display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border-radius:50%;background:var(--warning-subtle);color:var(--warning-strong);margin:0 auto var(--space-4)}.kiosk-shift-area-warn-icon .kiosk-icon{width:2.25rem;height:2.25rem}.kiosk-shift-area-warn-badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--bg-sunken);border:1px solid var(--border);font-size:var(--t-label-size);font-weight:600;color:var(--fg2);margin-bottom:var(--space-3);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kiosk-shift-area-warn-heading{font-size:1.35rem;font-weight:700;color:var(--fg1);margin-bottom:var(--space-2);line-height:1.3;letter-spacing:-0.01em}.kiosk-shift-area-warn-time{font-family:var(--font-mono);font-size:var(--t-mono-size);font-weight:600;font-variant-numeric:tabular-nums;color:var(--warning-strong);background:var(--warning-subtle);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);margin-bottom:var(--space-4)}.kiosk-shift-area-warn-body{font-size:var(--t-body-size);color:var(--fg2);line-height:1.6;margin-bottom:var(--space-6)}.kiosk-shift-picker-label{font-size:0.9rem;font-weight:600;color:var(--fg2);letter-spacing:0.06em;text-transform:uppercase;margin-bottom:var(--space-3)}.kiosk-area-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.kiosk-area-chip{padding:var(--space-3) var(--space-4);background:var(--bg2);border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;font-weight:500;color:var(--fg1);cursor:pointer;text-align:center;transition:border-color 0.15s,background 0.15s}.kiosk-area-chip:hover{border-color:var(--primary)}.kiosk-area-chip.selected{border-color:var(--primary);background:var(--primary-subtle,color-mix(in srgb,var(--primary) 12%,transparent));color:var(--primary);font-weight:700}.kiosk-shift-skip-link{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-5);color:var(--fg3);font-size:0.875rem;text-decoration:none;transition:color 0.15s}.kiosk-shift-skip-link:hover{color:var(--primary)}.kiosk-user-btn--no-pin{opacity:0.72}.kiosk-user-btn--no-pin::after{content:'No PIN';display:block;margin-top:var(--space-2);font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;opacity:0.7}.kiosk-no-pin-body{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-5) 0}.kiosk-no-pin-option{display:flex;align-items:flex-start;gap:var(--space-4)}.kiosk-no-pin-option>.kiosk-icon{flex-shrink:0;margin-top:2px;color:var(--primary)}.kiosk-no-pin-option p{margin:var(--space-1) 0 var(--space-3);color:var(--fg2);font-size:0.9rem}.kiosk-no-pin-btn{margin-top:var(--space-2)}@media (min-width:1100px){.kiosk-user-grid-wrap{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){.kiosk-header,.kiosk-main,.kiosk-footer{padding-left:var(--space-5);padding-right:var(--space-5)}}@media (max-width:640px){.kiosk-header{flex-direction:row;align-items:flex-start}.kiosk-brand{flex:1;min-width:0}.kiosk-user-grid-wrap{grid-template-columns:1fr;gap:var(--space-3)}.kiosk-user-btn{min-height:140px;padding:var(--space-5)}.kiosk-card{padding:var(--space-5)}.pin-key{min-height:58px}.kiosk-footer{flex-direction:column;gap:var(--space-2);align-items:flex-start}}