@font-face{font-family:Pixelated Elegance;src:url(/assets/PixelatedElegance-Regular-2g9HJL25.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}html{background:#f8dce9;min-width:320px;min-height:100%}body{font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-width:320px;min-height:100%;margin:0;font-family:Pixelated Elegance,monospace}button,input{font:inherit}#root{min-height:100svh}:root{--background-color:#ec90b5;--pink-dark:#9f315d;--white:#fffafc;--font:"Pixelated Elegance", monospace}*{box-sizing:border-box}.gate-shell{min-height:100svh;color:var(--white);background-color:var(--background-color);font-family:var(--font);background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:16px 16px;place-items:center;padding:32px 24px;display:grid;position:relative}.gate-panel{text-align:center;width:min(100%,340px)}h1{max-width:320px;color:var(--white);font:400 36px/1.25 var(--font);letter-spacing:0;text-transform:lowercase;margin:0 auto 44px}form{text-align:left}input,button{border:2px solid var(--white);width:100%;height:50px;font-family:var(--font);border-radius:0}.input-shell{position:relative}input{color:var(--white);box-shadow:4px 4px 0 var(--pink-dark);letter-spacing:0;caret-color:var(--white);background:0 0;outline:none;padding:8px 12px;font-size:18px;transition:none}input.is-empty{caret-color:#0000}.field-cursor{color:var(--white);font:18px/1 var(--font);pointer-events:none;display:none;position:absolute;top:50%;left:12px;transform:translateY(-52%)}.input-shell:focus-within .field-cursor{animation:.9s step-end infinite cursor-blink;display:block}input:focus{background:0 0}input.has-error{animation:.18s linear shake}button{color:var(--background-color);background:var(--white);box-shadow:4px 4px 0 var(--pink-dark);cursor:pointer;letter-spacing:0;text-transform:uppercase;margin-top:14px;font-size:18px;font-weight:400}button:hover,button:focus-visible{color:var(--white);background:var(--pink-dark);outline:2px solid var(--white);outline-offset:3px}button:active{box-shadow:1px 1px 0 var(--pink-dark);transform:translate(3px,3px)}.feedback{height:40px;color:var(--white);text-align:center;padding-top:14px;font-size:18px;overflow:hidden}.feedback p{margin:0}.preview-hint{bottom:max(18px, env(safe-area-inset-bottom));color:#fffafca6;font:9px/1.4 var(--font);margin:0;position:absolute}.field-dots{color:var(--white);font:36px/1 var(--font);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-58%)}.field-dots:after{content:".";animation:1.5s step-end infinite dot-typing}.input-shell:focus-within .field-dots{display:none}@keyframes dot-typing{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@keyframes shake{0%,to{transform:translate(0)}33%{transform:translate(-4px)}66%{transform:translate(4px)}}@keyframes cursor-blink{0%,45%{opacity:1}46%,to{opacity:0}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}