.searchpage{width:100%}.sp-hero{margin-bottom:1.25rem}.sp-form{position:relative}.sp-inputwrap{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid rgb(226 232 240);border-radius:1.25rem;box-shadow:0 1px 2px #0f172a0a,0 12px 36px -8px #0f172a1f;transition:box-shadow .22s ease,border-color .22s ease}.dark .sp-inputwrap{background:#1e293b;border-color:#334155;box-shadow:0 12px 36px -8px #00000080}.sp-inputwrap:focus-within{border-color:#3b82f6;box-shadow:0 0 0 5px #3b82f626,0 14px 38px -10px #3b82f64d}.sp-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.sp-icon svg{width:1.4rem;height:1.4rem}.sp-input{flex:1;width:100%;background:transparent;border:none;outline:none;color:#0f172a;padding:1.15rem 1rem 1.15rem 3.5rem;font-size:1.125rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sp-input::-webkit-search-cancel-button{display:none}.sp-input::-moz-placeholder{color:#94a3b8}.sp-input::placeholder{color:#94a3b8}.dark .sp-input{color:#f1f5f9}.dark .sp-input::-moz-placeholder{color:#64748b}.dark .sp-input::placeholder{color:#64748b}.sp-clear{background:transparent;border:none;color:#94a3b8;padding:.4rem;margin-right:.75rem;border-radius:.5rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.sp-clear[hidden]{display:none}.sp-clear:hover{color:#0f172a;background:#f1f5f9}.dark .sp-clear:hover{color:#f1f5f9;background:#334155}.sp-clear svg{width:1.125rem;height:1.125rem}.sp-meta{margin-top:.875rem;display:flex;justify-content:flex-end;color:#64748b;font-size:.875rem;min-height:1.25rem}.dark .sp-meta{color:#94a3b8}.sp-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1.5rem;padding:0;border:none}.sp-filters[hidden]{display:none}.sp-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .875rem;background:#f8fafc;border:1px solid rgb(226 232 240);border-radius:999px;color:#334155;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.sp-chip:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.sp-chip[aria-pressed=true]{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border-color:transparent;box-shadow:0 4px 12px -2px #3b82f666}.dark .sp-chip{background:#1e293b;border-color:#334155;color:#cbd5e1}.dark .sp-chip:hover{background:#1e3a8a66;border-color:#60a5fa;color:#bfdbfe}.dark .sp-chip[aria-pressed=true]{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border-color:transparent}.sp-chip-count{font-size:.7rem;background:#ffffff40;padding:.075rem .4rem;border-radius:999px;font-weight:700}.sp-chip[aria-pressed=false] .sp-chip-count{background:#f1f5f9;color:#64748b}.dark .sp-chip[aria-pressed=false] .sp-chip-count{background:#334155;color:#94a3b8}.sp-chip-count:empty{display:none}.sp-status{padding:2rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px dashed rgb(203 213 225);border-radius:1rem;text-align:center;color:#475569}.sp-status[hidden]{display:none}.dark .sp-status{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155;color:#94a3b8}.sp-status-text{font-size:1rem;margin:0 0 1rem}.sp-tips{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem}.sp-tips-label{font-size:.8125rem;font-weight:500;color:#64748b;margin-right:.25rem}.dark .sp-tips-label{color:#94a3b8}.sp-tip{display:inline-flex;padding:.35rem .875rem;background:#fff;border:1px solid rgb(226 232 240);border-radius:999px;color:#3b82f6;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.sp-tip:hover{background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px)}.dark .sp-tip{background:#1e293b;border-color:#334155;color:#93c5fd}.dark .sp-tip:hover{background:#1e3a8a66;border-color:#60a5fa}.sp-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:1fr;gap:1.25rem}.sp-grid>li{display:flex}.sp-grid>li>.sp-card{width:100%}.sp-grid[hidden]{display:none}.sp-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgb(226 232 240);border-radius:1rem;overflow:hidden;text-decoration:none;color:inherit;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;position:relative}.sp-card:hover{transform:translateY(-3px);border-color:#93c5fd;box-shadow:0 16px 40px -12px #0f172a2e}.dark .sp-card{background:#1e293b;border-color:#334155}.dark .sp-card:hover{border-color:#60a5fa;box-shadow:0 16px 40px -12px #0009}.sp-card-cover{position:relative;aspect-ratio:16 / 9;background:linear-gradient(135deg,#dbeafe,#c7d2fe);overflow:hidden}.dark .sp-card-cover{background:linear-gradient(135deg,#1e3a8a66,#4338ca66)}.sp-card-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.sp-card-cover-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#6366f1;font-weight:800;font-size:2rem}.sp-card-badge{position:absolute;top:.75rem;left:.75rem;background:#0f172ad9;color:#fff;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .625rem;border-radius:999px;backdrop-filter:blur(4px)}.sp-card-body{padding:1rem 1.125rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.sp-card-title{font-size:1rem;font-weight:700;color:#0f172a;line-height:1.3;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dark .sp-card-title{color:#f1f5f9}.sp-card-excerpt{font-size:.8125rem;color:#475569;line-height:1.5;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1}.dark .sp-card-excerpt{color:#94a3b8}.sp-card-excerpt mark{background:#dbeafe;color:#1d4ed8;padding:0 3px;border-radius:3px;font-weight:600;box-decoration-break:clone;-webkit-box-decoration-break:clone}.dark .sp-card-excerpt mark{background:#1e3a8a8c;color:#bfdbfe}.sp-card-url{font-size:.7rem;color:#64748b;margin-top:auto;padding-top:.4rem;border-top:1px solid rgb(241 245 249);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .sp-card-url{color:#94a3b8;border-color:#1e293b}.sp-skeleton .sp-card-cover{background:linear-gradient(110deg,#f1f5f9 30%,#e2e8f0,#f1f5f9 70%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.sp-skeleton .sp-card-title-sk{height:1rem;background:#f1f5f9;border-radius:4px}.sp-skeleton .sp-card-title-sk+.sp-card-title-sk{margin-top:.5rem;width:80%}.sp-skeleton .sp-card-excerpt-sk{height:.75rem;background:#f1f5f9;border-radius:4px;margin-top:.625rem}.sp-skeleton .sp-card-excerpt-sk+.sp-card-excerpt-sk{margin-top:.4rem;width:70%}.dark .sp-skeleton .sp-card-cover{background:linear-gradient(110deg,#1e293b 30%,#334155,#1e293b 70%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.dark .sp-skeleton .sp-card-title-sk,.dark .sp-skeleton .sp-card-excerpt-sk{background:#1e293b}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}