.search-page{max-width:800px;margin:0 auto}.search-header{margin-bottom:var(--space-xl)}.search-title{font-family:var(--font-display);color:var(--color-primary);font-size:1.75rem}.search-form{margin-bottom:var(--space-xl)}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-icon{width:20px;height:20px;color:var(--color-text-muted);pointer-events:none;position:absolute;inset-inline-start:var(--space-md)}.search-input{width:100%;padding:var(--space-md) var(--space-md) var(--space-md) calc(var(--space-md) + 28px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);transition:all var(--transition-base);font-size:1rem}[dir=rtl] .search-input{padding:var(--space-md) calc(var(--space-md) + 28px) var(--space-md) var(--space-md)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-dim);outline:none}.search-input::placeholder{color:var(--color-text-muted)}.search-tabs{gap:var(--space-xs);margin-bottom:var(--space-xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-xs);display:flex}.search-tab{padding:var(--space-sm) var(--space-lg);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:.9rem;font-weight:600;position:relative}.search-tab.active{color:var(--color-primary)}.search-tab.active:after{content:"";bottom:calc(-1 * var(--space-xs) - 1px);background:var(--color-primary);border-radius:1px;height:2px;position:absolute;inset-inline:0}.search-results{gap:var(--space-sm);flex-direction:column;display:flex}.search-result-item{align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-base);display:flex}.search-result-item:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.search-result-item.is-playing{background:var(--color-primary-dim);border-color:#d4af374d}.search-result-img{border-radius:var(--radius-sm);background:var(--color-surface-elevated);flex-shrink:0;width:52px;height:52px;overflow:hidden}.search-result-img img{object-fit:cover;width:100%;height:100%}.search-result-info{flex:1;min-width:0}.search-result-title{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:.9rem;font-weight:600;overflow:hidden}.search-result-desc{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.search-play-btn{border-radius:var(--radius-full);background:var(--color-primary);width:36px;height:36px;color:var(--color-background);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-play-btn:hover{background:var(--color-primary-hover);transform:scale(1.05)}.search-play-btn svg{width:16px;height:16px}.search-loading{gap:var(--space-sm);flex-direction:column;display:flex}.search-empty{text-align:center;padding:var(--space-3xl);color:var(--color-text-muted)}