:root{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif}body{margin:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#171717;min-height:100vh;color:#e7e1e1}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#212121;text-align:center;padding:2.5rem 2rem;border-bottom:2px solid #5BF1DF}.header h1{color:#fff;font-size:2.25rem;font-weight:600;letter-spacing:-.5px}.dual-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1400px;width:90%;margin:3rem auto;padding:0 1rem}.container{background:#212121;border-radius:0;box-shadow:none;padding:2.5rem;border:1px solid #333}.container-title{color:#ff2040;font-size:1.25rem;font-weight:600;margin-bottom:2rem;letter-spacing:-.3px}.password-list,.password-section{margin-bottom:1.5rem}.password-section h3{color:#ff2040;font-size:.9rem;margin-bottom:1rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.divider{height:2px;background:#5bf1df;margin:2rem 0}.password-row-with-syntax{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.syntax-label{color:#9b9b9b;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85rem;min-width:80px;text-align:right;font-weight:500}.password-row{display:flex;gap:1rem;align-items:center;flex:1}.password-text{flex:1;background:#171717;color:#e7e1e1;padding:1rem 1.25rem;border-radius:0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.05rem;word-break:break-all;min-height:3rem;display:flex;align-items:center;border:1px solid #333;transition:all .2s ease}.password-text:hover{border-color:#5bf1df}.copy-button{padding:1rem 1.75rem;background:#171717;color:#e7e1e1;border:1px solid #333;border-radius:0;cursor:pointer;transition:all .2s ease;font-size:.95rem;font-weight:500;white-space:nowrap;min-width:90px}.copy-button:hover{border-color:#5bf1df;background:#212121}.copy-button:active{transform:translateY(0)}.copy-button.copied{background:#5bf1df;color:#171717;border-color:#5bf1df;font-weight:600}.wwud-options{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #333}.wwud-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem 1rem;background:#171717;border-radius:0;border:1px solid #333;transition:all .2s ease}.wwud-checkbox:hover{border-color:#5bf1df}.wwud-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:#5BF1DF}.wwud-checkbox span{color:#e7e1e1;font-size:1rem;font-weight:500}.symbols-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #333}.symbols-section h3{color:#ff2040;font-size:.9rem;margin-bottom:1rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.symbols-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.75rem}.symbol-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;background:#171717;border-radius:0;border:1px solid #333;transition:all .2s ease}.symbol-checkbox:hover{border-color:#5bf1df}.symbol-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:#5BF1DF}.symbol-label{color:#e7e1e1;font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.1rem;font-weight:600}.regenerate-button{width:100%;padding:1.25rem;background:#5bf1df;color:#171717;border:none;border-radius:0;cursor:pointer;transition:all .2s ease;font-size:1.05rem;font-weight:600;margin-top:1.5rem}.regenerate-button:hover{background:#4de0ce;transform:translateY(-1px)}.regenerate-button:active{transform:translateY(0)}@media(max-width:1200px){.dual-container{grid-template-columns:1fr}}@media(max-width:600px){.header h1{font-size:1.75rem}.container{padding:2rem 1.5rem}.container-title{font-size:1.25rem}.password-row-with-syntax{flex-direction:column;align-items:flex-start}.syntax-label{min-width:auto;text-align:left}.password-row{flex-direction:column;gap:.75rem;width:100%}.copy-button{width:100%}.symbols-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}}