.home-page{background:#fff;min-height:100vh}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 20px;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin:0 0 20px}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin:0 0 40px;opacity:.95}.hero-cta{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:16px 32px;text-decoration:none;transition:all .3s ease}.btn-primary{background:#fff;color:#667eea}.btn-primary:hover{box-shadow:0 8px 24px #ffffff4d;transform:translateY(-2px)}.btn-secondary{border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#fff;color:#667eea}.btn-large{font-size:1.125rem;padding:20px 48px}.features-section{background:#f8f9fa;padding:80px 20px}.container{max-width:1200px}.section-title{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin:0 0 16px;text-align:center}.section-subtitle{color:#666;font-size:1.125rem;margin:0 0 60px;text-align:center}.tools-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tool-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;color:inherit;display:block;padding:30px;text-decoration:none;transition:all .3s ease}.tool-card:hover{box-shadow:0 12px 32px #0000001a;transform:translateY(-8px)}.tool-icon{align-items:center;border-radius:12px;display:flex;font-size:2rem;height:60px;justify-content:center;margin-bottom:20px;width:60px}.tool-name{color:#1a1a1a;font-size:1.25rem;font-weight:700;margin:0 0 12px}.tool-description{font-size:.9375rem;line-height:1.6;margin:0 0 16px}.tool-link{align-items:center;color:#667eea;display:inline-flex;font-size:.875rem;font-weight:600;gap:4px}.benefits-section{background:#fff;padding:80px 20px}.benefits-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:60px}.benefit-card{text-align:center}.benefit-icon{font-size:3rem;margin-bottom:20px}.benefit-card h3{color:#1a1a1a;font-size:1.25rem;font-weight:700;margin:0 0 12px}.benefit-card p{color:#666;font-size:.9375rem;line-height:1.6;margin:0}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 20px;text-align:center}.cta-section h2{font-size:2.5rem;font-weight:700;margin:0 0 16px}.cta-section p{font-size:1.125rem;margin:0 0 40px;opacity:.95}.footer{background:#1a1a1a;color:#fff;padding:40px 20px;text-align:center}.footer p{font-size:.875rem;margin:0;opacity:.8}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.section-title{font-size:2rem}.benefits-grid,.tools-grid{grid-template-columns:1fr}.benefits-grid{gap:30px}.hero-cta{flex-direction:column}.btn{text-align:center;width:100%}}@media (max-width:480px){.hero-section{padding:60px 20px}.hero-title{font-size:2rem}.benefits-section,.cta-section,.features-section{padding:60px 20px}}:root{--primary-50:#f5f3ff;--primary-100:#ede9fe;--primary-200:#d977fa;--primary-300:#b468f8;--primary-400:#8b5cf6;--primary-500:#667eea;--primary-600:#5a67d8;--primary-700:#4c51b2;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--error:#ef4444;--error-light:#fee2e2;--info:#3b82f6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-gradient:linear-gradient(135deg,#667eea,#764ba2);--border-color:#e5e7eb;--border-light:#f3f4f6;--divider:#e5e7eb;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #00000026;--shadow-xl:0 12px 40px #667eea40;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;text-rendering:optimizeLegibility}body{background:#f9fafb;background:var(--bg-secondary);color:#374151;color:var(--gray-700);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.container{margin:0 auto;max-width:1400px;padding:0 16px;padding:0 var(--spacing-md);width:100%}.login-container,.register-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-gradient);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative}.login-container:before,.register-container:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf61a 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:0}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-20px,-10px)}}.auth-card{animation:slideUp .5s ease-out;background:#fff;background:var(--bg-primary);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 12px 40px #667eea40;box-shadow:var(--shadow-xl);max-width:440px;padding:48px;padding:var(--spacing-2xl);position:relative;width:100%;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5a67d8,#667eea);background:linear-gradient(135deg,var(--primary-600),var(--primary-500));-webkit-background-clip:text;background-clip:text;color:#111827;color:var(--gray-900);font-size:2rem;font-weight:700;margin-bottom:24px;margin-bottom:var(--spacing-lg);text-align:center}.form-group{position:relative}.form-row{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}@media (max-width:480px){.form-row{grid-template-columns:1fr}}.form-group label{transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.form-group label:focus-within{color:#5a67d8;color:var(--primary-600)}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--bg-primary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);font-family:inherit;font-size:1rem;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;background:var(--bg-primary);border-color:#667eea;border-color:var(--primary-500);box-shadow:0 0 0 4px #667eea1a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;color:var(--gray-400)}.form-group input:hover,.form-group select:hover{border-color:#8b5cf6;border-color:var(--primary-400)}button{border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;overflow:hidden;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1);transition:width var(--transition-slow),height var(--transition-slow);width:0}button:hover:before{height:300%;width:300%}button:active{transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.6;transform:none}button:disabled:before{display:none}.primary-button,.submit-button,button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-gradient);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#fff;font-weight:700;letter-spacing:.5px}.primary-button:hover,button[type=submit]:hover{box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.primary-button:active,button[type=submit]:active{transform:translateY(0) scale(.98)}.secondary-button{border:2px solid var(--primary-500);color:#5a67d8;color:var(--primary-600)}.secondary-button:hover{background:#f5f3ff;background:var(--primary-50);border-color:#5a67d8;border-color:var(--primary-600);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md)}.danger-button{background:#ef4444;background:var(--error);color:#fff}.danger-button:hover{background:#dc2626;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.auth-links{border-top:1px solid #e5e7eb;border-top:1px solid var(--divider);margin-top:24px;margin-top:var(--spacing-lg);padding-top:24px;padding-top:var(--spacing-lg);text-align:center}.auth-links span{color:#4b5563;color:var(--gray-600);font-size:.9375rem}.auth-links a{color:#5a67d8;color:var(--primary-600);font-weight:600;margin-left:4px;margin-left:var(--spacing-xs);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.auth-links a:hover{color:#667eea;color:var(--primary-500);text-decoration:underline}.auth-header{margin-bottom:32px;margin-bottom:var(--spacing-xl);text-align:center}.auth-logo{align-items:center;display:inline-flex;gap:8px;gap:var(--spacing-sm);margin-bottom:24px;margin-bottom:var(--spacing-lg)}.logo-icon{background:linear-gradient(135deg,#5a67d8,#8b5cf6);background:linear-gradient(135deg,var(--primary-600),var(--primary-400));border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #667eea4d;font-size:1.25rem;height:48px;width:48px}.logo-text{background:linear-gradient(135deg,#5a67d8,#667eea);font-size:1.75rem;font-weight:700}.auth-subtitle{color:#6b7280;color:var(--gray-500);font-size:.9375rem;margin-top:8px;margin-top:var(--spacing-sm)}.error-banner{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;border-radius:var(--radius-md);color:#dc2626;font-size:.875rem;gap:8px;gap:var(--spacing-sm);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:16px;padding:var(--spacing-md)}.error-banner,.error-icon{align-items:center;display:flex}.error-icon{background:#dc2626;border-radius:50%;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:700;height:20px;justify-content:center;width:20px}.oauth-buttons{flex-direction:column;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.oauth-btn,.oauth-buttons{display:flex;gap:8px;gap:var(--spacing-sm)}.oauth-btn{align-items:center;background:#fff;background:var(--bg-primary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);cursor:pointer;font-weight:500;justify-content:center;padding:16px;padding:var(--spacing-md);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.oauth-btn:hover{background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.oauth-btn.google{border-color:#4285f4}.oauth-btn.google:hover{background:#4285f40d;border-color:#4285f4}.oauth-btn.facebook{border-color:#1877f2}.oauth-btn.facebook:hover{background:#1877f20d;border-color:#1877f2}.divider{align-items:center;color:#9ca3af;color:var(--gray-400);display:flex;font-size:.8125rem;margin:24px 0;margin:var(--spacing-lg) 0}.divider:after,.divider:before{background:#e5e7eb;background:var(--divider);content:"";flex:1 1;height:1px}.divider span{padding:0 16px;padding:0 var(--spacing-md)}.input-wrapper{position:relative}.input-icon,.input-wrapper{align-items:center;display:flex}.input-icon{color:#9ca3af;color:var(--gray-400);left:16px;left:var(--spacing-md);pointer-events:none;position:absolute;z-index:1}.form-input{padding-left:44px!important}.password-toggle{align-items:center;background:none;border:none;color:#9ca3af;color:var(--gray-400);cursor:pointer;display:flex;justify-content:center;padding:8px;padding:var(--spacing-sm);position:absolute;right:8px;right:var(--spacing-sm);width:auto}.password-toggle:hover{color:#4b5563;color:var(--gray-600)}.verification-code-wrapper{gap:8px;gap:var(--spacing-sm)}.verification-code-input{flex:1 1;padding-right:110px!important}.send-code-btn{background:var(--primary-color);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:.875rem;min-width:90px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);position:absolute;right:4px;right:var(--spacing-xs);transition:background-color .2s ease;white-space:nowrap}.send-code-btn:hover:not(:disabled){background:var(--primary-hover)}.send-code-btn:disabled{background:#d1d5db;background:var(--gray-300);cursor:not-allowed}.loading-spinner.small{border-width:2px;height:16px;width:16px}.success-banner{align-items:center;background:#d1fae5;border-radius:var(--border-radius-md);color:#065f46;display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:16px;padding:var(--spacing-md)}.success-banner span{flex:1 1}.help-text{color:#6b7280;color:var(--gray-500);font-size:.875rem;line-height:1.5;margin-top:8px;margin-top:var(--spacing-sm)}.resend-section{align-items:center;display:flex;font-size:.875rem;gap:8px;gap:var(--spacing-sm);justify-content:center;margin-top:24px;margin-top:var(--spacing-lg)}.resend-text{color:#4b5563;color:var(--gray-600)}.resend-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.875rem;font-weight:500;padding:0;transition:color .2s ease}.resend-link:hover:not(:disabled){color:var(--primary-hover);text-decoration:underline}.resend-link:disabled{color:#9ca3af;color:var(--gray-400);cursor:not-allowed}.form-options{font-size:.875rem;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:#4b5563;color:var(--gray-600);cursor:pointer;gap:8px;gap:var(--spacing-sm)}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{align-items:center;border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:4px;display:flex;height:18px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:18px}.checkbox-label input:checked+.checkbox-custom{background:#5a67d8;background:var(--primary-600);border-color:#5a67d8;border-color:var(--primary-600)}.checkbox-label input:checked+.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;margin-bottom:2px;transform:rotate(45deg);width:6px}.forgot-link{color:#5a67d8;color:var(--primary-600);font-weight:500;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.forgot-link:hover{color:#667eea;color:var(--primary-500);text-decoration:underline}.submit-btn{align-items:center;background:linear-gradient(135deg,#5a67d8,#667eea);background:linear-gradient(135deg,var(--primary-600),var(--primary-500));border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d}.auth-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--divider);color:#4b5563;color:var(--gray-600);font-size:.9375rem;margin-top:32px;margin-top:var(--spacing-xl);padding-top:24px;padding-top:var(--spacing-lg);text-align:center}.auth-link{color:#5a67d8;color:var(--primary-600);font-weight:600;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.auth-link:hover{color:#667eea;color:var(--primary-500);text-decoration:underline}.navbar{background:#fff;background:var(--bg-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px;padding:0 var(--spacing-lg)}.nav-brand a,.nav-container{align-items:center;display:flex}.nav-brand a{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700;gap:8px;gap:var(--spacing-sm);text-decoration:none;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base)}.nav-brand a:hover{opacity:.8}.brand-icon{font-size:1.5rem}.brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-gradient);-webkit-background-clip:text;background-clip:text}.nav-desktop{display:none}@media (min-width:1024px){.nav-desktop{display:block}}.nav-menu{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm);list-style:none}.nav-item{position:relative}.nav-link{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.9375rem;gap:4px;gap:var(--spacing-xs);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.nav-link.active{background:#f5f3ff;background:var(--primary-50);font-weight:600}.nav-icon{font-size:1.125rem}.nav-item-dropdown{position:relative}.dropdown-arrow{display:inline-block;font-size:.75rem;margin-left:4px;margin-left:var(--spacing-xs);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{animation:slideDown .2s ease-out;background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-lg);min-width:220px;padding:8px;padding:var(--spacing-sm);position:absolute;right:0;top:calc(100% + 8px);top:calc(100% + var(--spacing-sm));z-index:100}.dropdown-item{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#374151;color:var(--gray-700);display:flex;font-size:.9375rem;gap:8px;gap:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.dropdown-item.active,.dropdown-item:hover{background:#f5f3ff;background:var(--primary-50);color:#5a67d8;color:var(--primary-600)}.dropdown-item.active{font-weight:600}.dropdown-icon{font-size:1.125rem}.logout-btn{color:#ef4444;color:var(--error)}.logout-btn:hover{background:#fee2e2;background:var(--error-light);color:#dc2626}.mobile-menu-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;transition:background .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition-base);width:44px}.mobile-menu-btn:hover{background:#f3f4f6;background:var(--gray-100)}@media (min-width:1024px){.mobile-menu-btn{display:none}}.hamburger{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger span{background:#374151;background:var(--gray-700);border-radius:2px;display:block;height:2px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.hamburger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-mobile{background:#fff;background:var(--bg-primary);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:block;max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1);transition:max-height var(--transition-slow)}@media (min-width:1024px){.nav-mobile{display:none!important}}.nav-mobile.open{max-height:600px;overflow-y:auto}.nav-menu-mobile{list-style:none;padding:16px;padding:var(--spacing-md)}.nav-item-mobile{margin-bottom:4px;margin-bottom:var(--spacing-xs)}.nav-link-mobile{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;gap:var(--spacing-sm);justify-content:space-between;padding:16px;padding:var(--spacing-md);text-align:left;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.nav-link-mobile.active,.nav-link-mobile:hover{background:#f5f3ff;background:var(--primary-50);color:#5a67d8;color:var(--primary-600)}.nav-link-mobile.active{font-weight:600}.tools-header{cursor:pointer;-webkit-user-select:none;user-select:none}.mobile-tools-submenu{margin-bottom:8px;margin-bottom:var(--spacing-sm);margin-top:4px;margin-top:var(--spacing-xs);padding-left:32px;padding-left:var(--spacing-xl)}.submenu-item{font-size:.9375rem;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.logout-btn-mobile{color:#ef4444;color:var(--error);margin-top:16px;margin-top:var(--spacing-md)}.logout-btn-mobile:hover{background:#fee2e2;background:var(--error-light);color:#dc2626}.error-message,.info-message,.success-message,.warning-message{align-items:center;animation:slideDown .3s ease-out;border-radius:12px;border-radius:var(--radius-md);display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message{background:#fee2e2;border-left:4px solid #ef4444;border-left:4px solid var(--error)}.success-message{background:#d1fae5;background:var(--success-light);border-left:4px solid #10b981;border-left:4px solid var(--success);color:#065f46}.warning-message{background:#fef3c7;background:var(--warning-light);border-left:4px solid #f59e0b;border-left:4px solid var(--warning);color:#92400e}.info-message{background:#dbeafe;border-left:4px solid #3b82f6;border-left:4px solid var(--info);color:#1e40af}.dashboard{grid-gap:24px;grid-gap:var(--spacing-lg);background:#f9fafb;background:var(--bg-secondary);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:280px 1fr;min-height:100vh}.dashboard-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--divider);display:flex;grid-column:1/-1;justify-content:space-between;padding:24px;padding:var(--spacing-lg)}.dashboard-content{grid-column:2/-1;overflow-y:auto;padding:32px;padding:var(--spacing-xl)}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);padding:0 24px;padding:0 var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-content{justify-content:space-between;margin:0 auto;max-width:1400px}.nav-brand,.nav-content{align-items:center;display:flex}.nav-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5a67d8,#667eea);background:linear-gradient(135deg,var(--primary-600),var(--primary-500));-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.5rem;font-weight:800;gap:16px;gap:var(--spacing-md)}.nav-links{display:flex;gap:24px;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.nav-link{border-radius:8px;border-radius:var(--radius-sm);color:#4b5563;color:var(--gray-600);font-weight:500;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.nav-link:after{background:#667eea;background:var(--primary-500);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .2s cubic-bezier(.4,0,.2,1);transition:width var(--transition-base);width:0}.nav-link:hover{background:#f5f3ff;background:var(--primary-50);color:#5a67d8;color:var(--primary-600)}.nav-link:hover:after{width:100%}.nav-link.active{background:#ede9fe;background:var(--primary-100);color:#5a67d8;color:var(--primary-600)}.nav-link.active:after{width:100%}.card{border:1px solid #f3f4f6;border:1px solid var(--border-light);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.card:hover{box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--divider);color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:700;margin-bottom:24px;margin-bottom:var(--spacing-lg);padding-bottom:16px;padding-bottom:var(--spacing-md)}.card-body{color:#4b5563;color:var(--gray-600);line-height:1.7}.plans-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:32px;margin-top:var(--spacing-xl)}.plan-card{background:#fff;border:2px solid #f3f4f6;border:2px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden;padding:32px;padding:var(--spacing-xl);position:relative;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.plan-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-slow)}.plan-card:hover{border-color:#b468f8;border-color:var(--primary-300);box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.plan-card:hover:before{transform:scaleX(1)}.plan-card.featured{border-color:#667eea;border-color:var(--primary-500);border-width:3px}.plan-card.featured:before{transform:scaleX(1)}.plan-name{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:800;margin-bottom:16px;margin-bottom:var(--spacing-md)}.plan-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5a67d8,#667eea);background:linear-gradient(135deg,var(--primary-600),var(--primary-500));-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:900;margin:24px 0;margin:var(--spacing-lg) 0}.plan-limit{align-items:center;background:#f9fafb;background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius-md);display:flex;font-size:.9rem;gap:8px;gap:var(--spacing-sm);justify-content:center;margin:16px 0;margin:var(--spacing-md) 0;padding:16px;padding:var(--spacing-md)}.plan-limit .limit-label{color:#4b5563;color:var(--gray-600);font-weight:600}.plan-limit .limit-value{color:#5a67d8;color:var(--primary-600);font-weight:700}.plan-features{list-style:none;margin:24px 0;margin:var(--spacing-lg) 0;padding:0;text-align:left}.plan-features li{color:#4b5563;color:var(--gray-600);padding:8px 0;padding:var(--spacing-sm) 0;padding-left:32px;padding-left:var(--spacing-xl);position:relative}.plan-features li:before{color:#10b981;color:var(--success);content:"✓";font-size:1.2rem;font-weight:900;left:0;position:absolute}.plan-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-gradient);border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:24px;margin-top:var(--spacing-lg);overflow:hidden;padding:16px 48px;padding:var(--spacing-md) var(--spacing-2xl);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.plan-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.plan-button:after{background:radial-gradient(circle,#ffffff4d 0,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.plan-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.plan-button:hover:before{left:100%}.plan-button:active{box-shadow:0 2px 8px #667eea4d;transform:translateY(0)}.plan-button:disabled{box-shadow:0 2px 8px #0000001a;cursor:not-allowed;opacity:.6;transform:none}.plan-button:disabled:hover{transform:none}.plan-button:disabled:before{display:none}.plan-card.popular .subscribe-button{animation:pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea80}@media (max-width:1024px){.dashboard{grid-template-columns:1fr}.dashboard-header{display:none}.nav-content{flex-wrap:wrap}.nav-links{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}}@media (max-width:768px){.container{padding:0 16px;padding:0 var(--spacing-md)}.plans-grid{grid-template-columns:1fr}.auth-card{margin:16px;margin:var(--spacing-md);padding:32px;padding:var(--spacing-xl)}.nav-brand{font-size:1.25rem}}@media (max-width:480px){:root{font-size:14px}.auth-card{border-radius:12px;border-radius:var(--radius-md);padding:24px;padding:var(--spacing-lg)}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}button{min-height:44px}.plan-price{font-size:2.5rem}}@media (prefers-color-scheme:dark){:root{--bg-primary:#1f2937;--bg-secondary:#111827;--bg-tertiary:#0f172a;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827}body{background:#f9fafb;background:var(--bg-secondary);color:#e5e7eb;color:var(--gray-200)}.auth-card,.card{background:#fff;background:var(--bg-primary);border-color:#374151;border-color:var(--gray-700)}.form-group input,.form-group select,.form-group textarea{background:#f3f4f6;background:var(--bg-tertiary);border-color:#374151;border-color:var(--gray-700);color:#e5e7eb;color:var(--gray-200)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#f9fafb;background:var(--bg-secondary);border-color:#667eea;border-color:var(--primary-500)}.plan-card{background:#fff;background:var(--bg-primary);border-color:#374151;border-color:var(--gray-700)}}@media print{.dashboard-header,.nav{display:none}.dashboard{display:block}.card{border:1px solid #ddd;box-shadow:none}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-sm{margin-top:8px;margin-top:var(--spacing-sm)}.mt-md{margin-top:16px;margin-top:var(--spacing-md)}.mt-lg{margin-top:24px;margin-top:var(--spacing-lg)}.mt-xl{margin-top:32px;margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:16px;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.p-sm{padding:8px;padding:var(--spacing-sm)}.p-md{padding:16px;padding:var(--spacing-md)}.p-lg{padding:24px;padding:var(--spacing-lg)}.p-xl{padding:32px;padding:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;display:flex;justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-sm{gap:8px;gap:var(--spacing-sm)}.gap-md{gap:16px;gap:var(--spacing-md)}.gap-lg{gap:24px;gap:var(--spacing-lg)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.hidden{display:none}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f9fafb;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--gray-400);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--gray-500)}*{scrollbar-color:#9ca3af #f9fafb;scrollbar-color:var(--gray-400) var(--bg-secondary);scrollbar-width:thin}::selection{background:#667eea;background:var(--primary-500);color:#fff}:focus-visible{outline:2px solid #667eea;outline:2px solid var(--primary-500);outline-offset:2px}.ai-tool-page{background:#f9fafb;background:var(--bg-secondary);min-height:calc(100vh - 70px);padding:32px 16px;padding:var(--spacing-xl) var(--spacing-md)}.tool-header{margin:0 auto 32px;margin:0 auto var(--spacing-xl);max-width:1200px}.tool-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-gradient);-webkit-background-clip:text;background-clip:text;color:#111827;color:var(--gray-900);display:block;font-size:2rem;margin-bottom:4px;margin-bottom:var(--spacing-xs);width:100%}.tool-description{color:#4b5563;color:var(--gray-600);display:block;font-size:1.0625rem;margin:16px auto 0;margin:var(--spacing-md) auto 0;max-width:600px}.back-button{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;gap:4px;gap:var(--spacing-xs);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.back-button:hover{background:#f5f3ff;background:var(--primary-50);border-color:#b468f8;border-color:var(--primary-300);color:#5a67d8;color:var(--primary-600)}.tool-main{display:flex;flex-direction:column;gap:32px;gap:var(--spacing-xl)}.history-section,.input-section,.result-section{animation:slideUp .4s ease-out}.card{background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);padding:32px;padding:var(--spacing-xl)}.card h3{color:#111827;color:var(--gray-900);font-size:1.25rem}.card h3,.form-group{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.form-group label{font-size:.9375rem;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.form-group label,.text-area{color:#374151;color:var(--gray-700)}.text-area{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-sans);font-size:1rem;line-height:1.6;padding:16px;padding:var(--spacing-md);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.text-area:focus{border-color:#667eea;border-color:var(--primary-500);box-shadow:0 0 0 3px #667eea1a;outline:none}.select-input{-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);cursor:pointer;font-size:1rem;padding:16px;padding:var(--spacing-md);padding-right:48px;padding-right:var(--spacing-2xl);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.select-input:focus{border-color:#667eea;border-color:var(--primary-500);box-shadow:0 0 0 3px #667eea1a;outline:none}.primary-button,.secondary-button{border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.primary-button{background:var(--bg-gradient);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md)}.primary-button:hover:not(:disabled){box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-lg)}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled{opacity:.5}.secondary-button{background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#374151;color:var(--gray-700)}.secondary-button:hover{background:#f9fafb;background:var(--gray-50);border-color:#b468f8;border-color:var(--primary-300);color:#5a67d8;color:var(--primary-600)}.result-section{background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);padding:32px;padding:var(--spacing-xl)}.result-section h2{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.result-card{background:#f9fafb;background:var(--bg-secondary);border-radius:var(--radius-md);padding:24px;padding:var(--spacing-lg)}.result-item{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 0;padding:var(--spacing-md) 0}.result-item:last-child{border-bottom:none}.result-label{color:#4b5563;color:var(--gray-600);font-weight:500}.result-value{color:#111827;color:var(--gray-900);font-weight:600}.result-value.high{color:#ef4444;color:var(--error)}.result-value.medium{color:#f59e0b;color:var(--warning)}.result-value.low{color:#10b981;color:var(--success)}.result-comparison{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.comparison-box{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);padding:24px;padding:var(--spacing-lg)}.comparison-box h4{color:#374151;color:var(--gray-700);font-size:1rem;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-md)}.comparison-box p{color:#4b5563;color:var(--gray-600);line-height:1.6}.humanized-text{color:#5a67d8;color:var(--primary-600);font-weight:500}.result-stats{display:flex;gap:32px;gap:var(--spacing-xl)}.stat-item{display:flex;gap:8px;gap:var(--spacing-sm)}.stat-label{color:#4b5563;color:var(--gray-600);font-weight:500}.stat-value{color:#111827;color:var(--gray-900);font-weight:600}.history-section{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);padding:32px;padding:var(--spacing-xl)}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.history-header h3{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:600}.history-list{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.history-item{background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);padding:16px;padding:var(--spacing-md);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.history-item:hover{border-color:#b468f8;border-color:var(--primary-300);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm)}.history-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.history-date{color:#6b7280;color:var(--gray-500);font-size:.875rem}.history-mode{background:#f5f3ff;background:var(--primary-50);border-radius:8px;border-radius:var(--radius-sm);color:#5a67d8;color:var(--primary-600);font-size:.875rem;font-weight:500;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.delete-button{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#9ca3af;color:var(--gray-400);cursor:pointer;display:flex;font-size:1.5rem;height:28px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:28px}.delete-button:hover{background:#fee2e2;background:var(--error-light);color:#ef4444;color:var(--error)}.history-item-content{color:#4b5563;color:var(--gray-600)}.history-text{font-size:.9375rem;line-height:1.6;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.history-scores{display:flex;font-size:.875rem;gap:24px;gap:var(--spacing-lg)}.history-scores,.no-history{color:#6b7280;color:var(--gray-500)}.no-history{font-size:1rem;padding:48px;padding:var(--spacing-2xl);text-align:center}.tool-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin:32px auto 0;margin:var(--spacing-xl) auto 0;max-width:1200px;padding-top:24px;padding-top:var(--spacing-lg)}.footer-button{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);display:inline-flex;font-weight:500;gap:8px;gap:var(--spacing-sm);justify-content:center;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.footer-button:hover{background:#f5f3ff;background:var(--primary-50);border-color:#b468f8;border-color:var(--primary-300);color:#5a67d8;color:var(--primary-600)}@media (max-width:768px){.ai-tool-page{padding:24px 8px;padding:var(--spacing-lg) var(--spacing-sm)}.tool-header h1{font-size:1.5rem}.tool-description{font-size:.9375rem}.card,.history-section,.result-section{padding:24px;padding:var(--spacing-lg)}.result-comparison{grid-template-columns:1fr}.history-header,.history-scores,.result-stats{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.history-header{align-items:flex-start}.history-header button{width:100%}}.dashboard-container{background:#f9fafb;background:var(--bg-secondary);min-height:calc(100vh - 70px)}.dashboard-content{max-width:1400px}.dashboard-content,.profile-page{margin:0 auto;padding:32px 16px;padding:var(--spacing-xl) var(--spacing-md)}.profile-page{max-width:800px}.profile-page h2{color:#111827;color:var(--gray-900);font-size:1.75rem;font-weight:700;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.profile-view{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);padding:32px;padding:var(--spacing-xl)}.profile-field{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 0;padding:var(--spacing-md) 0}.profile-field:last-child{border-bottom:none}.profile-field strong{color:#4b5563;color:var(--gray-600);font-weight:500;min-width:150px}.profile-view button{background:var(--primary-color);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;margin-top:24px;margin-top:var(--spacing-lg);padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);transition:background .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition-base)}.profile-view button:hover{background:var(--primary-dark)}.profile-page form{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);padding:32px;padding:var(--spacing-xl)}.profile-page .form-group{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.profile-page .form-group label{color:#374151;color:var(--gray-700);display:block;font-weight:500;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.profile-page .form-group input{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);font-size:1rem;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-base);width:100%}.profile-page .form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.profile-page button[type=submit]{background:var(--primary-color);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;margin-right:8px;margin-right:var(--spacing-sm);padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);transition:background .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition-base)}.profile-page button[type=submit]:hover{background:var(--primary-dark)}.profile-page button[type=button]{background:#f3f4f6;background:var(--gray-100);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);cursor:pointer;font-weight:500;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);transition:background .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition-base)}.profile-page button[type=button]:hover{background:#e5e7eb;background:var(--gray-200)}.ai-chat-page{background:#f9fafb;background:var(--bg-secondary);min-height:calc(100vh - 70px);padding:16px;padding:var(--spacing-md)}.chat-container{flex-direction:column;height:calc(100vh - 102px);height:calc(100vh - 70px - var(--spacing-md)*2);margin:0 auto;max-width:1200px}.chat-container,.chat-header-card{display:flex;gap:24px;gap:var(--spacing-lg)}.chat-header-card{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);justify-content:space-between;padding:24px 32px;padding:var(--spacing-lg) var(--spacing-xl)}.chat-title{align-items:center;display:flex;gap:16px;gap:var(--spacing-md)}.chat-icon{font-size:2rem}.chat-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-gradient);-webkit-background-clip:text;background-clip:text;color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700;margin:0}.model-selector-wrapper{align-items:center;display:flex;gap:16px;gap:var(--spacing-md)}.model-label{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-size:.9375rem;font-weight:500;gap:8px;gap:var(--spacing-sm)}.model-icon{font-size:1.25rem}.model-select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);cursor:pointer;font-size:1rem;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);padding-right:48px;padding-right:var(--spacing-2xl);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.model-select:focus{border-color:#667eea;border-color:var(--primary-500);box-shadow:0 0 0 3px #667eea1a;outline:none}.messages-container{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);overflow:hidden}.messages-container,.messages-list{display:flex;flex:1 1;flex-direction:column}.messages-list{overflow-y:auto;padding:24px;padding:var(--spacing-lg)}.message-item,.messages-list{gap:16px;gap:var(--spacing-md)}.message-item{align-items:flex-start;animation:slideUp .3s ease-out;display:flex}.message-avatar{align-items:center;background:#f5f3ff;background:var(--primary-50);border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.message-bubble{border-radius:16px;border-radius:var(--radius-lg);flex:1 1;max-width:70%;padding:16px;padding:var(--spacing-md);position:relative}.message-user .message-bubble{background:#667eea;background:var(--primary-500);color:#fff;margin-left:auto}.message-ai .message-bubble{background:#f3f4f6;background:var(--gray-100);border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#111827;color:var(--gray-900);margin-right:auto}.message-bubble.loading{align-items:center;background:#f9fafb;background:var(--gray-50);display:flex;justify-content:center;min-height:60px}.message-text{word-wrap:break-word;line-height:1.6;white-space:pre-wrap}.message-time{color:#6b7280;color:var(--gray-500);font-size:.75rem;margin-top:8px;margin-top:var(--spacing-sm);text-align:right}.message-user .message-time{color:#ffffffb3}.loading-dots{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.loading-dots span{animation:pulse 1.4s ease-in-out infinite;background:#9ca3af;background:var(--gray-400);border-radius:50%;height:8px;width:8px}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.chat-input-wrapper{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);padding:24px;padding:var(--spacing-lg)}.input-container{align-items:flex-end;display:flex;gap:16px;gap:var(--spacing-md);position:relative}.chat-textarea{background:#fff;background:var(--bg-primary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);color:#374151;color:var(--gray-700);flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-sans);font-size:1rem;line-height:1.6;max-height:200px;min-height:60px;overflow-y:auto;padding:16px;padding:var(--spacing-md);padding-right:32px;padding-right:var(--spacing-xl);resize:vertical;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.chat-textarea:focus{border-color:#667eea;border-color:var(--primary-500);box-shadow:0 0 0 4px #667eea1a;outline:none}.chat-textarea::placeholder{color:#9ca3af;color:var(--gray-400)}.send-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-gradient);border:none;border-radius:50%;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:600;height:48px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:48px}.send-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.4}.send-icon{font-size:1.5rem;line-height:1}.input-hint{align-items:center;color:#9ca3af;color:var(--gray-400);display:flex;font-size:.8125rem;gap:8px;gap:var(--spacing-sm);justify-content:center;margin-top:8px;margin-top:var(--spacing-sm);padding:4px 0;padding:var(--spacing-xs) 0}@media (max-width:768px){.chat-header-card{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.chat-title h2{font-size:1.25rem}.chat-textarea{font-size:.9375rem;min-height:50px;padding:8px;padding:var(--spacing-sm)}.send-button{height:44px;width:44px}.send-icon{font-size:1.25rem}.model-select{font-size:.875rem;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.input-hint{font-size:.75rem}.message-avatar{font-size:1.25rem;height:32px;width:32px}.message-text{font-size:.9375rem}}@media (max-width:480px){.chat-textarea{font-size:.875rem;max-height:120px;min-height:44px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.send-button{height:40px;width:40px}.send-icon{font-size:1.125rem}}.site-footer{background:var(--gray-900);color:var(--gray-300);padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-container{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1400px;padding:0 var(--spacing-lg)}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-section h3{color:var(--gray-100);font-size:1rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-sm);text-transform:uppercase}.footer-logo{gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.footer-logo,.logo-icon{align-items:center;display:flex}.logo-icon{border-radius:var(--radius-md);color:#fff;font-size:.875rem;height:32px;justify-content:center;width:32px}.logo-icon,.logo-text{background:linear-gradient(135deg,var(--primary-600),var(--primary-500));font-weight:800}.logo-text{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.125rem}.footer-description{color:var(--gray-400);font-size:.9375rem;line-height:1.6}.social-links{display:flex;gap:var(--spacing-md)}.social-links a{align-items:center;border-radius:var(--radius-md);color:var(--gray-400);display:flex;height:36px;justify-content:center;transition:all var(--transition-base);width:36px}.social-links a:hover{background:var(--primary-600);color:#fff;transform:translateY(-2px)}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:var(--spacing-xs)}.footer-links a{color:var(--gray-400);display:block;font-size:.9375rem;text-decoration:none;transition:color var(--transition-base)}.footer-links a:hover{color:var(--primary-500)}.footer-bottom{border-top:1px solid var(--gray-700);margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg)}.footer-bottom-content{align-items:center;color:var(--gray-500);display:flex;font-size:.875rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 var(--spacing-lg)}.footer-bottom-links a{color:var(--primary-500);margin-left:var(--spacing-md);text-decoration:none;transition:color var(--transition-base)}.footer-bottom-links a:hover{color:var(--primary-400)}.page-container{display:flex;flex-direction:column;min-height:100vh}.content-container{flex:1 1}.legal-page{margin:0 auto;max-width:900px;padding:var(--spacing-2xl) var(--spacing-lg)}.legal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-2xl)}.legal-content h1{color:var(--gray-900);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md)}.last-updated{color:var(--gray-500);font-size:.875rem;margin-bottom:var(--spacing-xl)}.legal-content section{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl)}.legal-content section:last-of-type{border-bottom:none}.legal-content h2{color:var(--gray-900);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md)}.legal-content h3{color:var(--gray-800);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-sm);margin-top:var(--spacing-lg)}.legal-content p,.legal-content ul{color:var(--gray-600);line-height:1.7;margin-bottom:var(--spacing-md)}.legal-content ul{padding-left:var(--spacing-xl)}.legal-content li{margin-bottom:var(--spacing-xs)}.warning-text{background:var(--warning-light);border-left:4px solid var(--warning);border-radius:var(--radius-sm);margin:var(--spacing-md) 0;padding:var(--spacing-md)}.contact-info{background:var(--bg-secondary);border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-lg)}.contact-info p{margin-bottom:var(--spacing-sm)}.api-table,.refund-table{border-collapse:collapse;margin:var(--spacing-lg) 0;width:100%}.api-table td,.api-table th,.refund-table td,.refund-table th{border:1px solid var(--border-color);padding:var(--spacing-md);text-align:left}.api-table th,.refund-table th{background:var(--bg-secondary);color:var(--gray-800);font-weight:600}.api-table td,.refund-table td{color:var(--gray-600)}.code-block{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:var(--spacing-md) 0;overflow-x:auto;padding:var(--spacing-lg)}.code-block code{color:var(--primary-600);display:block;font-family:Courier New,monospace;font-size:.875rem;white-space:pre}.api-endpoint{background:var(--bg-secondary);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;padding:var(--spacing-lg)}.api-endpoint h3{color:var(--gray-900);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-sm)}.method{border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-weight:700;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.method-post{background:var(--success);color:#fff}.method-get{background:var(--primary-500);color:#fff}.method-put{background:var(--warning);color:#fff}.method-delete{background:var(--error);color:#fff}.page-content{margin:0 auto;max-width:900px;padding:var(--spacing-2xl) var(--spacing-lg)}.about-section{margin-bottom:var(--spacing-2xl)}.about-section h2{color:var(--gray-900);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md)}.about-section p,.about-section ul{color:var(--gray-600);line-height:1.7}.about-section ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.about-section li{margin-bottom:var(--spacing-xs)}.contact-page{margin:0 auto;max-width:1000px;padding:var(--spacing-2xl) var(--spacing-lg)}.contact-page h1{color:var(--gray-900);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md)}.subtitle{color:var(--gray-600);margin-bottom:var(--spacing-2xl)}.contact-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.contact-methods{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-method{background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.contact-icon{flex-shrink:0;font-size:1.5rem}.social-contact{display:flex;gap:var(--spacing-md)}.social-contact a{color:var(--primary-600);font-weight:500;text-decoration:none}.social-contact a:hover{text-decoration:underline}.contact-form{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.contact-form h2{font-size:1.25rem;font-weight:600}.contact-form .form-group,.contact-form h2{margin-bottom:var(--spacing-lg)}.contact-form .form-input,.contact-form .form-textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);width:100%}.contact-form .form-textarea{font-family:var(--font-sans);min-height:120px;resize:vertical}.btn-primary{background:var(--bg-gradient);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-base);width:100%}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#0000;border:1px solid var(--primary-600);border-radius:var(--radius-md);color:var(--primary-600);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.btn-secondary:hover{background:var(--primary-50)}.success-message{padding:var(--spacing-xl);text-align:center}.success-icon{align-items:center;background:var(--success);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:64px;justify-content:center;margin:0 auto var(--spacing-lg);width:64px}.success-message h2{color:var(--gray-900);margin-bottom:var(--spacing-md)}.error-message{background:var(--error-light);border-radius:var(--radius-md);color:#991b1b;margin-bottom:var(--spacing-md);padding:var(--spacing-md);text-align:center}@media (max-width:768px){.footer-container{gap:var(--spacing-xl);grid-template-columns:1fr}.footer-bottom-content{flex-direction:column;gap:var(--spacing-md);text-align:center}.legal-page{padding:var(--spacing-lg) var(--spacing-md)}.legal-content{padding:var(--spacing-lg)}.legal-content h1{font-size:1.5rem}.contact-page{padding:var(--spacing-lg) var(--spacing-md)}.contact-grid{grid-template-columns:1fr}.contact-form{padding:var(--spacing-lg)}}.ai-tool-page{background:#f8f9fa;display:flex;flex-direction:column;min-height:100vh}.tool-header{background:#0000;padding:1.5rem 1rem 1rem;text-align:center}.tool-header h1{color:#333;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 .75rem}.tool-description{color:#666;font-size:1rem;line-height:1.5;margin:0}.back-button{display:none}.tool-main{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem;padding:2rem}.card h3{color:#333;font-size:1.5rem;font-weight:600}.card h3,.form-group{margin-bottom:1.5rem}.form-group label{color:#444;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.select-input,.text-area,.text-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.select-input:focus,.text-area:focus,.text-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.text-area{font-family:inherit;min-height:150px;resize:vertical}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.primary-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.secondary-button{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:.95rem;font-weight:600;margin:0 .5rem;padding:.75rem 1.5rem;transition:all .3s ease}.secondary-button:hover{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.button-group{display:flex;flex-wrap:wrap;gap:1rem}.result-section{animation:slideIn .5s ease;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem;padding:2rem}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-section h2{color:#333;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.result-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:12px;padding:1.5rem}.stat-item,.summary-stats{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.75rem 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#666;font-weight:600}.stat-value{color:#667eea;font-size:1.1rem;font-weight:700}.history-section,.library-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem;padding:2rem}.history-section h3,.library-section h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.history-list,.library-list{grid-gap:1rem;display:grid;gap:1rem}.history-item,.library-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:1.25rem;transition:all .3s ease}.history-item:hover,.library-item:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.history-item-header,.library-meta{align-items:center;color:#666;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.75rem}.history-date{font-weight:600}.history-format,.history-languages{background:#667eea;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.history-item-content{color:#333;line-height:1.6}.history-text{background:#fff;border-left:3px solid #667eea;border-radius:8px;margin:.5rem 0;padding:.75rem}.history-text.original{border-left-color:#28a745}.history-text.translated{border-left-color:#667eea}.history-stats{color:#666;display:flex;font-size:.9rem;font-weight:600;gap:1rem;margin-top:.75rem}.tool-footer{background:#fffffff2;box-shadow:0 -2px 10px #0000001a;padding:1.5rem;text-align:center}.footer-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.footer-button:hover{background:#5568d3;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.swap-button{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;margin:.5rem 0;padding:.5rem 1rem;transition:all .3s ease}.swap-button:hover{background:#218838;transform:scale(1.05)}.translation-comparison{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:1rem}.translation-box{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:1.25rem}.translation-box h4{color:#667eea;font-size:1rem;margin-bottom:.75rem}.translation-box p{color:#333;line-height:1.8}.translated-text{color:#28a745;font-weight:600}.citation-text{background:#fff;border-left:4px solid #667eea;border-radius:8px;color:#333;font-family:Times New Roman,serif;font-size:1.05rem;line-height:1.8;margin-bottom:1rem;padding:1.5rem}.citation-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.library-citation{background:#fff;border-left:3px solid #667eea;border-radius:8px;line-height:1.6;padding:1rem}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.tool-header{padding:1.5rem .75rem}.tool-header h1{font-size:1.5rem}.tool-description{font-size:.9rem}.back-button{display:none}.tool-main{padding:1rem .75rem}.card,.history-section,.library-section,.result-section{border-radius:12px;padding:1.5rem 1rem}.select-input,.text-area,.text-input{font-size:16px}.primary-button,.secondary-button{box-sizing:border-box;padding:1rem;width:100%}.button-group{flex-direction:column;gap:.75rem}.translation-comparison{grid-template-columns:1fr}.stat-item,.summary-stats{align-items:flex-start;flex-direction:column;gap:.5rem}.citation-actions{flex-direction:column}.footer-button{width:100%}}@media (max-width:480px){.card h3,.history-section h3,.library-section h3,.result-section h2,.tool-header h1{font-size:1.25rem}.text-area{min-height:120px}}@media (hover:none) and (pointer:coarse){.back-button,.footer-button,.primary-button,.secondary-button{min-height:44px;min-width:44px}}@media (prefers-color-scheme:dark){.ai-tool-page{background:linear-gradient(135deg,#1a1a2e,#16213e)}.card,.history-section,.library-section,.result-section,.tool-footer,.tool-header{background:#1e1e32f2;color:#e0e0e0}.card h3,.history-section h3,.library-section h3,.result-section h2,.tool-header h1{color:#f0f0f0}.select-input,.text-area,.text-input{background:#28283ccc;border-color:#404060;color:#e0e0e0}.history-item,.library-item{background:#28283c99;border-color:#404060}}.ai-tool-page .tool-header{align-items:center!important;background:#0000!important;box-shadow:none!important;display:flex!important;gap:.5rem!important;justify-content:space-between!important;margin-bottom:.5rem!important;padding:.6rem 1rem!important}.ai-tool-page .tool-header h1{align-items:center!important;color:var(--primary-600)!important;display:flex!important;font-size:1.25rem!important;font-weight:700;gap:.35rem!important;margin:0!important}.ai-tool-page .tool-description{background:#667eea0d!important;border-left:2px solid var(--primary-500)!important;border-radius:var(--radius-md)!important;color:var(--gray-600)!important;font-size:.85rem!important;line-height:1.3!important;margin:0!important;padding:.15rem .4rem .3rem!important}.ai-tool-page .back-button{align-items:center!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffffe6!important;border:1px solid #667eea4d!important;border-radius:8px!important;color:var(--primary-600)!important;cursor:pointer;display:flex!important;font-size:.85rem!important;gap:.35rem!important;left:1rem!important;padding:.35rem .6rem!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;transition:all .2s ease!important}.ai-tool-page .back-button:hover{background:#667eea!important;box-shadow:0 4px 12px #667eea66!important;transform:translateY(-50%) scale(1.05)!important}@media (max-width:768px){.ai-tool-page .tool-header{gap:.35rem!important;padding:.4rem .6rem!important}.ai-tool-page .tool-header h1{font-size:1.125rem!important;gap:.25rem!important}.ai-tool-page .tool-description{font-size:.78rem!important;padding:.12rem .25rem .2rem!important}.ai-tool-page .back-button{font-size:.78rem!important;padding:.25rem .4rem!important}}@media (max-width:480px){.ai-tool-page .tool-header{padding:.3rem .5rem!important}.ai-tool-page .tool-header h1{font-size:1.125rem!important}}.upload-section{margin-bottom:1.5rem}.upload-area{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;transition:all var(--transition-base)}.upload-area:hover{background:#667eea0d;border-color:var(--primary-500)}.upload-placeholder{color:var(--gray-500);padding:2rem;text-align:center}.upload-placeholder .upload-icon{display:block;font-size:3rem;margin-bottom:1rem}.upload-placeholder .upload-hint{color:var(--gray-600);font-size:.95rem}.file-input{display:none}.file-info{align-items:center;background:#667eea0d;border-radius:var(--radius-md);display:flex;gap:.5rem;margin-top:1rem;padding:.5rem 1rem}.file-icon{font-size:1.25rem}.file-name{color:var(--gray-700);font-size:.875rem;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-file-btn{background:none;border:none;color:var(--gray-500);cursor:pointer;font-size:1.25rem;padding:.25rem}.clear-file-btn:hover{color:var(--gray-700)}.char-count{color:var(--gray-500);font-size:.875rem;margin-top:.5rem;text-align:right}.mode-select-group{position:relative}.mode-badge{background:var(--primary-500);border-radius:var(--radius-sm);color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .5rem;position:absolute;right:-8px;top:-8px}.strategy-select{margin-top:.5rem}.result-card.humanizer-result{max-width:900px}.quality-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1rem}.metric-item{text-align:center}.metric-label{color:var(--gray-600);display:block;font-size:.875rem;margin-bottom:.5rem}.metric-bar{background:var(--bg-secondary);height:8px;overflow:hidden}.metric-bar,.metric-fill{border-radius:var(--radius-sm)}.metric-fill{background:var(--primary-500);height:100%;transition:width .5s ease}.readability-fill{background:linear-gradient(90deg,#4caf50,#45CAF50)}.fluency-fill{background:linear-gradient(90deg,#3b82f6,#63b4ff)}.history-badges{align-items:center;display:flex;gap:.25rem}.history-mode-badge{background:var(--primary-100);color:var(--primary-700)}.history-length-badge,.history-mode-badge{border-radius:var(--radius-sm);font-size:.7rem;padding:.15rem .4rem}.history-length-badge{background:var(--success-100);color:var(--success-700)}.history-arrow{color:var(--gray-400);font-size:1.25rem;margin:0 25rem}@media (max-width:768px){.upload-area{min-height:100px}.file-info{padding:.35rem .5rem}.quality-metrics{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.history-item{flex-direction:column}}@media (max-width:480px){.humanizer-page .result-header{flex-direction:column;gap:.5rem}.result-mode-badge,.result-strategy-badge{font-size:.65rem}.history-badges{flex-wrap:wrap}}
/*# sourceMappingURL=main.004d8304.css.map*/