.unlock-page{position:relative;isolation:isolate;min-height:100dvh;padding:max(30px,env(safe-area-inset-top)) 18px max(30px,env(safe-area-inset-bottom));display:grid;place-items:center;overflow:hidden;color:var(--stage-ink);font-family:var(--font-ui);background:radial-gradient(circle at 12% 8%,rgb(216 179 230/27%),transparent 31%),radial-gradient(circle at 90% 84%,rgb(255 203 166/27%),transparent 32%),linear-gradient(160deg,#f7f4ff 0,var(--stage-canvas) 48%,#fff0e6 100%)}.unlock-page:before{z-index:-2;content:"";opacity:.3;background-image:radial-gradient(circle,rgb(186 110 139/22%) 0 1px,transparent 1.25px);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent);mask-image:linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent)}.unlock-backdrop,.unlock-page:before{position:fixed;inset:0;pointer-events:none}.unlock-backdrop{z-index:-1;overflow:hidden}.unlock-backdrop span{position:absolute;width:min(430px,90vw);aspect-ratio:1;border-radius:50%;opacity:.13;filter:blur(78px)}.unlock-backdrop span:first-child{left:-42%;top:4%;background:#bd7da9}.unlock-backdrop span:last-child{right:-45%;bottom:2%;background:#ec9d69}.unlock-card{position:relative;width:min(390px,100%);padding:78px 24px 24px;border:1px solid var(--stage-line);border-radius:var(--radius-sheet);background:var(--stage-surface);text-align:center;box-shadow:var(--stage-shadow),inset 0 1px var(--stage-highlight);-webkit-backdrop-filter:blur(26px) saturate(145%);backdrop-filter:blur(26px) saturate(145%);animation:unlock-arrive .62s cubic-bezier(.2,.8,.2,1) both}.unlock-mark{position:absolute;left:50%;top:0;width:112px;height:96px;display:grid;place-items:center;transform:translate(-50%,-38%)}.unlock-mark-ring{position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--stage-accent) 20%,transparent);border-radius:38% 62% 46% 54%/58% 42% 58% 42%;background:color-mix(in srgb,var(--stage-accent) 8%,var(--stage-surface-solid));box-shadow:0 16px 34px color-mix(in srgb,var(--stage-accent) 14%,transparent),inset 0 1px var(--stage-highlight);animation:unlock-orbit 9s linear infinite}.unlock-mark img{position:relative;z-index:1;width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 12px 15px rgb(104 69 56/19%));transform:rotate(-7deg)}.unlock-card h1{margin:0;font-family:var(--font-chinese),serif;font-size:clamp(34px,10vw,44px);font-weight:500;line-height:1;letter-spacing:.12em}.unlock-card form{margin-top:30px;display:grid;gap:11px;text-align:left}.unlock-card label{padding-left:3px;color:var(--stage-muted);font-size:13px;font-weight:650}.unlock-input-wrap{position:relative}.unlock-input-wrap>svg{position:absolute;z-index:1;left:18px;top:50%;width:21px;height:21px;color:var(--stage-accent);transform:translateY(-50%);pointer-events:none}.unlock-input-wrap input{width:100%;height:60px;padding:0 48px 0 54px;border:1px solid var(--stage-line);border-radius:var(--radius-control);outline:0;background:color-mix(in srgb,var(--stage-surface-solid) 76%,transparent);color:var(--stage-ink);font-family:var(--font-ui);font-size:22px;letter-spacing:.26em;box-shadow:inset 0 1px var(--stage-highlight);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.unlock-input-wrap input:focus{border-color:color-mix(in srgb,var(--stage-accent) 52%,transparent);background:var(--stage-surface-solid);box-shadow:0 0 0 4px color-mix(in srgb,var(--stage-accent) 10%,transparent),inset 0 1px var(--stage-highlight)}.unlock-input-wrap input[aria-invalid=true]{border-color:color-mix(in srgb,#bd3f62 62%,transparent)}.unlock-card button{min-height:58px;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:var(--radius-control);background:linear-gradient(145deg,var(--stage-accent),var(--stage-accent-strong));color:#fff8fb;box-shadow:0 15px 32px color-mix(in srgb,var(--stage-accent) 25%,transparent),inset 0 1px rgb(255 255 255/22%);font-size:16px;font-weight:750;letter-spacing:.06em;touch-action:manipulation;transition:transform .18s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent}.unlock-card button svg{width:21px;height:21px}.unlock-card button:not(:disabled):active{transform:scale(.975)}.unlock-card button:disabled{opacity:.46}.unlock-card button:focus-visible{outline:2px solid var(--stage-accent);outline-offset:3px}.unlock-progress{width:18px;height:18px;border:2px solid rgb(255 255 255/34%);border-top-color:#fff;border-radius:50%;animation:unlock-spin .7s linear infinite}.unlock-feedback{min-height:20px;margin:14px 0 0;color:var(--stage-muted);font-size:13px;font-weight:600}.unlock-error{animation:unlock-shake .38s ease both}.unlock-error .unlock-feedback{color:#b23f61}html[data-theme=dark] .unlock-page{background:radial-gradient(circle at 12% 8%,rgb(125 70 112/25%),transparent 31%),radial-gradient(circle at 90% 84%,rgb(141 77 49/19%),transparent 32%),linear-gradient(160deg,#0b090d 0,var(--stage-canvas) 48%,#1b0f0e 100%)}html[data-theme=dark] .unlock-input-wrap input{background:color-mix(in srgb,var(--stage-surface-solid) 86%,transparent)}@keyframes unlock-arrive{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes unlock-orbit{to{transform:rotate(1turn)}}@keyframes unlock-spin{to{transform:rotate(1turn)}}@keyframes unlock-shake{0%,to{transform:translateX(0)}32%{transform:translateX(-6px)}68%{transform:translateX(5px)}}@media (max-width:390px){.unlock-page{padding-inline:14px}.unlock-card{padding:74px 18px 20px;border-radius:24px}}@media (max-height:640px){.unlock-page{place-items:start center;padding-top:max(72px,calc(env(safe-area-inset-top) + 62px))}.unlock-card{padding-top:64px}.unlock-card form{margin-top:22px}}@media (prefers-reduced-motion:reduce){.unlock-card,.unlock-mark-ring,.unlock-progress{animation:none}}@media (prefers-reduced-transparency:reduce){.unlock-card{background:var(--stage-surface-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}