.portal{--u: min(1vw, 4.8px);min-height:100vh;min-height:100svh}body[data-step=hero],body[data-step=identity]{background:var(--paper)}body[data-step=prep],body[data-step=studio],body[data-step=review],body[data-step=success]{background:var(--ink)}body[data-step=upload]{background:var(--accent)}.screen{position:relative;overflow:hidden;max-width:480px;margin:0 auto;min-height:100vh;min-height:100svh;padding:max(18px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;background:var(--paper);color:var(--ink)}.screen.is-dark{background:var(--ink);color:var(--paper)}.muted{color:var(--tech-dark)}.is-dark .muted,.muted.on-dark{color:var(--tech)}.soft{color:var(--soft)}.small{font-size:10px}.center{text-align:center}.topbar{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:11px}.topbar .mono{font-size:11px}.brand-tag{display:inline-flex;align-items:center;gap:8px}.rec-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);display:inline-block}.back{width:44px;height:44px;border-radius:12px;border:0;background:var(--ink);color:var(--paper);display:grid;place-items:center}.topbar.is-dark .back,.is-dark .back{background:var(--paper);color:var(--ink)}.steps{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;font-size:10px;position:relative;z-index:2}.steps li{display:flex;flex-direction:column;gap:6px;color:var(--tech-dark)}.steps .bar{height:4px;background:#d9d8d2}.steps li.on{color:var(--ink);font-weight:700}.steps li.on .bar{background:var(--accent)}.steps li.done .bar{background:var(--ink)}.steps.is-dark li{color:var(--tech)}.steps.is-dark .bar{background:var(--line)}.steps.is-dark li.on{color:var(--paper)}.steps.is-dark li.done .bar{background:var(--paper)}.cta{width:100%;min-height:64px;border:0;padding:0;display:flex;align-items:stretch;text-align:left;transition:transform .2s var(--ease-spring)}.cta:active{transform:scale(.98)}.cta:disabled{opacity:.55}.cta-label{flex:1;display:flex;align-items:center;padding:10px 18px;font-size:clamp(22px,calc(var(--u) * 6.9),30px);line-height:1}.cta-icon{width:64px;flex:none;display:grid;place-items:center;font-size:26px;font-weight:700}.cta.tone-ink{background:var(--ink);color:var(--paper)}.cta.tone-ink .cta-icon,.cta.tone-accent{background:var(--accent);color:var(--ink)}.cta.tone-accent .cta-icon{background:var(--ink);color:var(--accent)}.cta.tone-paper{background:var(--paper);color:var(--ink)}.cta.tone-paper .cta-icon{background:var(--accent);color:var(--ink)}.cta:focus-visible,.chip:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.chip-btn{min-height:44px;padding:0 14px;border:1.5px solid currentColor;background:transparent;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em}.chip-btn.solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip-btn.on-dark{color:var(--paper)}.err{margin:6px 0 0;font-size:13px;font-weight:500;color:#b42318}.err.on-dark{color:#ff8a73}.hero-head{position:relative;margin-top:8px;display:flex;flex-direction:column}.hey{position:relative;z-index:2;font-size:calc(var(--u) * 25.5);line-height:.9}.thisis{position:relative;z-index:2;font-size:calc(var(--u) * 23.5);line-height:.85;margin:calc(var(--u) * 1) 0 0 calc(var(--u) * 4);transform:rotate(-4deg);transform-origin:left}.thisis.rise{animation-name:rise}.for{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin-top:calc(var(--u) * 3)}.for .d-wide{font-size:calc(var(--u) * 8.7);line-height:1}.for .mono{font-size:10px}.sofia{position:relative;z-index:1;margin:calc(var(--u) * 2) 0 0 -4px;font-size:calc(var(--u) * 36);line-height:.8;white-space:nowrap;font-weight:900}.sofia .i{position:relative;display:inline-block}.accent-bar{position:absolute;left:-.13em;bottom:calc(100% + .06em);width:.5em;height:1.8em;background:var(--accent);transform:skew(-12deg);transform-origin:bottom;animation:grow-y 1s var(--ease-io) .45s both}.hero-band{position:relative;height:calc(var(--u) * 46);margin:calc(var(--u) * 3) -20px 0}.ticker{position:absolute;left:-30px;right:-30px;top:calc(var(--u) * 3);height:32px;background:var(--ink);transform:rotate(-5deg);overflow:hidden;display:flex;align-items:center;z-index:1}.ticker-track{display:flex;white-space:nowrap;font-size:11px;letter-spacing:.16em;color:var(--paper);animation:marquee 20s linear infinite}.fan{position:absolute;top:0;right:0;bottom:0;left:0;perspective:900px;z-index:2;pointer-events:none}.fan .card{position:absolute;box-shadow:0 18px 30px #0b0b0d40}.fan .c1{right:calc(var(--u) * 20);top:calc(var(--u) * 8);width:calc(var(--u) * 23);aspect-ratio:3/4;transform:rotateY(-22deg) rotate(9deg);border:1.5px solid var(--ink)}.fan .c2{right:calc(var(--u) * 4);top:calc(var(--u) * 14);width:calc(var(--u) * 19.5);aspect-ratio:3/4;transform:rotateY(-30deg) rotate(18deg);background:var(--accent);display:flex;align-items:flex-end;padding:0 0 2px 7px;font-size:calc(var(--u) * 14);line-height:.85;animation-delay:-1.5s}.fan .c3{right:calc(var(--u) * 37);top:calc(var(--u) * 26);width:calc(var(--u) * 20);height:calc(var(--u) * 13.5);transform:rotateY(20deg) rotate(-8deg);background:var(--blue);display:grid;place-items:center;animation-delay:-3s}.hero-concept{position:absolute;left:20px;bottom:0;z-index:3;font-size:calc(var(--u) * 7.7);line-height:.95}.hero-msg{margin:20px 0 0;font-size:15px;line-height:1.45}.hero-cta{margin-top:auto;padding-top:20px}.foot{display:flex;justify-content:space-between;gap:8px;margin-top:14px;font-size:10px}.resume{margin-top:18px;padding:14px;border:1.5px dashed var(--ink);display:flex;flex-direction:column;gap:8px}.resume .mono{font-size:11px;font-weight:700}.resume p{margin:0;font-size:14px}.resume-actions{display:flex;gap:8px;flex-wrap:wrap}.ghost-num{position:absolute;right:-18px;top:18px;font-size:calc(var(--u) * 64);line-height:.8;color:transparent;-webkit-text-stroke:1.5px #c9c8c2;pointer-events:none}.title{margin:26px 0 0;display:flex;flex-direction:column;font-weight:900;position:relative;z-index:2}.t-small{font-size:calc(var(--u) * 7.2);line-height:1}.t-big{font-size:calc(var(--u) * 19);line-height:.88}.form{margin-top:24px;display:flex;flex-direction:column;gap:22px;flex:1;position:relative;z-index:2}.field-group{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}.flabel{font-size:11px;padding:0}.flabel b{color:var(--accent)}.field{border-bottom:2px solid var(--ink);transition:border-color .2s}.field:focus-within{border-color:var(--accent)}.field.dashed{border-bottom-style:dashed}.field.has-error{border-color:#b42318}.field input{width:100%;border:0;background:transparent;padding:8px 0 10px;font-size:24px;font-weight:500;outline:none;border-radius:0}.field input::placeholder{color:var(--tech)}.other{margin-top:10px}.other .field input{font-size:19px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:44px;padding:0 16px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font-size:22px;letter-spacing:.01em;transition:transform .25s var(--ease-spring),background .2s,box-shadow .2s}.chip.on{background:var(--accent);transform:rotate(-4deg);box-shadow:3px 3px 0 var(--ink)}.consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.4;color:#3a3a40;cursor:pointer}.consent input{width:22px;height:22px;margin:0;accent-color:var(--accent);flex:none}.form-cta{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding-top:8px}.lens{position:absolute;right:-120px;top:40px;width:300px;height:300px;animation:iris 1.1s var(--ease-io) both;pointer-events:none}.lens-core{position:absolute;top:70px;right:70px;bottom:70px;left:70px;border-radius:50%;background:var(--accent);animation:pulse 2.4s ease-in-out infinite}.lens-ring{position:absolute;top:40px;right:40px;bottom:40px;left:40px;border-radius:50%;border:1px solid var(--line-2)}.lens-dash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px dashed var(--tech);animation:spin 30s linear infinite}.lens-hole{position:absolute;top:120px;right:120px;bottom:120px;left:120px;border-radius:50%;background:var(--ink)}.prep-title>span{display:block}.prep-title .d-wide{font-size:calc(var(--u) * 12.8);line-height:.95}.prep-title .d-cond{font-size:calc(var(--u) * 19.5);line-height:.85}.tips{margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tip{min-height:128px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;font-size:12px;line-height:1.3}.tip .mono{font-size:10px}.tip .d-cond{font-size:clamp(34px,calc(var(--u) * 11.5),50px);line-height:.85}.tip.t1{background:var(--accent);color:var(--ink);transform:rotate(-2deg)}.tip.t2{background:var(--paper);color:var(--ink);transform:rotate(1.5deg)}.tip.t3{border:1.5px solid var(--paper);transform:rotate(1deg)}.tip.t3>span:last-child{color:var(--soft)}.tip.t4{background:var(--blue);color:var(--paper);transform:rotate(-1.5deg)}.perm{margin-top:auto;padding-top:26px;display:flex;flex-direction:column;gap:12px}.perm-label{font-size:10px}.perm-note{margin:0;font-size:12px;line-height:1.45;color:var(--soft)}.perm-note.warn{font-size:14px;color:var(--paper);padding:12px;border:1.5px dashed var(--accent)}.filepick{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:1.5px solid var(--line-2);font-size:11px;cursor:pointer}.filepick.dark{color:var(--paper)}.filepick.light{color:var(--ink);border-color:var(--ink)}.filepick input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;font-size:0}.filepick:focus-within{outline:3px solid var(--accent);outline-offset:2px}.screen.studio{padding:0;background:var(--ink);color:var(--paper);height:100vh;height:100dvh;min-height:0}.cam{position:relative;flex:1;min-height:0;background-color:#1c1c20;background-image:radial-gradient(#3a3a40 1.2px,transparent 1.5px);background-size:7px 7px;overflow:hidden}.cam video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;max-width:none}.cam video.mirror{transform:scaleX(-1)}.cam-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;color:var(--tech)}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:min(40vw,220px);color:var(--accent);text-shadow:6px 6px 0 var(--ink);animation:pop .8s var(--ease-spring) infinite}.cam-error{position:absolute;top:0;right:0;bottom:0;left:0;padding:90px 24px 24px;display:flex;flex-direction:column;gap:14px;background:#0b0b0deb}.cam-error .d-cond{font-size:40px;line-height:.9}.cam-error p{margin:0;font-size:14px;line-height:1.45;color:var(--soft)}.brackets i{position:absolute;width:26px;height:26px;border:0 solid var(--paper);pointer-events:none}.brackets i:nth-child(1){left:20px;top:84px;border-left-width:2px;border-top-width:2px}.brackets i:nth-child(2){right:44px;top:84px;border-right-width:2px;border-top-width:2px}.brackets i:nth-child(3){left:20px;bottom:20px;border-left-width:2px;border-bottom-width:2px}.brackets i:nth-child(4){right:44px;bottom:20px;border-right-width:2px;border-bottom-width:2px}.timeline{position:absolute;right:16px;top:90px;bottom:24px;width:4px;background:var(--line-2)}.tl-fill{position:absolute;left:0;top:0;width:4px;background:var(--paper);transition:height .1s linear}.tl-zone{position:absolute;left:0;bottom:0;width:4px;height:16.66%;background:#ff633e73}.is-last10 .tl-fill{background:var(--accent)}.hud{position:absolute;left:0;right:0;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:max(16px,env(safe-area-inset-top)) 16px 14px;background:#0b0b0d99;font-size:11px}.rec-pill{display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;background:var(--coral);color:var(--ink);font-size:13px;font-weight:700}.rec-pill .dot{width:10px;height:10px;border-radius:50%;background:var(--ink)}.hud-back,.flip{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--paper);background:#0b0b0d66;color:var(--paper);display:grid;place-items:center;padding:0}.flip-space{width:44px}.warn-band{position:absolute;left:-12px;top:calc(max(16px,env(safe-area-inset-top)) + 78px);z-index:5;padding:10px 18px 10px 32px;background:var(--accent);color:var(--ink);box-shadow:4px 4px 0 var(--ink);animation:shake .5s ease-in-out infinite;rotate:-4deg}.warn-band .mono{font-size:10px}.warn-band .d-cond{font-size:30px;line-height:.95}.controls{flex:none;background:var(--ink);border-top:1px solid var(--line);padding:12px 20px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.clock{display:flex;justify-content:center;align-items:baseline;gap:10px}.clock .big{font-size:52px;line-height:1;font-variant-numeric:tabular-nums}.clock .mono{font-size:13px}.ctrl-row{display:flex;justify-content:space-between;align-items:center}.side-btn{width:72px;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;color:var(--soft);font-size:10px;padding:0}.side-ic{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line-2);display:grid;place-items:center}.side-num{font-size:26px;color:var(--paper);line-height:44px;letter-spacing:0}.rec-btn{position:relative;width:92px;height:92px;border:0;background:none;padding:0;display:grid;place-items:center}.rec-btn svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.rec-btn .core{width:70px;height:70px;border-radius:50%;background:var(--coral);transition:all .25s var(--ease-spring)}.rec-btn .core.square{width:34px;height:34px;border-radius:6px}.rec-btn:disabled{opacity:.4}.rec-btn.is-stop{animation:pulse 1s ease-in-out infinite}.take-word{position:absolute;right:-30px;top:230px;writing-mode:vertical-rl;font-size:120px;line-height:.8;color:transparent;-webkit-text-stroke:1px var(--line-2);pointer-events:none}.review-title{margin-top:10px}.review-title .t-small{font-size:calc(var(--u) * 8.7)}.review-title .t-big{font-size:calc(var(--u) * 23.5);line-height:.82}.review-title .sub{margin-top:8px;font-size:13px;font-weight:400;color:var(--soft);font-family:var(--f-body)}.player-wrap{position:relative;margin-top:22px;display:flex;gap:16px;align-items:flex-start}.player-shadow{position:absolute;left:16px;top:10px;width:min(62%,300px);aspect-ratio:9/16;max-height:52vh;background:var(--accent);rotate:4deg}.player{position:relative;width:min(62%,300px);aspect-ratio:9/16;max-height:52vh;background:#1c1c20;border:1.5px solid var(--paper);overflow:hidden;flex:none}.player video{width:100%;height:100%;object-fit:contain;background:#000;max-width:none}.play-big{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;border:0;background:var(--paper);display:grid;place-items:center}.meta{display:flex;flex-direction:column;gap:14px;font-size:10px;line-height:1.5;min-width:0;word-break:break-word}.meta span{display:block;color:var(--tech)}.meta b{font-size:15px;font-weight:500}.review-actions{margin-top:auto;padding-top:22px;display:flex;flex-direction:column;gap:10px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ghost{min-height:52px;border:1.5px solid var(--paper);background:transparent;color:var(--paper);font-size:19px}.ghost:active{background:var(--paper);color:var(--ink)}.screen.upload{background:var(--accent);color:var(--ink)}.pct{display:flex;align-items:flex-start;margin-top:8px;line-height:.8}.pct .n{font-size:calc(var(--u) * 60);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.pct .sym{font-size:calc(var(--u) * 30);margin-top:8px;-webkit-text-stroke-width:2px}.fly{position:absolute;right:10px;top:210px;width:140px;height:190px;perspective:600px;animation:floaty 2.6s ease-in-out infinite}.fly .f1{position:absolute;left:30px;top:30px;width:84px;height:116px;background:var(--paper);transform:rotateY(-25deg) rotate(16deg);box-shadow:6px 6px 0 var(--ink)}.fly .f2{position:absolute;left:16px;top:46px;width:84px;height:116px;transform:rotateY(-25deg) rotate(8deg)}.up-title{margin:16px 0 0;font-size:calc(var(--u) * 7.7);line-height:1;font-weight:900}.ticks{margin-top:22px;height:54px;display:flex;gap:2px}.ticks i{flex:1;border:1px solid var(--ink)}.ticks i.on{background:var(--ink)}.ticks i.edge{background:var(--ink);animation:tick .8s ease-in-out infinite}.up-meta{margin-top:10px;display:flex;justify-content:space-between;font-size:11px}.up-note{margin:18px 0 0;font-size:15px;line-height:1.45;font-weight:500}.up-error{margin-top:auto;background:var(--ink);color:var(--paper);padding:18px;display:flex;flex-direction:column;gap:10px;rotate:-1.5deg}.up-error .row{display:flex;justify-content:space-between;gap:8px;font-size:10px;flex-wrap:wrap}.up-error .coral{color:var(--coral)}.up-error .big{font-size:34px;line-height:.9}.up-error p{margin:0;font-size:13px;line-height:1.45;color:var(--soft)}.retry{min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border:0;background:var(--accent);color:var(--ink);font-size:22px}.drop-bar{position:absolute;right:18%;top:-20px;width:82px;height:330px;background:var(--accent);transform:skew(-12deg);animation:drop .8s var(--ease-io) both}.burst i{position:absolute;animation:pop .7s cubic-bezier(.2,.9,.3,1.3) both}.burst .b1{left:5%;top:70px;width:58px;height:80px;background:var(--paper);rotate:-14deg;animation-delay:.3s}.burst .b2{left:27%;top:50px;width:46px;height:62px;background:var(--blue);rotate:10deg;animation-delay:.38s}.burst .b3{right:2%;top:130px;width:52px;height:70px;rotate:18deg;animation-delay:.45s}.burst .b4{left:41%;top:100px;width:38px;height:38px;background:repeating-linear-gradient(-45deg,var(--coral) 0 5px,var(--ink) 5px 10px);rotate:-8deg;animation-delay:.5s}.burst .b5{right:4%;top:52%;width:50px;height:68px;background:var(--coral);rotate:-20deg;animation-delay:.55s}.burst .b6{left:1%;top:58%;width:44px;height:60px;background:var(--blue);rotate:16deg;animation-delay:.6s}.burst .b7{right:8%;top:38%;width:30px;height:40px;border:1.5px solid var(--paper);rotate:-6deg;animation-delay:.65s}.succ-title{position:relative;z-index:2;margin:100px 0 0;display:flex;flex-direction:column;font-weight:900}.succ-title .d-wide{font-size:calc(var(--u) * 11.3);line-height:.95}.succ-title .d-cond{font-size:calc(var(--u) * 25.6);line-height:.82}.stamp{position:relative;z-index:3;align-self:flex-end;margin-top:-30px;width:176px;padding:10px 12px;border:2px dashed var(--accent);color:var(--accent);background:var(--ink);rotate:-9deg;font-size:10px;line-height:1.6;animation:stamp .5s var(--ease-spring) 1.1s both}.stamp .code{font-size:16px;font-weight:700}.succ-lead{margin:24px 0 0;font-size:19px;line-height:1.35;font-weight:700;position:relative;z-index:2}.succ-note{margin:8px 0 0;font-size:13px;line-height:1.45;color:var(--soft);position:relative;z-index:2}.succ-actions{margin-top:auto;padding-top:22px;display:flex;flex-direction:column;gap:6px;position:relative;z-index:2}.text-link{align-self:flex-start;min-height:44px;background:none;border:0;color:var(--paper);font-size:11px;padding:0}@media (min-width: 560px){.screen{box-shadow:0 0 0 1px #0b0b0d0f}}