.search-page{width:min(1180px,100%);min-height:calc(100svh - 62px);padding:clamp(36px,5vw,64px) var(--page-gutter) 96px;margin:0 auto}.search-page.has-player{padding-bottom:150px}.search-page .search-field{color:#7d828a;border-bottom:1px solid var(--line-strong);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:66px;transition:border-color .16s;display:grid}.search-page .search-field:focus-within{border-bottom-color:#fff6}.search-page .field-icon{place-items:center;width:28px;height:28px;display:grid}.search-page .search-field input{width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:clamp(26px,3vw,38px);font-weight:650;line-height:1.25}.search-page .search-field input::placeholder{color:#464a51}.search-page .clear-query{color:#7d828a;border-radius:50%;place-items:center;width:36px;height:36px;transition:color .14s,background .14s;display:grid}.search-page .clear-query:hover{color:var(--text);background:#ffffff12}.search-page .spinner{border:1.5px solid #34383e;border-top-color:#c3c6cb;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite search-spin}.search-page .result-filters{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.search-page .result-filters button{color:#c3c6cb;white-space:nowrap;background:#ffffff12;border-radius:999px;height:34px;padding:0 16px;font-size:14px;font-weight:600;transition:background .14s,color .14s}.search-page .result-filters button:hover{color:#fff;background:#ffffff1f}.search-page .result-filters button[aria-pressed=true]{color:var(--ink);background:var(--text)}.search-page .search-results{gap:52px;padding-top:36px;transition:opacity .16s;display:grid}.search-page .search-results.is-stale{opacity:.5}.search-page .search-results section{min-width:0}.search-page .result-head{justify-content:space-between;align-items:baseline;gap:16px;min-height:30px;margin-bottom:12px;display:flex}.search-page .result-head h2{color:var(--text);margin:0;font-size:20px;font-weight:700;line-height:1.3}.search-page .see-all{color:#8a8f97;white-space:nowrap;font-size:13.5px;font-weight:600;transition:color .14s}.search-page .see-all:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.search-page .sep{color:#50555c;flex:none;padding:0 6px}.search-page .search-lead{grid-template-columns:minmax(300px,.8fr) minmax(0,1.3fr);align-items:start;gap:clamp(28px,3.5vw,48px);display:grid}.search-page .search-lead.solo{grid-template-columns:minmax(0,560px)}.search-page .top-result{background:#ffffff09;border-radius:10px;align-content:start;min-height:248px;padding:20px;transition:background .16s;display:grid;position:relative}.search-page .top-result:hover{background:#ffffff0f}.search-page .top-art{color:#8b9098;background:#17191c;border-radius:6px;place-items:center;width:112px;height:112px;margin-bottom:22px;font-size:26px;font-weight:700;display:grid;overflow:hidden;box-shadow:0 10px 28px #00000073}.search-page .top-art.round{border-radius:50%}.search-page .top-art img{object-fit:cover;width:100%;height:100%}.search-page .top-copy{gap:6px;min-width:0;padding-right:68px;display:grid}.search-page .top-result h3{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(26px,2.3vw,32px);font-weight:700;line-height:1.2;transition:color .4s;overflow:hidden}.search-page .top-result.current h3{color:var(--active-color)}.search-page .top-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.search-page .top-result p{color:#8a8f97;white-space:nowrap;min-width:0;margin:0;font-size:14px;font-weight:550;display:flex;overflow:hidden}.search-page .top-result p a{z-index:1;color:#c3c6cb;text-overflow:ellipsis;min-width:0;position:relative;overflow:hidden}.search-page .top-result p a:hover{color:var(--text);text-underline-offset:2px;text-decoration:underline}.search-page .top-play{z-index:1;width:52px;height:52px;color:var(--ink);background:var(--active-color);border-radius:50%;place-items:center;transition:transform .14s,filter .14s;display:grid;position:absolute;bottom:20px;right:20px;box-shadow:0 8px 22px #00000073}.search-page .top-play:hover{filter:brightness(1.08);transform:scale(1.04)}.search-page .top-play:active{transform:scale(.97)}.search-page .song-list{margin:0 -10px;padding:0;list-style:none;display:grid}.search-page .song-row{border-radius:6px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:62px;padding:7px 10px;transition:background .14s;display:grid;position:relative}.search-page .song-row:hover{background:#ffffff0b}.search-page .song-play{border-radius:4px;width:48px;height:48px;padding:0;display:block}.search-page .song-play:after{content:"";border-radius:6px;position:absolute;inset:0}.search-page .song-cover{background:#17191c;border-radius:4px;width:48px;height:48px;display:block;position:relative;overflow:hidden}.search-page .cover-glyph{color:#fff;opacity:0;background:#00000085;place-items:center;transition:opacity .14s;display:grid;position:absolute;inset:0}.search-page .song-row:hover .cover-glyph,.search-page .song-play:focus-visible .cover-glyph{opacity:1}.search-page .song-copy{gap:1px;min-width:0;display:grid}.search-page .song-title{align-items:center;gap:7px;min-width:0;display:flex}.search-page .song-copy .track-title-link{z-index:1;color:var(--text);justify-self:start;font-size:15px;font-weight:600;transition:color .4s;position:relative}.search-page .song-row.current .song-copy .track-title-link{color:var(--active-color)}.search-page .song-copy small{color:#868b93;white-space:nowrap;min-width:0;font-size:13px;font-weight:500;display:flex;overflow:hidden}.search-page .song-copy small>a,.search-page .song-copy small>span:first-child{z-index:1;min-width:0;color:inherit;text-overflow:ellipsis;position:relative;overflow:hidden}.search-page .song-copy small>a:hover{color:var(--text);text-underline-offset:2px;text-decoration:underline}.search-page .song-genre{flex:none}.search-page .filtered-songs{max-width:860px}.search-page .song-time{color:#6c7179;font-variant-numeric:tabular-nums;text-align:right;min-width:34px;font-size:13px}.search-page .artist-tiles{scrollbar-width:none;grid-auto-columns:152px;grid-auto-flow:column;gap:4px;margin:0 -12px;padding:0;list-style:none;display:grid;overflow-x:auto}.search-page .artist-tiles::-webkit-scrollbar{display:none}.search-page .artist-tiles.wrap{grid-template-columns:repeat(auto-fill,minmax(152px,1fr));grid-auto-flow:row;overflow:visible}.search-page .artist-tile{border-radius:10px;gap:3px;min-width:0;padding:12px 12px 14px;transition:background .14s;display:grid}.search-page .artist-tile:hover{background:#ffffff0b}.search-page .artist-photo{aspect-ratio:1;color:#8b9098;background:#17191c;border-radius:50%;place-items:center;width:100%;margin-bottom:11px;font-size:24px;font-weight:700;display:grid;overflow:hidden}.search-page .artist-photo img{object-fit:cover;width:100%;height:100%}.search-page .artist-tile strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.search-page .artist-tile small{color:#868b93;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.search-page .post-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 28px;margin:0 -12px;padding:0;list-style:none;display:grid}.search-page .post-item{border-radius:8px;align-content:start;gap:8px;min-width:0;padding:14px 12px;transition:background .14s;display:grid;position:relative}.search-page .post-item:hover{background:#ffffff0a}.search-page .post-author{z-index:1;color:#9a9fa7;white-space:nowrap;align-items:center;gap:8px;width:max-content;max-width:100%;font-size:13px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.search-page a.post-author:hover{color:var(--text)}.search-page .post-avatar{background:#1b1d21;border-radius:50%;flex:none;width:22px;height:22px;overflow:hidden}.search-page .post-avatar img{object-fit:cover;width:100%;height:100%}.search-page .post-link{gap:3px;min-width:0;display:grid}.search-page .post-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.search-page .post-link strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.search-page .post-body{color:#d0d3d7;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.search-page .post-link strong+.post-body{color:#8a8f97;font-size:14px}.search-page .search-start{gap:34px;max-width:760px;padding-top:40px;display:grid}.search-page .suggestion-group{gap:14px;display:grid}.search-page .suggestion-group h2,.search-page .suggestion-group h3{color:#9a9fa7;margin:0;font-size:15px;font-weight:600}.search-page .query-chips{flex-wrap:wrap;gap:8px;display:flex}.search-page .query-chips button{color:#d0d3d7;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0f;border-radius:999px;max-width:100%;height:38px;padding:0 16px;font-size:14.5px;font-weight:550;transition:background .14s,color .14s;overflow:hidden}.search-page .query-chips button:hover{color:#fff;background:#ffffff1c}.search-page .search-empty{justify-items:start;gap:8px;max-width:640px;padding-top:clamp(44px,7vw,88px);display:grid}.search-page .search-start .search-empty{padding-top:clamp(4px,3vw,48px)}.search-page .search-empty>h2{overflow-wrap:anywhere;color:var(--text);margin:0;font-size:clamp(21px,2.2vw,26px);font-weight:650;line-height:1.3}.search-page .search-empty>p{color:#868b93;margin:0;font-size:15px}.search-page .search-empty>.suggestion-group{margin-top:30px}.search-page .retry{height:40px;color:var(--text);border:1px solid var(--line-strong);border-radius:999px;margin-top:16px;padding:0 20px;font-size:14px;font-weight:650;transition:background .14s}.search-page .retry:hover{background:#ffffff12}@keyframes search-spin{to{transform:rotate(360deg)}}@media (width<=900px){.search-page .search-lead{grid-template-columns:minmax(0,1fr);gap:40px}.search-page .search-lead.solo,.search-page .post-list{grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.search-page{min-height:calc(100svh - 100px)}}@media (width<=560px){.search-page{padding:24px 16px 88px}.search-page.has-player{padding-bottom:140px}.search-page .search-field{grid-template-columns:24px minmax(0,1fr) auto;gap:10px;min-height:56px}.search-page .search-field input{font-size:23px}.search-page .result-filters{scrollbar-width:none;flex-wrap:nowrap;margin:16px -16px 0;padding:0 16px;overflow-x:auto}.search-page .result-filters::-webkit-scrollbar{display:none}.search-page .search-results{gap:40px;padding-top:26px}.search-page .top-result{grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:0;padding:14px}.search-page .top-art{width:76px;height:76px;margin:0;font-size:20px}.search-page .top-copy{gap:3px;padding:0}.search-page .top-result h3{font-size:21px}.search-page .top-result p{font-size:13px}.search-page .top-play{width:46px;height:46px;position:static}.search-page .song-list{margin-inline:-8px}.search-page .song-row{grid-template-columns:48px minmax(0,1fr);gap:12px;min-height:60px;padding-inline:8px}.search-page .song-time{display:none}.search-page .artist-tiles{grid-auto-columns:124px;margin:0 -16px;padding:0 4px}.search-page .artist-tiles.wrap{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 -12px;padding:0}.search-page .artist-tile{padding:10px 12px 12px}.search-page .artist-tile strong{font-size:14px}.search-page .artist-tile small{font-size:12px}.search-page .search-start{gap:28px;padding-top:28px}}@media (prefers-reduced-motion:reduce){.search-page .spinner{animation:none}}.search-scenes{margin-top:clamp(32px,5vw,56px)}.search-explore{margin-top:clamp(28px,4vw,44px)}
