:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#e6edf3;background:#0d1117;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.container{width:min(560px,100vw - 32px);padding:24px 0}.scorebar{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.scorebar h1{letter-spacing:.01em;margin:0;font-size:1.25rem}.stats{color:#8b949e;white-space:nowrap;margin:0;font-size:.875rem}.tier{color:#8b949e;margin:2px 0 0;font-size:.75rem}.tier strong{color:#58a6ff}.stats strong{color:#e6edf3}.card{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:24px}.question{color:#8b949e;margin:0 0 16px;font-size:.95rem}.password{letter-spacing:.12em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#0d1117;border:1px solid #30363d;border-radius:8px;margin-bottom:20px;padding:16px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.5rem;line-height:1;display:block}.rules{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rules li{color:#c9d1d9;align-items:center;gap:10px;font-size:.95rem;display:flex}.rules li.broken{color:#ff7b72}.rules li.broken .dot{background:#f85149}.dot{background:#58a6ff;border-radius:50%;flex:none;width:7px;height:7px}.feedback{border:1px solid;border-radius:8px;margin-top:16px;padding:10px 14px;font-size:.875rem}.feedback.ok{color:#7ee787;background:#3fb9501a;border-color:#3fb95066}.feedback.bad{color:#ff7b72;background:#f851491a;border-color:#f8514966}.actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.btn{color:#e6edf3;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:8px;padding:12px 16px;font-size:1rem;font-weight:600;transition:border-color .15s,background .15s}.btn:hover{border-color:#58a6ff}.btn.valid{border-color:#3fb95066}.btn.valid:hover{background:#3fb9501f}.btn.invalid{border-color:#f8514966}.btn.invalid:hover{background:#f851491f}.btn.next{width:100%;margin-top:20px}@media (width<=480px){.scorebar{flex-direction:column}}