.song-card[data-v-a2228779]{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;position:relative;transition:transform .35s var(--ease-out),border-color .35s var(--ease-out),box-shadow .35s var(--ease-out);animation:cardIn-a2228779 .45s var(--ease-out) both}@keyframes cardIn-a2228779{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.song-card[data-v-a2228779]:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(500px circle at var(--mx, 50%) var(--my, 50%),rgba(232,150,92,.12),transparent 50%);opacity:0;transition:opacity .4s var(--ease-out);pointer-events:none;z-index:1}.song-card[data-v-a2228779]:hover:before{opacity:1}.song-card[data-v-a2228779]:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:0 16px 48px #0006,0 0 30px var(--copper-dim)}.cover-wrap[data-v-a2228779]{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:linear-gradient(160deg,#1c1814,#131015)}.cover[data-v-a2228779]{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}.song-card:hover .cover[data-v-a2228779]{transform:scale(1.05)}.cover-gradient[data-v-a2228779]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(11,11,14,.4),transparent 40%);pointer-events:none}.play-btn[data-v-a2228779]{position:absolute;right:12px;bottom:12px;width:44px;height:44px;border:0;border-radius:50%;background:var(--copper);color:#0b0b0e;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(8px) scale(.9);transition:opacity .3s var(--ease-out),transform .35s var(--ease-out),box-shadow .3s var(--ease-out);box-shadow:0 4px 20px #0000004d;z-index:2}.song-card:hover .play-btn[data-v-a2228779],.song-card:focus-within .play-btn[data-v-a2228779]{opacity:1;transform:translateY(0) scale(1)}.play-btn[data-v-a2228779]:hover{transform:scale(1.1)!important;box-shadow:0 0 28px var(--copper-glow)}.info[data-v-a2228779]{padding:14px 16px;position:relative;z-index:1}.title[data-v-a2228779]{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:3px;line-height:1.35;letter-spacing:-.01em}.desc[data-v-a2228779]{font-size:12px;color:var(--text-secondary);margin-bottom:10px;line-height:1.45}.tags[data-v-a2228779]{display:flex;flex-wrap:wrap;gap:5px}.tag[data-v-a2228779]{background:var(--copper-dim);color:var(--copper);padding:3px 9px;border-radius:var(--radius-full);font-size:11px;font-weight:500;border:1px solid rgba(232,150,92,.1);letter-spacing:.01em}@media (max-width: 768px){.play-btn[data-v-a2228779]{opacity:1;transform:none;width:38px;height:38px}}.songs-page[data-v-cf1d902d]{animation:fadeIn-cf1d902d .5s ease}@keyframes fadeIn-cf1d902d{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero[data-v-cf1d902d]{padding:32px 0 40px;max-width:720px}.hero-eyebrow[data-v-cf1d902d]{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--copper);margin-bottom:14px}.hero-title[data-v-cf1d902d]{font-size:clamp(30px,5vw,48px);font-weight:800;line-height:1.18;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:18px}.hero-desc[data-v-cf1d902d]{font-size:15px;line-height:1.7;color:var(--text-secondary);margin-bottom:28px}.hero-stats[data-v-cf1d902d]{display:flex;align-items:center;gap:18px}.stat[data-v-cf1d902d]{display:flex;align-items:baseline;gap:8px}.stat-num[data-v-cf1d902d]{font-size:22px;font-weight:800;color:var(--copper);letter-spacing:-.02em}.stat-label[data-v-cf1d902d]{font-size:12px;color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase}.stat-divider[data-v-cf1d902d]{width:1px;height:18px;background:var(--border-subtle)}.toolbar[data-v-cf1d902d]{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-top:8px;border-top:1px solid var(--border-subtle)}.search-wrap[data-v-cf1d902d]{flex:1;position:relative}.search-icon[data-v-cf1d902d]{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input[data-v-cf1d902d]{width:100%;padding:11px 16px 11px 38px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);font-size:13px;outline:none;transition:border-color .25s var(--ease-out),background .25s var(--ease-out)}.search-input[data-v-cf1d902d]::placeholder{color:var(--text-muted)}.search-input[data-v-cf1d902d]:focus{border-color:var(--border-hover);background:var(--bg-card-hover)}.play-all-btn[data-v-cf1d902d]{display:inline-flex;align-items:center;gap:6px;background:var(--copper);color:#0b0b0e;border:0;border-radius:var(--radius-full);padding:11px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:box-shadow .25s var(--ease-out),transform .2s var(--ease-out);white-space:nowrap}.play-all-btn[data-v-cf1d902d]:hover{box-shadow:0 0 24px var(--copper-glow);transform:translateY(-1px)}.tags-filter[data-v-cf1d902d]{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:28px}.filter-tag[data-v-cf1d902d]{padding:7px 14px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.02em;transition:all .2s var(--ease-out)}.filter-tag[data-v-cf1d902d]:hover{color:var(--text-primary);border-color:#ffffff1f}.filter-tag.active[data-v-cf1d902d]{background:var(--copper-dim);border-color:var(--border-hover);color:var(--copper)}.grid[data-v-cf1d902d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.empty[data-v-cf1d902d]{text-align:center;padding:80px 20px;color:var(--text-muted);font-size:14px}.empty-icon[data-v-cf1d902d]{font-size:40px;margin-bottom:14px;opacity:.4}@media (max-width: 768px){.hero[data-v-cf1d902d]{padding:16px 0 28px}.hero-stats[data-v-cf1d902d]{gap:12px}.toolbar[data-v-cf1d902d]{flex-direction:column;align-items:stretch}.play-all-btn[data-v-cf1d902d]{justify-content:center}.tags-filter[data-v-cf1d902d]{gap:6px}.grid[data-v-cf1d902d]{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px}}.visualizer[data-v-417e54e2]{width:100%;height:64px;background:transparent;opacity:.85}.player[data-v-c8767a40]{position:fixed;left:50%;bottom:14px;transform:translate(-50%);width:min(1120px,calc(100% - 24px));background:#151418eb;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 18px 50px #00000080;overflow:hidden;z-index:100}.player-inner[data-v-c8767a40]{display:grid;grid-template-columns:1.2fr 56px 2fr 140px;align-items:center;gap:16px;padding:10px 16px 14px}.song-info[data-v-c8767a40]{display:flex;align-items:center;gap:12px;min-width:0}.mini-cover[data-v-c8767a40]{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;box-shadow:0 2px 12px #0000004d}.song-meta[data-v-c8767a40]{min-width:0}.song-title[data-v-c8767a40]{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-tags[data-v-c8767a40]{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.controls[data-v-c8767a40]{display:flex;justify-content:center}.control-btn[data-v-c8767a40]{width:42px;height:42px;border-radius:50%;border:0;background:var(--copper);color:#0b0b0e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow .25s var(--ease-out),transform .2s var(--ease-out)}.control-btn[data-v-c8767a40]:hover{box-shadow:0 0 24px var(--copper-glow);transform:scale(1.06)}.control-btn[data-v-c8767a40]:disabled{opacity:.5;cursor:default}.control-btn[data-v-c8767a40]:disabled:hover{box-shadow:none;transform:none}.spin[data-v-c8767a40]{animation:spin-c8767a40 1s linear infinite}@keyframes spin-c8767a40{to{transform:rotate(360deg)}}.progress-wrap[data-v-c8767a40]{cursor:pointer;min-width:0}.progress-bar[data-v-c8767a40]{height:4px;background:#ffffff0f;border-radius:var(--radius-full);overflow:hidden}.progress-fill[data-v-c8767a40]{height:100%;background:linear-gradient(90deg,var(--copper),#d4784e);border-radius:var(--radius-full);transition:width .1s linear}.time[data-v-c8767a40]{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted);margin-top:5px;letter-spacing:.02em}.volume-wrap[data-v-c8767a40]{display:flex;align-items:center;gap:8px;justify-content:flex-end}.vol-btn[data-v-c8767a40]{background:none;border:0;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;transition:color .2s}.vol-btn[data-v-c8767a40]:hover{color:var(--text-primary)}.vol-slider-wrap[data-v-c8767a40]{position:relative;width:80px;height:24px;display:flex;align-items:center}.vol-slider[data-v-c8767a40]{width:100%;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff14;border-radius:var(--radius-full);outline:none;cursor:pointer;position:relative;z-index:2}.vol-slider[data-v-c8767a40]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--copper);cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:transform .15s ease}.vol-slider[data-v-c8767a40]::-webkit-slider-thumb:hover{transform:scale(1.15)}.vol-slider[data-v-c8767a40]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--copper);border:0;cursor:pointer;box-shadow:0 2px 8px #0000004d}.vol-fill[data-v-c8767a40]{position:absolute;left:0;top:50%;transform:translateY(-50%);height:3px;background:var(--copper);border-radius:var(--radius-full);pointer-events:none;z-index:1;transition:width .08s linear}@media (max-width: 768px){.player[data-v-c8767a40]{width:calc(100% - 14px);bottom:8px}.player-inner[data-v-c8767a40]{grid-template-columns:1fr;gap:8px}.controls[data-v-c8767a40],.volume-wrap[data-v-c8767a40]{justify-content:flex-start}}.particle-bg[data-v-5732ea4d]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.app-container[data-v-68702465]{max-width:1400px;margin:0 auto;padding:20px 32px 200px;position:relative;z-index:1}.top-bar[data-v-68702465]{display:flex;align-items:center;justify-content:space-between;padding:10px 0;margin-bottom:28px}.brand[data-v-68702465]{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-mark[data-v-68702465]{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--copper),#d4784e);color:#0b0b0e;font-size:16px;font-weight:700}.brand-text[data-v-68702465]{color:var(--text-primary);font-size:17px;font-weight:700;letter-spacing:.02em}.nav-links[data-v-68702465]{display:flex;gap:28px}.nav-link[data-v-68702465]{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.01em;transition:color .25s var(--ease-out);padding:6px 0;position:relative}.nav-link[data-v-68702465]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--copper);transform:scaleX(0);transition:transform .25s var(--ease-out)}.nav-link[data-v-68702465]:hover{color:var(--text-primary)}.nav-link[data-v-68702465]:hover:after{transform:scaleX(1)}@media (max-width: 768px){.app-container[data-v-68702465]{padding:14px 14px 200px}}:root{--bg-root: #0b0b0e;--bg-card: #151418;--bg-card-hover: #1b1a1f;--copper: #e8965c;--copper-glow: rgba(232, 150, 92, .25);--copper-dim: rgba(232, 150, 92, .08);--lavender: #b8a9c9;--lavender-dim: rgba(184, 169, 201, .1);--text-primary: #f0ede8;--text-secondary: #989491;--text-muted: #5c5956;--border-subtle: rgba(255, 255, 255, .06);--border-hover: rgba(232, 150, 92, .2);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 999px;--ease-out: cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg-root)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(ellipse at 50% 0%,rgba(232,150,92,.04),transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(184,169,201,.03),transparent 40%),var(--bg-root);color:var(--text-primary);min-height:100vh;overflow-x:hidden;letter-spacing:-.02em;-webkit-font-smoothing:antialiased}::selection{background:#e8965c38;color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#e8965c40}