:root{--pink: #ff0099;--dark: #101a2e;--ink: #172033;--muted: #c7cede}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#000;color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}.kiosk{position:relative;width:100vw;height:100vh;background:var(--dark)}.kiosk-video,.kiosk-captured{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.kiosk-video{transform:scaleX(-1)}.kiosk-video-hidden{visibility:hidden}.kiosk-mask-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.kiosk-mask-outline{fill:none;stroke:#fff;stroke-width:3}.kiosk-overlay{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:18px;padding:48px 32px calc(48px + env(safe-area-inset-bottom));background:linear-gradient(to top,#000000c7,#0000);text-align:center}.kiosk-overlay h1{margin:0;font-size:34px;font-weight:800}.kiosk-overlay p{margin:0;font-size:18px;color:var(--muted);max-width:640px}.kiosk-hint{color:var(--pink)!important}.kiosk-shutter{min-width:320px;padding:22px 40px;border:0;border-radius:999px;background:var(--pink);color:#fff;font-size:24px;font-weight:800;cursor:pointer}.kiosk-shutter:disabled{background:#3a4258;color:#8992a8;cursor:not-allowed}.kiosk-spinner{width:56px;height:56px;border-radius:50%;border:6px solid rgba(255,255,255,.25);border-top-color:var(--pink);animation:kiosk-spin 1s linear infinite}@keyframes kiosk-spin{to{transform:rotate(360deg)}}.kiosk-progress{width:100%;max-width:520px;height:14px;border-radius:999px;background:#fff3;overflow:hidden}.kiosk-progress-bar{height:100%;background:var(--pink);transition:width .4s ease}.kiosk-cancel{margin-top:4px;padding:10px 24px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:transparent;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.kiosk-staff-dot{position:absolute;right:0;bottom:0;width:56px;height:56px;border:0;background:transparent;cursor:pointer}.kiosk-staff-panel{position:absolute;right:16px;bottom:72px;z-index:10;display:flex;flex-direction:column;gap:8px;padding:14px;background:#fff;color:var(--ink);border-radius:10px;min-width:220px;box-shadow:0 8px 24px #00000059}.kiosk-staff-panel button{padding:10px;border:1px solid #d9dfeb;border-radius:6px;background:#f3f5f9;cursor:pointer}.kiosk-staff-panel button:disabled{color:#9aa3b5;cursor:not-allowed}.kiosk-staff-row{display:flex;gap:8px}.kiosk-staff-row button{flex:1}