.search-root{--bg:#fbf5e8;--bg-2:#f2e9d6;--ink:#1c1418;--ink-dim:#6a5e68;--ink-faint:#b8acbc;--rule-lt:#dccfb8;--red:#e85840;--yellow:#f5c800;--cream:#fbf5e8;--f-display:"Bebas Neue", Helvetica, Arial, sans-serif;--f-serif:"Libre Baskerville", Georgia, serif;--f-mono:"Space Mono", monospace;background:var(--bg);color:var(--ink);font-family:var(--f-mono);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:13px;line-height:1.5}.search-root *{box-sizing:border-box}.search-root a{color:inherit;text-decoration:none}.search-root button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sr-header{background:var(--ink);color:var(--cream);border-bottom:3px solid var(--ink);padding:40px 40px 32px}.sr-header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.sr-heading{font-family:var(--f-display);letter-spacing:-.01em;color:var(--cream);margin:0 0 12px;font-size:96px;line-height:.88}.sr-subheading{font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:#fbf5e88c;margin-top:8px;font-size:12px}.sr-query-label{font-family:var(--f-serif);color:var(--yellow);margin-top:6px;font-size:22px;font-style:italic}.sr-count{font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:#fbf5e873;margin-top:4px;font-size:11px}.sr-new-badge{background:var(--yellow);color:var(--ink);font-family:var(--f-mono);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;font-size:10px;display:inline-flex}.sr-new-badge:before{content:"●";color:var(--red);font-size:8px}.sr-controls{background:var(--bg-2);border-bottom:2px solid var(--ink);flex-wrap:wrap;align-items:center;gap:24px;padding:12px 40px;display:flex}.sr-controls-label{font-family:var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);font-size:10px}.sr-sort-btns{gap:0;display:flex}.sr-sort-btn{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;border:2px solid var(--ink);cursor:pointer;background:var(--cream);color:var(--ink-dim);margin-left:-2px;padding:8px 14px;font-size:10px;transition:background .1s,color .1s}.sr-sort-btn:first-child{margin-left:0}.sr-sort-btn:hover{background:var(--bg-2);color:var(--ink)}.sr-sort-btn.active{background:var(--ink);color:var(--cream)}.sr-genre-select{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;border:2px solid var(--ink);background:var(--cream);color:var(--ink);cursor:pointer;appearance:none;outline:none;padding:8px 12px;font-size:10px}.sr-genre-select:focus{border-color:var(--red)}.sr-results{padding:32px 40px}.sr-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:1024px){.sr-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.sr-grid{grid-template-columns:repeat(2,1fr);gap:12px}.sr-results{padding:16px}.sr-header{padding:28px 20px 24px}.sr-heading{font-size:60px}.sr-controls{gap:12px;padding:10px 16px}.sr-topbar-main{padding:14px 20px 12px}}.sr-card{border:2px solid var(--ink);background:var(--cream);cursor:pointer;text-align:left;color:inherit;flex-direction:column;text-decoration:none;transition:box-shadow .15s,transform .1s;display:flex}.sr-card:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.sr-card-cover{aspect-ratio:1;border-bottom:2px solid var(--ink);background:#0c0a08;position:relative;overflow:hidden}.sr-card-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sr-card-cover-placeholder{background:linear-gradient(135deg,#2a2a3a 0%,#1a1a2e 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sr-card-cover-placeholder-text{font-family:var(--f-serif);color:#f0e6d28c;text-align:center;padding:12px;font-size:14px;font-style:italic;line-height:1.3}.sr-score-pill{background:var(--ink);color:var(--cream);font-family:var(--f-display);letter-spacing:.04em;z-index:2;padding:5px 9px;font-size:18px;line-height:1;position:absolute;top:10px;right:10px}.sr-card-body{flex-direction:column;flex:1;gap:0;padding:14px 16px 18px;display:flex}.sr-card-title{font-family:var(--f-display);letter-spacing:.04em;color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:22px;line-height:1;display:-webkit-box;overflow:hidden}.sr-card-artist{font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);font-size:10px}.sr-card-meta{border-top:1px solid var(--rule-lt);justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;display:flex}.sr-card-year{font-family:var(--f-mono);letter-spacing:.16em;color:var(--ink-faint);font-size:10px}.sr-card-ratings{font-family:var(--f-mono);letter-spacing:.1em;color:var(--ink-dim);font-size:10px}.sr-genres{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.sr-genre-tag{font-family:var(--f-mono);letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--ink);color:var(--ink-dim);padding:3px 8px;font-size:9px}.sr-empty{text-align:center;grid-column:1/-1;padding:80px 40px}.sr-empty-title{font-family:var(--f-display);color:var(--ink-faint);letter-spacing:.04em;margin-bottom:16px;font-size:72px;line-height:1}.sr-empty-sub{font-family:var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);font-size:12px}.sr-pagination{border-top:2px solid var(--rule-lt);justify-content:center;align-items:center;gap:4px;padding:32px 40px;display:flex}.sr-page-btn{font-family:var(--f-mono);letter-spacing:.14em;border:2px solid var(--ink);background:var(--cream);color:var(--ink-dim);cursor:pointer;padding:8px 14px;font-size:11px;transition:background .1s,color .1s}.sr-page-btn:hover:not(:disabled){background:var(--bg-2);color:var(--ink)}.sr-page-btn.active{background:var(--ink);color:var(--cream)}.sr-page-btn:disabled{opacity:.3;cursor:default}.sr-skeleton-card{border:2px solid var(--rule-lt);background:var(--cream)}.sr-skeleton-cover{aspect-ratio:1;background:var(--bg-2);animation:1.4s ease-in-out infinite sr-pulse}.sr-skeleton-body{padding:14px 16px 18px}.sr-skeleton-line{background:var(--bg-2);height:14px;margin-bottom:10px;animation:1.4s ease-in-out infinite sr-pulse}.sr-skeleton-line.short{width:60%}.sr-skeleton-line.xshort{width:40%}@keyframes sr-pulse{0%,to{opacity:1}50%{opacity:.5}}