.soulseek-search-workspace{position:fixed;inset:0;z-index:118;display:flex;flex-direction:column;isolation:isolate;background:var(--page,#f6f7f5);color:var(--ink,#16181d);font:14px/1.5 var(--theme-font,Arial,sans-serif);overscroll-behavior:contain}
.soulseek-search-workspace[hidden],.soulseek-search-workspace [hidden]{display:none!important}
.soulseek-search-workspace *{box-sizing:border-box}
.soulseek-search-header,.soulseek-search-form,.soulseek-search-connection{width:min(1120px,100%);margin:auto;padding:18px 28px;display:flex;align-items:center;gap:12px;flex:none}
.soulseek-search-header{justify-content:space-between;padding-bottom:8px}.soulseek-search-header h1{font:600 25px/1.2 var(--theme-font,Arial,sans-serif);margin:0;letter-spacing:-.04em}.soulseek-search-header h1:focus{outline:none}
.soulseek-search-workspace :is(button,a){min-height:44px;border:var(--search-border,1px solid var(--line));border-radius:var(--search-action-radius,12px);padding:10px 15px;background:var(--panel);color:var(--ink);font:500 13px/1.35 var(--theme-font,Arial,sans-serif);cursor:pointer;text-decoration:none}
.soulseek-search-workspace :is(button,a):hover{background:var(--search-hover,var(--panel))}.soulseek-search-workspace button:disabled{opacity:.45;cursor:default}.soulseek-search-workspace :is(button,a,input):focus-visible{outline:2px solid var(--accent,var(--ink));outline-offset:3px}
.soulseek-search-workspace .soulseek-search-close{border:0;background:none;font:26px/1 Arial,sans-serif;padding:8px;min-width:44px}
.soulseek-search-form{padding-top:12px;padding-bottom:14px}.soulseek-search-form input{width:100%;min-width:0;min-height:48px;padding:12px 16px;font:400 16px/1.4 var(--theme-font,Arial,sans-serif);background:var(--search-surface,var(--panel));color:var(--ink);border:var(--search-border,1px solid var(--line));border-radius:var(--search-radius,14px)}.soulseek-search-form input::placeholder{color:var(--muted);opacity:1}
.soulseek-search-connection{padding-top:0;padding-bottom:15px;font-size:12px;color:var(--muted);flex-wrap:wrap}.soulseek-search-connection p{flex:1 0 260px;margin:0}.soulseek-search-connection.is-ready p::before{content:'';width:6px;height:6px;background:#509779;border-radius:50%;display:inline-block;margin-right:8px}.soulseek-search-connection a{display:inline-flex;align-items:center}
.soulseek-search-content{width:100%;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 max(28px,calc((100% - 1064px)/2)) max(35px,env(safe-area-inset-bottom));scrollbar-width:thin}
.soulseek-search-status{font-size:12px;min-height:18px;margin:0;padding:10px 0;color:var(--muted)}.soulseek-search-hint{font-size:11px;color:var(--muted);margin:22px 0}
.soulseek-search-result{content-visibility:auto;contain-intrinsic-size:auto 174px;display:grid;grid-template-columns:128px minmax(0,1fr);gap:28px;align-items:center;min-height:174px;padding:20px 0;border-bottom:1px solid var(--line)}
.soulseek-result-disc{position:relative;width:128px;height:128px;margin:0;border-radius:50%;overflow:hidden;box-shadow:0 4px 12px var(--shadow,#0003),inset 0 0 0 1px #80808080;background:conic-gradient(from 10deg,#6d737d,#e7eaf0 22%,#9aa9b6 34%,#dad7e5 42%,#74757d 50%,#e8ecf0 65%,#a1b5bb 75%,#d4c9d1 85%,#7c858d);isolation:isolate}
.soulseek-result-disc::after{content:'';position:absolute;inset:42%;z-index:2;border-radius:50%;background:var(--page);box-shadow:0 0 0 5px #b6bacb90,0 0 0 6px #ffffff85}
.soulseek-result-disc img{width:100%;height:100%;object-fit:cover;display:block}.soulseek-result-info{min-width:0}.soulseek-result-info h2{font:600 19px/1.3 var(--theme-font,Arial,sans-serif);letter-spacing:-.02em;margin:0;overflow-wrap:anywhere}.soulseek-result-info p{margin:4px 0;overflow-wrap:anywhere}.soulseek-result-artist{font-size:14px}.soulseek-result-source,.soulseek-result-stats{font-size:11px;color:var(--muted)}.soulseek-result-actions{display:flex;gap:8px;margin-top:9px;align-items:center}
.soulseek-search-workspace .soulseek-result-download{width:44px;padding:0;font:25px/1 Arial,sans-serif}.soulseek-download-note{font-size:11px;color:var(--muted)}.soulseek-result-info progress{width:100%;height:5px;accent-color:var(--accent);margin:10px 0}.soulseek-search-more{margin:22px 0}
:root[data-soulseek-search=open] :is(#universal-volume,.companion-invite,#profile-live-room,#collection-profile-header,#disc-community,#soulseek-open){visibility:hidden}
:root:is([data-theme-preset=geocities],[data-theme-preset=pixel],[data-theme-preset=windows]) .soulseek-search-workspace{border:2px solid var(--line)}
@media(max-width:600px){.soulseek-search-header,.soulseek-search-form,.soulseek-search-connection{padding-left:18px;padding-right:18px}.soulseek-search-header{padding-top:14px}.soulseek-search-header h1{font-size:22px}.soulseek-search-content{padding-left:18px;padding-right:18px}.soulseek-search-result{grid-template-columns:94px minmax(0,1fr);gap:18px;min-height:153px;padding:18px 0}.soulseek-result-disc{width:94px;height:94px}.soulseek-result-info h2{font-size:16px}.soulseek-result-artist{font-size:13px}.soulseek-search-connection p{flex-basis:100%}.soulseek-search-connection :is(button,a){font-size:12px}.soulseek-search-form{gap:8px}.soulseek-search-form button{padding:10px 12px}}
@media(prefers-reduced-motion:no-preference){.soulseek-result-disc{transition:transform .3s}.soulseek-search-result:hover .soulseek-result-disc{transform:rotate(-8deg)}}

:root[data-soulseek-search=open] #rooms-mini{visibility:hidden}

#soulseek-search-workspace .soulseek-result-disc{padding:0;border:1px solid #80808080;border-radius:50%;background:conic-gradient(from 10deg,#6d737d,#e7eaf0 22%,#9aa9b6 34%,#dad7e5 42%,#74757d 50%,#e8ecf0 65%,#a1b5bb 75%,#d4c9d1 85%,#7c858d);cursor:pointer}
:root[data-soulseek-search=open][data-audio-provider=soulseek] .soulseek-search-content{padding-bottom:max(144px,calc(114px + env(safe-area-inset-bottom)))}
.soulseek-result-disc::before{content:'▶';position:absolute;inset:0;display:grid;place-items:center;z-index:3;font:22px/1 Arial,sans-serif;color:#fff;text-shadow:0 1px 6px #000;opacity:0;transition:opacity .2s}
.soulseek-result-disc:hover::before,.soulseek-result-disc:focus-visible::before{opacity:1}
.soulseek-result-disc.is-playing{animation:soulseek-preview-spin 12s linear infinite}
.soulseek-search-workspace .soulseek-result-disc:disabled{opacity:1;cursor:default}
@keyframes soulseek-preview-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.soulseek-result-disc.is-playing{animation:none}}