.app-shell{background-color:var(--bg-secondary);flex-direction:column;min-height:100vh;display:flex}.app-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--space-2)0;z-index:10;position:sticky;top:0}.header-content{max-width:800px;padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo-section{align-items:center;gap:var(--space-3);display:flex}.logo-link{cursor:pointer;transition:opacity var(--transition-base);align-items:center;text-decoration:none;display:flex}.logo-link:hover{opacity:.8}.app-logo{width:auto;height:65px}.header-actions{align-items:center;gap:var(--space-2);display:flex}.why-us-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--btn-default-bg);border:1px solid var(--btn-border-color);border-radius:var(--radius-full);color:var(--text-primary);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-base);font-size:.9375rem;font-weight:600;line-height:1.5;display:flex}.why-us-btn:hover{background:var(--btn-hover-bg);box-shadow:none;border-color:#3f95d4}.why-us-btn:hover .btn-icon{color:#3f95d4}.why-us-btn .btn-icon{transition:color var(--transition-base);font-size:1rem}.header-icon-btn{--btn-size:calc(.9375rem*1.5 + var(--space-2)*2 + 2px);width:var(--btn-size);height:var(--btn-size);border:1px solid var(--btn-border-color);box-sizing:border-box;background:var(--btn-default-bg);cursor:pointer;min-width:0;transition:all var(--transition-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.9375rem;line-height:1.5;display:flex}.header-icon-btn .btn-icon{color:var(--text-primary);font-size:1.125rem}@media (max-width:640px){.header-content{padding:0 var(--space-4)}.app-logo{height:40px}.header-actions{gap:var(--space-1);align-items:center}.why-us-btn{padding:var(--space-2)var(--space-2);font-size:.8125rem}.why-us-btn .btn-icon{font-size:.875rem}.header-icon-btn{justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;display:flex}.header-icon-btn .btn-icon{font-size:.875rem}}.header-icon-btn.has-likes{background:#ff47571a;border-color:#ff4757}.header-icon-btn.has-likes .active-heart{color:#ff4757}.header-icon-btn.has-likes:hover{background:#ff475733;border-color:#ff4757}.app-main{flex:1;padding:0}.generator-container{max-width:800px;padding:20px var(--space-6)0;flex-direction:column;gap:0;margin:0 auto;display:flex}.controls-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-10)var(--space-8)var(--space-16)var(--space-8);box-shadow:var(--shadow-sm)}.category-tabs{gap:var(--space-3);margin-bottom:var(--space-8);padding:0 var(--space-4)var(--space-2)var(--space-4);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--grey-300)transparent;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{height:6px}.category-tabs::-webkit-scrollbar-track{background:0 0}.category-tabs::-webkit-scrollbar-thumb{background-color:var(--grey-300);border-radius:20px}[data-theme=dark] .category-tabs{scrollbar-color:var(--grey-600)transparent}[data-theme=dark] .category-tabs::-webkit-scrollbar-thumb{background-color:var(--grey-600)}.category-tab{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);background:var(--btn-default-bg);box-shadow:inset 0 0 0 1px var(--btn-border-color);border-radius:var(--radius-full);color:var(--grey-800);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:2px solid #0000;flex:1;justify-content:center;font-size:.9375rem;font-weight:700;display:flex}@media (hover:hover){.category-tab:hover{background:var(--btn-hover-bg);color:var(--grey-800);box-shadow:inset 0 0 0 1px var(--dynamic-theme-color)}.category-tab:hover .category-icon{color:var(--dynamic-theme-color)}}.category-tab.active{background:var(--btn-default-bg);color:var(--grey-800);border:2px solid var(--dynamic-theme-color);box-shadow:none;padding:var(--space-3)var(--space-5);box-shadow:var(--shadow-sm)}:not([data-theme=dark]) .category-tab.active{background:var(--grey-200)}.category-tab.active .category-icon{color:var(--dynamic-theme-color)}[data-theme=dark] .category-tab{color:var(--grey-300)}[data-theme=dark] .category-tab.active{background:var(--btn-default-bg);color:var(--grey-300)}@media (hover:hover){[data-theme=dark] .category-tab:hover .category-icon,[data-theme=dark] .category-tab.active .category-icon{color:var(--dynamic-theme-color)}}[data-theme=dark] .category-tab.active .category-icon{color:var(--dynamic-theme-color)}.category-icon{align-items:center;font-size:1.125rem;display:flex}.form-content{gap:var(--space-6);flex-direction:column;max-width:600px;margin:0 auto;display:flex}.gender-selection label,.input-group label{color:var(--text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:600;display:block}:not([data-theme=dark]) .gender-selection label,:not([data-theme=dark]) .input-group label{color:var(--grey-900)}[data-theme=dark] .gender-selection label,[data-theme=dark] .input-group label{color:#fff}.pill-group{gap:var(--space-3);flex-wrap:wrap;display:flex}.pill-group.small .pill-btn{padding:var(--space-2)var(--space-4);font-size:.875rem}.pill-btn{min-width:100px;padding:var(--space-3)var(--space-4);background:var(--btn-default-bg);border:1px solid var(--btn-border-color);border-radius:var(--radius-lg);color:var(--btn-default-text);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-base);text-align:center;flex:1;font-size:1rem;font-weight:700}@media (hover:hover){.pill-btn:not(.active):hover{background:color-mix(in srgb,var(--dynamic-theme-color)10%,var(--btn-hover-bg));border-color:var(--dynamic-theme-color)}:not([data-theme=dark]) .pill-btn:not(.active):not(.male):not(.female):not(.unisex):not(.random):hover{color:var(--grey-900)}}.pill-btn.active{box-shadow:var(--shadow-sm);color:var(--dynamic-text-color);background:var(--dynamic-theme-color);border-color:#0000}.pill-btn.male.active{background:#3f95d4}.pill-btn.female.active{background:#d43f95}.pill-btn.unisex.active,.pill-btn.random.active{background:#95d43f}:not([data-theme=dark]) .pill-btn.male:not(.active),:not([data-theme=dark]) .pill-btn.female:not(.active),:not([data-theme=dark]) .pill-btn.unisex,:not([data-theme=dark]) .pill-btn.random{color:var(--grey-900)}:not([data-theme=dark]) .pill-btn.male.active,:not([data-theme=dark]) .pill-btn.female.active{color:#fff}[data-theme=dark] .pill-btn.male,[data-theme=dark] .pill-btn.female,[data-theme=dark] .pill-btn.unisex,[data-theme=dark] .pill-btn.random{color:#fff!important}[data-theme=dark] .pill-btn.unisex.active,[data-theme=dark] .pill-btn.random.active{color:var(--grey-900)!important}@media (hover:hover){[data-theme=dark] .pill-btn:not(.male):not(.female):not(.unisex):not(.random):hover:not(.active){color:#fff}}[data-theme=dark] .pill-btn:not(.male):not(.female):not(.unisex):not(.random).active{color:var(--dynamic-text-color)}@media (hover:hover){.pill-btn.male:not(.active):hover{background:color-mix(in srgb,#3f95d4 10%,var(--btn-hover-bg));border-color:#3f95d4}.pill-btn.female:not(.active):hover{background:color-mix(in srgb,#d43f95 10%,var(--btn-hover-bg));border-color:#d43f95}.pill-btn.unisex:not(.active):hover,.pill-btn.random:not(.active):hover{background:color-mix(in srgb,#95d43f 10%,var(--btn-hover-bg));border-color:#95d43f}}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{left:var(--space-4);color:var(--text-tertiary);pointer-events:none;z-index:1;font-size:1rem;position:absolute}.text-input{width:100%;padding:var(--space-3)var(--space-4);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-lg);font-family:var(--font-primary);color:var(--text-primary);transition:all var(--transition-fast);font-size:1rem}.text-input.with-icon{padding-left:var(--space-10)}.text-input:focus{border-color:var(--dynamic-theme-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--dynamic-theme-color)20%,transparent);outline:none}.tag-input-wrapper{align-items:flex-start;display:flex;position:relative}.tag-input-wrapper .input-icon{top:14px}.tag-input-container{gap:var(--space-2);width:100%;min-height:48px;padding:var(--space-2)var(--space-4);padding-left:var(--space-10);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:text;flex-wrap:wrap;align-items:center;display:flex}.tag-input-container:focus-within{border-color:var(--dynamic-theme-color)}.keyword-tag{align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-3);background:var(--grey-200);color:var(--grey-800);border-radius:var(--radius-full);white-space:nowrap;transition:all var(--transition-fast);font-size:.875rem;font-weight:500;display:inline-flex}[data-theme=dark] .keyword-tag{background:var(--grey-700);color:var(--grey-200)}.tag-remove-btn{color:var(--grey-600);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:.75rem;display:flex}@media (hover:hover){.tag-remove-btn:hover{color:var(--grey-900)}}[data-theme=dark] .tag-remove-btn{color:var(--grey-400)}@media (hover:hover){[data-theme=dark] .tag-remove-btn:hover{color:var(--grey-100)}}.tag-text-input{min-width:120px;padding:var(--space-1)0;font-family:var(--font-primary);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.tag-text-input:focus,.tag-text-input:focus-visible{box-shadow:none;outline:none}.tag-text-input::placeholder{color:var(--text-tertiary)}.char-counter{float:right;color:var(--text-tertiary);margin-left:var(--space-2);font-size:.75rem;font-weight:400}.example-keywords{gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2)0;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--grey-300)transparent;display:flex;overflow-x:auto}.example-keywords::-webkit-scrollbar{height:6px}.example-keywords::-webkit-scrollbar-track{background:0 0}.example-keywords::-webkit-scrollbar-thumb{background-color:var(--grey-300);border-radius:20px}[data-theme=dark] .example-keywords{scrollbar-color:var(--grey-600)transparent}[data-theme=dark] .example-keywords::-webkit-scrollbar-thumb{background-color:var(--grey-600)}.example-keyword-btn{padding:var(--space-2)var(--space-3);background:var(--grey-100);color:var(--grey-700);border:1px solid var(--btn-border-color);border-radius:var(--radius-full);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;font-size:.8125rem;font-weight:500}@media (hover:hover){.example-keyword-btn:hover:not(:disabled){background:var(--grey-200);border-color:var(--grey-400);color:var(--grey-900)}}.example-keyword-btn:disabled{opacity:.4;cursor:not-allowed}[data-theme=dark] .example-keyword-btn{background:var(--grey-800);color:var(--grey-300);border-color:var(--grey-700)}@media (hover:hover){[data-theme=dark] .example-keyword-btn:hover:not(:disabled){background:var(--grey-700);border-color:var(--grey-600);color:var(--grey-100)}}.mode-toggle{margin-top:var(--space-5);justify-content:center;display:flex}.link-btn{color:var(--text-primary);font-family:var(--font-primary);cursor:pointer;padding:var(--space-2);align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:0 0;background:var(--grey-300);padding:var(--space-2)var(--space-4);transition:all var(--transition-base);border:none;font-size:.875rem;font-weight:600;display:flex}.required-star{color:#dc2626;margin-left:2px;font-size:1.1em;font-weight:700}@media (hover:hover){:not([data-theme=dark]) .link-btn:hover{background:var(--grey-400)}}[data-theme=dark] .link-btn{background:var(--grey-800);color:var(--text-primary)}@media (hover:hover){[data-theme=dark] .link-btn:hover{background:var(--grey-800);opacity:.9}}.btn-icon{font-size:1.1em}.advanced-options{padding-top:var(--space-8);padding-bottom:var(--space-2);border-top:1px solid var(--border-color);gap:var(--space-8);flex-direction:column;animation:.3s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.generate-btn-primary{width:100%;padding:var(--space-4);background:var(--grey-800);color:#fff;border-radius:var(--radius-full);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);margin-top:var(--space-4);justify-content:center;align-items:center;gap:var(--space-3);border:none;font-size:1.125rem;font-weight:600;display:flex}.generate-btn-primary .btn-icon{color:var(--dynamic-theme-color);transition:color var(--transition-base)}@media (hover:hover){.generate-btn-primary:hover:not(:disabled){background:var(--grey-900);box-shadow:var(--shadow-lg);transform:translateY(-1px)}}.generate-btn-primary:active:not(:disabled){box-shadow:var(--shadow-sm);background:#000;transform:translateY(0)}.generate-btn-primary:disabled{background:var(--grey-300);cursor:not-allowed;box-shadow:none}.generate-btn-primary.loading:disabled{background:var(--grey-800);opacity:1}.generate-btn-primary.error-state{background:#dc2626;border:1px solid #991b1b}@media (hover:hover){.generate-btn-primary.error-state:hover:not(:disabled){background:#b91c1c}}.generate-btn-primary.error-state:active:not(:disabled){background:#991b1b}[data-theme=dark] .generate-btn-primary.error-state{color:#fff;background:#dc2626;border:1px solid #991b1b}@media (hover:hover){[data-theme=dark] .generate-btn-primary.error-state:hover:not(:disabled){background:#b91c1c}}[data-theme=dark] .generate-btn-primary.error-state:active:not(:disabled){background:#991b1b}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.generate-btn-primary.shake{animation:.5s ease-in-out shake}.loading-spinner{border:2px solid #ffffff1a;border-top-color:var(--dynamic-theme-color);border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.results-section,.favorites-section{gap:var(--space-6);flex-direction:column;display:flex}.section-header{padding:0 var(--space-2);justify-content:space-between;align-items:baseline;display:flex}.section-header h2{font-family:var(--font-primary);color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.result-count{color:var(--text-secondary);font-size:.875rem;font-weight:500}.names-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.name-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-4)var(--space-5);transition:all var(--transition-base);justify-content:space-between;align-items:center;display:flex}@media (hover:hover){.name-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-blue);transform:translateY(-2px)}}.name-text{font-family:var(--font-primary);color:var(--text-primary);font-size:1.125rem;font-weight:500}.card-actions{gap:var(--space-2);align-items:center;display:flex}.info-icon-btn{color:var(--grey-400);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;display:flex}@media (hover:hover){.info-icon-btn:hover{background:var(--bg-secondary);color:var(--primary-blue);transform:scale(1.1)}}.favorite-icon-btn{color:var(--grey-400);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.25rem;display:flex}@media (hover:hover){.favorite-icon-btn:hover{background:var(--bg-secondary);color:var(--primary-pink);transform:scale(1.1)}}.favorite-icon-btn.active{color:var(--primary-pink)}.error-banner{color:#fff;padding:var(--space-4)var(--space-12)var(--space-4)var(--space-4);border-radius:var(--radius-md);text-align:center;background:#dc2626;border:1px solid #991b1b;justify-content:center;align-items:center;font-size:1rem;font-weight:500;display:flex;position:relative}[data-theme=dark] .error-banner{color:#fff;background:#dc2626;border-color:#991b1b}.error-text{flex:1}.error-close-btn{right:var(--space-3);color:#fff;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}@media (hover:hover){.error-close-btn:hover{background:#fff3;transform:translateY(-50%)scale(1.1)}}[data-theme=dark] .error-close-btn{color:#fff}@media (hover:hover){[data-theme=dark] .error-close-btn:hover{background:#fff3}}.app-footer{text-align:center;padding:var(--space-8)0;color:var(--text-footer);border-top:1px solid var(--border-color);margin-top:var(--space-8);background:var(--bg-primary);font-size:.875rem}@media (max-width:640px){.app-logo{height:54px}.header-content h1{font-size:1.25rem}.why-us-btn .btn-text{display:none}.why-us-btn{padding:var(--space-2)var(--space-3)}.header-icon-btn{min-width:32px;min-height:32px;justify-content:center!important;align-items:center!important;gap:0!important;width:32px!important;height:32px!important;padding:0!important;display:flex!important}.header-icon-btn .btn-icon{padding-top:1.5px;padding-left:.5px;font-size:1rem;display:block}.category-tabs{padding:0 var(--space-4)var(--space-2)var(--space-4);margin:0 0 var(--space-6);justify-content:flex-start}.pill-group{gap:var(--space-2);flex-direction:column}.pill-btn{width:100%}.names-grid{grid-template-columns:1fr}.controls-section{padding:calc(var(--space-6) + 5px)var(--space-5)calc(var(--space-6) + 10px)}}@media (min-width:641px){.controls-section{padding:var(--space-10)var(--space-8)var(--space-12)var(--space-8)}}@media (min-width:641px) and (max-width:1024px){.app-logo{height:60px}}@media (max-width:768px){.header-content,.generator-container{padding:0 10px}}.begins-with-row{gap:var(--space-2);padding:0 0 var(--space-2)0;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--grey-300)transparent;display:flex;overflow-x:auto}.begins-with-row::-webkit-scrollbar{height:6px}.begins-with-row::-webkit-scrollbar-track{background:0 0}.begins-with-row::-webkit-scrollbar-thumb{background-color:var(--grey-300);border-radius:20px}[data-theme=dark] .begins-with-row{scrollbar-color:var(--grey-600)transparent}[data-theme=dark] .begins-with-row::-webkit-scrollbar-thumb{background-color:var(--grey-600)}.letter-btn{background:var(--btn-default-bg);border:1px solid var(--btn-border-color);border-radius:var(--radius-lg);width:40px;height:40px;color:var(--btn-default-text);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}@media (hover:hover){.letter-btn:hover:not(.active){background:color-mix(in srgb,var(--dynamic-theme-color)10%,var(--btn-hover-bg));border-color:var(--dynamic-theme-color)}:not([data-theme=dark]) .letter-btn:hover:not(.active){color:var(--grey-900)}[data-theme=dark] .letter-btn:hover:not(.active){color:#fff}}.letter-btn.active{background:var(--dynamic-theme-color);color:var(--dynamic-text-color);box-shadow:var(--shadow-sm);border-color:#0000}.pagination-controls{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-6);display:flex}.pagination-btn{padding:var(--space-2)var(--space-4);background:var(--btn-default-bg);border:1px solid var(--btn-border-color);border-radius:var(--radius-lg);color:var(--btn-default-text);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-base);font-size:.875rem;font-weight:600}@media (hover:hover){.pagination-btn:hover:not(:disabled){background:var(--btn-hover-bg);border-color:var(--dynamic-theme-color);color:var(--dynamic-theme-color)}}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:var(--text-secondary);font-size:.875rem;font-weight:500}.name-info-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10001;touch-action:manipulation;width:100vw;height:100svh;padding:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top));padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0;transform:translateZ(0)}.name-info-modal-content{background:var(--card-bg);border-radius:var(--radius-xl);border:1px solid var(--card-border);width:auto;min-width:280px;max-width:min(420px,100vw - 32px);box-shadow:var(--shadow-xl);flex-direction:column;max-height:90vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden auto}.name-info-modal-content .modal-header{padding:var(--space-6)var(--space-6)var(--space-3);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);align-items:center;display:flex}.name-info-modal-content .modal-header h2{font-family:var(--font-primary);color:var(--text-primary);text-align:left;padding-right:var(--space-8);flex:1;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.name-info-modal-content .modal-body{padding:var(--space-6);gap:var(--space-5);text-align:left;flex-direction:column;align-items:stretch;display:flex}.name-info-modal-content .modal-close-btn{top:var(--space-4);right:var(--space-4);color:var(--text-secondary);cursor:pointer;z-index:10;padding:var(--space-2);transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute}.name-info-modal-content .modal-close-btn:hover{color:var(--text-primary);background:#0000000d}.info-row{gap:var(--space-4);text-align:left;justify-content:flex-start;align-items:flex-start;display:flex}.info-icon{background:var(--bg-secondary);width:40px;min-width:40px;height:40px;color:var(--dynamic-theme-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:1rem;display:flex}.info-content{text-align:left;flex-direction:column;flex:1;align-items:flex-start;display:flex}.info-content h3{margin:0 0 var(--space-1);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);text-align:left;font-size:.75rem;font-weight:600}.info-content p{color:var(--text-primary);text-align:left;margin:0;font-size:1rem;line-height:1.4}.no-info-text{text-align:center;color:var(--text-secondary);font-style:italic}[data-theme=dark] .name-info-modal-content .modal-close-btn:hover{background:#ffffff1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-body.loading-square{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:200px;display:flex}.loading-spinner.large{box-sizing:border-box;border:4px solid #3f95d41a;border-top-color:#3f95d4;border-radius:50%;width:48px;height:48px;animation:1s ease-in-out infinite spin;display:inline-block}
.google-ad-container{width:100%;margin:var(--space-4)0;border-radius:var(--radius-md);background:#00000005;justify-content:center;align-items:center;min-height:100px;display:flex;overflow:hidden}[data-theme=dark] .google-ad-container{background:#ffffff05}.google-ad-placeholder{width:100%;height:100%;min-height:250px;color:var(--text-tertiary);padding:var(--space-4);text-align:center;border:1px dashed var(--border-color);flex-direction:column;justify-content:center;align-items:center;font-size:.875rem;display:flex}
.pagination-container{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-8);font-family:var(--font-primary);display:flex}.pagination-controls{align-items:center;gap:var(--space-4);padding:var(--space-2)var(--space-4);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:all var(--transition-base);display:flex}.pagination-btn{color:var(--text-secondary);cursor:pointer;padding:var(--space-2);transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;display:flex}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-btn:not(:disabled):hover{background-color:var(--bg-secondary);color:var(--text-primary)}.pagination-info{color:var(--text-primary);text-align:center;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;min-width:80px;font-size:.875rem;font-weight:600}@media (max-width:640px){.pagination-container{gap:var(--space-2)}.pagination-controls{padding:var(--space-1)var(--space-3);gap:var(--space-2)}.pagination-info{min-width:60px;font-size:.8rem}}