.generate-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;font-size:1rem;font-weight:700;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,var(--accent-light),var(--accent));border-radius:var(--radius);box-shadow:0 8px 24px #7c3aed59;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition)}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #7c3aed73}.generate-btn:active:not(:disabled){transform:translateY(0)}.generate-btn:disabled{opacity:.7;cursor:not-allowed}.generate-btn-icon{font-size:1.1rem;display:inline-block}.generate-btn.is-loading .generate-btn-icon{animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.strength-indicator{margin-top:12px}.strength-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:.8rem}.strength-label{font-weight:700;letter-spacing:.02em}.strength-entropy{color:var(--text-muted)}.strength-bar-track{width:100%;height:8px;border-radius:999px;background:var(--bg-input);overflow:hidden}.strength-bar-fill{height:100%;border-radius:999px;transition:width .4s ease,background var(--transition)}.strength-warnings{margin-top:10px;padding-left:18px;font-size:.78rem;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px}.strength-warnings li{list-style:disc}.password-box{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 18px}.password-text{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:1.15rem;letter-spacing:.04em;color:var(--text-primary);word-break:break-all}.copy-btn{flex-shrink:0;background:var(--accent);color:#fff;border-radius:var(--radius-sm);padding:8px 16px;font-size:.85rem;font-weight:600;transition:background var(--transition),transform var(--transition)}.copy-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.copy-btn:active{transform:translateY(0)}.multi-header{display:flex;align-items:center;justify-content:space-between}.download-btn{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 14px;font-size:.75rem;color:var(--text-secondary);transition:all var(--transition)}.download-btn:hover{border-color:var(--accent);color:var(--accent-light)}.multi-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.multi-item{display:flex;align-items:center;gap:12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px}.multi-password-text{flex:1;font-family:Cascadia Code,Consolas,monospace;font-size:.85rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-strength-label{font-size:.72rem;font-weight:600;color:var(--text-muted);flex-shrink:0}.multi-copy-btn{flex-shrink:0;background:transparent;font-size:.95rem;padding:4px 6px;border-radius:6px;transition:background var(--transition)}.multi-copy-btn:hover{background:var(--bg-card)}.setting-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:.9rem;color:var(--text-secondary)}.setting-row label{font-weight:600;color:var(--text-primary)}.length-value{font-family:Cascadia Code,Consolas,monospace;color:var(--accent-light);font-weight:700}.length-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;background:var(--bg-input);margin-bottom:20px;outline:none}.length-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:3px solid var(--bg-card);box-shadow:0 0 0 1px var(--accent);cursor:pointer}.length-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:3px solid var(--bg-card);box-shadow:0 0 0 1px var(--accent);cursor:pointer}.settings-subtitle{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:18px 0 10px}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px}.checkbox-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary)}.checkbox-item input{width:16px;height:16px;accent-color:var(--accent)}.custom-exclude{display:flex;flex-direction:column;gap:6px;margin-top:18px;font-size:.8rem;color:var(--text-muted)}.custom-exclude input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text-primary);font-size:.85rem;transition:border-color var(--transition)}.custom-exclude input:focus{border-color:var(--border-focus)}@media (max-width: 600px){.checkbox-grid{grid-template-columns:1fr}}.history-header{display:flex;align-items:center;justify-content:space-between}.clear-history-btn{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 14px;font-size:.75rem;color:var(--text-muted);transition:all var(--transition)}.clear-history-btn:hover{border-color:var(--danger);color:var(--danger)}.history-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto}.history-item{display:flex;align-items:center;gap:12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px}.history-password{flex:1;font-family:Cascadia Code,Consolas,monospace;font-size:.85rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-time{font-size:.72rem;color:var(--text-muted);flex-shrink:0}.history-copy-btn{flex-shrink:0;background:transparent;font-size:.95rem;padding:4px 6px;border-radius:6px;transition:background var(--transition)}.history-copy-btn:hover{background:var(--bg-card)}.app{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;padding:24px 16px 60px}.header{width:100%;max-width:860px;display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;padding:0 4px}.header-logo{display:flex;align-items:center;gap:10px}.header-logo-icon{font-size:28px;filter:drop-shadow(0 0 8px var(--accent))}.header-logo h1{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-logo span{font-size:.75rem;color:var(--text-muted);letter-spacing:.08em;display:block}.theme-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:50px;padding:8px 16px;color:var(--text-secondary);font-size:.85rem;display:flex;align-items:center;gap:6px;transition:all var(--transition)}.theme-toggle:hover{border-color:var(--accent);color:var(--accent-light)}.main-grid{width:100%;max-width:860px;display:grid;gap:20px}.error-banner{background:#ef44441f;border:1px solid var(--danger);border-radius:var(--radius-sm);color:#fca5a5;padding:12px 16px;font-size:.875rem;display:flex;align-items:center;gap:8px;animation:slideDown .2s ease}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.header-logo h1{font-size:1.2rem}.header-logo-icon{font-size:22px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-card: #16213e;--bg-input: #0d1117;--accent: #7c3aed;--accent-hover: #6d28d9;--accent-light: #a78bfa;--text-primary: #f1f5f9;--text-secondary:#94a3b8;--text-muted: #64748b;--border: #2d3748;--border-focus: #7c3aed;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0,0,0,.4);--transition: .2s ease}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: #ffffff;--bg-input: #f8fafc;--text-primary: #0f172a;--text-secondary:#475569;--text-muted: #94a3b8;--border: #e2e8f0;--shadow: 0 4px 24px rgba(0,0,0,.08)}html{font-size:16px}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background var(--transition),color var(--transition);line-height:1.6}button{cursor:pointer;font-family:inherit;border:none;outline:none}input,select{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}