.scr{--gutter:18px;width:min(100%,520px);padding:0 var(--gutter) 28px;margin:0 auto;position:relative}.scr-art{margin:0 calc(-1 * var(--gutter,16px));height:clamp(230px,44vh,360px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.scr-art img{object-fit:cover;width:100%;height:100%;animation:18s ease-in-out infinite alternate scr-drift;display:block}@keyframes scr-drift{0%{transform:scale(1.04)}to{transform:scale(1.12)translate(-1.5%,1%)}}.scr-cap{left:max(18px, var(--gutter,16px));color:#0e0c15;font:800 italic clamp(22px, 6.4vw, 30px) / 1 var(--font-cond);letter-spacing:.01em;text-transform:uppercase;animation:scr-cap-in .55s .15s var(--ease-spring) both;background:#fff;border-radius:6px;padding:8px 14px 7px;font-stretch:80%;position:absolute;bottom:30%;rotate:-3deg;box-shadow:4px 4px #ff5fa8}@keyframes scr-cap-in{0%{opacity:0;transform:scale(.6)rotate(-8deg)}}.scr-body{gap:18px;margin-top:-64px;display:grid;position:relative}.scr-head{gap:10px;display:grid}.scr-head h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(34px,9.5vw,46px);line-height:.98}.scr-lead{color:var(--fg-2);text-wrap:pretty;margin:0;font-size:16.5px;line-height:1.45}.scr-lead b{color:var(--fg)}.scr-form{gap:14px;display:grid}.scr-form>.field{margin:0}.scr-actions{gap:10px;display:grid}.scr-actions .btn{--bh:56px;width:100%;font-size:17px}.scr-alt{flex-wrap:wrap;justify-content:center;gap:6px 18px;display:flex}.scr-alt button,.scr-alt a{color:var(--fg-2);font:600 15px/1.2 var(--font-ui);cursor:pointer;background:0 0;border:0;padding:8px 2px;text-decoration:none}.scr-alt button:hover,.scr-alt a:hover{color:var(--fg)}.scr-alt b{color:#ff8cc4;font-weight:700}.scr-tile{box-shadow:inset 0 0 0 1px var(--line);color:inherit;transition:background .2s, transform .2s var(--ease-spring);background:#ffffff0b;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:grid}.scr-tile:hover{background:#ffffff13}.scr-tile:active{transform:scale(.98)}.scr-tile b{font:700 16px/1.2 var(--font-ui);display:block}.scr-tile small{color:var(--fg-3);margin-top:3px;font-size:13.5px;display:block}.scr-tile>svg{width:20px;height:20px;stroke:var(--fg-3);fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.scr-fan{width:52px;height:46px;position:relative}.scr-fan i{background:linear-gradient(160deg,#ff5fa8,#9b6bff);border-radius:5px;width:28px;height:38px;position:absolute;top:4px;left:12px;box-shadow:0 0 0 1.5px #ffffffb3}.scr-fan i:first-child{background:linear-gradient(160deg,#6ef0ee,#2b7bff);translate:-9px 2px;rotate:-16deg}.scr-fan i:nth-child(3){background:linear-gradient(160deg,#ffb23d,#ff5fa8);translate:9px 2px;rotate:14deg}.scr-note{color:var(--fg-3);text-align:center;margin:0;font-size:13.5px;line-height:1.45}.scr-note a{color:var(--fg-2)}.otp{grid-template-columns:repeat(var(--n,6), minmax(0, 1fr));gap:clamp(6px,2vw,10px);display:grid;position:relative}.otp input{z-index:2;opacity:0;color:#0000;caret-color:#0000;width:100%;height:100%;min-height:0;padding:0;font-size:17px;position:absolute;inset:0;box-shadow:none!important;background:0 0!important}.otp span{aspect-ratio:.82;box-shadow:inset 0 0 0 1.5px var(--line-2);font:800 clamp(24px, 7vw, 32px) / 1 var(--font-mono);color:#fff;transition:box-shadow .18s, transform .25s var(--ease-spring), background .18s;background:#fff1;border-radius:16px;place-items:center;display:grid}.otp span.on{background:#ff5fa814;box-shadow:inset 0 0 0 2px #ff5fa8,0 0 0 5px #ff5fa824}.otp span.on:empty:after{content:"";background:#ff5fa8;width:2px;height:1em;animation:1s step-end infinite otp-caret}.otp span.full{animation:otp-pop .25s var(--ease-spring)}@keyframes otp-caret{50%{opacity:0}}@keyframes otp-pop{40%{transform:scale(1.08)}}.otp.long span{aspect-ratio:.7;border-radius:12px;font-size:clamp(18px,5.4vw,26px)}.otp.long span:nth-child(5){margin-left:8px}@media (prefers-reduced-motion:reduce){.scr-art img,.scr-cap{animation:none}}.held-mug{text-align:center;justify-items:center;gap:14px;display:grid}.held-stage{aspect-ratio:5/7;width:min(62vw,240px);position:relative}.held-stage canvas{pointer-events:none;width:180%;height:180%;position:absolute;inset:-40%}.held-card{animation:held-pop .8s var(--ease-spring) both;position:relative}@keyframes held-pop{0%{opacity:0;transform:translateY(40px)scale(.6)rotate(-10deg)}60%{opacity:1}to{transform:none}}.held-title{letter-spacing:-.03em;margin:6px 0 0;font-size:clamp(30px,8.5vw,40px);line-height:1}.held-mug>p{max-width:34ch;margin:0}.held-actions{gap:10px;width:100%;display:grid}.held-actions .btn{--bh:56px;font-size:17px}