:root{--gray-300:#e2e8f0;--gray-400:#cbd5e0;--gray-600:#718096;--gray-800:#2d3748;--blue-600:#3182ce;--purple-600:#805ad5;--red-600:#c53030;--orange-500:#dd6b20;--green-400:#68d391;--green-700:#2f855a;--radius:.25rem;--ease-out:cubic-bezier(.23, 1, .32, 1);--font-mono:ui-monospace, sfmono-regular, Menlo, Monaco, Consolas, monospace}*,:before,:after{box-sizing:border-box}html{line-height:1.5}body{background:#fff url(/background.svg) 50% no-repeat;margin:0;font-family:Lato,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}a{color:var(--blue-600);text-decoration:none}a:visited{color:var(--purple-600)}:where(a,button,input):focus-visible{outline:2px solid var(--gray-800);outline-offset:2px}.shell{flex-direction:column;max-width:42rem;min-height:100dvh;margin:auto;display:flex}.hero{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.title{letter-spacing:-.015em;text-align:center;border-top:4px solid;margin:1.5rem;font-size:1.875rem;font-weight:900;line-height:1.15}.panel{width:91.6667%;position:relative}@media (min-width:640px){.panel{width:60%}}.password-box{border:1px solid var(--gray-600);border-radius:var(--radius);background:#fff;display:flex}.password-input{border-radius:var(--radius) 0 0 var(--radius);min-width:0;font:inherit;font-family:var(--font-mono);text-align:center;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1;padding:.75rem;transition:filter .2s,opacity .2s;overflow:hidden}.password-input.is-loading{filter:blur(2px);opacity:.6}.renew-button{border:0;border-left:1px solid var(--gray-600);border-radius:0 var(--radius) var(--radius) 0;background:var(--gray-300);font:inherit;cursor:pointer;transition:transform .16s var(--ease-out);padding:0 .75rem}.renew-button:active{background:var(--gray-400);transform:scale(.97)}.hint{text-align:center;text-transform:uppercase;width:100%;margin:0;padding:1rem 0;font-weight:900;transition:color .2s}.hint[data-strength=weak]{color:var(--red-600)}.hint[data-strength=good]{color:var(--orange-500)}.hint[data-strength=strong]{color:var(--green-700)}.slider{appearance:none;border-radius:var(--radius);cursor:pointer;background:linear-gradient(90deg,#c53030 0%,#dd6b20 25%,#ecc94b 50%,#68d391 75%,#2f855a);width:100%;height:.33rem}.slider::-webkit-slider-thumb{appearance:none;cursor:grab;background:#fff;border:1px solid #0000001a;border-radius:50%;width:1.25rem;height:1.25rem;box-shadow:0 1px 2px #0000004d}.slider::-webkit-slider-thumb:active{cursor:grabbing}.slider::-moz-range-thumb{appearance:none;cursor:grab;background:#fff;border:1px solid #0000001a;border-radius:50%;width:1.25rem;height:1.25rem;box-shadow:0 1px 2px #0000004d}.slider::-moz-range-thumb:active{cursor:grabbing}.tweaks{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;margin:2.5rem 0 0;padding:0;font-size:.875rem;list-style:none;display:flex}.tweaks input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.tweaks label{border:1px solid var(--gray-400);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease, border-color .15s ease, transform .16s var(--ease-out);background:#fff;border-radius:9999px;padding:.375rem .875rem;display:inline-block}.tweaks label:active{transform:scale(.97)}.tweaks input:checked+label{border-color:var(--green-700);background:var(--green-400)}.tweaks input:focus-visible+label{outline:2px solid var(--gray-800);outline-offset:2px}.panel-actions{justify-content:center;gap:1.5rem;margin-top:.75rem;display:flex}.reset-button{color:var(--gray-600);font:inherit;cursor:pointer;transition:color .15s ease, transform .16s var(--ease-out);background:0 0;border:0;padding:.25rem .5rem;font-size:.875rem}.reset-button:active{color:var(--gray-800);transform:scale(.97)}.help-button{color:var(--gray-600);font:inherit;cursor:pointer;transition:color .15s ease, transform .16s var(--ease-out);background:0 0;border:0;padding:.25rem .5rem;font-size:.875rem}.help-button:active{color:var(--gray-800);transform:scale(.97)}.toast{border-radius:var(--radius);background:var(--gray-800);color:#fff;text-align:center;opacity:0;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);margin-top:4rem;padding:.25rem .5rem;font-size:.875rem;position:absolute;left:50%;transform:translate(-50%)}.toast.is-visible{opacity:1;transform:translate(-50%,-2rem)}@media (prefers-reduced-motion:reduce){.toast{transition:opacity .2s;transform:translate(-50%,-2rem)}}.footer{padding:1.5rem 0}.colophon{font-family:var(--font-mono);text-align:center;font-size:.875rem}.dialog{border:1px solid var(--gray-600);border-radius:var(--radius);opacity:1;width:min(26rem,100vw - 2rem);transition:opacity .2s var(--ease-out), transform .2s var(--ease-out), overlay .2s allow-discrete, display .2s allow-discrete;padding:0;transform:scale(1)}.dialog:not([open]){opacity:0;transform:scale(.97)}@starting-style{.dialog[open]{opacity:0;transform:scale(.97)}}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s ease, backdrop-filter .2s ease, overlay .2s allow-discrete, display .2s allow-discrete;background:#0006}@starting-style{.dialog[open]::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0}}.dialog-body{padding:1.5rem}.dialog-title{margin:0 0 1rem;font-size:1.125rem;font-weight:900}.dialog-body p{margin:0 0 .75rem;font-size:.875rem}.dialog-legend{border:1px solid var(--gray-300);border-radius:var(--radius);margin:1rem 0;padding:.75rem;font-size:.875rem}.dialog-legend dt{font-weight:900}.dialog-legend dd{color:var(--gray-600);margin:0 0 .5rem}.dialog-legend dd:last-child{margin-bottom:0}.dialog-body form{justify-content:flex-end;display:flex}.dialog-close{border:1px solid var(--gray-600);border-radius:var(--radius);background:var(--gray-300);font:inherit;cursor:pointer;transition:transform .16s var(--ease-out);padding:.5rem 1rem;font-size:.875rem}.dialog-close:active{background:var(--gray-400);transform:scale(.97)}@media (prefers-reduced-motion:reduce){.dialog,.dialog:not([open]){transform:none}}