.music-page{color:#fff;background:radial-gradient(circle at 12% 8%,#6d8bff38,#0000 34%),radial-gradient(circle at 86% 22%,#9e6dff2e,#0000 36%),linear-gradient(155deg,#070b1d,#101838 48%,#070f22);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif;position:relative;overflow:hidden}.music-page:before,.music-page:after{content:"";z-index:0;filter:blur(72px);pointer-events:none;border-radius:50%;width:320px;height:320px;position:absolute}.music-page:before{background:#9e6dff38;animation:12s ease-in-out infinite music-drift;top:-90px;right:-90px}.music-page:after{background:#6d8bff29;animation:14s ease-in-out -6s infinite reverse music-drift;bottom:-80px;left:-80px}.music-shell{z-index:1;max-width:720px;padding:22px 18px calc(48px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.music-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:26px;flex-direction:column;gap:10px;margin-bottom:18px;padding:20px;animation:.6s cubic-bezier(.2,.7,.2,1) both music-rise;display:flex;box-shadow:0 22px 52px #0000002e}.music-header h1{letter-spacing:-.04em;background:linear-gradient(90deg,#fff,#c9d2ff 55%,#d8baff);color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;margin:0;font-size:30px;font-weight:900;display:flex}.music-header h1 svg{color:#b79bff;filter:drop-shadow(0 6px 16px #b79bff59)}.music-header p{color:#a7b0d2;margin:0;font-size:14px;line-height:1.5}.music-back{color:#fff;background:#ffffff12;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:8px;width:max-content;padding:9px 13px;font-size:13px;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.music-back:hover{background:#ffffff24;border-color:#ffffff2e}.music-search{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff17;border:1px solid #ffffff1f;border-radius:22px;grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:8px;margin-bottom:18px;padding:6px;animation:.6s cubic-bezier(.2,.7,.2,1) 80ms both music-rise;display:grid;box-shadow:0 18px 40px #00000029}.music-search:focus-within{border-color:#b79bff6b;box-shadow:0 0 0 4px #9e6dff1c}.music-search input{color:#fff;background:0 0;border:0;outline:none;min-width:0;height:48px;padding:0 14px;font-size:16px}.music-search input::placeholder{color:#8f97b8}.music-search button{color:#fff;cursor:pointer;background:linear-gradient(145deg,#6d8bff,#9e6dff);border:0;border-radius:17px;place-items:center;width:52px;height:48px;transition:filter .2s,opacity .2s;display:grid;box-shadow:0 12px 26px #6d8bff38}.music-search button:hover{filter:brightness(1.1)}.music-search button:disabled{opacity:.72;cursor:wait}.spin{animation:1s linear infinite music-spin}.music-error{color:#ffb1c1;background:#ff5b7a1a;border:1px solid #ff5b7a38;border-radius:16px;margin:0 0 16px;padding:13px 15px;font-size:14px}.music-list{gap:10px;animation:.6s cubic-bezier(.2,.7,.2,1) .16s both music-rise;display:grid}.music-track{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;transition:background-color .2s,border-color .2s,box-shadow .2s;display:grid;box-shadow:0 14px 32px #0000001f}.music-track:hover{background:#ffffff21;border-color:#ffffff2e;box-shadow:0 18px 42px #0000002e}.music-track.is-playing{background:#9e6dff24;border-color:#b79bff57}.music-track img,.music-placeholder{color:#b79bff;object-fit:cover;background:#ffffff1a;border-radius:15px;place-items:center;width:56px;height:56px;display:grid}.music-track h2{color:#fff;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.music-track p{color:#a7b0d2;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:4px 0 0;font-size:13px;display:-webkit-box;overflow:hidden}.music-actions{align-items:center;gap:8px;display:flex}.music-track button,.music-download{color:#fff;cursor:pointer;border:0;border-radius:14px;place-items:center;width:44px;height:44px;transition:background-color .2s,color .2s,box-shadow .2s;display:grid}.music-track button{background:linear-gradient(145deg,#6d8bffd9,#9e6dffd9);box-shadow:0 10px 22px #6d8bff29}.music-track button:hover{background:linear-gradient(145deg,#6d8bff,#9e6dff)}.music-track.is-playing button{color:#6a4dff;background:#fff}.music-download{background:#ffffff14;border:1px solid #ffffff17;padding:0;text-decoration:none}.music-download:hover{background:#ffffff26;border-color:#ffffff2e}@keyframes music-spin{to{transform:rotate(360deg)}}@keyframes music-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes music-drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(18px,24px)scale(1.07)}}@media (max-width:480px){.music-shell{padding-top:16px;padding-left:12px;padding-right:12px}.music-header{border-radius:22px;padding:16px}.music-header h1{font-size:26px}.music-search{grid-template-columns:minmax(0,1fr) 48px;padding:5px}.music-search input,.music-search button{height:44px}.music-search button{border-radius:15px;width:48px}.music-track{grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:10px}.music-track img,.music-placeholder{border-radius:12px;width:44px;height:44px}.music-track h2{font-size:15px}.music-track button,.music-download{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.music-page:before,.music-page:after,.spin,.music-header,.music-search,.music-list{animation:none}.music-track,.music-search button,.music-back,.music-track button,.music-download{transition:none}}.music-seo{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff12;border:1px solid #ffffff1c;border-radius:24px;margin-top:18px;padding:20px;box-shadow:0 18px 42px #00000029}.music-seo h2{letter-spacing:-.03em;background:linear-gradient(90deg,#fff,#c9d2ff 55%,#d8baff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:20px}.music-seo p{color:#adb5d8;margin:0;font-size:14px;line-height:1.65}.music-seo p+p{margin-top:10px}.music-seo a{color:#d6dbff;border-bottom:1px solid #d6dbff59;font-weight:700;text-decoration:none}.music-seo a:hover{color:#fff;border-color:#fff}
