:root{--bg-color: #f0f2f5;--container-bg: #ffffff;--text-color: #1c1e21;--label-color: #333;--border-color: #ccc;--input-bg: #ffffff;--button-bg: #1877f2;--button-hover: #166fe5;--reset-bg: #e4e6eb;--reset-text: #4b4f56;--reset-hover: #dcdfe4;--pass-container-bg: #f0f2f5;--pass-container-border: #dddfe2;--pass-number: #606770;--divider: #dddfe2}[data-theme=dark]{--bg-color: #18191a;--container-bg: #242526;--text-color: #e4e6eb;--label-color: #b0b3b8;--border-color: #3e4042;--input-bg: #3a3b3c;--button-bg: #2d88ff;--button-hover: #1877f2;--reset-bg: #3a3b3c;--reset-text: #e4e6eb;--reset-hover: #4e4f50;--pass-container-bg: #18191a;--pass-container-border: #3e4042;--pass-number: #b0b3b8;--divider: #3e4042}body{font-family:Arial,Helvetica,sans-serif;font-size:14px;margin:20px;background-color:var(--bg-color);color:var(--text-color);display:flex;justify-content:center;transition:background-color .3s,color .3s}.container{width:95%;max-width:1400px;padding:30px;background-color:var(--container-bg);border-radius:8px;box-shadow:0 4px 12px #0000001a;transition:background-color .3s}h1{text-align:center;color:var(--text-color);margin-bottom:25px}.settings-grid{display:flex;flex-wrap:wrap;gap:80px}.column{flex:0 1 auto;min-width:300px}.form-group{display:flex;align-items:center;margin-bottom:15px}.form-group label,.form-group .label-text{color:var(--label-color);padding-right:15px}.form-group input[type=checkbox]{margin-right:10px}.form-group input[type=text],.form-group input[type=number],.form-group select{padding:5px;border-radius:4px;border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-color)}#symbols{width:auto;flex-grow:2}.button-group{margin-top:20px;margin-bottom:20px}button{padding:10px 20px;border:none;background-color:var(--button-bg);color:#fff;border-radius:6px;cursor:pointer;font-weight:700;margin-right:10px;transition:background-color .2s}button:hover{background-color:var(--button-hover)}#reset{background-color:var(--reset-bg);color:var(--reset-text)}#reset:hover{background-color:var(--reset-hover)}#passwords-container{margin-top:10px;border:1px solid var(--pass-container-border);padding:15px;background-color:var(--pass-container-bg);border-radius:6px;min-height:150px}.password-item{padding:8px 0;display:flex;align-items:center;gap:10px}.password-number{flex:0 0 30px;color:var(--pass-number);font-size:1.2em;text-align:right;-webkit-user-select:none;user-select:none}.password-text{font-family:Courier New,Courier,monospace;font-size:1.5em;padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--input-bg);color:var(--text-color);outline:none;transition:border-color .2s,box-shadow .2s;cursor:text;max-width:calc(100% - 120px)}.password-text:focus{border-color:var(--button-bg);box-shadow:0 0 0 2px #1877f233}.copy-btn{margin-right:0;padding:8px 14px;font-size:.9em;white-space:nowrap}@keyframes button-pulse{0%{box-shadow:0 0 #28a745b3}70%{box-shadow:0 0 0 10px #28a74500}to{box-shadow:0 0 #28a74500}}.btn-attention{background-color:#28a745!important;animation:button-pulse 1.5s infinite!important}.btn-attention:hover{background-color:#218838!important}#snackbar,#snackbar-all{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px}#snackbar.show,#snackbar-all.show{visibility:visible;animation:fadein .5s,fadeout .5s 2.5s}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@media (max-width: 768px){body{margin:0;padding:15px 10px;background-color:var(--container-bg)}.container{width:100%;padding:20px 15px;box-sizing:border-box;box-shadow:none}.settings-grid{gap:10px}.form-group{flex-wrap:wrap;align-items:flex-start;margin-bottom:15px}.form-group input[type=checkbox]{margin-top:4px;flex-shrink:0}.form-group label{flex:1 1 0;min-width:0;line-height:1.5}#symbols,#simpleSymbols{flex:1 1 100%;margin-top:10px;margin-left:25px;box-sizing:border-box}label[for=quantity]{flex:0 0 auto!important}#quantity{flex:1 1 auto}#reset{flex:1 1 100%;margin-top:15px;padding:12px}.button-group{display:flex;flex-direction:column;gap:12px}.button-group button{width:100%;margin:0;padding:14px;font-size:1.1em}#passwords-container{padding:10px;background-color:transparent;border:none}.password-item{flex-wrap:nowrap;padding:12px 0;border-bottom:1px solid var(--divider);align-items:center}.password-item:last-child{border-bottom:none}.password-number{flex:0 0 25px;font-size:1.1em;text-align:left}.password-text{font-size:1.1em;padding:10px;max-width:calc(100% - 90px);width:auto!important}.copy-btn{margin-left:auto;margin-top:0;padding:10px 14px;width:auto}}