.password-generator{--accent-color:#2B8D8F;--accent-hover:#35a3a5;--bg-primary:#01175E;--bg-secondary:#021d75;--text-primary:#ffffff;--text-secondary:#a8b4d4;--border-radius:12px;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;max-width:500px;margin:0 auto}.password-generator[data-theme="light"]{--bg-primary:#ffffff;--bg-secondary:#f0f4f8;--text-primary:#01175E;--text-secondary:#4a5568}.pg-container{background:var(--bg-primary);padding:28px;border-radius:var(--border-radius);box-shadow:0 8px 32px rgb(0 0 0 / .3);border:1px solid rgb(43 141 143 / .2)}.pg-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;text-align:center;margin:0 0 24px 0;letter-spacing:-.02em}.pg-output-wrapper{display:flex;gap:8px;margin-bottom:16px}.pg-output{flex:1;background:var(--bg-secondary);border:2px solid var(--accent-color);border-radius:10px;padding:16px;font-family:'SF Mono','Fira Code','Consolas',monospace;font-size:1.1rem;color:var(--text-primary);letter-spacing:.05em;transition:all 0.2s ease}.pg-output:focus{outline:none;box-shadow:0 0 0 3px rgb(43 141 143 / .3)}.pg-output.pg-generated{animation:pgPulse 0.3s ease}@keyframes pgPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}.pg-copy-btn{background:var(--bg-secondary);border:2px solid var(--accent-color);border-radius:10px;padding:12px 16px;cursor:pointer;color:var(--accent-color);transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.pg-copy-btn:hover{background:var(--accent-color);color:var(--bg-primary)}.pg-copy-btn.copied{background:var(--accent-color);color:var(--bg-primary)}.pg-strength-meter{margin-bottom:20px}.pg-strength-bar{height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden;margin-bottom:6px}.pg-strength-fill{height:100%;width:0;transition:all 0.4s ease;border-radius:3px}.pg-strength-text{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pg-controls{margin-bottom:20px}.pg-length-control{margin-bottom:16px}.pg-length-control label{display:flex;justify-content:space-between;color:var(--text-primary);font-size:.9rem;margin-bottom:8px}.pg-length-value{font-weight:700;color:var(--accent-color)}.pg-length-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--bg-secondary);border-radius:3px;cursor:pointer}.pg-length-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:var(--accent-color);border-radius:50%;cursor:pointer;transition:transform 0.2s ease;box-shadow:0 2px 8px rgb(43 141 143 / .4)}.pg-length-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.pg-length-slider::-moz-range-thumb{width:22px;height:22px;background:var(--accent-color);border:none;border-radius:50%;cursor:pointer}.pg-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.pg-option{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-secondary);font-size:.9rem;transition:color 0.2s ease}.pg-option:hover{color:var(--text-primary)}.pg-option input[type="checkbox"]{width:18px;height:18px;accent-color:var(--accent-color);cursor:pointer}.pg-advanced-toggle{text-align:center;margin-bottom:12px}.pg-advanced-btn{background:#fff0;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;padding:8px 16px;transition:color 0.2s ease}.pg-advanced-btn:hover{color:var(--accent-color)}.pg-advanced-options{background:var(--bg-secondary);padding:16px;border-radius:8px;margin-bottom:16px}.pg-advanced-options .pg-option{margin-bottom:10px}.pg-custom-symbols{margin-top:12px}.pg-custom-symbols label{display:block;color:var(--text-secondary);font-size:.85rem;margin-bottom:6px}.pg-custom-symbols-input{width:100%;background:var(--bg-primary);border:1px solid var(--text-secondary);border-radius:6px;padding:10px;color:var(--text-primary);font-family:monospace;font-size:.9rem}.pg-custom-symbols-input:focus{outline:none;border-color:var(--accent-color)}.pg-generate-btn{width:100%;background:linear-gradient(135deg,#2B8D8F,#35a3a5);border:none;border-radius:10px;padding:16px 24px;font-size:1.1rem;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all 0.2s ease;text-transform:uppercase;letter-spacing:.05em}.pg-generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(43 141 143 / .4)}.pg-generate-btn:active{transform:translateY(0)}.pg-generate-btn svg{stroke:#fff}.pg-history{margin-top:20px;border-top:1px solid var(--bg-secondary);padding-top:16px}.pg-history-toggle{background:#fff0;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;padding:8px 0;width:100%;text-align:left;transition:color 0.2s ease}.pg-history-toggle:hover{color:var(--accent-color)}.pg-history-list{list-style:none;padding:0;margin:12px 0 0 0}.pg-history-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-secondary);border-radius:6px;margin-bottom:6px;cursor:pointer;transition:all 0.2s ease}.pg-history-item:hover{background:var(--accent-color)}.pg-history-item:hover code{color:var(--bg-primary)}.pg-history-item code{font-family:monospace;color:var(--text-primary);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}.pg-history-copy{background:#fff0;border:none;cursor:pointer;font-size:1rem;padding:4px;opacity:.7;transition:opacity 0.2s ease}.pg-history-copy:hover{opacity:1}@media (max-width:480px){.pg-container{padding:20px}.pg-options{grid-template-columns:1fr}.pg-output{font-size:.95rem;padding:12px}.pg-title{font-size:1.25rem}}