@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap";:root{--bg: #F7F6F3;--surface: #FFFFFF;--border: #E4E1DB;--border-focus: #A3B8FF;--text-primary: #111111;--text-secondary: #6B6B6B;--text-muted: #A0A0A0;--green: #15803D;--green-light: #F0FDF4;--green-border: #86EFAC;--amber: #B45309;--amber-light: #FFFBEB;--amber-border: #FCD34D;--blue: #1D4ED8;--blue-light: #EFF6FF;--blue-border: #BFDBFE;--red: #DC2626;--red-light: #FEF2F2;--red-border: #FECACA;--gray: #9CA3AF;--gray-light: #F9FAFB;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.1), 0 2px 8px rgba(0,0,0,.06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,-apple-system,sans-serif;background:var(--bg);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}.app{max-width:480px;margin:0 auto;padding:2rem 1.25rem 4rem}.header{text-align:center;margin-bottom:1.75rem}.header h1{font-size:1.7rem;font-weight:700;letter-spacing:-.025em;color:var(--text-primary)}.header .subtitle{margin-top:.45rem;color:var(--text-secondary);font-size:.875rem;line-height:1.55}.spinner{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-muted);font-size:.9rem;letter-spacing:.01em}.machines{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1rem}.machine-card{background:var(--surface);border-radius:var(--radius-md);padding:1rem 1.125rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1.5px solid var(--border);border-left-width:4px;transition:box-shadow .15s ease,border-color .15s ease,background .15s ease}.machine-card.available{border-left-color:var(--green);cursor:pointer}.machine-card.available:hover{box-shadow:var(--shadow-md)}.machine-card.available.selected{background:var(--blue-light);border-color:var(--blue-border);border-left-color:var(--blue);box-shadow:var(--shadow-md)}.machine-card.busy{border-left-color:var(--amber);opacity:.85;cursor:default}.machine-card.offline{border-left-color:var(--gray);background:var(--gray-light);opacity:.75}.machine-info{flex:1;min-width:0}.machine-name{font-weight:600;font-size:.975rem;color:var(--text-primary)}.machine-status{font-size:.8rem;color:var(--text-secondary);margin-top:.2rem;line-height:1.45}.badge{flex-shrink:0;padding:.275rem .75rem;border-radius:999px;font-size:.74rem;font-weight:600;letter-spacing:.02em;text-align:center;border:1.5px solid transparent}.badge.available{background:var(--green-light);color:var(--green);border-color:var(--green-border)}.badge.selected{background:var(--blue-light);color:var(--blue);border-color:var(--blue-border)}.badge.busy{background:var(--amber-light);color:var(--amber);border-color:var(--amber-border)}.badge.offline{background:var(--gray-light);color:var(--gray);border-color:var(--border)}.btn-retry{margin-top:.5rem;background:none;border:1px solid var(--border);border-radius:8px;padding:.28rem .7rem;font-size:.76rem;font-family:inherit;cursor:pointer;color:var(--text-secondary);transition:background .1s}.btn-retry:hover{background:#f3f4f6}.all-busy{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:1.2rem 1.25rem;text-align:center;color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:1rem}.all-busy.error-notice{background:var(--red-light);border-color:var(--red-border);color:var(--red)}.error-card{background:var(--surface);border-radius:var(--radius-md);border:1.5px solid var(--border);padding:2rem 1.5rem;text-align:center;color:var(--text-secondary);font-size:.9rem;margin-top:2rem;line-height:1.6}.code-section{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem 1.25rem 1.25rem;box-shadow:var(--shadow-md);border:1.5px solid var(--border)}.code-section h2{font-size:.95rem;font-weight:600;color:var(--text-secondary);margin-bottom:.875rem;line-height:1.45}.code-input{display:block;width:100%;font-family:JetBrains Mono,Courier New,monospace;font-size:2rem;font-weight:500;letter-spacing:.14em;text-align:center;padding:.7rem 1rem;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-primary);outline:none;transition:border-color .15s;margin-bottom:.875rem}.code-input:focus{border-color:var(--border-focus)}.code-input::placeholder{color:var(--text-muted);letter-spacing:.1em}.code-input:disabled{opacity:.45}.error-msg{color:var(--red);font-size:.82rem;margin-bottom:.75rem;line-height:1.45;text-align:center}.btn{display:block;width:100%;padding:.875rem 1rem;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;line-height:1.4;text-align:center}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--text-primary);color:#fff}.btn-primary:hover:not(:disabled){opacity:.82}.session-view{background:var(--surface);border-radius:var(--radius-lg);padding:2.5rem 1.5rem 2rem;text-align:center;box-shadow:var(--shadow-md);border:1.5px solid var(--border);margin-top:.5rem}.session-check{font-size:2.75rem;line-height:1;margin-bottom:1rem;animation:pop-in .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.session-view h2{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.4;margin-bottom:.35rem}.session-machine{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.5rem}.session-timer{font-size:3rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text-primary);transition:color .3s}.session-timer.urgent{color:var(--red)}.countdown-label{font-size:.8rem;color:var(--text-muted);margin-top:.35rem;line-height:1.5}.pulse-ring{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--green);margin-bottom:1.25rem;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #15803d66}50%{opacity:.8;transform:scale(1.15);box-shadow:0 0 0 8px #15803d00}}.kiosk{max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 2.5rem;min-height:100vh}.kiosk-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.75rem}.kiosk-logo{height:64px;max-width:220px;object-fit:contain}.kiosk-header h1{font-size:2rem;font-weight:700;letter-spacing:-.025em;color:var(--text-primary)}.kiosk-body{display:flex;gap:1.5rem;align-items:flex-start}.kiosk-instructions,.kiosk-machines{flex:1 1 0;min-width:0}.kiosk-instructions{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-sm);position:sticky;top:1.5rem}.kiosk-instructions h2{font-size:1.4rem;font-weight:700;line-height:1.25;margin-bottom:1.1rem}.kiosk-instructions ol{padding-left:1.4rem;display:flex;flex-direction:column;gap:1rem;font-size:1.05rem;line-height:1.5;color:var(--text-primary)}.kiosk-instructions .en,.kiosk-instructions h2 .en{color:var(--text-muted);font-weight:400}.kiosk-hint{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border);font-size:.9rem;color:var(--text-secondary);line-height:1.5}.kiosk-hint .en{color:var(--text-muted)}.kiosk-machine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.kiosk-session{max-width:480px;margin:0 auto}@media (max-width: 820px){.kiosk-body{flex-direction:column}.kiosk-instructions{position:static}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.scanner-modal{background:var(--surface);border-radius:var(--radius-lg);border:1.5px solid var(--border);box-shadow:var(--shadow-md);padding:1.5rem;width:min(92vw,460px);text-align:center}.scanner-modal h2{font-size:1.3rem;font-weight:700;margin-bottom:.25rem}.scanner-prompt{color:var(--text-secondary);font-size:.9rem;line-height:1.45;margin-bottom:1rem}.scanner-prompt .en{color:var(--text-muted)}.scanner-viewport{position:relative;width:100%;aspect-ratio:1 / 1;background:#000;border-radius:var(--radius-md);overflow:hidden;margin-bottom:1rem}.scanner-video{width:100%;height:100%;object-fit:cover}.scanner-frame{position:absolute;top:15%;right:15%;bottom:15%;left:15%;border:3px solid rgba(255,255,255,.9);border-radius:16px;box-shadow:0 0 0 100vmax #00000040;pointer-events:none}.scanner-error{padding:2rem 1rem;color:var(--red);font-size:.95rem;line-height:1.5}.scanner-status{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1.5px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg)}