.contest-hero{background:linear-gradient(180deg,#FFFFFF 4.32%,rgba(255,255,255,0) 100%),linear-gradient(270deg,rgba(0,255,253,0.15) 0%,rgba(236,0,255,0.15) 51.26%,rgba(255,103,0,0.15) 100%);padding:0.75rem 0 2rem;position:relative;z-index:1;}h1.gradient-text{position:relative;z-index:2;font-size:3.5rem;background:linear-gradient(135deg,#00a8dd 0%,#743aff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 10px rgba(127,156,245,0.2);margin-bottom:1.5rem;}#top100-title{display:flex;flex-direction:column;}.info-badge{background:rgba(255,255,255,0.9);border-radius:12px;padding:1rem 1.5rem;box-shadow:0 4px 15px rgba(0,0,0,0.1);position:relative;overflow:hidden;margin-bottom:2rem;}.info-badge i{color:#743aff;font-size:1.2rem;margin-right:0.5rem;}.info-badge span{color:#333;font-size:1.1rem;line-height:1.5;}.badge-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.2),transparent );animation:shine 3s infinite;}@keyframes shine{0%{left:-100%;}20%{left:100%;}100%{left:100%;}}.filters-container{background:rgba(255,255,255,0.98);padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.08);z-index:100;margin:-2rem auto 2rem;position:sticky;top:0;transition:all 0.3s ease;}.filters-container .container{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:nowrap;}.filters-container .grade-filters,.filters-container .secondary-filters{display:flex;gap:0.75rem;flex-wrap:nowrap;margin:0;}.filters-container .vr{height:40px;opacity:0.2;margin:0;}.filter-pill{border:none;border-radius:20px;font-weight:500;transition:all 0.2s ease;opacity:1;white-space:nowrap;cursor:pointer;background:transparent;}.filter-pill:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1);}.filter-pill.active{opacity:1 !important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15);}.filter-pill:not(.active){opacity:1;}.pill-bubble{display:inline-flex;align-items:center;gap:0.5rem;padding:0.25rem 0.75rem;border-radius:16px;font-size:0.9rem;}.emoji-wrapper{font-size:1.1rem;}.filter-breadcrumb{font-size:0.6em;color:#666;font-weight:normal;vertical-align:middle;}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;padding:1rem 0;}.rank-badge{position:absolute;top:10px;left:10px;background:rgba(0,0,0,0.8);color:white;padding:0.25rem 0.75rem;border-radius:12px;font-size:0.9rem;font-weight:600;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,0.2);}.book-item{min-height:400px;}@media (max-width:1000px){.filters-container{margin:-1rem 1rem 1.5rem;padding:1rem;border-radius:12px;}.filters-container .container{flex-direction:column;gap:1rem;}.filters-container .grade-filters,.filters-container .secondary-filters{width:100%;overflow-x:auto;padding-bottom:0.5rem;-webkit-overflow-scrolling:touch;justify-content:center;}.filters-container .vr{display:none;}.book-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;}.book-card .card-img-top{height:240px;}.only-desktop{display:none;}.only-mobile{display:inline;}}@media (min-width:1200px){.only-mobile{display:none;}.only-desktop{display:inline;}}@media (max-width:500px){.filters-container .grade-filters,.filters-container .secondary-filters{flex-direction:column;}.only-desktop{display:inline;}.only-mobile{display:none;}}#top100 .grade-filters .pill-bubble{padding:0.4rem 1rem;border-radius:50px;font-weight:700;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:2px solid rgba(255,255,255,0.3);box-shadow:0 4px 15px rgba(0,0,0,0.1);cursor:pointer;position:relative;opacity:0.85;color:#fff !important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}#top100 .grade-filters .pill-bubble:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.15);opacity:0.95;}#top100 .grade-filters button.active .pill-bubble{opacity:1;transform:scale(1.05);border:2px solid white;box-shadow:0 8px 25px rgba(0,0,0,0.2),inset 0 0 15px rgba(255,255,255,0.2);filter:brightness(1.1);}.grade-filters button.inactive .pill-bubble{opacity:0.5;}.grade-filters button.inactive .pill-bubble:hover{opacity:0.75;}.secondary-filters .btn-outline-primary{color:#2196F3;border-color:#2196F3;background:transparent;padding:0.4rem 1rem;font-weight:500;transition:all 0.3s ease;}.secondary-filters .btn-outline-primary:hover,.secondary-filters .btn-outline-primary.active{background:#2196F3;color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(33,150,243,0.2);}.secondary-filters .btn-outline-primary.inactive{opacity:0.5;filter:grayscale(0.5);}.secondary-filters .btn-outline-primary.inactive:hover{opacity:0.75;}.btn-start-activities{display:none !important;}#top100-results .card-search-book-btn{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;position:absolute !important;width:0 !important;height:0 !important;padding:0 !important;margin:0 !important;border:0 !important;clip:rect(0,0,0,0) !important;}.book-title{line-clamp:2;-webkit-line-clamp:2;}.fixed-amazon-button a{border:2px solid #059669;border-radius:21px;margin-top:4px;}.wrapper-book-item-and-amazon:hover .btn-amazon{transform:translateY(-8px);background-color:#ffac58;border-color:#e18d38;}#top100 .grade-filters .pill-bubble{position:relative;}#top100 .grade-filters .pill-bubble .grade-text{display:inline;}#top100 .grade-filters .pill-bubble .grade-short{display:none;}@media (max-width:768px){.filters-container{margin:0;position:inherit;}#top100 .grade-filters .pill-bubble .grade-text{display:none;}#top100 .grade-filters .pill-bubble .grade-short{display:inline;font-size:0.85rem;}#top100 .grade-filters .pill-bubble{padding:0.35rem 0.75rem;}#top100-results .book-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;}}@media (max-width:600px){#top100-results .book-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;}}