.wave-dots[data-v-95b345d5]{gap:var(--v71d046fe);align-items:center;display:flex}.dot[data-v-95b345d5]{width:var(--v1be947b6);height:var(--v1be947b6);background-color:var(--v6060be4e);border-radius:50%;animation:1.2s ease-in-out infinite wave-95b345d5}.dot[data-v-95b345d5]:first-child{animation-delay:-.4s}.dot[data-v-95b345d5]:nth-child(2){animation-delay:-.2s}.dot[data-v-95b345d5]:nth-child(3){animation-delay:0s}@keyframes wave-95b345d5{0%,to{transform:translateY(0)}50%{transform:translateY(var(--v1be44557))}}.header-menu_link.router-link-exact-active[data-v-71b11f37]{background-color:var(--black-soft)}.active[data-v-3572ab06]{color:#1db954}.repeat-badge[data-v-3572ab06]{vertical-align:super;margin-left:-6px;font-size:10px}.collapse[data-v-3572ab06]{margin-left:auto}.toast-container[data-v-6ae386fd]{z-index:1100;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast[data-v-6ae386fd]{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#454545;background:#fdfdfde6;border-radius:16px;align-items:center;gap:12px;min-width:280px;max-width:360px;padding:12px 16px;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.2,.9,.4,1.1);display:flex;box-shadow:0 8px 20px #0003,0 0 0 1px #ffffff0d}.toast-success[data-v-6ae386fd]{border-left:3px solid #1db954}.toast-success .toast-icon[data-v-6ae386fd]{color:#1db954}.toast-error[data-v-6ae386fd]{border-left:3px solid #f87171}.toast-error .toast-icon[data-v-6ae386fd]{color:#f87171}.toast-warning[data-v-6ae386fd]{border-left:3px solid #fbbf24}.toast-warning .toast-icon[data-v-6ae386fd]{color:#fbbf24}.toast-info[data-v-6ae386fd]{border-left:3px solid #60a5fa}.toast-info .toast-icon[data-v-6ae386fd]{color:#60a5fa}.toast-icon[data-v-6ae386fd]{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.toast-message[data-v-6ae386fd]{word-break:break-word;flex:1;line-height:1.4}.toast-close[data-v-6ae386fd]{cursor:pointer;color:#94a3b8;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;margin:0;padding:0;transition:color .2s;display:flex}.toast-close[data-v-6ae386fd]:hover{color:#e2e8f0}.toast-enter-active[data-v-6ae386fd],.toast-leave-active[data-v-6ae386fd]{transition:all .3s}.toast-enter-from[data-v-6ae386fd],.toast-leave-to[data-v-6ae386fd]{opacity:0;transform:translate(60px)}.toast-move[data-v-6ae386fd]{transition:transform .3s}.legal-overlay[data-v-b7ff34d5]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.legal-modal[data-v-b7ff34d5]{color:#636363;background:#cfcfcf;border-radius:28px;width:90%;max-width:550px;padding:1.8rem;animation:.3s slideUp-b7ff34d5;box-shadow:0 25px 50px -12px #000}.legal-title[data-v-b7ff34d5]{text-align:center;color:#636363;margin-bottom:1.5rem;font-size:1.8rem;font-weight:700}.legal-content[data-v-b7ff34d5]{max-height:60vh;margin-bottom:2rem;padding-right:8px;font-size:.95rem;line-height:1.5;overflow-y:auto}.legal-content p[data-v-b7ff34d5]{margin:1rem 0}.legal-content a[data-v-b7ff34d5]{color:#1db954;text-decoration:none}.legal-footer[data-v-b7ff34d5]{justify-content:space-between;gap:12px;display:flex}.btn-accept[data-v-b7ff34d5],.btn-decline[data-v-b7ff34d5]{cursor:pointer;border:none;border-radius:40px;flex:1;padding:12px;font-weight:600;transition:all .2s}.btn-accept[data-v-b7ff34d5]{color:#fff;background:#1db954}.btn-accept[data-v-b7ff34d5]:hover{background:#17a44a;transform:scale(1.02)}.btn-decline[data-v-b7ff34d5]{color:#e2e8f0;background:#334155}.btn-decline[data-v-b7ff34d5]:hover{background:#475569}@keyframes slideUp-b7ff34d5{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.legal-content[data-v-b7ff34d5]::-webkit-scrollbar{width:6px}.legal-content[data-v-b7ff34d5]::-webkit-scrollbar-track{background:#0f172a;border-radius:4px}.legal-content[data-v-b7ff34d5]::-webkit-scrollbar-thumb{background:#1db954;border-radius:4px}.floating-player-btn[data-v-a045c174]{cursor:pointer;z-index:1000;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:transform .2s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #0003}.floating-player-btn[data-v-a045c174]:hover{transform:scale(1.05)}.loading[data-v-b6736d69]{text-align:center;color:#6c757d;padding:2rem;font-size:.9rem}.playlists-list[data-v-b6736d69]{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.playlist-item[data-v-b6736d69]{background:#f8f9fa;border-radius:16px;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.playlist-item[data-v-b6736d69]:hover{background:#f1f3f5;transform:translate(4px)}.playlist-label[data-v-b6736d69]{cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;align-items:center;gap:14px;padding:12px 16px;display:flex}.playlist-label input[data-v-b6736d69]{opacity:0;width:0;height:0;position:absolute}.custom-checkbox[data-v-b6736d69]{background:#fff;border:2px solid #ced4da;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:inline-flex}.playlist-label input:checked+.custom-checkbox[data-v-b6736d69]{background:#1db954;border-color:#1db954;position:relative}.playlist-label input:checked+.custom-checkbox[data-v-b6736d69]:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.playlist-label input:disabled+.custom-checkbox[data-v-b6736d69]{cursor:not-allowed;background:#e9ecef;border-color:#dee2e6}.playlist-title[data-v-b6736d69]{color:#212529;flex:1;font-size:1rem;font-weight:500}.playlist-icon[data-v-b6736d69]{color:#adb5bd;flex-shrink:0;width:20px;height:20px;transition:color .2s}.playlist-label:hover .playlist-icon[data-v-b6736d69]{color:#1db954}.spinner[data-v-b6736d69]{border:2px solid #e9ecef;border-top-color:#1db954;border-radius:50%;width:18px;height:18px;margin-right:16px;animation:.6s linear infinite spin-b6736d69}@keyframes spin-b6736d69{to{transform:rotate(360deg)}}.card[data-v-a1bb3218]{text-decoration:none!important}.home-hero{border-radius:var(--radius);background:linear-gradient(135deg, var(--bg-sceondary) 0%, var(--bg-tertiary) 100%);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;margin:24px auto;padding:32px 24px;display:flex}.home-hero .Greeting{font-family:Bold,sans-serif}.home-hero .Greeting span{font-family:ExtraBold}.home-hero p{color:var(--text-secondary);max-width:60ch;line-height:1.5rem}.home-hero .hero-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}@media (width>=900px){.home-hero{padding:48px 40px}}.quick-links{grid-template-columns:repeat(2,1fr);gap:10px;margin:16px auto 24px;display:grid}@media (width>=700px){.quick-links{grid-template-columns:repeat(4,1fr)}}.quick-link{background-color:var(--bg-sceondary);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:14px;font-family:Accent,sans-serif;text-decoration:none;transition:background-color .15s,transform .12s;display:flex}.quick-link:hover{background-color:var(--bg-elevated);transform:translateY(-2px)}.quick-link .ico-wrap{border-radius:var(--radius-sm);background-color:var(--black);width:38px;height:38px;color:var(--text-alt);justify-content:center;align-items:center;display:inline-flex}:root{--bg:#d6d6d6;--bg-sceondary:#c5c5c5;--bg-tertiary:#b8b8b8;--bg-elevated:#cfcfcf;--text-primary:#000;--text-alt:#fff;--text-secondary:#292929;--text-muted:#5a5a5a;--black:#171717;--black-soft:#232323;--white:#dadada;--border:#aaa;--border-soft:#bdbdbd;--accent:#4b4b4b;--like:#b14545;--radius-sm:.35rem;--radius:.5rem;--radius-lg:.85rem;--shadow-sm:0 1px 2px #00000014;--shadow:0 4px 14px #0000001a;--header-h:92px;--player-h:130px;--container-pad:16px}@font-face{font-family:Main;src:url(/assets/Poppins-Regular-B2YTLo9r.ttf)}@font-face{font-family:Accent;src:url(/assets/Poppins-Medium-1iPSBYoM.ttf)}@font-face{font-family:Bold;src:url(/assets/Poppins-Bold-CdT-0Mts.ttf)}@font-face{font-family:ExtraBold;src:url(/assets/Poppins-ExtraBold-CQJI8RUG.ttf)}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background-color:var(--bg);color:var(--text-primary);padding-bottom:calc(var(--player-h) + 24px);flex-direction:column;font-family:Main,sans-serif;display:flex;position:relative}img{max-width:100%;display:block}a{color:inherit}button{cursor:pointer;font-family:Main,sans-serif}.container{width:100%;max-width:1200px;padding:0 var(--container-pad);margin:0 auto;font-family:Main,sans-serif}.section{margin:24px auto}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px;display:flex}.section-header h2{font-family:Bold,sans-serif;font-size:1.4rem}.section-header .link-more{color:var(--text-muted);border-bottom:1px dashed var(--text-muted);padding-bottom:1px;font-size:.9rem;text-decoration:none}.section-header .link-more:hover{color:var(--text-primary);border-color:var(--text-primary)}#menu{display:none}header{z-index:50;background-color:var(--black);width:100%;color:var(--text-alt);border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow);flex-direction:column-reverse;transition:all .3s ease-in-out;display:flex;position:sticky;top:0;overflow:hidden}.header-inner{flex-direction:column-reverse;width:100%;max-width:1200px;margin:0 auto;padding:10px 20px;display:flex}.header-menu{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;max-height:0;transition:all .3s ease-in-out .15s;display:flex;overflow:hidden}.header-menu_link{color:var(--text-alt);text-align:center;border-radius:var(--radius-sm);width:100%;padding:10px 6px;text-decoration:none;transition:background-color .15s}.header-menu_link:not(:last-child){border-bottom:1px solid var(--text-muted)}.header-menu_link:hover,.header-menu_link.active{background-color:var(--black-soft)}label[for=menu]{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}header:has(#menu:checked) .header-menu{max-height:600px;padding-top:10px}.menu-title{min-width:200px;max-width:0;color:var(--text-alt);white-space:nowrap;justify-content:center;font-family:Accent,sans-serif;font-size:28px;transition:all .3s ease-in-out;display:flex;overflow:hidden}.brand{color:var(--text-alt);justify-content:center;align-items:center;gap:12px;width:100%;text-decoration:none;display:flex}.brand .brand-title{font-family:Accent,sans-serif;font-size:26px}.logo{width:auto;height:62px}.header-actions{align-items:center;gap:8px;display:flex}.icon-btn{background-color:var(--black-soft);width:38px;height:38px;color:var(--text-alt);border:none;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-btn:hover{background-color:var(--accent)}@media (width>=900px){header{flex-direction:row}.header-inner{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;padding:12px 28px}label[for=menu]{display:none}.header-menu{flex-direction:row;flex:1;justify-content:center;gap:4px;max-height:none!important}.header-menu_link{width:auto;padding:8px 14px;border-bottom:none!important}.brand .brand-title{opacity:1;max-width:none}}.form{background-color:var(--bg-sceondary);border-radius:var(--radius);width:100%;max-width:520px;box-shadow:var(--shadow-sm);flex-direction:column;gap:18px;margin:20px auto;padding:24px;display:flex;overflow:hidden}.form h2{font-family:Accent,sans-serif}.secondary{color:var(--text-muted);font-size:.95rem;line-height:1.2rem}.form-field{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding:6px 0;display:flex}.form-field label{color:var(--text-secondary);font-size:.9rem}.input,.textarea,.select{border-radius:var(--radius);background-color:var(--white);color:var(--text-primary);border:none;outline:none;padding:10px 12px;font-family:Main,sans-serif;font-size:1rem;transition:box-shadow .15s}.input:focus,.textarea:focus,.select:focus{box-shadow:0 0 0 2px var(--accent)}.textarea{resize:vertical;min-height:90px}.form-buttons{flex-direction:column;gap:8px;width:100%;display:flex}@media (width>=600px){.form-buttons{flex-direction:row}.form-buttons>*{flex:1}}.button,.button-secondary,.button-danger{border-radius:var(--radius);text-align:center;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-family:Main,sans-serif;font-size:1rem;text-decoration:none;transition:transform .12s,background-color .15s,color .15s;display:inline-flex}.button{color:var(--text-alt);background-color:var(--black)}.button:hover{background-color:var(--black-soft)}.button-secondary{color:var(--black);background-color:var(--white)}.button-secondary:hover{background-color:#e5e5e5}.button-danger{background-color:var(--like);color:var(--text-alt)}.button-danger:hover{filter:brightness(.92)}.button:active,.button-secondary:active,.button-danger:active{transform:translateY(1px)}input[type=file]{display:none}.dropzone{border-radius:var(--radius);border:1px dashed var(--border);cursor:pointer;flex-direction:column;padding:18px;transition:border-color .15s,background-color .15s;display:flex}.dropzone:hover{border-color:var(--text-muted);background-color:var(--bg-elevated)}.dropzone span{text-align:center;padding:8px 5px}.dropzone span:first-child{text-align:center;border-radius:var(--radius);background-color:var(--black);color:var(--text-alt)}.selected-file{background-color:var(--black);color:var(--white);border-radius:var(--radius);padding:10px 12px;font-family:Main,sans-serif}.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}@media (width>=600px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media (width>=900px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}.card{background-color:var(--bg-sceondary);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:12px;transition:transform .15s,background-color .15s;display:flex;position:relative}.card:hover{background-color:var(--bg-elevated);transform:translateY(-2px)}.card .cover{aspect-ratio:1;border-radius:var(--radius-sm);background-color:var(--bg-tertiary);width:100%;display:block;position:relative;overflow:hidden}.card .cover img{object-fit:cover;width:100%;height:100%}.card .card-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Accent,sans-serif;font-size:1rem;line-height:1.15rem;display:-webkit-box;overflow:hidden}.card .card-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;text-decoration:none;overflow:hidden}@media (width>=900px){.card .play-overlay{opacity:0}}.card .play-overlay{background-color:var(--black);width:40px;height:40px;color:var(--text-alt);box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;transition:opacity .18s,transform .18s;display:inline-flex;position:absolute;bottom:8px;right:8px;transform:translateY(6px)}.card:hover .play-overlay{opacity:1;transform:translateY(0)}.track-list{background-color:var(--bg-sceondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.track-list-head,.track-row{border-bottom:1px solid var(--border-soft);grid-template-columns:36px 3fr 2fr 1fr 10px;align-items:center;gap:10px;padding:10px 12px;display:grid}.track-list-head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.track-row:last-child{border-bottom:none}.track-row:hover{background-color:var(--bg-elevated)}.track-row .num{color:var(--text-muted);text-align:center;font-size:.9rem}.track-row .track-info{align-items:center;gap:10px;min-width:0;display:flex}.track-row .track-info img{border-radius:var(--radius-sm);object-fit:cover;background-color:var(--bg-tertiary);width:42px;height:42px}.track-row .track-meta{flex-direction:column;min-width:0;display:flex}.track-row .track-name{text-overflow:ellipsis;white-space:nowrap;font-family:Accent,sans-serif;overflow:hidden}.track-row .track-author{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.track-row .duration{text-align:start;color:var(--text-muted);font-size:.9rem}.track-row .row-actions{justify-content:end;align-items:center;gap:6px;display:flex}@media (width>=700px){.entity-meta .type{justify-content:start!important}.track-list-head,.track-row{grid-template-columns:36px 3fr 2fr 1fr 80px}.track-row .track-author-col{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-row .listens{color:var(--text-muted);font-size:.9rem}}.track-list-head .col-author,.track-list-head .col-listens,.track-row .track-author-col,.track-row .listens{display:none}@media (width>=700px){.track-list-head .col-author,.track-list-head .col-listens,.track-row .track-author-col,.track-row .listens{display:block}}.row-btn{width:32px;height:32px;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.row-btn:hover{background-color:var(--bg-tertiary)}.row-btn.liked{color:var(--like)}.Greeting{font-family:Bold,sans-serif;font-size:1.8rem;line-height:1.15}.Greeting span{font-family:ExtraBold}@media (width>=700px){.Greeting{font-size:2.4rem}}@media (width>=1000px){.Greeting{font-size:3rem}}.hero{border-radius:var(--radius);background:linear-gradient(135deg, var(--bg-sceondary) 0%, var(--bg-tertiary) 100%);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;margin:24px auto;padding:28px;display:flex}.hero p{color:var(--text-muted);max-width:60ch;line-height:1.4rem}.hero-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.profile-header{background-color:var(--bg-sceondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:18px;margin:24px auto;padding:22px;display:flex}@media (width>=700px){.profile-header{flex-direction:row;align-items:center}}.avatar{object-fit:cover;background-color:var(--bg-tertiary);width:120px;height:120px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;align-self:center}.avatar.lg{width:160px;height:160px}.avatar.sm{width:56px;height:56px}.profile-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.profile-info .name{font-family:Bold,sans-serif;font-size:1.6rem}.profile-info .email{color:var(--text-muted)}.badge{background-color:var(--black);color:var(--text-alt);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:6px;width:max-content;padding:4px 10px;font-size:.75rem;display:inline-flex}.badge.private{background-color:var(--accent)}.profile-actions{flex-direction:column;gap:8px;display:flex}@media (width>=500px){.profile-actions{flex-flow:wrap}}.stat-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=700px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background-color:var(--bg-sceondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:4px;padding:16px;display:flex}.stat-card .label{color:var(--text-muted);font-size:.85rem}.stat-card .value{font-family:Bold,sans-serif;font-size:1.6rem}.entity-hero{text-align:center;background-color:var(--bg-sceondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:18px;margin:24px auto;padding:22px;display:flex}@media (width>=700px){.entity-hero{text-align:left;flex-direction:row;align-items:end}}.entity-cover{border-radius:var(--radius);background-color:var(--bg-tertiary);width:200px;height:200px;box-shadow:var(--shadow);flex-shrink:0;overflow:hidden}.entity-cover img{object-fit:cover;width:100%;height:100%}.entity-meta{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.entity-meta .type{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:.8rem;display:flex}.entity-meta .type .badge{text-transform:uppercase}.entity-meta .title{word-break:break-word;font-family:Bold,sans-serif;font-size:2rem;line-height:1.05}@media (width>=700px){.entity-meta .title{font-size:2.6rem}}.entity-meta .description{color:var(--text-secondary);max-width:60ch}.entity-meta .meta-row{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.9rem;display:flex}.entity-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}footer{color:var(--text-muted);text-align:center;margin-top:auto;padding:28px 16px;font-size:.9rem}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.space-between{justify-content:space-between}.muted{color:var(--text-muted)}.mt-0{margin-top:0!important}.mt-12{margin-top:12px}.mt-24{margin-top:24px}.ico{width:18px;height:18px;display:block}.ico.lg{width:22px;height:22px}.ico.sm{width:14px;height:14px}.player{z-index:60;background-color:var(--black);color:var(--text-alt);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:1fr auto;grid-template-areas:"info controls""progress progress";align-items:center;gap:10px 14px;padding:10px 14px;display:grid;position:fixed;bottom:12px;left:12px;right:12px}.player .player-info{grid-area:info;align-items:center;gap:10px;min-width:0;display:flex}.player .player-info img{border-radius:var(--radius-sm);object-fit:cover;background-color:var(--bg-tertiary);width:50px;height:50px}.player .player-meta{flex-direction:column;min-width:0;display:flex}.player .player-track{white-space:nowrap;text-overflow:ellipsis;font-family:Accent,sans-serif;overflow:hidden}.player .player-author{color:var(--white);opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.player-controls{grid-area:controls;align-items:center;gap:4px;display:flex}.player-btn{color:var(--text-alt);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.player-btn:hover{background-color:var(--black-soft)}.player-btn.play{background-color:var(--white);color:var(--black);width:44px;height:44px}.repeat-badge{margin-left:5px!important}.player-btn.play:hover{background-color:#e6e6e6}.player-btn.liked{color:var(--like)}.player-progress{color:var(--white);opacity:.9;grid-area:progress;align-items:center;gap:10px;font-size:.8rem;display:flex}.bar{background-color:var(--black-soft);cursor:pointer;border-radius:999px;flex:1;height:4px;overflow:hidden}.bar .fill{background-color:var(--white);height:100%}.player-progress .bar .fill{width:38%}.player-extra{grid-area:extra;justify-content:end;align-items:center;gap:8px;display:none}.volume{align-items:center;gap:8px;width:140px;display:flex}.volume .bar .fill{width:65%}@media (width>=900px){.player{grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);grid-template-areas:"info controls extra""progress progress progress";padding:12px 18px}.player-controls{justify-self:center}.player-extra{display:flex}}@media (width>=1200px){.player{left:20%;right:20%}}.error-hero{border-radius:var(--radius);background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);box-shadow:var(--shadow-sm);text-align:center;flex-direction:column;align-items:center;gap:20px;margin:32px auto 24px;padding:32px 24px;display:flex}.error-code{letter-spacing:-.02em;background:linear-gradient(130deg, var(--black) 20%, var(--accent) 80%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:8rem;font-weight:800;line-height:1}.error-icon{background:var(--bg-elevated);width:100px;height:100px;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.error-icon svg{width:60px;height:60px;stroke:var(--black);stroke-width:1.5px;fill:none}.error-hero h1{margin-top:4px;font-size:2rem;font-weight:700}.error-hero p{max-width:500px;color:var(--text-secondary);font-size:1.05rem;line-height:1.5}.error-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}@media (width>=700px){.error-code{font-size:12rem}.error-hero h1{font-size:2.6rem}.error-hero{padding:48px 40px}}.error-message{color:red;background-color:#fdd1d194;border:1px solid #e53e3e;border-radius:.5rem;padding:1rem;font-size:.75rem}.hint{color:#718096;font-size:.75rem}.dropzone{cursor:pointer;text-align:center;background:#f7fafc;border:2px dashed #cbd5e0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:1.5rem;transition:all .2s;display:flex}.dropzone.is-dragover{background:#ebf8ff;border-color:#3182ce}.dropzone.has-preview{background:0 0;border:none;padding:0}.preview{width:100%;max-width:200px;position:relative}.preview img{border-radius:8px;width:100%}@keyframes wave{0%,to{opacity:.6;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1.2)}}.mini-player{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#1db9541a;border:1px solid #1db9544d;border-radius:40px;justify-content:center;align-items:center;gap:12px;width:100%;padding:6px 16px 6px 12px;transition:all .2s;display:flex}.mini-player:hover{background:#1db95433;border-color:#1db954;transform:scale(1.02)}.waveform{align-items:center;gap:3px;height:24px;display:flex}.waveform span{background-color:#1db954;border-radius:2px;width:3px;animation:1s ease-in-out infinite wave}.waveform span:first-child{height:8px;animation-delay:0s}.waveform span:nth-child(2){height:16px;animation-delay:.1s}.waveform span:nth-child(3){height:22px;animation-delay:.2s}.waveform span:nth-child(4){height:16px;animation-delay:.3s}.waveform span:nth-child(5){height:8px;animation-delay:.4s}.mini-track-info{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex-direction:column;max-width:180px;font-size:.85rem;line-height:1.2;display:flex;overflow:hidden}.mini-track-name{color:#e5e7eb;font-weight:600}.mini-track-author{color:#9ca3af;font-size:.7rem}.mini-note-icon{color:#1db954;width:20px;height:20px;transition:transform .2s}.mini-mini-player:hover .note-icon{transform:rotate(5deg)scale(1.1)}.scroll-trigger{pointer-events:none;height:20px;margin-top:10px;padding:10px}