@font-face{font-family:Ubuntu;font-style:normal;font-weight:100 800;font-stretch:75% 100%;font-display:swap;src:local(Ubuntu),url(/fonts/Ubuntu.woff2)format("woff2")}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:400 700;font-display:swap;src:local(Ubuntu Mono),url(/fonts/UbuntuMono.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f7;--bg-glow:#dfe9f8;--surface:#fff;--ink:#0b0b0b;--ink-2:#52514e;--line:#d9dbe0;--accent:#2a78d6;--bad:#d03b3b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0f11;--bg-glow:#14243a;--surface:#17181b;--ink:#f0efec;--ink-2:#a9a8a2;--line:#2b2d31;--accent:#3987e5;--bad:#e66767}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0f11;--bg-glow:#14243a;--surface:#17181b;--ink:#f0efec;--ink-2:#a9a8a2;--line:#2b2d31;--accent:#3987e5;--bad:#e66767}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(60rem 40rem at 50% 35%, var(--bg-glow), var(--bg) 70%) fixed, var(--bg);color:var(--ink);font:16px/1.4 Ubuntu,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{place-items:center;min-height:100%;padding:16px;display:grid}form{justify-items:center;gap:22px;width:min(340px,100%);display:grid}.door{width:46px;height:62px}.door .frame{fill:var(--accent)}.door .leaf{fill:#fff;opacity:.16;transform-origin:10px 32px;transition:transform .5s cubic-bezier(.3,.7,.2,1)}.door .knob{fill:#fff}form.open .door .leaf{opacity:.32;transform:perspective(60px)rotateY(-55deg)}.field{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;width:100%;padding:4px 4px 4px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent)}.field input{min-width:0;color:var(--ink);letter-spacing:.04em;background:0 0;border:0;outline:0;flex:1;padding:10px 0;font:500 16px/1 Ubuntu Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.field input::placeholder{color:var(--ink-2);letter-spacing:0;font-family:Ubuntu,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.field button{cursor:pointer;background:var(--accent);border:0;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid}.field button svg{fill:none;stroke:#fff;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.field button:disabled{opacity:.6;cursor:progress}#msg{min-height:1.4em;color:var(--bad);margin:-8px 0 0;font-size:14px}form.shake .field{border-color:var(--bad);animation:.4s shake}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}