:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){html,body{background-color:#fff;color:#213547}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;align-items:center;justify-content:center;min-width:320px;min-height:100vh;background-color:#242424}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.container{width:100%;text-align:center}.header-title{text-align:center}label{display:block;margin:1rem 0}input[type=number]{margin-left:.5rem;width:70px;padding:4px;font-size:1rem}.options{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:1rem 0}.option-row{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.option-row label{display:flex;align-items:center;gap:.3rem}button{margin-top:1rem;padding:.6rem 1.5rem;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer}button:hover{background:#3c4349}.password-list{margin-top:2rem;display:flex;flex-direction:column;align-items:center;width:100%;padding:0 1rem}.password-item{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;width:100%;max-width:320px;box-sizing:border-box}.password-input{font-size:1rem;padding:.5rem;flex:1;min-width:0;border:1px solid #bbb;border-radius:4px;color:#fff}.copy-wrapper{flex-shrink:0;display:flex;align-items:center;position:relative}.copy-icon{cursor:pointer;color:#444;transition:color .2s ease}.copy-icon:hover{color:#007bff}.copied-msg{position:absolute;right:0;left:30px;font-size:.75rem;color:green;animation:fadeOut 2s forwards}@keyframes fadeOut{0%{opacity:1}90%{opacity:1}to{opacity:0}}@media (max-width: 480px){.password-item{flex-direction:column;align-items:stretch}.copy-wrapper{margin-top:.5rem;align-self:flex-end}}footer.footer-ribbon{color:#fff;padding:1rem 1.5rem;font-size:.9rem;text-align:center;margin-top:5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.input-group{display:flex;align-items:center;justify-content:center}button:focus,button:focus-visible{outline:none;box-shadow:0 0 0 3px #646cff66}.password-input{background-color:#1e1e1e;color:#fff;border:1px solid #444}