html,body{margin:0;width:100%;height:100%;background:#080c17;color:#f7f9ff;font-family:Segoe UI,Arial,sans-serif;overflow:hidden}.kiosk-layout{display:grid;grid-template-columns:2fr 1fr;width:100%;height:100dvh;max-height:100dvh;overflow:hidden}.kiosk-preview{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 18%,rgba(93,126,255,.2),transparent 38%),radial-gradient(circle at 84% 82%,rgba(96,217,255,.18),transparent 32%),#060915}#kioskVideo,#kioskDisplay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}#kioskDisplay{display:none}.result-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:radial-gradient(circle at center,#5677ff2e,#070a14b8),linear-gradient(145deg,#080c18bd,#060a14e0);z-index:3}.result-card-top-text,.result-card-bottom-text{margin:0;padding:0 24px;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.45)}.result-card-top-text{font-size:42px;font-weight:700;color:#f7fbff}.result-card-bottom-text{font-size:24px;color:#d5e2ff}.result-qr-image{width:min(22vh,180px);height:auto;border-radius:12px;border:1px solid rgba(165,192,255,.35);background:#fff;padding:8px;box-shadow:0 10px 28px #03081473}.result-card-frame{width:min(68vh,68vw);max-width:760px;aspect-ratio:3 / 4;border-radius:18px;overflow:hidden;box-shadow:0 18px 48px #0408149e;border:1px solid rgba(165,192,255,.35);background:#070b16}#resultCardImage{width:100%;height:100%;object-fit:contain;background:#050815}#faceGuideCircle{position:absolute;left:50%;top:50%;width:min(52vh,52vw);height:min(62vh,62vw);border-radius:48% 48% 44% 44%/40% 40% 60% 60%;border:4px solid rgba(227,237,255,.88);transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #04070e57;pointer-events:none}#faceGuideCircle.face-locked{border-color:#73d7ff}#captureTimer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:96px;height:96px;border-radius:999px;display:none;align-items:center;justify-content:center;background:#060a16b8;border:3px solid #73d7ff;color:#fff;font-size:34px;font-weight:700;letter-spacing:1px;pointer-events:none}#captureTimer.visible{display:flex}.kiosk-state-result #faceGuideCircle,.kiosk-state-result #captureTimer,.kiosk-state-processing #faceGuideCircle,.kiosk-state-processing #captureTimer,.kiosk-state-resetting #faceGuideCircle,.kiosk-state-resetting #captureTimer{display:none!important}.kiosk-status{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;padding:26px;background:linear-gradient(165deg,#111a2ff5,#0b1121f7);border-left:1px solid rgba(150,178,255,.22);transition:opacity .2s ease;overflow:hidden}.kiosk-logo{width:min(100%,300px);height:auto;margin-bottom:4px;object-fit:contain;border-radius:14px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}.kiosk-status h1{margin:0;font-size:clamp(26px,3.2vh,34px);letter-spacing:.5px}.kiosk-branding{margin-top:-6px!important;margin-bottom:6px!important;font-size:clamp(14px,1.8vh,17px)!important;color:#9ec0ff!important}.kiosk-status p{margin:0;font-size:clamp(16px,2vh,20px);color:#d8e2f8}#startCameraButton{margin-top:8px;border:none;border-radius:10px;padding:12px 16px;font-size:clamp(16px,1.9vh,18px);font-weight:700;cursor:pointer;background:linear-gradient(120deg,#2f6dff,#5f94ff);color:#f7fbff;box-shadow:0 12px 28px #2b67ff61;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}#startCameraButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px #2b67ff70;filter:brightness(1.04)}#startCameraButton:disabled{cursor:not-allowed;opacity:.55}.home-qr-image{width:min(100%,170px);height:auto;margin-top:4px;border-radius:12px;border:1px solid rgba(165,192,255,.35);background:#fff;padding:8px;box-shadow:0 10px 28px #03081473}.home-qr-text{margin:0;font-size:clamp(13px,1.5vh,15px)!important;color:#a8c2f3!important}.processing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#060912d6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.processing-card{width:min(70%,540px);border:1px solid rgba(157,188,255,.3);border-radius:16px;padding:28px 22px;text-align:center;background:linear-gradient(155deg,#0c1223f2,#080c18f2)}.processing-card h2{margin:0 0 8px;font-size:30px}.processing-card p{margin:0;font-size:18px;color:#d4e0fb}.processing-progress{margin-top:18px;width:100%;height:10px;border-radius:999px;background:#b1caff33;overflow:hidden}.processing-progress-fill{width:0%;height:100%;border-radius:999px;background:linear-gradient(90deg,#2f6dff,#73d7ff);transition:width .18s linear}.processing-spinner{width:56px;height:56px;margin:0 auto 18px;border-radius:999px;border:4px solid rgba(160,190,255,.28);border-top-color:#84ccff;animation:spin .9s linear infinite}.result-sidebar{display:none;flex-direction:column;justify-content:flex-start;gap:10px;padding:24px;background:linear-gradient(165deg,#111a2ff5,#0b1121f7);border-left:1px solid rgba(150,178,255,.22);overflow:hidden}.result-sidebar h2{margin:0;font-size:clamp(24px,3vh,30px)}#resultSubtitle{margin:0;font-size:clamp(15px,1.8vh,18px);color:#d8e2f8}#resultCountdown{margin:0;font-size:clamp(18px,2.2vh,22px);font-weight:700;color:#83cfff}.step-durations-text{margin:0;padding:12px 14px;border-radius:10px;border:1px solid rgba(165,192,255,.28);background:#090e1cb8;color:#d8e2f8;font-size:clamp(12px,1.4vh,14px);line-height:1.35;white-space:pre-wrap}.result-cta{margin:0;font-size:clamp(14px,1.7vh,16px);color:#a8c2f3}.result-sidebar-qr-image{width:min(100%,180px);height:auto;border-radius:12px;border:1px solid rgba(165,192,255,.35);background:#fff;padding:8px;box-shadow:0 10px 28px #03081473}.processing-sidebar{display:none;flex-direction:column;justify-content:flex-start;gap:10px;padding:24px;background:linear-gradient(165deg,#111a2ff5,#0b1121f7);border-left:1px solid rgba(150,178,255,.22);overflow:hidden}.processing-sidebar h2{margin:0;font-size:clamp(24px,3vh,30px)}.processing-sidebar-logo{width:min(100%,260px);height:auto;margin-bottom:2px;border-radius:12px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}.processing-sidebar-subtitle{margin:0;font-size:clamp(15px,1.8vh,18px);color:#d8e2f8}.processing-sidebar-text{margin:0;font-size:clamp(14px,1.7vh,16px);color:#bcd3ff}.processing-sidebar-qr-image{width:min(100%,180px);height:auto;border-radius:12px;border:1px solid rgba(165,192,255,.35);background:#fff;padding:8px;box-shadow:0 10px 28px #03081473}.processing-sidebar-cta{margin:0;font-size:clamp(14px,1.7vh,16px);color:#a8c2f3}.kiosk-state-idle #kioskStatusPanel,.kiosk-state-locking #kioskStatusPanel,.kiosk-state-resetting #kioskStatusPanel,.kiosk-state-processing #processingOverlay{display:flex}.kiosk-state-processing #kioskStatusPanel{display:none}.kiosk-state-processing #processingSidebar{display:flex}.kiosk-state-result #kioskStatusPanel{display:none}.kiosk-state-result #resultSidebar{display:flex}.kiosk-state-result #processingSidebar,.kiosk-state-result #kioskDisplay{display:none}.kiosk-state-result #resultCardOverlay{display:flex}.kiosk-state-result #kioskVideo,.kiosk-state-processing #kioskVideo{display:none}.creator-badge{position:fixed;right:14px;bottom:14px;z-index:25;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid rgba(165,192,255,.28);background:#080c18cc;box-shadow:0 8px 24px #03081473}.creator-badge-text{margin:0;font-size:12px;color:#d8e2f8;white-space:nowrap}.creator-badge-link{color:#9ec0ff;font-size:12px;text-decoration:underline;text-underline-offset:2px}.creator-badge-link:hover{color:#c7dcff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}