.search-page--compact{max-width:1200px;margin:0 auto;padding:1.5rem 1.25rem 2.5rem}.search-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.search-header-main{display:flex;align-items:baseline;gap:.5rem}.search-title{font-size:1.5rem;font-weight:700;color:#fff}.search-subtitle{font-size:.75rem;color:#ffffff8c}.search-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;background:#0a0a0ae6;border-radius:999px;padding:.35rem .5rem .35rem .75rem;border:1px solid rgba(255,255,255,.08)}.search-bar-input{flex:1 1 220px;display:flex;align-items:center;gap:.5rem}.search-icon{font-size:.85rem;color:#ffffff80}.search-input{width:100%;border:none;background:transparent;color:#fff;font-size:.9rem;padding:.4rem 0}.search-input::placeholder{color:#ffffff80}.search-input:focus{outline:none}.search-query-display{color:#ffffffe6;font-size:.9rem}.search-query-display strong{color:#fff;font-weight:600}.search-hint{color:#ffffff80;font-size:.85rem;font-style:italic}.search-bar-filters{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.filter-bar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.filter-chips{display:flex;gap:0}.tier-chips{margin-left:.5rem}.filter-chip{background:#ffffff08;border:2px solid #fbbf24;color:#ffffffb3;padding:.35rem .6rem;font-size:.7rem;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;position:relative;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.filter-chip:hover{background:#ffffff14;color:#ffffffe6}.filter-chip.active{background:linear-gradient(135deg,#8b5cf666,#3b82f666);border-color:#8b5cf6;color:#fff;box-shadow:0 0 12px #8b5cf64d}.filter-chip.active:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.8),transparent)}.filter-pill{border-radius:999px;padding:.25rem .7rem;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#fff;font-size:.78rem;cursor:pointer}.filter-pill option{background:#141414;color:#fff}.search-cta{border-radius:999px;padding:.35rem .9rem;border:none;background:#08c;color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .18s ease,transform .18s ease}.search-cta:hover{background:#0077b3;transform:translateY(-1px)}.search-body{margin-top:.5rem}.search-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.8rem;color:#ffffffb3}.summary-count{font-weight:500}.summary-filters{display:flex;gap:.3rem;flex-wrap:wrap}.summary-chip{padding:.1rem .5rem;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:.7rem}.search-empty{padding:2.25rem 1rem;text-align:center;color:#fff9}.search-empty h2{font-size:1.1rem;margin-bottom:.4rem;color:#ffffffd9}.search-empty--initial{padding-top:1.5rem}.search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding:20px 0}@media(max-width:768px){.search-page--compact{padding-inline:0}.search-bar{border-radius:.9rem}.search-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease}.page-loader.hidden{opacity:0}.loader-gif{width:200px;height:200px;object-fit:contain;margin-bottom:1rem}.loader-text{color:#ffffffb3;font-family:Poppins,sans-serif;font-size:.9rem;margin:0}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;min-height:200px}.search-loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.search-loading-text{color:#ffffffb3;font-size:.9rem;font-weight:500}.search-loading-subtext{color:#fff6;font-size:.8rem;margin-top:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}