:root{--primary:#5B5FFF;--primary-hover:#4A4EE6;--primary-light:#EBEBFF;--secondary:#00C2FF;--secondary-hover:#00A8E0;--accent:#C2185B;--accent-hover:#A9144F;--bg:#F7F8FC;--bg-card:#FFFFFF;--bg-alt:#EEF0F7;--text:#1A1A2E;--text-secondary:#555770;--border:#E4E6EF;--border-light:#F0F1F6;--link:#4043D0;--link-hover:#3336B8;--link-visited:#6A3EC0;--focus-color:#3B3EE0;--text-muted:#6C6E85;--primary-solid:#4F46E5;--primary-solid-hover:#4338CA;--primary-solid-border:#4338CA;--on-primary:#FFFFFF;--hero-bg:#4F46E5;--on-hero:#FFFFFF;--input-bg:#FFFFFF;--input-text:#111827;--shadow-sm:0 1px 3px rgba(0,0,0,0.06);--shadow:0 4px 16px rgba(0,0,0,0.08);--shadow-lg:0 12px 40px rgba(0,0,0,0.12);--shadow-xl:0 20px 60px rgba(0,0,0,0.15);--radius-sm:8px;--radius:12px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;--transition:0.25s cubic-bezier(0.4,0,0.2,1);--font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--fs-xs:0.75rem;--fs-sm:0.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--gradient-primary:linear-gradient(135deg,#5B5FFF 0%,#0074A8 100%);--gradient-accent:linear-gradient(135deg,#FF4D6D,#FF8E53);--gradient-dark:linear-gradient(135deg,#1A1A2E,#16213E);--max-width:1200px;}[data-theme="dark"]{--bg:#0F0F1A;--bg-card:#1A1A2E;--bg-alt:#16213E;--text:#E8E8F0;--text-secondary:#A0A0B8;--text-muted:#9494AC;--border:#2A2A40;--border-light:#222238;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow:0 4px 16px rgba(0,0,0,0.4);--shadow-lg:0 12px 40px rgba(0,0,0,0.5);--shadow-xl:0 20px 60px rgba(0,0,0,0.6);--primary-light:#1E1E3A;--link:#9AA0FF;--link-hover:#B4B8FF;--link-visited:#C4A6E8;--focus-color:#9AA0FF;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background var(--transition),color var(--transition);}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px;}a{color:var(--link);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition),text-decoration-color var(--transition);}a:hover{color:var(--link-hover);}a:visited{color:var(--link-visited);}a:focus-visible{outline:3px solid var(--focus-color);outline-offset:3px;}img{max-width:100%;height:auto;display:block;}ul{list-style:none;}.btn,.category-card,.logo,.nav-list a,.dropdown a,.share-btn,.share-btn-sm,.action-btn,.filter-chip,.count-btn,.btn-icon,footer a.logo,.footer-logo a,.back-to-top,.skip-link{text-decoration:none;}.skip-link{position:absolute;top:-100px;left:16px;background:var(--primary);color:#fff;padding:8px 16px;border-radius:var(--radius-sm);z-index:10000;font-weight:600;}.skip-link:focus{top:8px;}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;}h1{font-size:clamp(2rem,5vw,3.5rem);}h2{font-size:clamp(1.5rem,3.5vw,2.5rem);}h3{font-size:clamp(1.25rem,2.5vw,1.75rem);}h4{font-size:var(--font-size-xl);}.fs-xs{font-size:var(--font-size-xs);}.fs-sm{font-size:var(--font-size-sm);}.fs-md{font-size:var(--font-size-md);}.fs-lg{font-size:var(--font-size-lg);}.fs-xl{font-size:var(--font-size-xl);}.fs-2xl{font-size:var(--font-size-2xl);}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 24px;font-size:var(--font-size-md);font-weight:600;border:2px solid transparent;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);font-family:var(--font);white-space:nowrap;line-height:1;position:relative;overflow:hidden;}.btn:active{transform:scale(0.97);}.btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px;}.btn-primary{background:var(--primary-solid);color:var(--on-primary);border:2px solid var(--primary-solid-border);box-shadow:0 4px 15px rgba(79,70,229,0.35);}.btn-primary:hover{background:var(--primary-solid-hover);box-shadow:0 6px 25px rgba(79,70,229,0.45);transform:translateY(-2px);}.btn-primary:active{background:var(--primary-solid-hover);}.btn-primary:disabled{background:#A5A7C0;border-color:#A5A7C0;color:#FFFFFF;cursor:not-allowed;opacity:0.7;}.btn-secondary{background:var(--bg-card);color:var(--text);border-color:var(--border);}.btn-secondary:hover{border-color:var(--primary);background:var(--primary-light);}.btn-accent{background:var(--accent);color:#fff;}.btn-accent:hover{background:var(--accent-hover);transform:translateY(-2px);}.btn-lg{min-height:52px;padding:16px 32px;font-size:var(--font-size-lg);border-radius:var(--radius-lg);}.btn-sm{min-height:40px;padding:8px 16px;font-size:var(--font-size-sm);}.btn-icon{width:44px;height:44px;min-height:44px;padding:0;border-radius:var(--radius-pill);background:var(--bg-card);color:var(--text);border:1px solid var(--border);cursor:pointer;transition:all var(--transition);font-size:var(--font-size-lg);display:inline-flex;align-items:center;justify-content:center;}.btn-icon:hover{background:var(--primary-light);border-color:var(--primary);}.btn-danger{background:var(--accent);color:#fff;border-color:var(--accent);}.site-header{background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background var(--transition);}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px;}.logo{display:flex;align-items:center;gap:10px;font-size:var(--font-size-2xl);font-weight:800;color:var(--text);}.logo-icon{font-size:var(--font-size-2xl);}.logo-text{color:var(--link);background:none;-webkit-text-fill-color:currentColor;background-clip:border-box;white-space:nowrap;flex-shrink:0;}.logo-img{width:auto;height:auto;max-width:220px;max-height:60px;object-fit:contain;flex-shrink:0;display:block;}.footer-logo-img{width:auto;height:auto;max-width:200px;max-height:54px;object-fit:contain;flex-shrink:0;display:block;}@media (max-width:768px){.logo-img{max-width:160px;max-height:44px;}.footer-logo-img{max-width:160px;max-height:40px;}}.main-nav{display:flex;align-items:center;}.nav-list{display:flex;align-items:center;gap:4px;}.nav-list > li > a{padding:8px 14px;border-radius:var(--radius-sm);font-weight:500;font-size:var(--font-size-md);color:var(--text-secondary);transition:all var(--transition);display:block;}.nav-list > li > a:hover,.nav-list > li > a.active,.nav-list a[aria-current="page"]{background:var(--primary-light);color:var(--link);}.nav-list > li > a:hover{color:var(--link-hover);}.nav-list > li > a:focus-visible,.nav-list > li > a.active:focus-visible,a[aria-current="page"]:focus-visible{outline:3px solid var(--focus-color);outline-offset:2px;}.dropdown li a:hover{background:var(--primary-light);color:var(--link);}.has-dropdown{position:relative;}.dropdown{position:absolute;top:100%;left:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:200px;padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--transition);z-index:100;}.has-dropdown:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0);}.dropdown li a{display:block;padding:8px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);transition:all var(--transition);}.dropdown li a:hover{background:var(--primary-light);color:var(--primary);}.dropdown-grid{min-width:280px;display:grid;grid-template-columns:repeat(2,1fr);}.header-actions{display:flex;align-items:center;gap:8px;}.theme-toggle .icon-sun,.theme-toggle .icon-moon{font-size:var(--font-size-xl);}[data-theme="light"] .theme-toggle .icon-moon{display:none;}[data-theme="dark"] .theme-toggle .icon-sun{display:none;}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;}.mobile-menu-toggle span{display:block;width:24px;height:2px;background:var(--text);border-radius:2px;transition:all var(--transition);}.hero{padding:80px 0 60px;text-align:center;background:var(--hero-bg);position:relative;overflow:hidden;}.hero .container{position:relative;z-index:1;}.hero h1{color:var(--on-hero);margin-bottom:16px;font-weight:900;}.hero .subtitle{color:var(--on-hero);font-size:var(--font-size-lg);max-width:700px;margin:0 auto 36px;opacity:1;}.hero .subtitle strong{color:var(--on-hero);font-weight:700;}.hero-search{max-width:640px;margin:0 auto;display:flex;gap:12px;background:#fff;padding:8px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);}.hero-search input{flex:1;border:none;padding:14px 20px;font-size:var(--font-size-lg);font-family:var(--font);outline:none;background:var(--input-bg);color:var(--input-text);min-width:0;border-radius:var(--radius);}.hero-search input::placeholder{color:var(--text-muted);opacity:1;}.hero-search input:focus{outline:3px solid var(--focus-color);outline-offset:2px;}.hero-search .btn{border-radius:var(--radius);padding:14px 28px;}.hero-stats{display:flex;justify-content:center;gap:40px;margin-top:40px;flex-wrap:wrap;}.hero-stat{color:var(--on-hero);text-align:center;background:transparent;position:static;}.hero-stat strong{display:block;font-size:var(--font-size-2xl);color:var(--on-hero);}.section{padding:64px 0;}.section-header{text-align:center;margin-bottom:40px;}.section-header h2{margin-bottom:8px;}.section-header p{color:var(--text-secondary);font-size:var(--font-size-lg);max-width:600px;margin:0 auto;}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;}.category-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 16px;text-align:center;transition:all var(--transition);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary);}.category-card .cat-icon{font-size:var(--font-size-3xl);}.category-card .cat-name{font-weight:600;color:var(--text);font-size:var(--font-size-md);}.cat-caption{font-size:var(--font-size-xs);color:var(--text-muted);}.explore-section .explore-sub{margin:0 0 12px;font-size:var(--font-size-lg);color:var(--text);}.explore-section .section-header{margin-bottom:24px;}.explore-more a{font-weight:600;}.explore-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;}.explore-group{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;}.explore-links{display:grid;gap:6px;}.explore-links a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-md);transition:all var(--transition);font-weight:500;}.explore-links a:hover{background:var(--primary-light);color:var(--primary);}.explore-links a:focus-visible{outline:3px solid var(--primary);outline-offset:2px;}.explore-links a span{font-size:var(--font-size-lg);flex-shrink:0;}@media (max-width:768px){.explore-grid{grid-template-columns:1fr;}}@media (min-width:1024px){.category-grid{grid-template-columns:repeat(6,1fr);}}@media (min-width:640px) and (max-width:1023px){.category-grid{grid-template-columns:repeat(4,1fr);}}@media (max-width:639px){.category-grid{grid-template-columns:repeat(2,1fr);}}.nickname-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;}.nickname-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;transition:all var(--transition);cursor:pointer;position:relative;overflow:hidden;}.nickname-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px);}.nickname-card .nickname-text{font-weight:600;font-size:var(--font-size-lg);color:var(--text);flex:1 1 auto;min-width:0;overflow-wrap:break-word;word-break:normal;word-wrap:break-word;}.nickname-card .nickname-actions{display:flex;gap:10px;}@media (hover:hover) and (min-width:769px){.nickname-card .nickname-actions{opacity:0;transform:translateX(6px);pointer-events:none;transition:opacity var(--transition),transform var(--transition);}.nickname-card:hover .nickname-actions,.nickname-card:focus-within .nickname-actions{opacity:1;transform:translateX(0);pointer-events:auto;}}.nickname-card .action-btn{width:44px;height:44px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-md);transition:all var(--transition);}.nickname-card .action-btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px;}.nickname-card .action-btn:hover{background:var(--primary-light);border-color:var(--primary);}.nickname-card .action-btn.fav-active{background:#FF4D6D20;border-color:var(--accent);color:var(--accent);}.nickname-card .copied-tooltip{position:absolute;top:-30px;left:50%;transform:translateX(-50%);background:#1A1A2E;color:#fff;padding:4px 12px;border-radius:var(--radius-lg);font-size:var(--font-size-xs);opacity:0;pointer-events:none;transition:opacity var(--transition);}.nickname-card .copied-tooltip.show{opacity:1;}.generator-controls{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;}.control-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px;}.control-row:last-child{margin-bottom:0;}.control-label{font-weight:600;font-size:var(--font-size-sm);color:var(--text-secondary);margin-right:8px;}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;}.filter-chip{min-height:40px;padding:8px 16px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition);font-family:var(--font);color:var(--text-secondary);}.filter-chip:focus-visible{outline:3px solid var(--primary);outline-offset:2px;}.filter-chip:hover{border-color:var(--primary);color:var(--primary);}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);}.count-selector{display:flex;gap:4px;}.count-btn{min-height:40px;padding:8px 16px;border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius-sm);cursor:pointer;font-weight:500;transition:all var(--transition);font-family:var(--font);font-size:var(--font-size-sm);color:var(--text-secondary);}.count-btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px;}.count-btn:hover{border-color:var(--primary);}.count-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}.search-box{display:flex;gap:8px;margin-bottom:24px;}.search-box input{flex:1;padding:14px 20px;border:2px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-md);font-family:var(--font);background:var(--bg-card);color:var(--text);transition:border-color var(--transition);min-width:0;}.search-box input:focus{outline:none;border-color:var(--primary);}.gen-advanced{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);margin-top:4px;}.gen-advanced summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:600;font-size:var(--font-size-md);color:var(--primary);display:flex;align-items:center;gap:8px;border-radius:var(--radius);}.gen-advanced summary::-webkit-details-marker{display:none;}.gen-advanced summary::after{content:"▾";color:var(--primary);font-weight:700;margin-left:auto;transition:transform .2s ease;}.gen-advanced[open] summary::after{transform:rotate(180deg);}.gen-advanced summary:hover{background:var(--primary-light);}.gen-advanced summary:focus-visible{outline:3px solid var(--primary);outline-offset:2px;}.gen-advanced-hint{font-weight:500;font-size:var(--font-size-xs);color:var(--text-muted);}.gen-advanced-body{padding:4px 16px 16px;border-top:1px solid var(--border-light);}.search-suggestions{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;display:none;}.search-suggestions.show{display:block;}.search-suggestion{padding:12px 20px;cursor:pointer;transition:background var(--transition);border-bottom:1px solid var(--border-light);}.search-suggestion:last-child{border-bottom:none;}.search-suggestion:hover{background:var(--primary-light);}.search-suggestion .sug-name{font-weight:600;}.search-suggestion .sug-cat{font-size:var(--font-size-xs);color:var(--text-muted);}.font-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;}.font-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center;transition:all var(--transition);cursor:pointer;}.font-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-3px);}.font-card .font-preview{font-size:var(--font-size-2xl);margin-bottom:8px;word-break:break-all;min-height:40px;}.font-card .font-name{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500;}.symbol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;}.symbol-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);cursor:pointer;transition:all var(--transition);}.symbol-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:scale(1.1);}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px;}.emoji-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center;cursor:pointer;transition:all var(--transition);font-size:1.75rem;}.emoji-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:scale(1.08);}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition);}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}.blog-card-image{height:200px;overflow:hidden;}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}.blog-card:hover .blog-card-image img{transform:scale(1.05);}.blog-card-body{padding:20px;}.blog-card-category{display:inline-block;padding:4px 12px;background:var(--primary-light);color:var(--primary);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:600;margin-bottom:8px;}.blog-card h3{font-size:var(--font-size-lg);margin-bottom:8px;}.blog-card h3 a{color:var(--text);}.blog-card h3 a:hover{color:var(--primary);}.blog-card-excerpt{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:12px;}.blog-card-meta{display:flex;gap:16px;font-size:var(--font-size-xs);color:var(--text-muted);}.pagination{display:flex;justify-content:center;margin-top:40px;}.pagination ul{display:flex;gap:4px;align-items:center;}.pagination li a,.pagination li span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border-radius:var(--radius-sm);border:1px solid var(--border);font-weight:500;font-size:var(--font-size-sm);transition:all var(--transition);color:var(--text-secondary);background:var(--bg-card);}.pagination li a:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary);}.pagination li span.active{background:var(--primary);color:#fff;border-color:var(--primary);}.favorites-drawer{position:fixed;top:0;right:-400px;width:380px;max-width:90vw;height:100vh;background:var(--bg-card);z-index:2000;transition:right var(--transition);display:flex;flex-direction:column;border-left:1px solid var(--border);box-shadow:var(--shadow-xl);visibility:hidden;}.favorites-drawer.open{right:0;visibility:visible;}.favorites-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border);}.favorites-drawer-header h3{font-size:var(--font-size-xl);}.close-drawer{font-size:var(--font-size-2xl);border:none;background:none;cursor:pointer;color:var(--text);}.favorites-list{flex:1;overflow-y:auto;padding:16px;}.favorites-list .fav-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;transition:all var(--transition);}.favorites-list .fav-item:hover{border-color:var(--primary);}.favorites-actions{padding:16px 20px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;}.favorites-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:1999;opacity:0;pointer-events:none;transition:opacity var(--transition);visibility:hidden;}.favorites-overlay.open{opacity:1;pointer-events:all;visibility:visible;}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted);}.contact-form{max-width:640px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;}.form-group{margin-bottom:20px;}.form-group label{display:block;font-weight:600;margin-bottom:6px;font-size:var(--font-size-sm);}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-md);font-family:var(--font);background:var(--bg);color:var(--text);transition:border-color var(--transition);}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);}.form-group textarea{min-height:150px;resize:vertical;}.about-content{max-width:800px;margin:0 auto;}.about-content h2{margin:32px 0 16px;}.about-content p{margin-bottom:16px;color:var(--text-secondary);font-size:var(--font-size-lg);}.about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:24px 0;}.about-feature{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center;}.about-feature .af-icon{font-size:2.5rem;margin-bottom:12px;}.about-feature h3{margin-bottom:4px;}.breadcrumbs{padding:16px 0;font-size:var(--font-size-sm);color:var(--text-muted);display:flex;gap:8px;flex-wrap:wrap;}.breadcrumbs a{color:var(--text-muted);}.breadcrumbs a:hover{color:var(--primary);}.breadcrumbs span{color:var(--text-secondary);}.page-header{background:var(--gradient-primary);padding:48px 0;text-align:center;color:#fff;margin-bottom:40px;}.page-header h1{margin-bottom:8px;}.page-header p{opacity:0.9;font-size:var(--font-size-lg);}.ad-space{background:var(--bg-alt);border:1px dashed var(--border);border-radius:var(--radius);padding:20px;text-align:center;margin:24px 0;min-height:100px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--font-size-sm);}.tabs{display:flex;gap:4px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px;}.tab-btn{padding:10px 20px;border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius);cursor:pointer;font-weight:500;transition:all var(--transition);white-space:nowrap;font-family:var(--font);font-size:var(--font-size-sm);color:var(--text-secondary);}.tab-btn:hover{border-color:var(--primary);}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}.tab-content{display:none;animation:fadeIn 0.3s ease;}.tab-content.active{display:block;}.toast-container{position:fixed;bottom:24px;right:24px;z-index:3000;display:flex;flex-direction:column;gap:8px;}.toast{background:#1A1A2E;color:#fff;padding:14px 24px;border-radius:var(--radius);box-shadow:var(--shadow-lg);font-weight:500;animation:slideInRight 0.3s ease;display:flex;align-items:center;gap:8px;}.toast.success{border-left:4px solid #4CAF50;}.toast.error{border-left:4px solid var(--accent);}.toast.info{border-left:4px solid var(--primary);}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:40px;}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 0.8s linear infinite;}.skeleton{background:linear-gradient(90deg,var(--bg-alt) 25%,var(--border) 50%,var(--bg-alt) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm);}.site-footer{background:#1A1A2E;color:rgba(255,255,255,0.7);padding:60px 0 24px;margin-top:60px;}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:36px;}.footer-logo{display:flex;align-items:center;gap:8px;font-size:var(--font-size-xl);font-weight:700;color:#fff;margin-bottom:12px;}.footer-col h2{color:#fff;margin-bottom:16px;font-size:var(--font-size-md);}.footer-col ul li{margin-bottom:8px;}.footer-col ul li a{color:rgba(255,255,255,0.82);font-size:var(--font-size-sm);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition);}.footer-col ul li a:hover{color:#fff;}.footer-col p{font-size:var(--font-size-sm);line-height:1.6;}.social-links{display:flex;gap:12px;margin-top:16px;}.social-link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.7);transition:all 0.2s ease;}.social-link svg{width:18px;height:18px;flex-shrink:0;}.social-link:hover{transform:scale(1.12);background:rgba(255,255,255,0.16);color:#fff;}.newsletter-form{display:flex;gap:8px;margin-top:12px;}.newsletter-form input{flex:1;padding:10px 14px;border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius-sm);background:rgba(255,255,255,0.05);color:#fff;font-family:var(--font);font-size:var(--font-size-sm);min-width:0;}.newsletter-form input::placeholder{color:rgba(255,255,255,0.4);}.newsletter-form input:focus{outline:none;border-color:var(--primary);}.footer-bottom{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:var(--font-size-sm);}.footer-bottom-links{display:flex;gap:20px;}.footer-bottom-links a{color:rgba(255,255,255,0.5);}.footer-bottom-links a:hover{color:#fff;}.error-page{text-align:center;padding:80px 20px;}.error-page h1{font-size:6rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.error-page p{font-size:var(--font-size-xl);color:var(--text-secondary);margin:16px 0 32px;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@keyframes slideInRight{from{opacity:0;transform:translateX(100px);}to{opacity:1;transform:translateX(0);}}@keyframes spin{to{transform:rotate(360deg);}}@keyframes shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}}.animate-fade-in{animation:fadeIn 0.6s ease forwards;}.animate-fade-up{animation:fadeInUp 0.6s ease forwards;}.ad-container{text-align:center;margin:24px 0;overflow:hidden;}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:900;width:48px;height:48px;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;font-size:var(--font-size-xl);box-shadow:var(--shadow);transition:all var(--transition);opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;}.back-to-top.visible{opacity:1;pointer-events:all;}.back-to-top:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);}[data-tooltip]{position:relative;}[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#1A1A2E;color:#fff;padding:4px 10px;border-radius:6px;font-size:var(--font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition);}[data-tooltip]:hover::after{opacity:1;}.ripple{position:relative;overflow:hidden;}.ripple-effect{position:absolute;border-radius:50%;background:rgba(255,255,255,0.4);transform:scale(0);animation:ripple 0.6s linear;pointer-events:none;}@keyframes ripple{to{transform:scale(4);opacity:0;}}.share-bar{position:fixed;left:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:998;padding:10px 8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);max-height:76vh;overflow-y:auto;opacity:0.85;transition:opacity 0.25s ease,transform 0.25s ease;}.share-bar:hover,.share-bar:focus-within{opacity:1;}.share-bar .share-btn{width:44px;height:44px;border-radius:var(--radius);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px rgba(0,0,0,0.12);color:#fff;position:relative;padding:10px;}.share-bar .share-btn svg{width:22px;height:22px;flex-shrink:0;}.share-bar .share-btn:hover{transform:scale(1.18);box-shadow:0 6px 20px rgba(0,0,0,0.22);}.share-bar .share-btn:focus-visible{outline:3px solid var(--primary);outline-offset:3px;}.share-bar .share-btn::after{content:attr(aria-label);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#1A1A2E;color:#fff;padding:6px 14px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s ease,transform 0.2s ease;transform:translateY(-50%) translateX(-6px);font-family:var(--font);}.share-bar .share-btn:hover::after{opacity:1;transform:translateY(-50%) translateX(0);}.share-btn-facebook{background:#0866FF;}.share-btn-facebook:hover{background:#0752CC;}.share-btn-twitter{background:#000000;}.share-btn-twitter:hover{background:#1A1A1A;}.share-btn-whatsapp{background:#25D366;}.share-btn-whatsapp:hover{background:#1EA952;}.share-btn-telegram{background:#2AABEE;}.share-btn-telegram:hover{background:#2291CC;}.share-btn-pinterest{background:#E60023;}.share-btn-pinterest:hover{background:#BD001C;}.share-btn-reddit{background:#FF4500;}.share-btn-reddit:hover{background:#D93A00;}.share-btn-linkedin{background:#0A66C2;}.share-btn-linkedin:hover{background:#0850A0;}.share-btn-email{background:#5A5A6E;}.share-btn-email:hover{background:#44445A;}.share-btn-copylink{background:var(--primary);}.share-btn-copylink:hover{background:var(--primary-hover);}.share-bar-mobile{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border);padding:10px 12px;z-index:998;justify-content:space-around;gap:4px;box-shadow:0 -4px 20px rgba(0,0,0,0.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}.share-bar-mobile .share-btn-sm{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:600;border:none;cursor:pointer;color:#fff;white-space:nowrap;transition:all 0.2s ease;box-shadow:0 2px 6px rgba(0,0,0,0.1);font-family:var(--font);}.share-bar-mobile .share-btn-sm svg{flex-shrink:0;}.share-bar-mobile .share-btn-sm:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.18);}.share-bar-mobile .share-btn-sm:focus-visible{outline:3px solid var(--primary);outline-offset:2px;}@media (max-width:768px){.share-bar{display:none;}.share-bar-mobile{display:flex;}}@media (max-width:1024px){.container{padding:0 20px;}.nav-list{gap:0;}.nav-list > li > a{padding:8px 10px;font-size:var(--font-size-sm);}}@media (max-width:768px){.mobile-menu-toggle{display:flex;}.main-nav .nav-list{position:absolute;top:72px;left:0;right:0;background:var(--bg-card);flex-direction:column;padding:16px;border-bottom:1px solid var(--border);display:none;box-shadow:var(--shadow-lg);}.main-nav .nav-list.open{display:flex;}.has-dropdown .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding-left:16px;display:none;}.has-dropdown .dropdown.open{display:block;}.hero{padding:48px 0 36px;}.hero h1{font-size:1.75rem;}.hero-search{flex-direction:column;padding:12px;}.hero-search input{padding:12px 16px;}.hero-stats{gap:20px;}.category-grid{grid-template-columns:repeat(2,1fr);}.nickname-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));}.footer-grid{grid-template-columns:1fr 1fr;}.footer-bottom{flex-direction:column;text-align:center;}.blog-grid{grid-template-columns:1fr;}.font-grid{grid-template-columns:1fr;}}@media (max-width:480px){.container{padding:0 16px;}.hero h1{font-size:var(--font-size-2xl);}.hero .subtitle{font-size:var(--font-size-md);}.footer-grid{grid-template-columns:1fr;}.category-grid{grid-template-columns:repeat(2,1fr);}.nickname-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));}.control-row{flex-direction:column;align-items:flex-start;}.generator-controls{padding:16px;}}@media print{.site-header,.site-footer,.back-to-top,.ad-space,.favorites-drawer{display:none;}body{background:#fff;color:#000;}}.faq-section{margin:32px 0}.faq-section h2{margin-bottom:16px;font-size:1.5rem}.methodology-details{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);padding:0 20px;margin:16px 0;}.methodology-details summary{cursor:pointer;list-style:none;font-size:var(--font-size-2xl);font-weight:700;padding:20px 0;display:flex;justify-content:space-between;align-items:center;}.methodology-details summary::-webkit-details-marker{display:none}.methodology-details summary::after{content:"▾";color:var(--primary);font-weight:700;margin-left:12px;transition:transform .2s ease}.methodology-details[open] summary::after{content:"▴"}.method-steps{list-style:decimal;padding-left:20px;display:grid;gap:6px}.method-technical{border:1px solid var(--border);border-radius:var(--radius);margin:16px 0;background:var(--bg-card);}.method-technical summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:600;font-size:var(--font-size-md);color:var(--primary);display:flex;align-items:center;gap:8px;}.method-technical summary::-webkit-details-marker{display:none}.method-technical summary::after{content:"▾";color:var(--primary);font-weight:700;margin-left:auto;transition:transform .2s ease}.method-technical[open] summary::after{transform:rotate(180deg)}.method-technical summary:hover{background:var(--primary-light)}.method-technical summary:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.method-technical-body{padding:8px 20px 20px;border-top:1px solid var(--border-light)}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:4px 16px}.faq-item summary{cursor:pointer;padding:12px 0;font-size:var(--font-size-md);list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";color:var(--primary);font-weight:700;margin-left:12px}.faq-item[open] summary::after{content:"-"}.faq-item div{padding-bottom:14px;color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.6}.faq-item div p{margin:0}.content-section h2{font-size:var(--font-size-2xl);margin:28px 0 12px}.content-section h3{font-size:var(--font-size-lg);margin:20px 0 8px;color:var(--text)}.content-section p{color:var(--text-secondary);line-height:1.8;margin-bottom:12px}.content-section ul,.content-section ol{margin:0 0 16px 20px;color:var(--text-secondary);line-height:1.8}.content-section li{margin-bottom:6px}.content-section a{color:var(--link);text-decoration:underline}.content-section a:hover{color:var(--link-hover)}.font-group{margin-bottom:28px}.font-category-heading{font-size:var(--font-size-lg);font-weight:800;color:var(--text);margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--primary-light);text-transform:capitalize;}.font-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}.font-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:all var(--transition);position:relative;min-height:96px;}.font-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}.font-card .font-preview{font-size:var(--font-size-lg);font-weight:600;color:var(--text);word-break:break-word;flex:1;}.font-card .font-name{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:600}.font-card .font-actions{display:flex;gap:6px;flex-wrap:wrap}.font-action{border:1px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:var(--radius-sm);padding:4px 10px;font-size:var(--font-size-xs);cursor:pointer;transition:all .15s;}.font-action.copy:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.font-action.fav:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.font-grid{display:grid;grid-template-columns:1fr;gap:0}#fontCompare .font-compare-head,#fontCompare .font-compare-row{display:grid;grid-template-columns:120px 1fr 48px;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border-light);}#fontCompare .font-compare-head{background:var(--bg-alt);font-weight:700;border-radius:var(--radius-sm) var(--radius-sm) 0 0}#fontCompare .font-compare-row .font-preview{font-weight:600;word-break:break-word}@media(max-width:600px){#fontCompare .font-compare-head,#fontCompare .font-compare-row{grid-template-columns:90px 1fr 44px}}