.onboarding-dialog{color:#f6f8fc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111722ee;border:1px solid #ffffff21;border-radius:28px;width:min(430px,100vw - 28px);max-height:calc(100dvh - 24px);padding:0;font-family:inherit;overflow:auto;box-shadow:0 32px 120px #000b,0 0 60px #389cff20}.onboarding-dialog::backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030710cf}.onboarding-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.onboarding-header p{color:#a4b2c7;margin:5px 0 0;font-size:12px}.onboarding-wordmark{letter-spacing:-.7px;font-size:21px;font-weight:850}.onboarding-wordmark span{color:#7dc0ff;letter-spacing:2px;margin-left:13px;font-size:9px;font-weight:700}.onboarding-close,.onboarding-controls button{color:inherit;cursor:pointer;background:#ffffff06;border:1px solid #ffffff14;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.onboarding-stage{aspect-ratio:9/16;background:#080d16;border:1px solid #6db8ff2e;border-radius:21px;width:min(100%,56.25dvh - 145.125px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 10px 46px #0008,0 0 30px #4fafff13}.onboarding-stage video{object-fit:contain;cursor:pointer;width:100%;height:100%;display:block}.onboarding-topline{letter-spacing:2px;color:#bddaf5;pointer-events:none;justify-content:space-between;font-size:9px;font-weight:700;display:flex;position:absolute;inset:17px 15px auto}.onboarding-topline span:last-child{letter-spacing:0}.onboarding-caption{color:#f1f6ff;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060a11d9;border-radius:12px;margin:0;padding:10px 11px;font-size:clamp(10px,2.4vw,12px);line-height:1.5;position:absolute;inset:auto 12px 19px}.onboarding-play{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#172c46d9;border:1px solid #9ad6ff88;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.onboarding-fallback{position:absolute;inset:38px 14px 14px;overflow:auto}.onboarding-fallback h2{font-size:19px}.onboarding-fallback h3{font-size:14px}.onboarding-fallback p{color:#c4d3e7;font-size:12px;line-height:1.5}.onboarding-controls{align-items:center;gap:10px;margin:13px 0;display:flex}.onboarding-progress{flex:1;margin:0!important}.onboarding-progress input{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#83c6ff var(--progress),#ffffff20 var(--progress));cursor:pointer;border-radius:8px;width:100%;height:5px;display:block}.onboarding-progress input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#dcefff;border-radius:50%;width:11px;height:11px}.onboarding-progress input::-moz-range-thumb{background:#dcefff;border:0;width:11px;height:11px}.onboarding-time{color:#9cb2c9;font-variant-numeric:tabular-nums;min-width:23px;font-size:11px}.onboarding-footer h2{letter-spacing:-.6px;margin:0 0 7px;font-size:20px;line-height:1.2}.onboarding-footer p{color:#b7c5d8;margin:0 0 12px;font-size:12px;line-height:1.45}.onboarding-start{color:#051523;width:100%;font:inherit;cursor:pointer;background:linear-gradient(120deg,#73c0ff,#3c94ff);border:1px solid #85cfff4d;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-size:14px;font-weight:800;display:flex;box-shadow:0 4px 23px #2e90ff22}.onboarding-footer small{color:#8294ad;text-align:center;margin-top:10px;font-size:10px;display:block}.onboarding-audio-notice{color:#cddff4!important}:is(.onboarding-dialog button:focus-visible,.onboarding-dialog input:focus-visible){outline-offset:3px;outline:3px solid #a6d8ff}.onboarding-dialog button:disabled{opacity:.4;cursor:default}.onboarding-replay{color:#e8f3ff;cursor:pointer;text-align:left;background:linear-gradient(120deg,#172638,#101721);border:1px solid #76b9ff26;border-radius:17px;align-items:center;gap:12px;width:100%;margin:16px 0;padding:16px 18px;display:flex}.onboarding-replay strong{font-size:14px;display:block}.onboarding-replay small{color:#a5b8d0;margin-top:4px;font-size:12px;display:block}@media (max-height:650px){.onboarding-shell{padding:12px 17px}.onboarding-header{margin-bottom:9px}.onboarding-stage{width:min(100%,56.25dvh - 129.375px)}.onboarding-footer h2{font-size:17px}.onboarding-footer p{margin-bottom:8px;font-size:11px}.onboarding-controls{margin:10px 0}.onboarding-caption{padding:7px;font-size:10px;bottom:10px}}@media (prefers-reduced-motion:reduce){.onboarding-dialog,.onboarding-start{scroll-behavior:auto;transition:none}}.onboarding-controls button:last-child{white-space:nowrap;border-radius:18px;gap:6px;width:auto;padding:0 10px;font-size:11px;display:flex}.onboarding-dialog{background:#080b12f5;border-color:#80b5ff38;width:min(480px,100vw - 24px);animation:.42s cubic-bezier(.2,.8,.2,1) onboarding-arrive}.onboarding-shell{background:radial-gradient(at 50% 22%,#3d7fee24,#0000 65%);padding:18px 22px}.onboarding-wordmark{color:#80b5ff;align-items:center;gap:9px;display:flex}.onboarding-wordmark span{margin-left:2px}.onboarding-skip{color:#d7e8ff;font:inherit;cursor:pointer;background:#162236;border:1px solid #80b5ff38;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:9px 11px;font-size:12px;font-weight:700;display:flex}.onboarding-skip:hover{background:#243958;border-color:#80b5ff80}.onboarding-device{background:linear-gradient(140deg,#405573,#111827 24%,#080b12 70%,#293b56);border:1px solid #a6ccff69;border-radius:32px;width:min(100%,56.25dvh - 165.125px);min-width:140px;margin:0 auto;padding:22px 7px 16px;animation:.6s cubic-bezier(.16,1,.3,1) onboarding-phone;position:relative;box-shadow:0 22px 48px #0009,0 0 35px #3d7fee30,inset 0 0 0 3px #070c15}.onboarding-device:before,.onboarding-device:after{content:"";background:#7b91b1;border-radius:2px;width:2px;position:absolute;left:-3px}.onboarding-device:before{height:22px;top:72px}.onboarding-device:after{height:38px;top:103px}.onboarding-device-speaker{background:#03060a;border:1px solid #3c4d66;border-radius:8px;width:42px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.onboarding-device-speaker span{background:#24334c;border:1px solid #03060a;border-radius:50%;width:5px;height:5px;position:absolute;top:-1px;left:49px}.onboarding-device-home{background:#96aac780;border-radius:8px;width:28%;height:3px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.onboarding-device .onboarding-stage{width:100%;box-shadow:none;border-color:#ffffff15;border-radius:23px}.onboarding-topline{letter-spacing:1px;opacity:.65;font-size:8px;inset:auto 13px 12px}.onboarding-controls{gap:8px}.onboarding-controls button:last-child{color:#cfe5ff;background:#1b3559;border-color:#80b5ff45;font-weight:700}.onboarding-footer h2{font-size:22px}.onboarding-start{color:#050f20;background:linear-gradient(120deg,#80b5ff,#3d7fee)}.onboarding-registration .onboarding-footer small{margin-top:8px}@keyframes onboarding-arrive{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes onboarding-phone{0%{opacity:0;transform:translateY(24px)rotate(-4deg)scale(.94)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@media (max-width:380px){.onboarding-shell{padding:14px}.onboarding-wordmark{gap:6px;font-size:19px}.onboarding-wordmark span{font-size:8px}.onboarding-skip{padding:9px 8px}.onboarding-footer h2{font-size:20px}}@media (max-height:650px){.onboarding-device{width:min(100%,56.25dvh - 144.875px)}.onboarding-footer h2{font-size:17px}.onboarding-shell{padding:12px 17px}}@media (prefers-reduced-motion:reduce){.onboarding-dialog,.onboarding-device{animation:none}}.onboarding-play-sound{color:#fff;background:#183a66ed;border-radius:22px;gap:10px;width:auto;min-width:180px;height:auto;min-height:64px;padding:16px 20px;display:flex;box-shadow:0 8px 35px #0008}.onboarding-play-sound span{white-space:nowrap;font-size:14px;font-weight:800}