.mode-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:.35rem}.mode-tab{flex:1 1;background:transparent;border:none;color:#64748b;font-size:.875rem;font-weight:600;padding:.65rem .75rem;border-radius:9px;cursor:pointer;transition:background .2s,color .2s;text-align:center}.mode-tab.active{background:linear-gradient(135deg,#25d366,#16a34a);color:#fff;box-shadow:0 2px 8px rgba(37,211,102,.25)}.dl-search-wrapper{display:flex;align-items:center;background:hsla(0,0%,100%,.05);border:1.5px solid hsla(0,0%,100%,.13);border-radius:14px;overflow:hidden;transition:border-color .25s,box-shadow .25s;gap:0}.dl-search-wrapper:focus-within{border-color:#25d366;box-shadow:0 0 0 4px rgba(37,211,102,.1)}.dl-search-icon{padding:0 .9rem 0 1.25rem;font-size:1.1rem;color:#4a5568;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1}.dl-search-input{flex:1 1;background:transparent;border:none;outline:none;color:#f1f5f9;font-size:1rem;padding:1.05rem .5rem;min-width:0;height:58px;font-family:inherit}.dl-search-input::placeholder{color:#4a5568}.dl-search-input:disabled{opacity:.6}.dl-search-btn{flex-shrink:0;height:58px;padding:0 1.75rem;background:linear-gradient(135deg,#25d366,#16a34a);color:#fff;font-weight:800;font-size:.95rem;border:none;cursor:pointer;transition:filter .2s,box-shadow .2s;white-space:nowrap;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15);letter-spacing:.01em;font-family:inherit}.dl-search-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 16px rgba(37,211,102,.35),inset 0 1px 0 hsla(0,0%,100%,.15)}.dl-search-btn:disabled{opacity:.6;cursor:not-allowed}.results-label{font-size:.78rem;color:#64748b;margin:1.25rem 0 .85rem;text-transform:uppercase;letter-spacing:.07em}.sp-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-top:.5rem}.sp-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.07);border-radius:12px;overflow:hidden;transition:border-color .2s,transform .2s;cursor:default}@media (hover:hover){.sp-card:hover{border-color:rgba(37,211,102,.25);transform:translateY(-2px)}}.sp-cover-wrap{position:relative;width:100%;aspect-ratio:1;background:#0f0f1a;overflow:hidden}.sp-cover{width:100%;height:100%;object-fit:cover;display:block}.sp-dur-badge{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.75);color:#e2e8f0;font-size:.7rem;font-weight:600;padding:.2rem .45rem;border-radius:5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sp-info{padding:.85rem}.sp-title{font-size:.85rem;font-weight:700;color:#fff;line-height:1.35;margin-bottom:.2rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sp-artist{font-size:.75rem;color:#64748b;margin-bottom:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-preview{width:100%;height:28px;border-radius:6px;margin-bottom:.65rem;accent-color:#25d366}.sp-dl-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;background:linear-gradient(135deg,#25d366,#16a34a);color:#fff;font-size:.78rem;font-weight:700;padding:.55rem .75rem;border-radius:8px;border:none;cursor:pointer;transition:filter .2s,box-shadow .2s;box-shadow:0 2px 8px rgba(37,211,102,.2)}.sp-dl-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 14px rgba(37,211,102,.35)}.sp-dl-btn:disabled{opacity:.55;cursor:not-allowed}.sp-dl-btn.downloading{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 2px 8px rgba(59,130,246,.2)}.progress-box{display:flex;align-items:center;gap:.75rem;margin-top:1.25rem;padding:.9rem 1.1rem;background:rgba(59,130,246,.07);border:1px solid rgba(59,130,246,.2);border-radius:10px;font-size:.875rem;color:#93c5fd}.spinner{width:18px;height:18px;border:2px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.error-box{margin-top:1rem;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.2);border-radius:10px;padding:.85rem 1rem;font-size:.875rem;color:#fca5a5}.result-panel{margin-top:1.75rem;display:flex;gap:1.25rem;align-items:flex-start;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:1.25rem}.thumb{width:120px;height:120px;object-fit:cover;border-radius:8px;flex-shrink:0}.result-title{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1.4}.result-artist{font-size:.8rem;color:#64748b;margin-bottom:.6rem}.result-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.expire-note{font-size:.75rem;color:#f59e0b;margin-bottom:.75rem}.platform-tag{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#1db954;background:rgba(29,185,84,.1);border:1px solid rgba(29,185,84,.25);border-radius:6px;padding:.2rem .55rem;margin-bottom:.5rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-top:2rem}.tip-card{padding:1.35rem;display:flex;flex-direction:column;gap:.45rem}.tip-icon{font-size:1.6rem}.tip-card h3{font-size:.9rem;font-weight:700;color:#fff}.tip-card p{font-size:.82rem;color:#94a3b8;line-height:1.55}@media (max-width:600px){.sp-results-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.result-panel{flex-direction:column}.thumb{width:100%;height:auto;max-height:200px}}@media (max-width:360px){.sp-results-grid{grid-template-columns:1fr}}