@import"https://fonts.googleapis.com/css2?family=Candal&family=Figtree:wght@400;500;600;700&display=swap";:root{--ans-black: #000000;--ans-soft-black: #2E2E2F;--ans-soft-gray: #E2E3E4;--ans-white: #FFFFFF;--ans-crimson: #EF383A;--ans-cyan: #00E7D0;--ans-text: #2E2E2F;--ans-text-muted: #6B6B6C;--ans-bg: #FFFFFF;--ans-bg-dark: #1A1A1B;--ans-bg-alt: #F7F7F8;--ans-border: #E2E3E4}body{margin:0;font-family:Figtree,Proxima Nova,Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Figtree,Proxima Nova,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--ans-bg-dark);min-height:100vh;color:var(--ans-soft-gray)}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--ans-bg-dark);padding:1.5rem 2rem;border-bottom:3px solid var(--ans-crimson)}.header-inner{display:flex;align-items:center;gap:1.5rem;max-width:1400px;margin:0 auto}.header-logo{height:40px;width:auto}.header-divider{width:2px;height:36px;background:var(--ans-crimson);flex-shrink:0}.header h1{color:var(--ans-white);font-family:Candal,Arial,sans-serif;font-size:1.35rem;font-weight:400;letter-spacing:0;margin:0}.dual-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1400px;width:90%;margin:3rem auto;padding:0 1rem}.container{background:var(--ans-soft-black);border-radius:10px;box-shadow:none;padding:2.5rem;border:1px solid var(--ans-border)}.container-title{color:var(--ans-crimson);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:var(--ans-crimson);font-size:.9rem;margin-bottom:1rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.divider{height:3px;background:var(--ans-crimson);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:var(--ans-bg-dark);color:var(--ans-soft-gray);padding:1rem 1.25rem;border-radius:8px;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 var(--ans-border);transition:all .2s ease}.password-text:hover{border-color:var(--ans-cyan)}.copy-button{padding:1rem 1.75rem;background:var(--ans-bg-dark);color:var(--ans-soft-gray);border:1px solid var(--ans-border);border-radius:24px;cursor:pointer;transition:all .2s ease;font-size:.95rem;font-weight:500;white-space:nowrap;min-width:90px}.copy-button:hover{border-color:var(--ans-cyan);background:var(--ans-soft-black)}.copy-button:active{transform:translateY(0)}.copy-button.copied{background:var(--ans-cyan);color:var(--ans-bg-dark);border-color:var(--ans-cyan);font-weight:600}.random-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.random-header h3{margin:0}.refresh-button{padding:.5rem .75rem;background:var(--ans-bg-dark);color:var(--ans-cyan);border:1px solid var(--ans-border);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1.1rem;display:flex;align-items:center;justify-content:center;height:38px;width:38px;flex-shrink:0}.refresh-button:hover{border-color:var(--ans-cyan);background:var(--ans-soft-black)}.refresh-button:active{opacity:.8}.wwud-options{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--ans-border)}.wwud-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem 1rem;background:var(--ans-bg-dark);border-radius:8px;border:1px solid var(--ans-border);transition:all .2s ease}.wwud-checkbox:hover{border-color:var(--ans-cyan)}.wwud-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--ans-cyan)}.wwud-checkbox span{color:var(--ans-soft-gray);font-size:1rem;font-weight:500}.random-controls{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--ans-border)}.length-label{display:flex;flex-direction:column;gap:1rem;cursor:pointer}.length-label span{color:var(--ans-soft-gray);font-size:1rem;font-weight:500}.length-label strong{color:var(--ans-crimson);font-weight:700}.length-slider{width:100%;height:8px;border-radius:4px;background:var(--ans-border);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.length-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--ans-cyan);cursor:pointer;transition:all .2s ease}.length-slider::-webkit-slider-thumb:hover{box-shadow:0 0 8px #00e7d066}.length-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--ans-cyan);cursor:pointer;border:none;transition:all .2s ease}.length-slider::-moz-range-thumb:hover{box-shadow:0 0 8px #00e7d066}.length-slider::-moz-range-track{background:transparent;border:none}.symbols-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--ans-border)}.symbols-section h3{color:var(--ans-crimson);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:var(--ans-bg-dark);border-radius:8px;border:1px solid var(--ans-border);transition:all .2s ease}.symbol-checkbox:hover{border-color:var(--ans-cyan)}.symbol-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--ans-cyan)}.symbol-label{color:var(--ans-soft-gray);font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.1rem;font-weight:600}.regenerate-button{width:100%;padding:1.25rem;background:var(--ans-cyan);color:var(--ans-bg-dark);border:none;border-radius:24px;cursor:pointer;transition:all .2s ease;font-size:1.05rem;font-weight:600;margin-top:1.5rem}.regenerate-button:hover{opacity:.9;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))}}