@font-face{font-family:Josefin Sans;src:url(/josefin.woff2) format("woff2");font-weight:100 700;font-style:normal;font-display:swap}:root{--bg: #f6f7f9;--card: #ffffff;--ink: #1a1d21;--sub: #5b6470;--mut: #9aa2ae;--line: #e6e9ee;--line2: #d7dbe2;--acc: #2f6bff;--accd: #245ae0;--ring: rgba(47,107,255,.18);--ok: #12a150;--okd: #0e8a44;--err: #e0322f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:Josefin Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#root{display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:34px 32px 26px;box-shadow:0 1px 2px #1018280a,0 16px 40px #10182817}h1{font-size:25px;font-weight:600;text-align:center;letter-spacing:-.3px}.subhead{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:22px}.subhead .ic{color:var(--acc);display:flex}label{display:block;font-size:13.5px;font-weight:600;color:var(--sub);margin:15px 0 7px}.field{position:relative}.field .lic{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--mut);display:flex;transition:color .15s ease}.field:focus-within .lic{color:var(--acc)}input{width:100%;height:46px;padding:0 14px 0 42px;background:#fff;color:var(--ink);border:1px solid var(--line2);border-radius:10px;font-size:15px;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder{color:var(--mut)}input:focus{border-color:var(--acc);box-shadow:0 0 0 4px var(--ring)}.eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--mut);cursor:pointer;padding:4px;display:flex}.eye:hover{color:var(--sub)}.btn{width:100%;height:47px;margin-top:22px;background:var(--acc);color:#fff;border:none;border-radius:10px;font-size:15.5px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 1px 2px #2f6bff40}.btn:hover{background:var(--accd)}.btn[disabled]{opacity:.65;cursor:default}.btn.play{height:54px;font-size:17px;background:var(--ok);box-shadow:0 1px 2px #12a15047;margin-top:24px}.btn.play:hover{background:var(--okd)}.btn.ghost{background:#fff;color:var(--sub);border:1px solid var(--line2);box-shadow:none;height:44px;margin-top:10px;font-weight:500}.btn.ghost:hover{background:#f3f5f8}.alt{text-align:center;font-size:14px;color:var(--sub);margin-top:20px}.alt button{background:none;border:none;color:var(--acc);font-weight:600;font-family:inherit;font-size:14px;cursor:pointer;padding:0 2px}.alt button:hover{text-decoration:underline}.msg{font-size:13px;text-align:center;min-height:16px;margin-top:14px}.msg.err{color:var(--err)}.msg.ok{color:var(--ok)}.me{display:flex;align-items:center;gap:14px;margin-bottom:4px}.ava{width:66px;height:66px;border-radius:15px;background:#eef1f5 center/cover no-repeat;border:1px solid var(--line);flex:none}.who{font-size:20px;font-weight:600;display:flex;align-items:center;gap:6px}.who .v{color:var(--acc);display:flex}.uid{color:var(--mut);font-size:12.5px;margin-top:2px}.row{display:flex;gap:9px}.row .field{flex:1}.row .btn{width:auto;margin-top:0;height:46px;padding:0 18px;flex:none}.hint{color:var(--mut);font-size:11.5px;margin-top:8px}.spin{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}