*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #667eea;--primary-dark: #5a67d8;--secondary: #764ba2;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--text: #1f2937;--text-light: #6b7280;--bg: #f9fafb;--card-bg: #ffffff;--border: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--input-bg: #ffffff;--header-bg: #ffffff}[data-theme=dark]{--text: #f3f4f6;--text-light: #9ca3af;--bg: #111827;--card-bg: #1f2937;--border: #374151;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--input-bg: #374151;--header-bg: #1f2937}html{background:var(--bg)}html.theme-transition,html.theme-transition *,html.theme-transition *:before,html.theme-transition *:after{transition:background-color .3s ease,border-color .3s ease,color .3s ease!important}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}.hidden{display:none!important}.view{min-height:100vh}#loadingView{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff}.loading-container{text-align:center}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}#loginView{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);padding:20px}.login-card{background:var(--card-bg);border-radius:16px;padding:48px;max-width:480px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.login-card .logo{margin-bottom:24px}.login-card h1{font-size:32px;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{color:var(--text-light);font-size:16px;margin-bottom:32px}.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 24px;background:var(--card-bg);border:2px solid var(--border);border-radius:12px;font-size:16px;font-weight:500;color:var(--text);cursor:pointer;transition:all .2s}.google-btn:hover{border-color:var(--primary);box-shadow:var(--shadow)}.google-btn:disabled{opacity:.7;cursor:not-allowed}.features{margin-top:40px;text-align:left}.feature{display:flex;gap:16px;padding:16px 0;border-top:1px solid var(--border)}.feature:first-child{border-top:none}.feature-icon{font-size:24px}.feature strong{display:block;font-size:14px;margin-bottom:4px}.feature p{font-size:13px;color:var(--text-light)}#appView{display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--header-bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:12px}.brand{font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right{display:flex;align-items:center;gap:16px}.user-info{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-info span{font-size:14px;color:var(--text-light)}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-light);cursor:pointer;transition:all .2s}.icon-btn:hover{border-color:var(--primary);color:var(--primary)}main{flex:1;max-width:900px;margin:0 auto;padding:32px 24px;width:100%;display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:start}@media (max-width: 768px){main{grid-template-columns:1fr}}.generator-section{background:var(--card-bg);border-radius:16px;padding:32px;box-shadow:var(--shadow);height:fit-content}.generator-section h2{font-size:20px;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.optional{font-weight:400;color:var(--text-light)}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:10px;font-size:15px;transition:border-color .2s;background:var(--input-bg);color:var(--text)}.form-group input::placeholder{color:var(--text-light)}.form-group input:focus{outline:none;border-color:var(--primary)}.hint{font-size:12px;color:var(--text-light);margin-top:6px}.input-with-toggle{position:relative;display:flex}.input-with-toggle input{flex:1;padding-right:48px}.toggle-visibility{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-light);cursor:pointer;padding:4px}.toggle-visibility:hover{color:var(--primary)}.options-row{display:flex;gap:20px;margin-bottom:24px;flex-wrap:wrap;align-items:flex-start}.options-row .version-option{margin-left:auto}.option{display:flex;flex-direction:column;gap:6px}.option label{font-size:13px;font-weight:500}.option input[type=number]{width:80px;padding:10px 12px;border:2px solid var(--border);border-radius:8px;font-size:14px;text-align:center;background:var(--input-bg);color:var(--text)}.option input[type=number]:focus{outline:none;border-color:var(--primary)}.option label{display:flex;align-items:center;gap:4px}.info-tooltip{position:relative;display:inline-flex;align-items:center;color:var(--text-light);cursor:help}.info-tooltip:hover{color:var(--primary)}.info-tooltip:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--text);color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:400;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:100;pointer-events:none}.info-tooltip:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--text);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:100}.info-tooltip:hover:after,.info-tooltip:hover:before{opacity:1;visibility:visible}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;padding-top:24px}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.primary-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .2s}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.primary-btn:active{transform:translateY(0)}.primary-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.result-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result-section label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.password-result{display:flex;gap:8px}.password-result .input-with-toggle{flex:1}.password-result input{width:100%;padding:14px 48px 14px 16px;border:2px solid var(--success);border-radius:10px;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:500;background:#f0fdf4;color:#065f46}[data-theme=dark] .password-result input{background:#064e3b;color:#a7f3d0}.copy-btn{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--success);border:none;border-radius:10px;color:#fff;cursor:pointer;transition:background .2s;flex-shrink:0}.copy-btn:hover{background:#059669}.security-note{font-size:12px;color:var(--text-light);margin-top:12px}.history-section{background:var(--card-bg);border-radius:16px;padding:24px;box-shadow:var(--shadow);height:fit-content}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.history-header h2{font-size:16px}.text-btn{background:none;border:none;color:var(--primary);font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px}.text-btn:hover{background:#f0f4ff}[data-theme=dark] .text-btn:hover{background:#374151}.history-note{font-size:11px;color:var(--text-light);margin-bottom:16px}.history-list{max-height:400px;overflow-y:auto}.empty-state{text-align:center;color:var(--text-light);font-size:14px;padding:24px}.history-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:8px;transition:background .2s;cursor:pointer}.history-item:hover{background:var(--bg)}.history-item-domain{font-weight:500;font-size:14px;text-transform:capitalize}.history-item-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.history-item-date{font-size:12px;color:var(--text-light)}.history-item-version{font-size:10px;font-weight:600;color:var(--primary);background:#667eea1a;padding:2px 6px;border-radius:4px}[data-theme=dark] .history-item-version{background:#667eea33}.history-item-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.history-item:hover .history-item-actions{opacity:1}.history-item-actions button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-light);cursor:pointer}.history-item-actions button:hover{border-color:var(--error);color:var(--error)}.theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-light);cursor:pointer;transition:all .2s}.theme-toggle:hover{border-color:var(--primary);color:var(--primary)}.theme-toggle .sun-icon{display:none}.theme-toggle .moon-icon,[data-theme=dark] .theme-toggle .sun-icon{display:block}[data-theme=dark] .theme-toggle .moon-icon{display:none}footer{text-align:center;padding:24px;border-top:1px solid var(--border);font-size:13px;color:var(--text-light);background:var(--bg)}footer p{margin-bottom:8px}.links{display:flex;justify-content:center;gap:12px}.links a{color:var(--primary);text-decoration:none}.links a:hover{text-decoration:underline}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--text);color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;box-shadow:var(--shadow-lg);z-index:1000;animation:slideUp .3s ease}.toast.success{background:var(--success)}.toast.error{background:var(--error)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 480px){.login-card{padding:32px 24px}.generator-section{padding:24px}header{padding:12px 16px}main{padding:16px}.user-info span{display:none}.options-row{flex-direction:column;gap:16px}.options-row .version-option{margin-left:0}.checkbox-label{padding-top:0}}