:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-dark:#4338ca;--primary-light:#818cf8;--primary-glow:rgba(99,102,241,0.12);--primary-gradient:linear-gradient(135deg,#6366f1 0,#8b5cf6 50%,#a855f7 100%);--accent:#06b6d4;--accent-light:#22d3ee;--accent-glow:rgba(6,182,212,0.12);--text:#0f172a;--text-light:#475569;--text-lighter:#94a3b8;--text-muted:#cbd5e1;--border:#e2e8f0;--border-light:#f1f5f9;--border-focus:rgba(99,102,241,0.5);--bg:#fff;--bg-alt:#f8fafc;--bg-secondary:#f1f5f9;--bg-elevated:#fff;--bg-card:#fff;--card-bg:linear-gradient(145deg,#fff 0,#f8fafc 100%);--glass-bg:rgba(255,255,255,0.8);--shadow-xs:0 1px 2px rgba(0,0,0,0.03);--shadow-sm:0 1px 3px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.02);--shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03);--shadow-md:0 6px 16px -4px rgba(0,0,0,0.08),0 3px 6px -2px rgba(0,0,0,0.04);--shadow-lg:0 12px 32px -8px rgba(0,0,0,0.1),0 6px 16px -4px rgba(0,0,0,0.06);--shadow-xl:0 20px 48px -12px rgba(0,0,0,0.12);--shadow-glow:0 0 40px var(--primary-glow);--shadow-primary:0 4px 14px rgba(99,102,241,0.25);--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--error:#ef4444;--error-light:#fee2e2;--radius-xs:6px;--radius-sm:8px;--radius:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-full:9999px;--transition-fast:all .15s cubic-bezier(0.4,0,0.2,1);--transition:all .25s cubic-bezier(0.4,0,0.2,1);--transition-slow:all .35s cubic-bezier(0.4,0,0.2,1);--transition-spring:all .4s cubic-bezier(0.34,1.56,0.64,1);--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-display:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px}body.dark-mode{--text:#f1f5f9;--text-light:#94a3b8;--text-lighter:#64748b;--text-muted:#475569;--border:#334155;--border-light:#1e293b;--border-focus:rgba(129,140,248,0.5);--bg:#0f172a;--bg-alt:#1e293b;--bg-secondary:#1e293b;--bg-elevated:#1e293b;--bg-card:#1e293b;--card-bg:linear-gradient(145deg,#1e293b 0,#0f172a 100%);--glass-bg:rgba(15,23,42,0.8);--shadow-xs:0 1px 2px rgba(0,0,0,0.2);--shadow-sm:0 1px 3px rgba(0,0,0,0.25);--shadow:0 4px 12px rgba(0,0,0,0.3);--shadow-md:0 6px 20px rgba(0,0,0,0.35);--shadow-lg:0 12px 40px rgba(0,0,0,0.4);--shadow-xl:0 24px 60px rgba(0,0,0,0.5);--shadow-primary:0 4px 20px rgba(99,102,241,0.35)}*{margin:0;padding:0;box-sizing:border-box}svg{flex-shrink:0;max-width:100%;height:auto;vertical-align:middle}.gen-icon svg,.explore-icon svg,.popular-icon svg,.category-icon svg,.feat-icon svg,.footer-social-link svg,.btn svg,.btn-icon svg{display:block}html{scroll-behavior:smooth}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:focus:not(:focus-visible){outline:0}::selection{background:var(--primary);color:white}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-alt)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-lighter)}.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.92);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(226,232,240,0.8);padding:14px 0;transition:var(--transition)}.header.scrolled{box-shadow:var(--shadow-sm)}.dark-mode .header{background:rgba(15,23,42,0.92);border-bottom-color:rgba(51,65,85,0.5)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header-content{display:flex;align-items:center;justify-content:space-between}.logo{font-size:22px;font-weight:700;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:12px;transition:var(--transition);letter-spacing:-.5px}.logo:hover{transform:translateY(-1px)}.logo:hover .logo-icon{transform:rotate(-5deg) scale(1.08);box-shadow:0 8px 24px rgba(99,102,241,0.4)}.logo-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary-gradient);border-radius:var(--radius);font-size:18px;font-weight:800;color:white;box-shadow:var(--shadow-primary);transition:var(--transition-spring);position:relative;overflow:hidden}.logo-icon::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0.25) 0,transparent 50%);pointer-events:none}.logo-icon::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,0.15) 50%,transparent 60%);transform:translateX(-100%);transition:transform .6s ease;pointer-events:none}.logo:hover .logo-icon::after{transform:translateX(100%)}.logo-text{display:flex;flex-direction:column;line-height:1.15}.logo-text-main{font-weight:800;letter-spacing:-.5px;font-size:18px}.logo-text-sub{font-size:9px;font-weight:600;color:var(--text-lighter);letter-spacing:1.5px;text-transform:uppercase;margin-top:1px}.nav{display:flex;gap:8px;align-items:center}.mobile-menu-btn{display:none;background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;padding:0;cursor:pointer;width:44px;height:44px;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.mobile-menu-btn svg{width:22px;height:22px;stroke:var(--text);display:block}.mobile-menu-btn:hover{background:var(--border)}.mobile-menu-btn:active{transform:scale(0.95)}.mobile-menu-btn .close-icon{display:none !important}.mobile-menu-btn.active .menu-icon{display:none !important}.mobile-menu-btn.active .close-icon{display:block !important}.nav-link{color:var(--text-light);text-decoration:none;font-weight:500;font-size:14px;padding:8px 16px;border-radius:8px;transition:var(--transition)}.nav-link:hover{color:var(--text);background:var(--bg-alt)}.dark-mode-toggle{background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;padding:10px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;width:40px;height:40px}.dark-mode-toggle svg{width:18px;height:18px;stroke:var(--text-light);transition:var(--transition)}.dark-mode-toggle:hover{background:var(--border)}.dark-mode-toggle:hover svg{stroke:var(--text)}.dark-mode-toggle .icon-sun{display:none}.dark-mode-toggle .icon-moon{display:block}body.dark-mode .dark-mode-toggle .icon-sun{display:block}body.dark-mode .dark-mode-toggle .icon-moon{display:none}.hero{padding:72px 0 56px;text-align:center;background:linear-gradient(180deg,var(--bg-alt) 0,var(--bg) 100%);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-150px;left:50%;transform:translateX(-50%);width:900px;height:450px;background:radial-gradient(ellipse at center,rgba(99,102,241,0.15) 0,rgba(139,92,246,0.08) 30%,transparent 70%);pointer-events:none;animation:heroPulse 10s ease-in-out infinite}.hero::after{content:'';position:absolute;top:30%;right:-150px;width:400px;height:400px;background:radial-gradient(circle at center,rgba(6,182,212,0.1) 0,transparent 60%);pointer-events:none;animation:heroFloat 12s ease-in-out infinite}@keyframes heroPulse{0%,100%{opacity:.5;transform:translateX(-50%) scale(1)}50%{opacity:.8;transform:translateX(-50%) scale(1.05)}}@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-count{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--primary);font-weight:600;padding:8px 18px;background:linear-gradient(135deg,rgba(99,102,241,0.08) 0,rgba(139,92,246,0.08) 100%);border:1px solid rgba(99,102,241,0.15);border-radius:var(--radius-full);margin-bottom:24px;letter-spacing:.8px;text-transform:uppercase;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fadeInUp .6s ease-out}.hero-count svg{width:14px;height:14px;stroke:var(--primary);animation:pulse 2s ease-in-out infinite}.hero-title{font-size:clamp(32px,5vw,52px);font-weight:800;color:var(--text);margin-bottom:18px;line-height:1.12;letter-spacing:-.035em;position:relative;animation:fadeInUp .6s ease-out .1s both}.hero-title span{background:linear-gradient(135deg,var(--primary) 0,#8b5cf6 50%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:16px;color:var(--text-light);max-width:540px;margin:0 auto;line-height:1.7;animation:fadeInUp .6s ease-out .2s both}.search-section{padding:0 0 56px;margin-top:-24px;position:relative;z-index:10}.search-wrapper{max-width:580px;margin:0 auto;position:relative;animation:fadeInUp .6s ease-out .3s both}.search-input{width:100%;padding:18px 56px 18px 52px;font-size:16px;font-weight:450;border:2px solid var(--border);border-radius:var(--radius-lg);outline:0;transition:var(--transition);background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow-md)}.search-input:hover{border-color:var(--text-muted);box-shadow:var(--shadow-lg)}.search-input:focus{border-color:var(--primary);box-shadow:var(--shadow-lg),0 0 0 4px var(--primary-glow)}.search-input::placeholder{color:var(--text-lighter);font-weight:400}.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.search-wrapper:focus-within .search-icon svg{stroke:var(--primary)}.search-icon svg{width:20px;height:20px;stroke:var(--text-lighter);transition:var(--transition)}.search-shortcut{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:var(--bg-secondary);border:1px solid var(--border);padding:5px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;color:var(--text-lighter);font-family:ui-monospace,SFMono-Regular,monospace;letter-spacing:.5px}.popular-section{padding:56px 0}.section-header{text-align:center;margin-bottom:36px}.section-title{font-size:26px;font-weight:700;color:var(--text);margin-bottom:8px;letter-spacing:-.025em}.section-subtitle{color:var(--text-light);font-size:15px}.popular-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px;max-width:880px;margin:0 auto}.popular-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:26px 14px 22px;text-align:center;text-decoration:none;transition:var(--transition);position:relative;overflow:hidden}.popular-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(0.4,0,0.2,1)}.popular-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-glow) 0,var(--accent-glow) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.popular-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(99,102,241,0.3)}.popular-card:hover::before{transform:scaleX(1)}.popular-card:hover::after{opacity:1}.popular-icon{width:52px;height:52px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--bg-alt) 0,var(--bg-secondary) 100%);border:1px solid var(--border-light);border-radius:var(--radius);transition:var(--transition-spring);position:relative;z-index:1}.popular-icon svg{width:24px;height:24px;stroke:var(--primary);stroke-width:1.5;fill:none;transition:var(--transition)}.popular-card:hover .popular-icon{transform:scale(1.1) rotate(-3deg);background:var(--primary-gradient);border-color:transparent;box-shadow:var(--shadow-primary)}.popular-card:hover .popular-icon svg{stroke:white}.popular-name{font-size:13px;font-weight:600;color:var(--text);line-height:1.35;position:relative;z-index:1}.category-nav{padding:16px 0;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:65px;z-index:50}.category-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}.category-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-alt);border:1px solid var(--border);border-radius:100px;font-size:13px;font-weight:500;color:var(--text);text-decoration:none;white-space:nowrap;transition:var(--transition)}.category-chip svg{width:16px;height:16px;stroke:var(--text-light);stroke-width:1.5;fill:none}.category-chip:hover{background:var(--primary);border-color:var(--primary);color:white;transform:translateY(-1px)}.category-chip:hover svg{stroke:white}.category-chip-count{font-size:11px;color:var(--text-lighter);background:var(--bg-elevated);padding:2px 6px;border-radius:100px}.category-chip:hover .category-chip-count{color:white;background:rgba(255,255,255,0.2)}.generators-section{padding:50px 0}.category-block{margin-bottom:50px}.category-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.category-title{font-size:20px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:10px}.category-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);border-radius:10px;flex-shrink:0}.category-icon svg{width:20px;height:20px;stroke:white;stroke-width:1.5;fill:none}.category-count{font-size:12px;color:var(--text-lighter);font-weight:500;background:var(--bg-alt);padding:6px 12px;border-radius:100px}.generators-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.generator-link{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;transition:var(--transition);position:relative;overflow:hidden}.generator-link::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary),var(--accent));transform:scaleY(0);transition:transform .2s ease}.generator-link:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateX(4px)}.generator-link:hover::before{transform:scaleY(1)}.gen-icon{flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;transition:var(--transition)}.gen-icon svg{width:20px;height:20px;stroke:var(--text-light);stroke-width:1.5;fill:none;transition:var(--transition)}.generator-link:hover .gen-icon{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);border-color:transparent}.generator-link:hover .gen-icon svg{stroke:white}.gen-info{min-width:0;flex:1}.gen-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:3px}.gen-desc{font-size:12px;color:var(--text-lighter);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.generator-page{padding:40px 0}.breadcrumb{font-size:13px;color:var(--text-lighter);margin-bottom:24px}.breadcrumb a{color:var(--text-light);text-decoration:none}.breadcrumb a:hover{color:var(--primary)}.generator-header{text-align:center;margin-bottom:24px}.generator-title{font-size:clamp(26px,5vw,38px);font-weight:800;color:var(--text);margin-bottom:10px;letter-spacing:-.02em}.generator-description{font-size:15px;color:var(--text-light);max-width:560px;margin:0 auto;line-height:1.6}.generator-tool{max-width:620px;margin:0 auto 56px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.generator-tool::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.generator-controls{display:flex;gap:12px;margin-bottom:24px}.count-selector{flex:1}.count-selector select{width:100%;padding:14px 16px;font-size:15px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer;transition:var(--transition)}.count-selector select:focus{border-color:var(--primary);outline:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:var(--radius);border:0;cursor:pointer;transition:var(--transition);text-decoration:none;font-family:inherit;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.btn::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0.15) 0,transparent 50%);pointer-events:none}.btn svg{width:18px;height:18px;transition:var(--transition-fast)}.btn-primary{background:var(--primary-gradient);color:white;box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(99,102,241,0.4)}.btn-primary:hover:not(:disabled) svg{transform:scale(1.1)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(0.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-lighter);box-shadow:var(--shadow-sm)}.btn-secondary:active{transform:scale(0.98)}.btn-lg{padding:16px 32px;font-size:15px;border-radius:var(--radius-md)}.btn-sm{padding:8px 16px;font-size:13px;border-radius:var(--radius-sm)}.btn-copy{padding:8px 14px;background:transparent;border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:500;color:var(--text-light);cursor:pointer;transition:var(--transition)}.btn-copy:hover{background:var(--primary);border-color:var(--primary);color:white}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:var(--transition);color:var(--text-light)}.btn-icon:hover{background:var(--bg-alt);border-color:var(--text-lighter);color:var(--primary)}.btn-icon.active{background:rgba(239,68,68,0.1);border-color:rgba(239,68,68,0.3);color:var(--error)}.btn-icon svg{width:16px;height:16px;stroke-width:2}.results-section{margin-top:24px}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.results-title{font-size:16px;font-weight:600;color:var(--text)}.results-actions{display:flex;gap:8px}.results-grid{display:flex;flex-direction:column;gap:10px}.result-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);position:relative}.result-item::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--primary-gradient);border-radius:0 3px 3px 0;transition:height .2s ease}.result-item:hover{border-color:rgba(99,102,241,0.3);background:var(--bg-alt);box-shadow:var(--shadow-sm)}.result-item:hover::before{height:60%}.result-text{font-size:16px;font-weight:550;color:var(--text);letter-spacing:-.01em}.result-actions{display:flex;gap:8px;flex-shrink:0}.content-section{padding:48px 0;border-top:0;background:var(--bg-secondary);border-radius:var(--radius-md);padding:32px;margin-top:40px}.content-section h2{font-size:22px;font-weight:700;margin-bottom:12px;color:var(--text)}.content-section h3{font-size:16px;font-weight:600;margin:24px 0 12px;color:var(--text)}.content-section p{color:var(--text-light);margin-bottom:16px;line-height:1.7;font-size:14px}.content-section ul,.content-section ol{color:var(--text-light);padding-left:20px;margin-bottom:16px;font-size:14px;line-height:1.7}.content-section li{margin-bottom:8px}.content-section li strong{color:var(--text);font-weight:600}.related-section{padding:60px 0;background:var(--bg-alt)}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.explore-more-section{margin-top:48px;padding:40px;background:linear-gradient(135deg,#f8fafc 0,#f1f5f9 100%);border-radius:20px;border:1px solid #e2e8f0}.dark-mode .explore-more-section{background:linear-gradient(135deg,#1e293b 0,#0f172a 100%);border-color:#334155}.explore-header{text-align:center;margin-bottom:32px}.explore-header h2{font-size:24px;font-weight:700;color:var(--text);margin-bottom:8px}.explore-header p{font-size:14px;color:var(--text-light)}.explore-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:32px}.explore-card{display:flex;align-items:center;gap:16px;padding:20px;background:white;border:1px solid #e2e8f0;border-radius:14px;text-decoration:none;transition:all .25s ease;position:relative;overflow:hidden}.dark-mode .explore-card{background:#1e293b;border-color:#334155}.explore-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(99,102,241,0.05) 0,rgba(139,92,246,0.05) 100%);opacity:0;transition:opacity .25s ease}.explore-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 32px rgba(99,102,241,0.15)}.explore-card:hover::before{opacity:1}.explore-icon{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(99,102,241,0.1) 0,rgba(139,92,246,0.1) 100%);border-radius:12px;transition:all .25s ease;position:relative;z-index:1}.explore-icon svg{width:24px;height:24px;stroke:var(--primary);stroke-width:1.5;fill:none}.explore-card:hover .explore-icon{background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%);transform:scale(1.05)}.explore-card:hover .explore-icon svg{stroke:white}.explore-info{flex:1;min-width:0;position:relative;z-index:1}.explore-info h3{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.explore-info p{font-size:13px;color:var(--text-light);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.explore-arrow{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f1f5f9;opacity:0;transform:translateX(-8px);transition:all .25s ease;position:relative;z-index:1}.dark-mode .explore-arrow{background:#334155}.explore-arrow svg{width:16px;height:16px;stroke:var(--primary)}.explore-card:hover .explore-arrow{opacity:1;transform:translateX(0)}.explore-cta{text-align:center}.explore-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%);color:white;border:0;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s ease;box-shadow:0 4px 16px rgba(99,102,241,0.3)}.explore-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(99,102,241,0.4)}.explore-btn svg{width:18px;height:18px;transition:transform .25s ease}.explore-btn:hover svg{transform:translateX(4px)}.features-section{padding:60px 0;background:var(--bg)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:0 auto}.feat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;text-align:center;transition:var(--transition)}.feat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feat-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--primary-glow);border-radius:var(--radius);margin:0 auto 16px}.feat-icon svg{width:24px;height:24px;stroke:var(--primary);stroke-width:1.5;fill:none}.feat-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:8px}.feat-desc{font-size:14px;color:var(--text-light);line-height:1.6}@media(max-width:768px){.features-grid{grid-template-columns:1fr;gap:16px}.feat-card{padding:20px}.feat-icon{width:44px;height:44px}.feat-icon svg{width:20px;height:20px}}.seo-content{background:var(--bg-alt);padding:80px 0}.seo-content h2{font-size:28px;font-weight:700;margin-bottom:20px}.seo-content h3{font-size:20px;font-weight:600;margin:32px 0 16px}.seo-content p{color:var(--text-light);line-height:1.8;margin-bottom:16px}.seo-content ul{color:var(--text-light);line-height:2;padding-left:24px}.seo-content a{color:var(--primary);text-decoration:none}.seo-content a:hover{text-decoration:underline}.faq-section{padding:60px 0}.faq-item{border-bottom:1px solid var(--border);padding:20px 0}.faq-item h3{font-size:16px;font-weight:600;color:var(--text);margin-bottom:8px}.faq-item p{font-size:14px;color:var(--text-light);line-height:1.7}.footer{background:linear-gradient(180deg,#1e293b 0,#0f172a 100%);color:white;padding:0;margin-top:0;position:relative;overflow:hidden}.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 5%,var(--primary) 30%,var(--accent) 70%,transparent 95%)}.footer::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:600px;height:300px;background:radial-gradient(ellipse at center,rgba(99,102,241,0.08) 0,transparent 70%);pointer-events:none}.dark-mode .footer{background:linear-gradient(180deg,#0f172a 0,#020617 100%)}.footer-main{padding:48px 0 36px;position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:16px;text-decoration:none;transition:var(--transition)}.footer-logo:hover{transform:translateY(-2px)}.footer-logo-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0,#8b5cf6 50%,var(--accent) 100%);box-shadow:0 4px 12px rgba(99,102,241,0.3);border-radius:10px;font-size:16px;font-weight:800;color:white;flex-shrink:0}.footer-logo-text{font-size:20px;font-weight:700;color:white;letter-spacing:-.02em}.footer-logo-text span{background:linear-gradient(135deg,var(--primary-light) 0,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{color:#94a3b8;font-size:14px;line-height:1.7;margin-bottom:20px}.footer-social{display:flex;gap:10px}.footer-social-link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:10px;color:#94a3b8;text-decoration:none;transition:var(--transition)}.footer-social-link svg{width:18px;height:18px;flex-shrink:0}.footer-social-link:hover{background:var(--primary);border-color:var(--primary);color:white;transform:translateY(-3px);box-shadow:0 4px 12px rgba(99,102,241,0.4)}.footer-column h3{font-size:11px;font-weight:700;margin-bottom:18px;color:white;text-transform:uppercase;letter-spacing:1.5px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-link{color:#94a3b8;text-decoration:none;font-size:14px;transition:var(--transition);display:inline-flex;align-items:center;gap:6px}.footer-link::before{content:'';width:0;height:2px;background:var(--primary);transition:width .2s ease}.footer-link:hover{color:white}.footer-link:hover::before{width:12px}.footer-bottom{padding:18px 0;border-top:1px solid rgba(255,255,255,0.08);background:rgba(0,0,0,0.2);position:relative;z-index:1}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-copyright{color:var(--text-light);font-size:13px}.footer-copyright a{color:var(--text-lighter);text-decoration:none;transition:var(--transition)}.footer-copyright a:hover{color:var(--primary-light)}.footer-badges{display:flex;gap:10px;align-items:center}.footer-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);border-radius:20px;font-size:11px;font-weight:500;color:#10b981}.footer-badge svg{width:12px;height:12px;flex-shrink:0;stroke:#10b981}.toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;background:var(--text);color:white;padding:14px 20px;border-radius:var(--radius);box-shadow:var(--shadow-xl);font-size:14px;font-weight:500;z-index:1000;opacity:0;transform:translateY(20px) scale(0.95);transition:all .35s cubic-bezier(0.34,1.56,0.64,1);pointer-events:none}.toast::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0,transparent 50%);pointer-events:none}.toast.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.toast svg{width:18px;height:18px;flex-shrink:0}.toast-success{background:linear-gradient(135deg,#10b981 0,#059669 100%)}.toast-error{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%)}.toast-info{background:linear-gradient(135deg,#6366f1 0,#4f46e5 100%)}.loading{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,0.25);border-radius:50%;border-top-color:white;animation:spin .7s cubic-bezier(0.5,0,0.5,1) infinite}.loading-primary{border-color:var(--primary-glow);border-top-color:var(--primary)}.loading-lg{width:32px;height:32px;border-width:3px}.generating .btn-primary{pointer-events:none;opacity:.9}.generating .btn-text{opacity:0}.generating .loading{position:absolute}.result-item{animation:fadeInUp .3s ease-out both}.results-grid .result-item:nth-child(1){animation-delay:0ms}.results-grid .result-item:nth-child(2){animation-delay:40ms}.results-grid .result-item:nth-child(3){animation-delay:80ms}.results-grid .result-item:nth-child(4){animation-delay:120ms}.results-grid .result-item:nth-child(5){animation-delay:160ms}.results-grid .result-item:nth-child(6){animation-delay:200ms}.results-grid .result-item:nth-child(7){animation-delay:240ms}.results-grid .result-item:nth-child(8){animation-delay:280ms}.results-grid .result-item:nth-child(9){animation-delay:320ms}.results-grid .result-item:nth-child(10){animation-delay:360ms}.popular-grid .popular-card{animation:scaleIn .4s cubic-bezier(0.34,1.56,0.64,1) both}.popular-grid .popular-card:nth-child(1){animation-delay:0ms}.popular-grid .popular-card:nth-child(2){animation-delay:60ms}.popular-grid .popular-card:nth-child(3){animation-delay:120ms}.popular-grid .popular-card:nth-child(4){animation-delay:180ms}.popular-grid .popular-card:nth-child(5){animation-delay:240ms}.popular-grid .popular-card:nth-child(6){animation-delay:300ms}.popular-grid .popular-card:nth-child(7){animation-delay:360ms}.popular-grid .popular-card:nth-child(8){animation-delay:420ms}.generators-grid .generator-link{animation:fadeInUp .35s ease-out both}.category-scroll{scroll-snap-type:x proximity;scroll-padding:16px}.category-chip{scroll-snap-align:start}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}@keyframes subtleBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,100%{box-shadow:var(--shadow-primary)}50%{box-shadow:0 0 20px rgba(99,102,241,0.4)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}100%{transform:scale(4);opacity:0}}@keyframes checkmark{0%{stroke-dashoffset:50}100%{stroke-dashoffset:0}}@keyframes countUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out}.fade-in-up{animation:fadeInUp .5s ease-out}.slide-in{animation:slideIn .3s ease-out}.scale-in{animation:scaleIn .3s cubic-bezier(0.34,1.56,0.64,1)}.stagger-in>*:nth-child(1){animation-delay:0ms}.stagger-in>*:nth-child(2){animation-delay:50ms}.stagger-in>*:nth-child(3){animation-delay:100ms}.stagger-in>*:nth-child(4){animation-delay:150ms}.stagger-in>*:nth-child(5){animation-delay:200ms}.stagger-in>*:nth-child(6){animation-delay:250ms}.stagger-in>*:nth-child(7){animation-delay:300ms}.stagger-in>*:nth-child(8){animation-delay:350ms}.stagger-in>*:nth-child(9){animation-delay:400ms}.stagger-in>*:nth-child(10){animation-delay:450ms}.stagger-in>*{animation:fadeInUp .4s ease-out both}.shimmer{background:linear-gradient(90deg,var(--bg-alt) 0,var(--bg-secondary) 20%,var(--bg-alt) 40%,var(--bg-alt) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.copy-success{animation:scaleIn .2s ease-out}.copy-success svg{stroke:var(--success)}.btn-ripple{position:relative;overflow:hidden}.btn-ripple::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;background:rgba(255,255,255,0.3);border-radius:50%;transform:translate(-50%,-50%) scale(0);pointer-events:none}.btn-ripple:active::after{animation:ripple .6s ease-out}.counter{display:inline-block;animation:countUp .6s ease-out}.hover-lift{transition:var(--transition-spring)}.hover-lift:hover{transform:translateY(-4px)}.generator-category-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-alt);border:1px solid var(--border);border-radius:100px;font-size:12px;font-weight:500;color:var(--text-light);margin-bottom:16px;text-decoration:none;transition:var(--transition)}.generator-category-badge:hover{background:var(--primary-glow);border-color:var(--primary-light);color:var(--primary)}.generator-stats{display:flex;justify-content:center;gap:16px;margin-top:20px;flex-wrap:wrap}.generator-stats span{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-alt);border:1px solid var(--border);border-radius:100px;font-size:12px;color:var(--text-light)}.generator-stats span svg{width:14px;height:14px;stroke:var(--text-lighter)}.skeleton{background:linear-gradient(90deg,var(--bg-alt) 25%,var(--border) 50%,var(--bg-alt) 75%);background-size:200% 100%;animation:skeleton 1.5s infinite;border-radius:var(--radius)}@keyframes skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}@media(max-width:768px){.container{padding:0 20px}.header{padding:12px 0}.header-content{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px}.logo{flex:1;min-width:0}.logo-icon{width:36px;height:36px;font-size:16px}.logo-text-main{font-size:16px}.mobile-menu-btn{display:flex;flex-shrink:0}.nav{position:absolute;top:100%;left:0;right:0;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);box-shadow:0 8px 32px rgba(0,0,0,0.12);flex-direction:column;padding:12px 16px;gap:2px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(0.4,0,0.2,1);z-index:1000}.dark-mode .nav{background:#1e293b;border-color:#334155}.nav.active{opacity:1;visibility:visible;transform:translateY(0)}.nav-link{padding:14px 16px;font-size:15px;border-radius:var(--radius);text-align:left;width:100%}.nav-link:hover,.nav-link[aria-current="page"]{background:var(--bg-alt);color:var(--text)}.dark-mode-toggle{width:100%;justify-content:center;padding:12px;margin-top:8px;border-radius:var(--radius)}.hero{padding:44px 0 32px}.hero::before{width:350px;height:180px}.hero::after{display:none}.hero-count{font-size:10px;padding:6px 14px;margin-bottom:18px}.hero-title{font-size:26px;padding:0 4px;margin-bottom:14px}.hero-subtitle{font-size:14px;padding:0 8px;line-height:1.65}.search-section{margin-top:-12px;padding-bottom:36px}.search-input{padding:16px 20px 16px 46px;font-size:16px;border-radius:var(--radius-md);border-width:1.5px}.search-icon{left:16px}.search-icon svg{width:18px;height:18px}.search-shortcut{display:none}.popular-section{padding:36px 0}.section-header{margin-bottom:24px}.section-title{font-size:21px}.section-subtitle{font-size:13px}.popular-grid{grid-template-columns:repeat(2,1fr);gap:10px}.popular-card{padding:20px 12px 18px;border-radius:var(--radius)}.popular-card::after{display:none}.popular-icon{width:46px;height:46px;margin-bottom:12px;border-radius:var(--radius-sm)}.popular-icon svg{width:22px;height:22px}.popular-name{font-size:12px}.category-nav{top:56px;padding:12px 0}.category-chip{padding:8px 14px;font-size:12px}.category-chip svg{width:14px;height:14px}.generators-section{padding:40px 0}.category-block{margin-bottom:36px}.category-header{margin-bottom:16px;padding-bottom:12px}.category-title{font-size:17px}.category-icon{width:36px;height:36px;border-radius:8px}.category-icon svg{width:18px;height:18px}.category-count{font-size:11px;padding:4px 10px}.generators-grid{grid-template-columns:1fr;gap:10px}.generator-link{padding:14px 16px;border-radius:12px}.gen-icon{width:40px;height:40px}.gen-icon svg{width:18px;height:18px}.gen-name{font-size:14px}.gen-desc{font-size:12px}.generator-page{padding:24px 0}.breadcrumb{font-size:12px;margin-bottom:16px}.generator-header{margin-bottom:20px}.generator-title{font-size:22px;margin-bottom:8px}.generator-description{font-size:13px;padding:0 4px;line-height:1.55}.generator-features{padding:10px 12px !important;gap:12px !important;margin-bottom:16px !important}.generator-features span{font-size:11px !important}.generator-tool{padding:24px 20px;margin:0 0 40px;border-radius:16px}.generator-controls{flex-direction:column}.btn{padding:14px 24px;font-size:14px}.btn-lg{padding:16px 28px;width:100%}.results-header{flex-direction:column;align-items:stretch;gap:12px}.results-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.results-actions .btn{width:100%;justify-content:center}.result-item{padding:14px 16px;border-radius:10px}.result-text{font-size:15px}.content-section{padding:24px;margin-top:32px;border-radius:var(--radius)}.content-section h2{font-size:18px;margin-bottom:10px}.content-section h3{font-size:15px;margin:20px 0 10px}.content-section p{font-size:13px;line-height:1.65;margin-bottom:12px}.content-section ul,.content-section ol{font-size:13px;padding-left:18px;margin-bottom:12px}.content-section li{margin-bottom:6px}.related-section{padding:40px 0}.footer{margin-top:0}.footer::after{width:400px;height:200px}.footer-main{padding:32px 0 24px}.footer-grid{grid-template-columns:repeat(3,1fr);gap:20px 16px}.footer-brand{grid-column:1 / -1;max-width:none;text-align:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.08);margin-bottom:4px}.footer-logo{justify-content:center}.footer-logo-icon{width:36px;height:36px}.footer-logo-text{font-size:17px}.footer-tagline{max-width:340px;margin:0 auto 14px;font-size:12px;line-height:1.5}.footer-social{justify-content:center;gap:10px}.footer-social-link{width:38px;height:38px}.footer-column{text-align:center}.footer-column h3{font-size:9px;margin-bottom:10px;letter-spacing:1.5px}.footer-links{align-items:center;gap:6px}.footer-link{font-size:13px;justify-content:center;padding:3px 0}.footer-link::before{display:none}.footer-bottom{padding:14px 0}.footer-bottom-content{flex-direction:column;text-align:center;gap:10px}.footer-copyright{font-size:11px}.footer-badges{justify-content:center;gap:8px}.footer-badge{padding:5px 10px;font-size:10px}.toast{left:16px;right:16px;bottom:16px}}@media(max-width:480px){.container{padding:0 16px}.header{padding:10px 0}.logo{gap:10px}.logo-icon{width:34px;height:34px;font-size:15px;border-radius:var(--radius-sm)}.logo-text-main{font-size:15px}.logo-text-sub{font-size:8px}.mobile-menu-btn{width:40px;height:40px}.mobile-menu-btn svg{width:20px;height:20px}.hero{padding:36px 0 24px}.hero-count{font-size:9px;padding:5px 12px;margin-bottom:14px}.hero-title{font-size:23px;padding:0;margin-bottom:10px}.hero-subtitle{font-size:13px;padding:0 4px;line-height:1.6}.search-section{margin-top:-10px;padding-bottom:28px}.search-input{padding:14px 16px 14px 42px;font-size:15px;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.search-icon{left:14px}.search-icon svg{width:16px;height:16px}.popular-section{padding:28px 0}.section-header{margin-bottom:20px}.section-title{font-size:19px}.section-subtitle{font-size:12px}.popular-grid{grid-template-columns:repeat(2,1fr);gap:8px}.popular-card{padding:16px 10px 14px;border-radius:var(--radius-sm)}.popular-icon{width:42px;height:42px;margin-bottom:10px;border-radius:var(--radius-xs)}.popular-icon svg{width:20px;height:20px}.popular-name{font-size:11px;line-height:1.3}.category-nav{top:54px;padding:10px 0}.category-chip{padding:7px 12px;font-size:11px;gap:6px}.category-chip svg{width:12px;height:12px}.category-chip-count{font-size:10px;padding:2px 5px}.generators-section{padding:32px 0}.category-block{margin-bottom:32px}.category-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:14px}.category-title{font-size:16px;gap:8px}.category-icon{width:32px;height:32px}.category-icon svg{width:16px;height:16px}.generators-grid{gap:8px}.generator-link{padding:12px 14px;gap:12px;border-radius:10px}.gen-icon{width:36px;height:36px;border-radius:8px}.gen-icon svg{width:16px;height:16px}.gen-name{font-size:13px}.gen-desc{font-size:11px}.generator-page{padding:20px 0}.breadcrumb{font-size:11px;margin-bottom:14px}.generator-header{margin-bottom:16px}.generator-title{font-size:20px}.generator-description{font-size:12px}.generator-features{padding:8px 10px !important;gap:10px !important;margin-bottom:14px !important}.generator-features span{font-size:10px !important;gap:4px !important}.generator-features svg{width:12px !important;height:12px !important}.generator-tool{padding:20px 16px;border-radius:14px;margin-bottom:32px}.result-item{padding:12px 14px;flex-direction:column;align-items:flex-start;gap:10px;border-radius:8px}.result-text{font-size:14px}.result-actions{width:100%;justify-content:flex-end}.content-section{padding:20px;margin-top:28px}.content-section h2{font-size:17px}.content-section h3{font-size:14px;margin:18px 0 8px}.content-section p,.content-section ul,.content-section ol{font-size:13px}.footer{margin-top:0}.footer::before{height:2px}.footer::after{width:200px;height:100px;opacity:.4}.footer-main{padding:24px 0 16px}.footer-grid{grid-template-columns:1fr 1fr;gap:16px 12px}.footer-brand{grid-column:1 / -1;padding-bottom:16px;margin-bottom:0}.footer-column{text-align:center}.footer-column:last-child{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center}.footer-column:last-child .footer-links{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:4px 16px}.footer-logo-icon{width:32px;height:32px;font-size:14px;border-radius:8px}.footer-logo-text{font-size:16px}.footer-tagline{font-size:11px;max-width:280px;line-height:1.5;margin:0 auto 12px}.footer-social{gap:8px}.footer-social-link{width:36px;height:36px;border-radius:10px}.footer-social-link svg{width:16px;height:16px}.footer-column h3{font-size:9px;margin-bottom:8px;letter-spacing:1.2px}.footer-links{gap:4px}.footer-link{font-size:12px;padding:2px 0}.footer-bottom{padding:12px 0}.footer-copyright{font-size:10px;line-height:1.5}.footer-badges{flex-wrap:wrap;gap:6px}.footer-badge{font-size:9px;padding:4px 8px;border-radius:12px}.footer-badge svg{width:10px;height:10px}}@media(max-width:360px){.container{padding:0 12px}.header{padding:8px 0}.header-content{gap:8px}.logo{font-size:15px;gap:5px}.logo-icon{width:28px;height:28px;font-size:12px;border-radius:7px}.logo-text-main{font-size:14px}.logo-bar{font-size:11px;padding:2px 5px;border-radius:4px}.hero-section{padding:24px 0 20px}.hero-count{padding:5px 10px 5px 8px;font-size:11px;gap:6px;margin-bottom:12px}.hero-count-icon{width:18px;height:18px}.hero-title{font-size:20px;line-height:1.25;margin-bottom:8px}.hero-subtitle{font-size:12px;line-height:1.5}.search-section{padding:16px 0}.search-input{height:44px;font-size:14px;padding:12px 14px 12px 40px}.search-icon{left:12px}.popular-section{padding:24px 0}.section-title{font-size:17px}.section-subtitle{font-size:11px}.popular-grid{gap:6px}.popular-card{padding:12px 8px 10px;border-radius:var(--radius-xs)}.popular-icon{width:38px;height:38px;margin-bottom:8px}.popular-icon svg{width:18px;height:18px}.popular-name{font-size:10px;line-height:1.25}.category-nav{top:48px;padding:8px 0}.category-chip{padding:6px 10px;font-size:10px;gap:5px;border-radius:14px}.category-chip svg{width:11px;height:11px}.category-chip-count{font-size:9px;padding:1px 4px}.generators-section{padding:28px 0}.category-block{margin-bottom:28px}.category-header{margin-bottom:12px}.category-title{font-size:14px;gap:6px}.category-icon{width:28px;height:28px}.category-icon svg{width:14px;height:14px}.generators-grid{gap:6px}.generator-link{padding:10px 12px;gap:10px;border-radius:8px}.gen-icon{width:32px;height:32px;border-radius:6px}.gen-icon svg{width:14px;height:14px}.gen-name{font-size:12px}.gen-desc{font-size:10px}.generator-page{padding:16px 0}.breadcrumb{font-size:10px;margin-bottom:12px;gap:4px}.breadcrumb svg{width:10px;height:10px}.generator-header{margin-bottom:14px}.generator-title{font-size:17px;line-height:1.3}.generator-description{font-size:11px;line-height:1.5}.generator-features{padding:6px 8px !important;gap:8px !important;margin-bottom:12px !important;flex-direction:row !important}.generator-features span{font-size:9px !important;gap:3px !important}.generator-features svg{width:10px !important;height:10px !important}.generator-tool{padding:16px 12px;border-radius:12px;margin-bottom:24px}.generator-tool::before{height:3px}.generator-stats span{padding:4px 8px;font-size:10px}.btn{padding:10px 16px;font-size:13px;border-radius:8px}.btn-primary{padding:12px 20px}.btn svg{width:16px;height:16px}.results-grid{gap:6px}.result-item{padding:10px 12px;gap:8px;border-radius:6px}.result-item::before{width:2px}.result-text{font-size:13px}.result-actions{gap:6px}.btn-copy{padding:6px 10px;font-size:11px;border-radius:5px}.btn-copy svg{width:12px;height:12px}.content-section{padding:16px;margin-top:24px}.content-section h2{font-size:16px}.content-section h3{font-size:13px;margin:16px 0 8px}.content-section p,.content-section ul,.content-section ol{font-size:12px;line-height:1.6}.content-section li{margin-bottom:5px}.footer{margin-top:20px}.footer::after{display:none}.footer-main{padding:20px 0 14px}.footer-grid{grid-template-columns:1fr 1fr;gap:12px 10px}.footer-brand{padding-bottom:14px}.footer-logo{gap:6px;margin-bottom:10px}.footer-logo-icon{width:28px;height:28px;font-size:12px;border-radius:7px}.footer-logo-text{font-size:14px}.footer-tagline{font-size:10px;max-width:240px;line-height:1.5;margin:0 auto 10px}.footer-column h3{font-size:8px;margin-bottom:6px;letter-spacing:1px}.footer-links{gap:3px}.footer-link{font-size:11px;padding:2px 0}.footer-social{gap:6px;margin-top:10px}.footer-social-link{width:32px;height:32px;border-radius:8px}.footer-social-link svg{width:14px;height:14px}.footer-bottom{padding:10px 0}.footer-copyright{font-size:9px;line-height:1.4}.footer-badges{gap:4px}.footer-badge{font-size:8px;padding:3px 6px}.footer-badge svg{width:8px;height:8px}}@media(hover:none) and (pointer:coarse){.btn{min-height:48px;padding:14px 24px}.btn-copy{min-height:44px;min-width:44px;padding:12px 16px}.btn-icon{min-width:44px;min-height:44px}.nav-link{min-height:48px;display:flex;align-items:center}.generator-link{min-height:60px}.category-chip{min-height:44px}.popular-card{min-height:100px}.search-input{min-height:48px}.footer-social-link{min-width:44px;min-height:44px}.generator-link:hover{transform:none;box-shadow:var(--shadow-sm)}.popular-card:hover{transform:none}.popular-card:hover::before{opacity:0}.btn:hover{transform:none}.btn-primary:hover{box-shadow:var(--shadow-primary)}.category-chip:hover{transform:none}.footer-link:hover{transform:none}.footer-social-link:hover{transform:none}.btn:active{transform:scale(0.97);transition:transform .1s ease}.btn-primary:active{transform:scale(0.97);box-shadow:0 2px 8px rgba(99,102,241,0.3)}.btn-copy:active{transform:scale(0.95);background:var(--bg-alt)}.generator-link:active{background:var(--bg-alt);transform:scale(0.99);transition:all .1s ease}.popular-card:active{background:var(--bg-alt);transform:scale(0.98);transition:all .1s ease}.category-chip:active{background:var(--bg-alt);transform:scale(0.97)}.search-input:active,.search-input:focus{border-color:var(--border-focus)}.footer-link:active{color:var(--primary)}.footer-social-link:active{background:var(--bg-alt);transform:scale(0.95)}.result-item:active{background:var(--bg-alt)}.category-scroll{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.category-chip{scroll-snap-align:start}.btn,.generator-link,.popular-card,.category-chip,.nav-link{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}a,button{-webkit-tap-highlight-color:rgba(99,102,241,0.1)}}@supports(padding-top:env(safe-area-inset-top)){.header{padding-top:max(12px,env(safe-area-inset-top))}.footer-bottom{padding-bottom:max(20px,env(safe-area-inset-bottom))}.toast{bottom:max(24px,calc(env(safe-area-inset-bottom) + 16px))}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}html{scroll-behavior:auto}}@media(prefers-contrast:high){:root{--border:#333;--text-light:#555}.btn-primary{border:2px solid white}}@media print{.header,.footer,.btn,.search-section,.category-nav{display:none}.result-item{break-inside:avoid}body{background:white;color:black}}@media(max-width:480px){.explore-card{flex-direction:column;align-items:flex-start;text-align:left;padding:16px}.explore-icon{width:40px;height:40px}.explore-icon svg{width:20px;height:20px}.explore-info{width:100%}.explore-info h3{font-size:14px;-webkit-line-clamp:2}.explore-info p{font-size:12px;-webkit-line-clamp:3}.explore-arrow{display:none}.explore-more-section{padding:24px 16px}.explore-header h2{font-size:20px}.explore-grid{gap:12px}.gen-desc{-webkit-line-clamp:3}}