.characters-page-flat{min-height:100vh;background:#ffffff;padding-bottom:80px}.characters-hero-flat{background:#ffffff;border-bottom:1px solid #e2e8f0;padding:1rem;position:relative;overflow:hidden}.characters-hero-flat:before{display:none}.hero-content-flat{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center}.hero-title-flat{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:.5rem}.title-icon{font-size:1.25rem;animation:none}.hero-subtitle-flat{display:none}.search-filter-section-flat{background:white;padding:2rem 0;border-bottom:1px solid #e9ecef;position:sticky;top:60px;z-index:10}.container-flat{max-width:1200px;margin:0 auto;padding:0 1rem}.search-bar-flat{position:relative;margin-bottom:1.5rem}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#6c757d}.search-input-flat{width:100%;padding:.875rem 3rem;border:2px solid #e9ecef;border-radius:50px;font-size:1rem;transition:all .3s ease;background:#f8f9fa}.search-input-flat:focus{outline:none;border-color:#667eea;background:white;box-shadow:0 0 0 4px rgba(102,126,234,.1)}.clear-button-flat{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#6c757d;color:white;border:none;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;cursor:pointer;transition:all .2s ease}.clear-button-flat:hover{background:#495057}.type-filters-flat{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.type-filters-flat::-webkit-scrollbar{height:6px}.type-filters-flat::-webkit-scrollbar-track{background:#f1f3f5;border-radius:3px}.type-filters-flat::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.type-filter-flat{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:2px solid #e9ecef;border-radius:25px;background:white;font-size:.9rem;font-weight:600;color:#495057;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.type-filter-flat:hover{border-color:#667eea;color:#667eea;transform:translateY(-1px)}.type-filter-flat.active{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-color:transparent}.type-icon{font-size:1.1rem}.type-count{font-size:.8rem;opacity:.7;font-weight:500}.characters-list-section-flat{padding:2rem 0}.results-info-flat{margin-bottom:1.5rem;font-size:.9rem;color:#6c757d}.results-count{font-weight:600;color:#495057}.characters-grid-flat{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2rem;padding:2rem 0}.no-results-flat{text-align:center;padding:4rem 2rem;background:white;border-radius:12px;margin:2rem auto;max-width:400px}.no-results-icon{font-size:4rem;margin-bottom:1rem}.no-results-flat h3{font-size:1.5rem;font-weight:700;color:#212529;margin:0 0 .5rem}.no-results-flat p{color:#6c757d;margin:0 0 1.5rem}.reset-button-flat{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;padding:.75rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.reset-button-flat:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.characters-hero-flat{padding:1rem}.hero-title-flat{font-size:1rem}.title-icon{font-size:1.125rem}.hero-subtitle-flat{font-size:1rem}.search-filter-section-flat{top:50px;padding:1.5rem 0}.type-filters-flat{gap:.5rem}.type-filter-flat{padding:.5rem 1rem;font-size:.85rem}.characters-grid-flat{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1.5rem}}@media (max-width:480px){.characters-grid-flat{grid-template-columns:repeat(3,1fr);gap:1rem}}