.rf{--paper:#f4efe5;--ink:#23252d;--accent:#ffc93c;--accent-deep:#e8ab13;--teal:#2ec4b6;--yellow:#ffc53d;--shell:#fffdf8;--screen:#23252d;--eye:#fffdf8;--muted:#9a948a;--field:#faf7f0;--line:2px solid var(--ink);--turn:.65s cubic-bezier(.5, -.3, .25, 1.35);color:var(--ink);background:radial-gradient(#23252d12 1.2px, transparent 1.3px) 0 0 / 24px 24px, var(--paper);place-items:center;min-height:100svh;padding:120px 24px 90px;font-family:Sora,Segoe UI,system-ui,sans-serif;display:grid;position:relative;overflow:clip}.rf *{box-sizing:border-box}.rf .stage{flex-direction:column;align-items:center;display:flex;position:relative}.rf .robot{z-index:1;perspective:800px;margin-bottom:-16px;animation:4s ease-in-out infinite alternate rf-float;position:relative}@keyframes rf-float{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.rf .antenna{z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute;top:-32px;left:50%;transform:translate(-50%)}.rf .antenna-rod{background:var(--ink);border-radius:2px;width:4px;height:22px}.rf .antenna-tip{background:var(--accent);border:var(--line);border-radius:50%;order:-1;width:15px;height:15px;margin-bottom:-2px;animation:2.4s ease-in-out infinite rf-bob;position:relative}.rf .antenna-tip:after{content:"";background:#ffffffd9;border-radius:50%;width:4px;height:4px;position:absolute;top:2px;left:3px}@keyframes rf-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}.rf .robot[data-mood=excited] .antenna-tip{background:var(--yellow);animation-duration:.4s}.rf .robot[data-mood=success] .antenna-tip{background:var(--teal)}.rf .head3d{perspective:700px;width:152px;height:140px;transform-style:preserve-3d;transform:translateY(var(--hy,0px)) scale(var(--hsc,1)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;transition:transform .25s ease-out}.rf .is-hyped .head3d{--hy:5px;--hsc:1.04}.rf .is-pressed .head3d{--hy:9px;--hsc:.94}.rf .head{width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--turn);position:relative}.rf .is-turned .head{transform:rotateY(180deg)}.rf .is-spinning .head{animation:.9s ease-in-out rf-victory}@keyframes rf-victory{to{transform:rotateY(360deg)}}.rf .ear{background:var(--shell);border:var(--line);border-radius:8px;width:16px;height:40px;position:absolute;top:48px;transform:translateZ(0)}.rf .ear--l{left:-10px}.rf .ear--r{right:-10px}.rf .face{backface-visibility:hidden;background:var(--shell);border:var(--line);border-radius:34px;position:absolute;inset:0}.rf .face--front{box-shadow:5px 6px #23252d29}.rf .face--back{place-items:center;display:grid;transform:rotateY(180deg);box-shadow:5px 6px #23252d29}.rf .visor{background:var(--screen);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex;position:absolute;inset:22px 16px 20px;overflow:hidden}.rf .eyes{transform:translate(var(--lx,0px), var(--ly,0px));gap:28px;transition:transform .18s ease-out;display:flex}.rf .eyes.blink .eye{transform:scaleY(.08)}.rf .eye{background:var(--eye);border-radius:9px;width:19px;height:25px;transition:all .22s}.rf [data-mood=happy] .eye,.rf [data-mood=success] .eye{border:5px solid var(--eye);background:0 0;border-bottom:none;border-radius:25px 25px 0 0;width:25px;height:12px}.rf [data-mood=excited] .eye{border-radius:50%;height:21px;transform:scale(1.2)}.rf [data-mood=pressed] .eye{border:5px solid var(--eye);background:0 0;border-top:none;border-radius:0 0 24px 24px;width:24px;height:12px}.rf .cheek{background:var(--accent);opacity:0;border-radius:50%;width:15px;height:8px;transition:opacity .3s;position:absolute;top:59%}.rf .cheek--l{left:15px}.rf .cheek--r{right:15px}.rf [data-mood=happy] .cheek,.rf [data-mood=excited] .cheek,.rf [data-mood=pressed] .cheek,.rf [data-mood=success] .cheek{opacity:.9}.rf .mouth{background:var(--eye);border-radius:4px;width:15px;height:5px;transition:all .25s}.rf [data-mood=watching] .mouth{border-radius:50%;width:9px;height:9px}.rf [data-mood=happy] .mouth{border-radius:0 0 16px 16px;width:30px;height:12px}.rf [data-mood=excited] .mouth{border-radius:0 0 13px 13px;width:22px;height:16px}.rf [data-mood=pressed] .mouth{border-radius:0 0 14px 14px;width:27px;height:15px}.rf [data-mood=success] .mouth{border-radius:0 0 20px 20px;width:38px;height:17px}.rf .panel{background:var(--screen);border-radius:16px;flex-direction:column;align-items:center;gap:8px;width:116px;padding:12px 10px 10px;display:flex}.rf .panel-lights{gap:6px;display:flex}.rf .panel-lights i{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite rf-bob}.rf .panel-lights i:nth-child(2){background:var(--yellow);animation-delay:.3s}.rf .panel-lights i:nth-child(3){background:var(--teal);animation-delay:.6s}.rf .meter{gap:5px;display:flex}.rf .meter i{background:#3b3e49;border-radius:4px;width:15px;height:20px;transition:background .25s}.rf .meter i.on{background:var(--teal)}.rf .panel-label{letter-spacing:1.5px;text-overflow:ellipsis;max-width:100%;color:var(--paper);white-space:nowrap;font-size:9px;font-weight:800;overflow:hidden}.rf .bubble{background:var(--shell);border:var(--line);color:var(--ink);text-align:center;z-index:3;border-radius:12px;width:max-content;max-width:250px;padding:9px 14px;font-size:13px;font-weight:600;line-height:1.35;position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%);box-shadow:3px 3px #23252de6}.rf .bubble:after{content:"";background:var(--shell);border-right:var(--line);border-bottom:var(--line);width:10px;height:10px;position:absolute;top:calc(100% - 5px);left:50%;transform:translate(-50%)rotate(45deg)}.rf .bubble.pop{animation:.3s cubic-bezier(.34,1.56,.64,1) rf-pop}@keyframes rf-pop{0%{transform:translate(-50%)scale(.8)}to{transform:translate(-50%)scale(1)}}.rf .card{z-index:2;border:var(--line);background:linear-gradient(165deg,#fffefb 0%,#fdfaf3 45%,#f7f1e4 100%);border-radius:20px;width:min(420px,100vw - 40px);padding:36px 26px 40px;position:relative;box-shadow:8px 9px #23252de6}.rf .hand{background:linear-gradient(90deg, transparent 31%, #23252de6 32%, #23252de6 36%, transparent 37%, transparent 63%, #23252de6 64%, #23252de6 68%, transparent 69%) 0 12px / 100% calc(100% - 12px) no-repeat, var(--shell);border:var(--line);z-index:3;border-radius:9px 9px 14px 14px;width:44px;height:32px;transition:transform .25s;position:absolute;top:-16px}.rf .hand--l{left:36px}.rf .hand--r{right:36px}.rf .is-hyped~.card .hand{transform:translateY(-3px)scaleY(1.08)}.rf .foot{background:var(--shell);border:var(--line);z-index:-1;border-radius:9px 9px 14px 14px;width:54px;height:34px;position:absolute;bottom:-26px;box-shadow:inset 0 -9px #23252d1f}.rf .foot--l{left:62px}.rf .foot--r{right:62px}.rf .title{letter-spacing:-.2px;text-align:center;font-size:22px;font-weight:800}.rf .subtitle{color:var(--muted);text-align:center;margin:6px 0 24px;font-size:13.5px;font-weight:500}.rf .field{background:var(--field);cursor:text;border:2px solid #23252d38;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:14px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.rf .field:focus-within{border-color:var(--ink);box-shadow:3px 3px 0 var(--accent);transform:translate(-1px,-1px)}.rf .field-icon{width:19px;height:19px;fill:var(--muted);flex:none;margin-top:2px;transition:fill .18s}.rf .field:focus-within .field-icon{fill:var(--ink)}.rf .field input,.rf .field textarea,.rf .field select{min-width:0;font:inherit;color:var(--ink);resize:none;background:0 0;border:none;outline:none;flex:1;font-size:14.5px;font-weight:600}.rf .field textarea{line-height:1.4}.rf .field input::placeholder,.rf .field textarea::placeholder{color:var(--muted);font-weight:500}.rf .field select{cursor:pointer}.rf .field select:invalid{color:var(--muted);font-weight:500}.rf .btn{border:var(--line);background:var(--accent);width:100%;height:56px;color:var(--ink);font:inherit;letter-spacing:1px;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:15px;font-weight:800;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,background .25s;display:flex;position:relative;box-shadow:4px 5px #23252de6}.rf .btn:hover,.rf .btn:focus-visible{background:var(--accent-deep);transform:translate(-2px,-2px);box-shadow:7px 8px #23252de6}.rf .btn:active{transform:translate(3px,4px);box-shadow:0 0 #23252de6}.rf .btn:disabled{opacity:.75;cursor:wait}.rf .btn-bolt{opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-block;transform:translate(-10px)scale(.4)rotate(-30deg)}.rf .btn:hover .btn-bolt,.rf .btn:focus-visible .btn-bolt{opacity:1;animation:.4s ease-in-out infinite rf-jitter;transform:none}@keyframes rf-jitter{0%,to{transform:rotate(-7deg)scale(1)}50%{transform:rotate(7deg)scale(1.2)}}.rf .btn.is-success{background:var(--teal)}.rf .card.shake{animation:.4s rf-shake}@keyframes rf-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.rf .confetti{pointer-events:none;z-index:10;border-radius:2px;width:10px;height:10px;position:absolute;top:0;left:0}@media (width<=560px){.rf{padding-top:100px}.rf .bubble{max-width:210px;font-size:12.5px}}@media (prefers-reduced-motion:reduce){.rf .robot,.rf .antenna-tip,.rf .panel-lights i{animation:none}.rf .head{transition-duration:10ms}.rf .btn:hover .btn-bolt,.rf .is-spinning .head,.rf .bubble.pop{animation:none}.rf .eyes{transition:none}}