:root{--bg: #050507;--ink: #f4f1ff;--ink-dim: rgba(244, 241, 255, .66);--neon-pink: #ff4fd8;--neon-blue: #4fc3ff;--glass: rgba(14, 12, 24, .62);--glass-line: rgba(255, 255, 255, .14);--gutter: 16px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--ease: cubic-bezier(.22, .8, .24, 1)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Montserrat,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body{background:radial-gradient(70% 55% at 50% 38%,rgba(94,56,168,.28),transparent 70%),radial-gradient(60% 40% at 15% 100%,rgba(255,79,216,.14),transparent 70%),var(--bg)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%);z-index:1}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;z-index:0}#ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}#ui>*{pointer-events:auto}.fade{opacity:0;transition:opacity .4s var(--ease)}.fade.on{opacity:1}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--neon-blue);outline-offset:3px}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--safe-t) + 24px) calc(var(--safe-r) + var(--gutter)) calc(var(--safe-b) + 24px) calc(var(--safe-l) + var(--gutter));background:radial-gradient(80% 60% at 50% 30%,#2814508c,#050507f5);overflow-y:auto}.start-inner{width:100%;max-width:420px;margin:auto;text-align:center}.eyebrow{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--neon-blue)}h1{margin:0;font-size:clamp(32px,9vw,52px);line-height:1.05;font-weight:700;letter-spacing:-.01em;background:linear-gradient(100deg,#fff 10%,#ffb6ec 45%,#9ddcff 90%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(255,79,216,.25)}.subtitle{margin:14px 0 32px;font-size:15px;line-height:1.5;color:var(--ink-dim)}.actions{display:grid;gap:12px}.picker{display:flex;gap:10px;justify-content:safe center;margin:-12px calc(var(--gutter) * -1) 22px;padding:6px var(--gutter) 8px;overflow-x:auto;scrollbar-width:none}.picker::-webkit-scrollbar{display:none}.pick{flex:0 0 104px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 8px 10px;border-radius:14px;border:1px solid var(--glass-line);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:border-color .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease)}.pick:hover{background:#282046b3}.pick-thumb{display:block;width:80px;aspect-ratio:2 / 3;border-radius:8px;overflow:hidden;background:#ffffff0f}.pick-thumb{position:relative}.pick-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.pick-name{font-size:11.5px;font-weight:700;line-height:1.25;color:var(--ink-dim)}.pick[aria-checked=true]{border-color:var(--neon-pink);background:#3c18468c;box-shadow:0 0 22px #ff4fd859}.pick[aria-checked=true] .pick-name{color:var(--ink)}.btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;min-height:56px;padding:12px 20px;border-radius:16px;border:1px solid var(--glass-line);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:transform .2s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease),opacity .3s var(--ease)}.btn-label{font-size:16px;font-weight:700}.btn-sub{font-size:12px;font-weight:500;opacity:.7}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{border-color:transparent;background:linear-gradient(120deg,#ff4fd8,#7a5cff 55%,#4fc3ff);color:#fff;box-shadow:0 0 28px #ff4fd861,0 10px 30px #0006}.btn-primary:hover{box-shadow:0 0 38px #ff4fd88c,0 12px 34px #00000073}.btn-ghost:hover{background:#282046b3}.btn.is-disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn.is-disabled:hover{transform:none}.note{margin:18px 0 0;font-size:12.5px;line-height:1.55;color:var(--ink-dim)}.motion-note{opacity:.8}.link{display:inline;padding:0;border:0;background:none;color:var(--neon-blue);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-size:14px;letter-spacing:.04em;color:var(--ink-dim);background:#050507d1}.spinner{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.14);border-top-color:var(--neon-pink);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none!important}.hud>*{pointer-events:auto}.hud-top{position:absolute;top:calc(var(--safe-t) + 12px);right:calc(var(--safe-r) + var(--gutter));display:flex;gap:10px}.hud-back{position:absolute;top:calc(var(--safe-t) + 12px);left:calc(var(--safe-l) + var(--gutter))}.icon-btn{width:44px;height:44px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid var(--glass-line);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:transform .2s var(--ease),background .3s var(--ease)}.icon-btn:hover{background:#32285ab3}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:22px;height:22px;fill:currentColor;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-btn svg path[fill=none]{fill:none}.hud-bottom{position:absolute;left:0;right:0;bottom:calc(var(--safe-b) + 8px);display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 var(--gutter);pointer-events:none!important}.caption{margin:0;max-width:min(94vw,640px);padding:9px 16px 11px;border-radius:18px;background:linear-gradient(180deg,#08061033,#080610b8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-weight:700;font-size:clamp(17px,4.6vw,25px);line-height:1.3;text-align:center;letter-spacing:.005em;color:#ffffff61;text-shadow:0 2px 14px rgba(0,0,0,.8);opacity:0;transform:translateY(8px);transition:opacity .35s var(--ease),transform .35s var(--ease)}.caption:empty{display:none}.caption.on{opacity:1;transform:none}.caption .said{color:#fff}.caption .now{color:#ffd1ec;text-shadow:0 0 18px rgba(255,120,200,.85),0 2px 14px rgba(0,0,0,.8)}.hint{margin:0;min-height:0;max-width:min(92vw,440px);padding:10px 18px;border-radius:999px;border:1px solid var(--glass-line);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13.5px;line-height:1.4;text-align:center;opacity:0;transform:translateY(6px);transition:opacity .4s var(--ease),transform .4s var(--ease)}.hint:empty{visibility:hidden}.hint.on{opacity:1;transform:none}.btn-blow{width:auto;min-height:52px;padding:12px 34px;font-size:16px;font-weight:700;border-color:transparent;background:linear-gradient(120deg,#ff9a4f,#ff4fd8);box-shadow:0 0 30px #ff826e80;opacity:0;transform:translateY(10px) scale(.96);pointer-events:none;transition:opacity .4s var(--ease),transform .4s var(--ease)}.btn-blow.on{opacity:1;transform:none;pointer-events:auto}.scan{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;pointer-events:none!important}.scan-frame{position:relative;width:min(66vw,300px);aspect-ratio:2 / 3;animation:breathe 2.4s ease-in-out infinite}.scan-frame i{position:absolute;width:34px;height:34px;border:0 solid var(--neon-blue);filter:drop-shadow(0 0 8px rgba(79,195,255,.8))}.scan-frame i:nth-child(1){top:0;left:0;border-top-width:3px;border-left-width:3px;border-top-left-radius:12px}.scan-frame i:nth-child(2){top:0;right:0;border-top-width:3px;border-right-width:3px;border-top-right-radius:12px}.scan-frame i:nth-child(3){bottom:0;left:0;border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:12px}.scan-frame i:nth-child(4){bottom:0;right:0;border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:12px}@keyframes breathe{50%{transform:scale(1.04);opacity:.8}}.scan-text{margin:0;padding:10px 18px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:14px;font-weight:600;text-align:center}.end,.error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--gutter);background:#0505078c}.end-card{width:100%;max-width:360px;padding:28px 22px 22px;border-radius:22px;border:1px solid var(--glass-line);background:#100d1ee0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-align:center;box-shadow:0 0 60px #7a5cff40,0 20px 50px #00000080}.end-card h2{margin:0 0 8px;font-size:24px;font-weight:700}.end-card p{margin:0 0 22px;font-size:14px;line-height:1.5;color:var(--ink-dim)}.end-actions{display:grid;gap:10px}@media(min-width:720px){.end-actions{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.scan-frame,.spinner{animation-duration:3s}.btn,.icon-btn{transition-duration:.01s}}