:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0%,#263244 0%,#141a25 48%,#0c111a 100%);color:#edf2f9;display:grid;place-items:center;padding:22px}.panel{width:min(100%,350px);background:#19222f;border:1px solid #344458;border-radius:18px;box-shadow:0 22px 65px #0009;padding:28px 26px 24px}.logo{margin:0;text-align:center;font-size:24px;font-weight:800;letter-spacing:.07em}.sub{text-align:center;font-size:12px;color:#a8b6c9;margin:10px 0 26px}.lock{text-align:center;font-size:25px;margin-bottom:10px}.dots{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 24px;min-height:16px}.dot{display:block;width:12px;height:12px;border-radius:50%;background:#33465c;border:1px solid #667995;transition:background .13s,border-color .13s,transform .13s}.dot.filled{background:#f0be4a;border-color:#f0be4a;transform:scale(1.09);box-shadow:0 0 8px #f0be4a55}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.key{height:56px;border:1px solid #42526b;border-radius:10px;background:#283548;color:#eff4fa;font-size:22px;font-weight:600;cursor:pointer}.key:hover:not(:disabled){background:#3a4a60}.key:active:not(:disabled){transform:translateY(1px)}.key.done{background:#28785e;border-color:#3f9e7d}.key.done:hover:not(:disabled){background:#2e906f}.key:disabled{opacity:.42;cursor:not-allowed}.error{font-size:13px;color:#ffd1d1;text-align:center;margin:20px 0 0;min-height:19px;line-height:1.5}.lockmsg{background:#573036;color:#ffe1e1;border:1px solid #a24a55;border-radius:9px;padding:11px;margin-top:16px;text-align:center;font-size:13px;line-height:1.6}.info{font-size:11px;color:#95a5bd;text-align:center;margin:20px 0 0;line-height:1.5}.badge{display:inline-block;border:1px solid #43556d;border-radius:5px;color:#a9bad1;padding:4px 8px;margin-top:4px;font-size:10px;letter-spacing:.05em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}