@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg-main: #07111a;--bg-soft: #0d1826;--bg-card: rgba(14, 28, 42, .78);--ink: #f3f8ff;--muted: #a8bbce;--line: rgba(255, 255, 255, .09);--brand: #2cf3ff;--brand-2: #ff7a18;--accent: #80ff72}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 20%,rgba(44,243,255,.14),transparent 36%),radial-gradient(circle at 85% 15%,rgba(255,122,24,.16),transparent 38%),linear-gradient(160deg,#050b13,#081423,#061019);padding-top:78px;color:var(--ink);font-family:Sora,sans-serif}h1,h2,h3,h4,h5{font-family:Space Grotesk,sans-serif}.main-navbar{background:#03090ec7;border-bottom:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar .nav-link{color:#d6e4f5}.navbar .nav-link:hover{color:var(--brand)}.hero{position:relative;min-height:calc(100vh - 78px);background-size:cover;background-position:center;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(120deg,#02070cc7,#06121c94 55%,#ff7a182e);z-index:1}#equalizer{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hero-content{position:relative;z-index:2;min-height:calc(100vh - 78px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}.hero-kicker{margin-bottom:12px;letter-spacing:.13em;font-size:.75rem;color:var(--brand);font-weight:700}.hero-title{max-width:760px;font-size:clamp(2rem,6vw,4rem);line-height:1.04;margin-bottom:18px}.hero-subtitle{max-width:640px;color:#d8e6f7;font-size:clamp(1rem,2.2vw,1.2rem)}.hero-actions{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap}.hero-metrics{width:min(680px,100%);margin-top:46px;padding:20px;border-radius:16px;background:#050c139e;border:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hero-metrics article strong{display:block;font-size:1.35rem;color:#fff}.hero-metrics article span{color:var(--muted);font-size:.9rem}.section-dark,.section-light{padding:92px 0}.section-dark{background:transparent}.section-light{background:linear-gradient(180deg,#ebf4fffa,#e1eefff7);color:#07111a}.section-heading h2{font-size:clamp(1.75rem,4vw,2.6rem)}.section-heading p{max-width:680px;margin:10px auto 0;color:var(--muted)}.section-light .section-heading p{color:#33475b}.music-card{height:100%;border-radius:18px;padding:24px;background:linear-gradient(160deg,#081824e0,#07111ad9);border:1px solid var(--line);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.music-card:hover{transform:translateY(-6px);border-color:#2cf3ff73;box-shadow:0 15px 30px #00000040}.music-card h3{margin-top:14px;margin-bottom:10px}.music-card p{color:#bdd0e3;margin:0}.stream-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.stream-card{border-radius:22px;padding:18px;background:linear-gradient(180deg,#091520f5,#07101ae0);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 36px #0003;transition:transform .25s ease,border-color .25s ease}.stream-card:hover{transform:translateY(-8px);border-color:#2cf3ff59}.stream-card.is-playing{border-color:#80ff728c;box-shadow:0 0 0 1px #80ff7233,0 18px 36px #0000003d}.stream-cover-wrap{position:relative;margin-bottom:18px}.stream-cover{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:18px;display:block;background:#ffffff0a}.stream-play-btn{position:absolute;right:14px;bottom:14px;width:54px;height:54px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--brand));color:#031017;font-weight:800;box-shadow:0 14px 26px #2cf3ff47;transition:transform .2s ease,filter .2s ease}.stream-play-btn:hover{transform:scale(1.05);filter:brightness(1.02)}.stream-meta h3{margin:14px 0 6px;font-size:1.2rem}.stream-meta p{margin:0;color:#bfd3e8}.catalog-footer{margin-top:28px;text-align:center}.empty-catalog{margin-top:32px;padding:32px;border-radius:20px;text-align:center;background:#07111abd;border:1px solid rgba(255,255,255,.08)}.empty-catalog p{margin:10px auto 0;max-width:620px;color:var(--muted)}.tag{display:inline-block;padding:5px 11px;border-radius:999px;background:#2cf3ff2e;color:#b7f9ff;font-size:.78rem;font-weight:600}.btn-neon{background:linear-gradient(90deg,var(--brand),#8cfaff);color:#031017;font-weight:700;border:none;box-shadow:0 10px 24px #2cf3ff47}.btn-neon:hover{color:#031017;filter:brightness(1.05)}.btn-outline-neon{border:1px solid rgba(44,243,255,.6);color:#d3f9ff;background:#2cf3ff14}.btn-outline-neon:hover{background:#2cf3ff33;color:#fff}.plan-card{background:var(--bg-card);color:#eef4ff;border:1px solid var(--line);border-radius:18px;transition:transform .25s ease,box-shadow .25s ease}.plan-card:hover{transform:translateY(-8px);box-shadow:0 16px 34px #0000004d}.plan-card .price{color:var(--accent);margin:12px 0}.plan-card li{margin:8px 0;color:#c8d7e8}.featured{border-color:#2cf3ff80;box-shadow:0 0 0 1px #2cf3ff4d,0 14px 38px #2cf3ff26}.badge-neon{background:linear-gradient(90deg,var(--brand-2),#ffbb70);color:#16120d;font-weight:700}.services-section .service-box{border-radius:14px;padding:18px;background:#fff;border:1px solid rgba(7,17,26,.1);color:#0a1a2b;font-weight:600;box-shadow:0 8px 20px #14294014;min-height:84px;display:flex;align-items:center;justify-content:center}.footer{padding:28px 0;background:#03080e;border-top:1px solid rgba(255,255,255,.07)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.show{opacity:1;transform:translateY(0)}.login-container,.register-container{min-height:calc(100vh - 78px);display:flex;align-items:center;justify-content:center;padding:28px 14px}.login-card,.register-card{background:var(--bg-soft);padding:36px;border-radius:14px;width:100%;max-width:450px;border:1px solid var(--line)}.login-card h3,.register-card h3{text-align:center;margin-bottom:28px;color:var(--brand)}.form-control{background:#050d16;border:1px solid rgba(255,255,255,.1);color:#e8f1fc}.form-control:focus{background:#050d16;color:#e8f1fc;border-color:var(--brand);box-shadow:0 0 0 .2rem #2cf3ff33}.login-footer,.register-footer{text-align:center;margin-top:20px;font-size:14px}.login-footer a,.register-footer a{color:var(--brand);text-decoration:none}.login-footer a:hover,.register-footer a:hover{text-decoration:underline}.verify-container{min-height:70vh;display:flex;justify-content:center;align-items:center}.verify-card{background:var(--bg-soft);padding:40px;border-radius:14px;max-width:420px;width:100%;text-align:center;box-shadow:0 12px 28px #0000004d;border:1px solid rgba(44,243,255,.25)}.verify-card h3{color:var(--brand);margin-bottom:15px}.verify-card p{color:#c6d5e6;font-size:15px;margin-bottom:25px}.verify-card .btn-primary{background:var(--brand);border:none;color:#051018;font-weight:700;padding:10px 20px;border-radius:8px}.verify-card .btn-primary:hover{filter:brightness(1.05)}.verify-card .logout-link{margin-top:15px;display:inline-block;color:#afc0d2;font-size:14px}.verify-card .logout-link:hover{color:#fff}@media(max-width:991px){.hero-content{align-items:center;text-align:center}.hero-metrics{grid-template-columns:1fr;text-align:center}}@media(max-width:576px){body{padding-top:74px}.hero-actions,.hero-actions .btn{width:100%}.stream-play-btn{width:50px;height:50px}}.auth-page{min-height:calc(100vh - 78px);display:flex;align-items:center;padding:36px 0}.auth-shell{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#030a11c7;box-shadow:0 20px 45px #0000004d}.auth-visual{padding:44px 38px;background:radial-gradient(circle at 20% 20%,rgba(44,243,255,.2),transparent 45%),radial-gradient(circle at 80% 80%,rgba(255,122,24,.22),transparent 45%),linear-gradient(160deg,#071726,#0c1e30)}.auth-kicker{letter-spacing:.13em;font-size:.75rem;color:var(--brand);font-weight:700;margin-bottom:14px}.auth-visual h1{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:14px}.auth-visual p{color:#d4e4f7;line-height:1.65}.auth-points{margin-top:24px;display:grid;gap:10px}.auth-points div{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 12px;color:#e7f2ff;font-size:.92rem}.auth-form-wrap{padding:44px 38px;background:#060f18e6}.auth-form-head h2{margin-bottom:8px}.auth-form-head p{margin:0 0 22px;color:var(--muted)}.auth-form-grid{display:grid;gap:14px}.auth-alert{margin-bottom:18px}.auth-alert-box{display:flex;flex-direction:column;gap:4px;background:#dc354526;border:1px solid rgba(220,53,69,.5);border-left:4px solid #dc3545;color:#f8a5ae;border-radius:8px;padding:12px 16px;margin-bottom:18px;font-size:.92rem}.auth-alert-box .fa{color:#dc3545;margin-bottom:2px}.auth-success-box{display:flex;align-items:center;gap:8px;background:#19c8781f;border:1px solid rgba(25,200,120,.4);border-left:4px solid #19c878;color:#7effd4;border-radius:8px;padding:12px 16px;margin-bottom:18px;font-size:.92rem}.auth-field-error{display:block;color:#f8a5ae;font-size:.82rem;margin-top:4px}.form-control.is-invalid{border-color:#dc354599!important;box-shadow:0 0 0 2px #dc354526!important}.pw-strength-wrap{margin-top:8px;display:flex;flex-direction:column;gap:10px}.pw-bar-track{height:4px;background:#ffffff14;border-radius:99px;overflow:hidden}.pw-bar-fill{height:100%;width:0%;border-radius:99px;background:#dc3545;transition:width .35s ease,background .35s ease}.pw-bar-fill[data-score="1"]{width:20%;background:#dc3545}.pw-bar-fill[data-score="2"]{width:40%;background:var(--brand-2)}.pw-bar-fill[data-score="3"]{width:60%;background:#f0c040}.pw-bar-fill[data-score="4"]{width:80%;background:#a0e060}.pw-bar-fill[data-score="5"]{width:100%;background:var(--accent)}.pw-rules{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.pw-rule{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#a8bbce8c;transition:color .25s}.pw-rule .pw-dot{width:7px;height:7px;border-radius:50%;background:#ffffff1f;flex-shrink:0;transition:background .25s,transform .2s}.pw-rule.ok{color:var(--accent)}.pw-rule.ok .pw-dot{background:var(--accent);transform:scale(1.25);box-shadow:0 0 6px #80ff7280}.pw-match-hint{font-size:.78rem;margin-top:5px;min-height:1em;transition:color .25s}.pw-match-hint.ok{color:var(--accent)}.pw-match-hint.fail{color:#f8a5ae}.auth-switch{margin-top:20px;color:#c8d9ea;font-size:.95rem}.auth-switch a{color:var(--brand);text-decoration:none;font-weight:600}.auth-switch a:hover{text-decoration:underline}.auth-forgot-link{font-size:.82rem;color:var(--muted);text-decoration:none;transition:color .2s}.auth-forgot-link:hover{color:var(--brand)}@media(max-width:991px){.auth-shell{grid-template-columns:1fr}.auth-visual,.auth-form-wrap{padding:28px 24px}}:root{--sw-sidebar-w: 240px;--sw-player-h: 82px;--sw-header-h: 64px;--sw-plan-free: #8a9bb0;--sw-plan-premium: #f59e0b;--sw-plan-vip: #8b5cf6}.dashboard-body{padding-top:0;overflow:hidden;background:#07111a}.sw-sidebar{position:fixed;top:0;left:0;width:var(--sw-sidebar-w);height:100dvh;background:#040c14;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;z-index:200;transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden}.sw-sidebar-logo{display:flex;align-items:center;gap:10px;padding:22px 20px 18px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.1rem;color:var(--ink);border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.sw-nav{display:flex;flex-direction:column;gap:2px;padding:14px 10px;flex:1}.sw-nav-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;color:#8ea8c0;text-decoration:none;font-size:.92rem;font-weight:500;transition:background .18s,color .18s}.sw-nav-link i{width:18px;text-align:center;font-size:.95rem}.sw-nav-link:hover{background:#2cf3ff12;color:#d4f0ff}.sw-nav-link.active{background:#2cf3ff1f;color:var(--brand);font-weight:600}.sw-sidebar-bottom{padding:16px 14px 20px;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0}.sw-plan-indicator{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);margin-bottom:10px}.sw-plan-indicator i{font-size:.9rem;flex-shrink:0}.sw-plan-info{display:flex;flex-direction:column;line-height:1.3}.sw-plan-info small{font-size:.72rem;color:#6a8199;text-transform:uppercase;letter-spacing:.06em}.sw-plan-info strong{font-size:.9rem;color:var(--ink)}.sw-plan-indicator.plan-free{background:#8a9bb014}.sw-plan-indicator.plan-free i{color:var(--sw-plan-free)}.sw-plan-indicator.plan-premium{background:#f59e0b1a}.sw-plan-indicator.plan-premium i{color:var(--sw-plan-premium)}.sw-plan-indicator.plan-vip{background:#8b5cf61f}.sw-plan-indicator.plan-vip i{color:var(--sw-plan-vip)}.sw-plan-indicator.plan-none{background:#ffffff0a}.sw-plan-indicator.plan-none i{color:#4a6070}.sw-upgrade-btn{display:block;text-align:center;padding:8px;border-radius:8px;font-size:.82rem;font-weight:600;background:#2cf3ff1a;color:var(--brand);border:1px solid rgba(44,243,255,.25);text-decoration:none;transition:background .18s}.sw-upgrade-btn:hover{background:#2cf3ff2e;color:#fff}.sw-main-wrap{margin-left:var(--sw-sidebar-w);display:flex;flex-direction:column;height:100dvh;padding-bottom:0;transition:margin-left .28s cubic-bezier(.4,0,.2,1),padding-bottom .28s ease}.sw-header{position:sticky;top:0;height:var(--sw-header-h);background:#040a11e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:14px;padding:0 22px;z-index:100;flex-shrink:0}.sw-sidebar-toggle{display:none;background:none;border:none;color:#8ea8c0;font-size:1.1rem;padding:6px;cursor:pointer;border-radius:8px;transition:color .18s,background .18s}.sw-sidebar-toggle:hover{color:var(--ink);background:#ffffff0f}.sw-search-wrap{flex:1;max-width:480px;position:relative}.sw-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#5a7890;font-size:.85rem;pointer-events:none}.sw-search{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:8px 14px 8px 36px;color:var(--ink);font-size:.9rem;outline:none;transition:border-color .18s,background .18s}.sw-search::placeholder{color:#5a7890}.sw-search:focus{border-color:#2cf3ff66;background:#2cf3ff0a}.sw-header-right{display:flex;align-items:center;gap:8px;margin-left:auto}.sw-icon-btn{background:none;border:none;color:#8ea8c0;font-size:1rem;padding:8px;border-radius:50%;cursor:pointer;position:relative;transition:color .18s,background .18s}.sw-icon-btn:hover{color:var(--ink);background:#ffffff12}.sw-user-menu{position:relative}.sw-avatar-btn{background:none;border:none;cursor:pointer;position:relative;display:flex;align-items:center}.sw-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#031017;font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:center}.sw-plan-badge-icon{position:absolute;bottom:-3px;right:-3px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.55rem;border:2px solid #040c14}.sw-plan-badge-icon.plan-free{background:var(--sw-plan-free);color:#fff}.sw-plan-badge-icon.plan-premium{background:var(--sw-plan-premium);color:#1a0d00}.sw-plan-badge-icon.plan-vip{background:var(--sw-plan-vip);color:#fff}.sw-plan-badge-icon.plan-none{background:#2a3e52;color:#7a9ab2}.sw-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:#0d1e2e;border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 18px 40px #0006;z-index:300;overflow:hidden;animation:dropdownIn .18s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sw-dropdown-header{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:3px}.sw-dropdown-header strong{font-size:.9rem;color:var(--ink)}.sw-dropdown-header small{font-size:.78rem;color:#5a7890}.sw-dropdown-plan{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;margin-top:4px;padding:3px 8px;border-radius:20px;width:fit-content}.sw-dropdown-plan.plan-free{background:#8a9bb026;color:var(--sw-plan-free)}.sw-dropdown-plan.plan-premium{background:#f59e0b26;color:var(--sw-plan-premium)}.sw-dropdown-plan.plan-vip{background:#8b5cf626;color:var(--sw-plan-vip)}.sw-dropdown-plan.plan-none{background:#ffffff0d;color:#5a7890}.sw-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;color:#9ab4cb;text-decoration:none;font-size:.88rem;cursor:pointer;transition:background .14s,color .14s;border:none;background:transparent;width:100%;text-align:left}.sw-dropdown-item:hover{background:#ffffff0f;color:var(--ink)}.sw-dropdown-logout{color:#e05454}.sw-dropdown-logout:hover{background:#e054541a;color:#ff7070}.sw-dropdown-divider{height:1px;background:#ffffff12;margin:4px 0}.sw-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:28px 28px 16px;scroll-behavior:smooth}.sw-content::-webkit-scrollbar{width:5px}.sw-content::-webkit-scrollbar-track{background:transparent}.sw-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sw-welcome-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:32px;padding:28px;border-radius:20px;background:radial-gradient(circle at 10% 60%,rgba(44,243,255,.14),transparent 55%),radial-gradient(circle at 90% 20%,rgba(255,122,24,.16),transparent 50%),linear-gradient(140deg,#07111a,#0d1e2e);border:1px solid rgba(255,255,255,.07)}.sw-welcome-text h1{font-size:clamp(1.4rem,3vw,2rem);margin:0 0 6px}.sw-welcome-text p{margin:0;color:var(--muted);font-size:.95rem}.sw-welcome-plan{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:14px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.08);min-width:140px;text-align:right}.sw-welcome-plan i{font-size:1rem;margin-bottom:2px}.sw-welcome-plan span{font-weight:700;font-size:.95rem}.sw-welcome-plan small{font-size:.75rem;color:var(--muted)}.sw-welcome-plan.plan-free{background:#8a9bb012}.sw-welcome-plan.plan-free i{color:var(--sw-plan-free)}.sw-welcome-plan.plan-premium{background:#f59e0b14}.sw-welcome-plan.plan-premium i{color:var(--sw-plan-premium)}.sw-welcome-plan.plan-vip{background:#8b5cf61a}.sw-welcome-plan.plan-vip i{color:var(--sw-plan-vip)}.sw-welcome-plan.plan-none{background:#ffffff08}.sw-welcome-plan.plan-none i{color:#4a6070}.sw-upgrade-link{color:var(--brand);text-decoration:none;font-weight:600}.sw-upgrade-link:hover{text-decoration:underline}.sw-section{margin-bottom:36px}.sw-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sw-section-head h2{font-size:clamp(1.1rem,2vw,1.35rem);margin:0}.sw-see-all{font-size:.82rem;color:var(--brand);text-decoration:none;font-weight:600;opacity:.8;transition:opacity .18s}.sw-see-all:hover{opacity:1}.sw-cards-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.sw-music-card{border-radius:16px;padding:14px;background:#091522e6;border:1px solid rgba(255,255,255,.07);cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.sw-music-card:hover{transform:translateY(-6px);border-color:#2cf3ff4d;box-shadow:0 12px 28px #00000047}.sw-music-card.is-active{border-color:#80ff7273;box-shadow:0 0 0 1px #80ff7233}.sw-card-cover-wrap{position:relative;margin-bottom:12px}.sw-card-cover{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px;display:block;background:#ffffff0a}.sw-card-play{position:absolute;right:10px;bottom:10px;width:42px;height:42px;border:none;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--brand));color:#031017;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #2cf3ff4d;opacity:0;transform:translateY(4px) scale(.9);transition:opacity .2s ease,transform .2s ease;cursor:pointer}.sw-music-card:hover .sw-card-play,.sw-music-card.is-active .sw-card-play{opacity:1;transform:translateY(0) scale(1)}.sw-card-meta h4{margin:0 0 4px;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.sw-card-meta p{margin:0;font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw-list{display:flex;flex-direction:column;gap:4px}.sw-list-item{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:12px;cursor:pointer;transition:background .18s}.sw-list-item:hover{background:#ffffff0d}.sw-list-item:hover .sw-list-play{opacity:1}.sw-list-item.is-active{background:#2cf3ff12}.sw-list-num{width:20px;text-align:center;font-size:.8rem;color:#4a6880;flex-shrink:0}.sw-list-thumb{width:46px;height:46px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#ffffff0a}.sw-list-meta{flex:1;min-width:0}.sw-list-meta strong{display:block;font-size:.9rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw-list-meta span{font-size:.78rem;color:var(--muted)}.sw-genre-tag{display:inline-block;padding:3px 10px;border-radius:20px;background:#2cf3ff1a;color:#9df4ff;font-size:.72rem;font-weight:600;flex-shrink:0}.sw-list-play{background:none;border:none;color:var(--brand);font-size:.88rem;padding:6px 8px;cursor:pointer;opacity:0;transition:opacity .18s,transform .18s;flex-shrink:0}.sw-list-play:hover{transform:scale(1.15)}.sw-empty-state{text-align:center;padding:60px 24px;border-radius:20px;background:#07111ab3;border:1px solid rgba(255,255,255,.06);margin-bottom:28px}.sw-empty-icon{font-size:2.2rem;color:#2cf3ff40;margin-bottom:16px;display:block}.sw-empty-state h3{font-size:1.2rem;margin-bottom:8px}.sw-empty-state p{color:var(--muted);margin:0}.sw-ad-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:18px 22px;border-radius:14px;background:linear-gradient(120deg,#ff7a181f,#ffb43c14);border:1px solid rgba(255,122,24,.25);margin-top:8px}.sw-ad-banner strong{display:block;font-size:.92rem;margin-bottom:3px}.sw-ad-banner span{font-size:.82rem;color:var(--muted)}.sw-player{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--sw-player-h);background:#04090ff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.08);grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 18px;gap:14px;z-index:250}.sw-player.sw-player-active{display:grid;animation:playerSlideUp .28s cubic-bezier(.4,0,.2,1)}@keyframes playerSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.sw-player-track{display:flex;align-items:center;gap:12px;min-width:0}.sw-player-cover{width:52px;height:52px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#ffffff0a}.sw-player-info{min-width:0;display:flex;flex-direction:column;gap:2px}#playerTitle{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}#playerArtist{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw-player-fav{background:none;border:none;color:#4a6880;font-size:1rem;cursor:pointer;padding:6px;border-radius:50%;flex-shrink:0;transition:color .18s,transform .18s}.sw-player-fav:hover{color:#e05454;transform:scale(1.15)}.sw-player-fav.active{color:#e05454}.sw-player-center{display:flex;flex-direction:column;align-items:center;gap:6px}.sw-player-controls{display:flex;align-items:center;gap:8px}.sw-ctrl-btn{background:none;border:none;color:#8ea8c0;font-size:.95rem;cursor:pointer;padding:6px 8px;border-radius:8px;transition:color .18s,background .18s,transform .15s}.sw-ctrl-btn:hover{color:var(--ink);background:#ffffff12}.sw-ctrl-btn.active{color:var(--brand)}.sw-ctrl-btn.sw-ctrl-sm{font-size:.8rem}.sw-play-main{width:40px;height:40px;border-radius:50%!important;background:var(--brand)!important;color:#031017!important;display:flex;align-items:center;justify-content:center;font-size:1rem!important;box-shadow:0 4px 14px #2cf3ff59;transition:transform .18s,filter .18s!important;padding:0!important}.sw-play-main:hover{transform:scale(1.07)!important;filter:brightness(1.08)!important;background:var(--brand)!important;color:#031017!important}.sw-progress-row{display:flex;align-items:center;gap:10px;width:100%}.sw-time{font-size:.72rem;color:#5a7890;min-width:32px;flex-shrink:0}.sw-waveform{flex:1;height:36px;cursor:pointer;border-radius:4px;display:block}.sw-progress-bar:hover .sw-progress-thumb{transform:translate(-50%,-50%) scale(1)}.sw-player-right{display:flex;align-items:center;gap:10px;justify-content:flex-end}.sw-vol-icon{font-size:.85rem;color:#5a7890;flex-shrink:0}.sw-volume{-webkit-appearance:none;appearance:none;width:90px;height:4px;border-radius:4px;background:#ffffff1f;outline:none;cursor:pointer}.sw-volume::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--brand);cursor:pointer}.sw-sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:190}.sw-sidebar-overlay.show{display:block}.sw-page-header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.06)}.sw-page-header h1{font-size:clamp(1.3rem,3vw,1.8rem);margin:0 0 6px}.sw-page-header h1 i{font-size:1rem;vertical-align:middle}.sw-page-header p{margin:0;color:var(--muted);font-size:.9rem}.sw-coming-soon{display:flex;align-items:center;justify-content:center;min-height:340px}.sw-coming-soon-inner{text-align:center;padding:48px 32px;border-radius:22px;background:#091522b3;border:1px solid rgba(255,255,255,.06);max-width:420px;width:100%}.sw-coming-icon{font-size:3rem;color:#2cf3ff33;display:block;margin-bottom:18px}.sw-coming-soon-inner h3{font-size:1.3rem;margin:0 0 10px}.sw-coming-soon-inner p{color:var(--muted);font-size:.9rem;line-height:1.6;margin:0}.sw-cards-row--lg{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.sw-card-desc{margin:4px 0 0;font-size:.74rem;color:#5a7890;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-icon-wrap{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:1.2rem}.plan-icon-free{background:#8a9bb026;color:#8a9bb0}.plan-icon-premium{background:#f59e0b26;color:#f59e0b}.plan-icon-vip{background:#8b5cf626;color:#8b5cf6}.plan-price-wrap{display:flex;align-items:baseline;gap:4px;justify-content:center}.plan-cycle{font-size:.8rem;color:var(--muted)}.plan-desc{font-size:.85rem;color:var(--muted);margin:8px 0 0}.plan-features{list-style:none;padding:0;margin:0}.plan-features li{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:.85rem;color:#c8d7e8;border-bottom:1px solid rgba(255,255,255,.04)}.plan-features li:last-child{border-bottom:none}.plan-feature-icon{color:var(--brand);font-size:.78rem;width:14px;text-align:center}.sw-planes-section{padding-top:8px}.sw-plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.sw-plan-card{position:relative;border-radius:18px;padding:24px 22px;background:#091522e6;border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:12px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.sw-plan-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #00000047}.sw-plan-card--featured{border-color:#2cf3ff59;box-shadow:0 0 0 1px #2cf3ff26}.sw-plan-card--active{border-color:#80ff7273;box-shadow:0 0 0 1px #80ff7226}.sw-plan-current-badge,.sw-plan-popular-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:700;width:fit-content}.sw-plan-current-badge{background:#80ff7226;color:#80ff72}.sw-plan-popular-badge{background:#ff7a1833;color:#ffb060}.sw-plan-card-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.sw-plan-card-icon.plan-free{background:#8a9bb01f;color:#8a9bb0}.sw-plan-card-icon.plan-premium{background:#f59e0b1f;color:#f59e0b}.sw-plan-card-icon.plan-vip{background:#8b5cf61f;color:#8b5cf6}.sw-plan-card-name{font-size:1.15rem;margin:0}.sw-plan-card-price{display:flex;align-items:baseline;gap:5px}.sw-plan-amount{font-size:1.8rem;font-weight:700;font-family:Space Grotesk,sans-serif;color:var(--accent)}.sw-plan-cycle{font-size:.8rem;color:var(--muted)}.sw-plan-desc{font-size:.82rem;color:var(--muted);margin:0;line-height:1.5}.sw-plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;flex:1}.sw-plan-features li{display:flex;align-items:center;gap:9px;font-size:.83rem;color:#b8d0e4}.sw-plan-features i{color:var(--brand);font-size:.75rem;width:14px;text-align:center;flex-shrink:0}.sw-plan-btn{display:block;text-align:center;padding:10px 16px;border-radius:10px;font-size:.88rem;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid rgba(44,243,255,.4);background:#2cf3ff12;color:var(--brand);transition:background .18s,color .18s;margin-top:auto}.sw-plan-btn:hover{background:#2cf3ff2e;color:#fff}.sw-plan-btn--featured{background:linear-gradient(90deg,var(--brand),#8cfaff);color:#031017;border-color:transparent;box-shadow:0 6px 18px #2cf3ff47}.sw-plan-btn--featured:hover{filter:brightness(1.06);color:#031017}.sw-plan-btn--current{background:#80ff7214;border-color:#80ff7240;color:#80ff72;cursor:default;opacity:.8}.sw-info-strip{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:12px;background:#2cf3ff12;border:1px solid rgba(44,243,255,.18);margin-bottom:24px;font-size:.88rem;flex-wrap:wrap}.sw-info-strip i{color:var(--brand);flex-shrink:0}.sw-info-strip span{flex:1;min-width:200px;color:#b8d4e8}.sw-strip-btn{margin-left:auto;color:var(--brand);font-weight:600;text-decoration:none;font-size:.82rem;white-space:nowrap}.sw-strip-btn:hover{text-decoration:underline}.sw-preview-badge{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:20px;background:#ff7a18d9;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.03em;pointer-events:none;z-index:2}.sw-preview-badge--sm{position:static;display:inline-block;border-radius:20px;padding:2px 7px;background:#ff7a1833;color:#ffb060;font-size:.7rem;font-weight:600;flex-shrink:0}.sw-lock-overlay{position:absolute;inset:0;border-radius:12px;background:#04090fa6;display:flex;align-items:center;justify-content:center;color:#ffffff8c;font-size:1.05rem;z-index:2}.sw-locked-feature{opacity:.7}.sw-locked-feature:hover{transform:none!important;border-color:#ffffff14!important;cursor:not-allowed}.sw-ctrl-disabled{opacity:.35!important;cursor:not-allowed!important}.sw-ctrl-disabled:hover{color:#8ea8c0!important;background:none!important}.sw-upgrade-banner{margin-top:24px;border-radius:18px;background:radial-gradient(circle at 80% 50%,rgba(44,243,255,.12),transparent 55%),linear-gradient(140deg,#07111a,#0c1e30);border:1px solid rgba(44,243,255,.2);overflow:hidden}.sw-upgrade-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 32px;flex-wrap:wrap}.sw-upgrade-banner-inner h3{font-size:1.25rem;margin:0 0 6px}.sw-upgrade-banner-inner p{color:var(--muted);margin:0 0 14px;font-size:.9rem}.sw-upgrade-perks{display:flex;gap:14px;flex-wrap:wrap}.sw-upgrade-perks span{font-size:.82rem;color:#90c4d8;display:flex;align-items:center;gap:5px}.sw-upgrade-perks i{color:var(--brand);font-size:.75rem}.sw-modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:500;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sw-modal{background:linear-gradient(160deg,#0d1e30,#091422);border:1px solid rgba(44,243,255,.2);border-radius:22px;padding:36px 32px;max-width:420px;width:100%;text-align:center;position:relative;box-shadow:0 24px 60px #00000080;animation:modalIn .22s cubic-bezier(.34,1.56,.64,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.sw-modal-close{position:absolute;top:14px;right:14px;background:none;border:none;color:#5a7890;font-size:1.1rem;cursor:pointer;padding:6px 8px;border-radius:8px;transition:color .18s,background .18s}.sw-modal-close:hover{color:var(--ink);background:#ffffff12}.sw-modal-icon{width:56px;height:56px;border-radius:50%;background:#2cf3ff1a;border:1px solid rgba(44,243,255,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:1.25rem;color:var(--brand)}.sw-modal h3{font-size:1.3rem;margin:0 0 10px}.sw-modal p{color:var(--muted);font-size:.92rem;line-height:1.6;margin:0 0 22px}.sw-modal-perks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.sw-modal-perks div{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#9ab8cc;background:#ffffff0a;border-radius:8px;padding:8px 10px}.sw-modal-perks i{color:var(--brand);font-size:.8rem}.sw-modal-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.sw-modal-actions .btn{min-width:140px}@media(max-width:1024px){.sw-cards-row{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:768px){.sw-sidebar{transform:translate(-100%)}.sw-sidebar.open{transform:translate(0)}.sw-main-wrap{margin-left:0}.sw-sidebar-toggle{display:flex;align-items:center;justify-content:center}.sw-player.sw-player-active{grid-template-columns:1fr auto;grid-template-rows:auto auto;height:auto;padding:10px 14px}.sw-player-track{grid-column:1;grid-row:1}.sw-player-right{grid-column:2;grid-row:1}.sw-player-center{grid-column:1 / -1;grid-row:2}.sw-content{padding:18px 16px 12px}.sw-welcome-banner{padding:20px 18px;flex-direction:column}.sw-welcome-plan{align-items:flex-start;text-align:left;width:100%}.sw-vol-icon,.sw-volume,#qualityBtn{display:none}}@media(max-width:480px){.sw-cards-row{grid-template-columns:repeat(2,1fr)}.sw-genre-tag{display:none}}