@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(./figtree-latin-ext-400-normal-CXAzuTZb.woff2) format("woff2"),url(./figtree-latin-ext-400-normal-Gbh-3PTk.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(./figtree-latin-400-normal-g7Dtegnw.woff2) format("woff2"),url(./figtree-latin-400-normal-BD4aNku5.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(./figtree-latin-ext-500-normal-Du0rIuHj.woff2) format("woff2"),url(./figtree-latin-ext-500-normal-BOEJvrb_.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(./figtree-latin-500-normal-BWnGEVsr.woff2) format("woff2"),url(./figtree-latin-500-normal-B_yy1phn.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(./figtree-latin-ext-600-normal-DJlfifZj.woff2) format("woff2"),url(./figtree-latin-ext-600-normal-CQqsimlV.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(./figtree-latin-600-normal-Cv_xCTDl.woff2) format("woff2"),url(./figtree-latin-600-normal-BM_oTo4n.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(./figtree-latin-ext-700-normal-CS4sQkGV.woff2) format("woff2"),url(./figtree-latin-ext-700-normal-BoDi4KL2.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(./figtree-latin-700-normal-th6qEP7c.woff2) format("woff2"),url(./figtree-latin-700-normal-BCCt2T1q.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:800;src:url(./figtree-latin-ext-800-normal-DLIuazCv.woff2) format("woff2"),url(./figtree-latin-ext-800-normal-Cp4dEvwL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:800;src:url(./figtree-latin-800-normal-30yxI7TZ.woff2) format("woff2"),url(./figtree-latin-800-normal-B7vj2UK8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:900;src:url(./figtree-latin-ext-900-normal-7_pmoOkR.woff2) format("woff2"),url(./figtree-latin-ext-900-normal-BfyWW5yK.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:900;src:url(./figtree-latin-900-normal-BCLx4uqW.woff2) format("woff2"),url(./figtree-latin-900-normal-BAYHxy6Q.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #000;--base: #121212;--elev: #1f1f1f;--elev2: #2a2a2a;--menu: #282828;--text: #fff;--sub: #b3b3b3;--green: #1ed760;--green-hi: #3be477;--row-h: 56px;--pad: max(24px, calc((100% - 1907px)/2) );--cols: [index] 16px [first] 4fr [var1] 2fr [var2] 2fr [last] minmax(120px, 1fr);font-family:Figtree,Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text);overflow:hidden}body{font-size:14px;line-height:1.5;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img{display:block}.hover-ul:hover{text-decoration:underline;cursor:pointer}.app{display:grid;grid-template-rows:64px minmax(0,1fr) auto;height:100%}.app-body{display:flex;min-height:0;min-width:0}.app.with-panels .app-body{gap:8px;padding:0 8px}.main{position:relative;flex:1;min-width:0;background:var(--base);overflow:hidden}.app.with-panels .main{border-radius:8px}.main-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.main-scroll::-webkit-scrollbar{width:12px}.main-scroll::-webkit-scrollbar-thumb{background:#ffffff4d;border:0}.main-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff80}.main-scroll::-webkit-scrollbar-track{background:transparent}.topbar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 16px;background:#000}.topbar-left,.topbar-right{display:flex;align-items:center;gap:8px;z-index:1}.topbar-center{position:absolute;left:50%;top:8px;transform:translate(-50%);display:flex;gap:8px;width:530px;max-width:calc(100% - 300px)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;color:var(--sub);border-radius:50%;width:32px;height:32px;flex:none;transition:color .1s,transform .1s}.icon-btn:hover{color:#fff}.icon-btn:disabled{opacity:.35;cursor:default}.nav-circle{width:32px;height:32px;background:#000000b3;color:#fff}.home-btn{width:48px;height:48px;border-radius:50%;background:var(--elev);color:var(--sub);display:flex;align-items:center;justify-content:center;flex:none;transition:transform .1s,color .1s}.home-btn:hover{transform:scale(1.04);color:#fff;background:#2a2a2a}.home-btn.active{color:#fff}.search-pill{flex:1;min-width:0;height:48px;border-radius:500px;background:var(--elev);display:flex;align-items:center;padding:0 12px;gap:12px;color:var(--sub);box-shadow:inset 0 0 0 1px transparent;transition:background .15s,box-shadow .15s}.search-pill:hover{background:#2a2a2a;box-shadow:inset 0 0 0 1px #2f2f2f}.search-pill:focus-within{box-shadow:inset 0 0 0 2px #fff;background:#2a2a2a}.search-pill input{flex:1;min-width:0;height:100%;background:transparent;border:0;outline:0;font-size:16px;color:#fff;-webkit-user-select:text;user-select:text}.search-pill input::placeholder{color:#a7a7a7;opacity:1}.search-pill .divider{width:1px;height:24px;background:#7c7c7c}.search-pill .browse{color:var(--sub);display:flex}.search-pill .browse:hover{color:#fff;transform:scale(1.04)}.pill-btn{height:32px;padding:0 16px;border-radius:500px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:transform .1s,background .1s}.pill-btn:hover{transform:scale(1.04)}.pill-btn.white{background:#fff;color:#000}.pill-btn.white:hover{background:#f0f0f0}.pill-btn.dark{background:transparent;color:var(--sub)}.pill-btn.dark:hover{color:#fff}.pill-btn.green{background:var(--green);color:#000;height:48px;padding:0 32px;font-size:16px}.pill-btn.green:hover{background:var(--green-hi)}.pill-btn.green:disabled{opacity:.5;transform:none;cursor:default}.pill-btn.outline{box-shadow:inset 0 0 0 1px #7c7c7c;color:#fff}.pill-btn.outline:hover{box-shadow:inset 0 0 0 1px #fff}.avatar-btn{width:48px;height:48px;border-radius:50%;background:var(--elev);display:flex;align-items:center;justify-content:center}.avatar-btn img,.avatar-btn .avatar-ph{width:32px;height:32px;border-radius:50%}.avatar-ph{background:#535353;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.sidebar{width:72px;flex:none;background:var(--base);border-radius:8px;display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:8px;overflow:hidden}.sidebar-head{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0 8px}.sidebar-list{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:4px;padding:0 8px;width:100%;align-items:center}.sidebar-list::-webkit-scrollbar{display:none}.side-item{width:56px;height:56px;padding:4px;border-radius:6px;flex:none;position:relative}.side-item:hover{background:#1f1f1f}.side-item.active{background:#232323}.side-item img,.side-item .tile{width:48px;height:48px;border-radius:4px;object-fit:cover}.side-item.round img,.side-item.round .tile{border-radius:50%}.side-item.playing:after{content:"";position:absolute;right:2px;bottom:2px;width:8px;height:8px;border-radius:50%;background:var(--green)}.side-add{width:32px;height:32px;border-radius:50%;background:#1f1f1f;color:var(--sub);display:flex;align-items:center;justify-content:center}.side-add:hover{color:#fff;background:#2a2a2a;transform:scale(1.04)}[data-tip]{position:relative}.tip{position:fixed;z-index:1000;background:#282828;color:#fff;font-size:14px;padding:4px 8px;border-radius:4px;box-shadow:0 16px 24px #0000004d,0 6px 8px #0003;pointer-events:none;white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis}.liked-tile{background:linear-gradient(135deg,#450af5,#c4efd9);display:flex;align-items:center;justify-content:center;color:#fff}.page-header{position:relative;display:flex;align-items:flex-end;gap:24px;padding:79px var(--pad) 24px;background-color:var(--hdr, #535353);background-image:linear-gradient(transparent 0,#00000080);min-height:335px}.page-header .cover{--cs: clamp(128px, calc(128px + (100vw - 600px)*.104) , 232px);width:var(--cs);height:var(--cs);flex:none;border-radius:4px;box-shadow:0 4px 60px #00000080;object-fit:cover;background:#282828}.page-header .cover.round{border-radius:50%}.page-header .cover.liked-tile svg{width:34%;height:34%}.page-header .cover.liked-tile{background:linear-gradient(135deg,#450af5,#c4efd9)}.page-header .info{min-width:0;flex:1;display:flex;flex-direction:column}.page-header .label{font-size:14px;font-weight:600;margin:0 0 2px 1px;line-height:1.5}.page-header h1{margin:0;font-weight:800;letter-spacing:-.008em;line-height:1.02;padding:.06em 0 .12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--title-size, 96px)}.page-header h1.wrap{white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.page-header .meta{display:flex;align-items:center;flex-wrap:wrap;font-size:14px;color:#ffffffb3;margin-top:6px;line-height:24px}.page-header .meta img,.page-header .meta .avatar-ph{width:24px;height:24px;border-radius:50%;margin-right:4px}.page-header .meta .avatar-ph{font-size:11px}.page-header .meta b{color:#fff;font-weight:700}.page-header .meta .dot{margin:0 4px}.page-body{position:relative;isolation:isolate}.page-body:before{content:"";position:absolute;left:0;right:0;top:0;height:232px;background-color:var(--hdr, #535353);background-image:linear-gradient(rgba(0,0,0,.6) 0,var(--base) 100%);z-index:-1}.action-bar{display:flex;align-items:center;gap:18px;padding:24px var(--pad)}.big-play{width:56px;height:56px;border-radius:50%;background:var(--green);color:#000;display:flex;align-items:center;justify-content:center;flex:none;transition:transform .05s,background .1s}.big-play:hover{transform:scale(1.04);background:var(--green-hi)}.big-play:active{transform:scale(1);background:#1aa34a}.big-play svg{width:24px;height:24px}.act-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--sub);flex:none;transition:transform .1s,color .1s}.act-btn:hover{color:#fff;transform:scale(1.04)}.act-btn.on{color:var(--green)}.act-btn.on:hover{color:var(--green-hi)}.act-btn.on:after{content:"";position:absolute;left:50%;bottom:-1px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--green)}.action-bar .spacer{flex:1}.list-tools{display:flex;align-items:center;gap:4px;margin-right:8px}.find-box{display:flex;align-items:center;height:32px;border-radius:4px;color:var(--sub);transition:width .2s,background .2s;width:32px;overflow:hidden}.find-box .icon-btn{width:32px;height:32px}.find-box.open{width:220px;background:#2a2a2a}.find-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:14px;padding:0 8px 0 0;-webkit-user-select:text;user-select:text}.find-box input::placeholder{color:var(--sub)}.sort-btn{display:flex;align-items:center;gap:12px;height:32px;padding:0 0 0 8px;color:var(--sub);font-size:14px;font-weight:600;white-space:nowrap}.sort-btn:hover{color:#fff;transform:scale(1.02)}.chips{display:flex;gap:8px;padding:6px var(--pad) 9px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{height:32px;padding:0 12px;border-radius:32px;background:#ffffff1a;color:#fff;font-size:14px;font-weight:600;white-space:nowrap;flex:none;display:flex;align-items:center;transition:background .1s}.chip:hover{background:#fff3}.chip.on{background:#fff;color:#000}.chip.x{width:32px;padding:0;justify-content:center}.tracklist{padding:0 var(--pad) 32px}.tl-row{display:grid;grid-template-columns:var(--cols);grid-gap:16px;padding:0 16px;height:var(--row-h);align-items:center;border-radius:4px;color:var(--sub);position:relative;font-weight:500}.tl-head{height:36px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0;margin-bottom:16px;position:sticky;top:64px;z-index:3;background:transparent}.tl-head.stuck{background:#1a1a1a;margin-left:calc(-1 * var(--pad-px, 24px));margin-right:calc(-1 * var(--pad-px, 24px));padding-left:calc(var(--pad-px, 24px) + 16px);padding-right:calc(var(--pad-px, 24px) + 16px);box-shadow:0 -1px #1a1a1a}.tl-head .h{display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden}.tl-head .h.sortable:hover{color:#fff;cursor:pointer}.tl-head .h.active{color:#fff}.tl-head .h.active.green{color:var(--green)}.tl-head .idx{justify-content:center;font-size:16px}.tl-head .end{justify-content:flex-end;padding-right:32px}.tl-row.track{cursor:default}.tl-row.track:hover{background:#ffffff1a}.tl-row.track.selected{background:#ffffff4d}.tl-row .idx{display:flex;justify-content:center;align-items:center;font-size:16px;min-width:16px;font-variant-numeric:tabular-nums;position:relative}.tl-row .idx .num{display:block}.tl-row .idx .play{display:none;color:#fff}.tl-row.track:hover .idx .num,.tl-row.track.selected .idx .num{display:none}.tl-row.track:hover .idx .play,.tl-row.track.selected .idx .play{display:flex}.tl-row.playing .idx .num{color:var(--green)}.tl-row .first{display:flex;align-items:center;min-width:0}.tl-row .first img,.tl-row .first .ph{width:40px;height:40px;border-radius:4px;margin-right:12px;flex:none;object-fit:cover;background:#282828}.ph{display:flex;align-items:center;justify-content:center;color:#7f7f7f;background:#282828}.tl-row .names{min-width:0;display:flex;flex-direction:column}.tl-row .t{color:#fff;font-size:16px;font-weight:600;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-row.playing .t{color:var(--green)}.tl-row .a{font-size:14px;line-height:1.43;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-row .a span:hover,.tl-row .alb span:hover{color:#fff;text-decoration:underline;cursor:pointer}.tl-row.track:hover .a,.tl-row.track:hover .alb{color:#fff}.tl-row .alb,.tl-row .date{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-row .end{display:flex;align-items:center;justify-content:flex-end;font-size:14px;font-variant-numeric:tabular-nums}.tl-row .end .dur{margin-right:32px;min-width:0;text-align:right}.tl-row .end .like{margin-right:16px;visibility:hidden;color:var(--sub);display:flex}.tl-row .end .like.on{color:var(--green)}.tl-row .end .like:hover{color:#fff;transform:scale(1.04)}.tl-row .end .like.on:hover{color:var(--green-hi)}.tl-row .end .more{position:absolute;right:16px;visibility:hidden;color:#fff;display:flex}.tl-row.track:hover .end .like,.tl-row.track:hover .end .more,.tl-row.track.selected .end .like,.tl-row.track.selected .end .more,.tl-row.track .end .like.on.always{visibility:visible}.eq{display:flex;align-items:flex-end;gap:2px;height:14px;width:14px}.eq i{display:block;width:2px;background:var(--green);border-radius:1px;animation:eq .9s ease-in-out infinite}.eq i:nth-child(1){animation-delay:-.2s}.eq i:nth-child(2){animation-delay:-.5s}.eq i:nth-child(3){animation-delay:-.1s}.eq i:nth-child(4){animation-delay:-.7s}@keyframes eq{0%,to{height:3px}50%{height:14px}}.compact{--row-h: 32px}.compact .tl-row .first img,.compact .tl-row .first .ph{display:none}.compact .tl-row .names{flex-direction:row;gap:6px;align-items:baseline}.compact .tl-row .t{font-size:14px}.compact .tl-row .a:before{content:"•";margin-right:6px}.tl-spacer{pointer-events:none}.tl-empty{padding:48px 0;text-align:center;color:var(--sub)}.tl-empty h3{color:#fff;font-size:24px;margin:0 0 8px}.list-loading{height:3px;margin:0 var(--pad);background:linear-gradient(90deg,transparent,var(--green),transparent);background-size:200% 100%;animation:load 1s linear infinite}@keyframes load{to{background-position:-200% 0}}.cols-album .tl-row{--cols: [index] 16px [first] 1fr [last] minmax(120px, 1fr)}.cols-album .tl-row .alb,.cols-album .tl-row .date,.cols-album .tl-head .alb,.cols-album .tl-head .date{display:none}.sticky-bar{position:absolute;top:0;left:0;right:0;height:64px;z-index:5;display:flex;align-items:center;gap:8px;padding:0 var(--pad);pointer-events:none}.sticky-bar .bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--hdr, #535353);background-image:linear-gradient(#0009,#0009);opacity:0;transition:opacity .25s}.sticky-bar .content{position:relative;display:flex;align-items:center;gap:8px;opacity:0;transition:opacity .25s}.sticky-bar.show .bg,.sticky-bar.show .content{opacity:1;pointer-events:auto}.sticky-bar .big-play{width:48px;height:48px}.sticky-bar .ttl{font-size:24px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu{position:fixed;z-index:900;min-width:196px;max-width:350px;max-height:calc(100vh - 32px);overflow-y:auto;background:var(--menu);border-radius:4px;padding:4px;box-shadow:0 16px 24px #0000004d,0 6px 8px #0003}.menu .mi{display:flex;align-items:center;gap:12px;width:100%;height:40px;padding:0 12px 0 8px;border-radius:2px;color:#ffffffe6;font-size:14px;text-align:left;white-space:nowrap}.menu .mi:hover{background:#3e3e3e;color:#fff}.menu .mi.on{color:var(--green)}.menu .mi .grow{flex:1;overflow:hidden;text-overflow:ellipsis}.menu .mh{padding:12px 12px 6px;font-size:11px;font-weight:700;color:var(--sub)}.menu .sep{height:1px;background:#ffffff1a;margin:4px 0}.home{padding:16px var(--pad) 32px;position:relative;isolation:isolate}.home:before{content:"";position:absolute;left:0;right:0;top:0;height:332px;background:linear-gradient(rgba(83,60,160,.55),var(--base));z-index:-1}.home .filters{display:flex;gap:8px;padding:8px 0 24px}.shortcuts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;margin-bottom:40px}.shortcut{display:flex;align-items:center;height:64px;border-radius:4px;background:#ffffff1a;overflow:hidden;position:relative;font-weight:700;font-size:14px;transition:background .2s}.shortcut:hover{background:#fff3}.shortcut img,.shortcut .tile{width:64px;height:64px;flex:none;object-fit:cover;box-shadow:0 8px 24px #00000080}.shortcut .tile svg{width:24px;height:24px}.shortcut .nm{padding:0 56px 0 12px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.shortcut .big-play{position:absolute;right:8px;width:40px;height:40px;opacity:0;transition:opacity .2s;box-shadow:0 8px 8px #0000004d}.shortcut .big-play svg{width:18px;height:18px}.shortcut:hover .big-play,.shortcut .big-play.on{opacity:1}.shelf{margin-bottom:32px}.shelf-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:8px}.shelf-head h2{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0}.shelf-head h2:hover{text-decoration:underline;cursor:pointer}.shelf-head .all{color:var(--sub);font-size:14px;font-weight:700}.shelf-head .all:hover{text-decoration:underline}.cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);grid-template-rows:1fr;overflow:hidden;margin:0 -12px}.card{padding:12px;border-radius:6px;transition:background .2s;min-width:0}.card:hover{background:#1f1f1f}.card .art{position:relative;aspect-ratio:1;margin-bottom:8px}.card .art img,.card .art .tile{width:100%;height:100%;border-radius:6px;object-fit:cover;box-shadow:0 8px 24px #00000080}.card.round .art img,.card.round .art .tile{border-radius:50%}.card .art .big-play{position:absolute;right:8px;bottom:8px;width:48px;height:48px;opacity:0;transform:translateY(8px);transition:all .3s;box-shadow:0 8px 8px #0000004d}.card:hover .art .big-play{opacity:1;transform:none}.card .ct{font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .cs{font-size:14px;color:var(--sub);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-page{padding:16px var(--pad) 32px}.browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}.browse-tile{aspect-ratio:1.6;border-radius:8px;padding:16px;font-size:24px;font-weight:700;position:relative;overflow:hidden;letter-spacing:-.02em}.browse-tile img,.browse-tile .tile{position:absolute;width:45%;aspect-ratio:1;right:-8%;bottom:-6%;transform:rotate(25deg);box-shadow:0 2px 4px #0003;border-radius:4px}.search-top{display:grid;grid-template-columns:minmax(300px,2fr) 3fr;gap:24px;margin-bottom:32px}.top-result{background:#181818;border-radius:8px;padding:20px;position:relative;transition:background .3s}.top-result:hover{background:#282828}.top-result img,.top-result .tile{width:92px;height:92px;border-radius:4px;box-shadow:0 8px 24px #00000080;margin-bottom:20px}.top-result .tt{font-size:32px;font-weight:700;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-result .ts{color:var(--sub);font-size:14px}.top-result .ts b{color:#fff;font-weight:400}.top-result .big-play{position:absolute;right:20px;bottom:20px;opacity:0;transition:all .3s;transform:translateY(8px)}.top-result:hover .big-play{opacity:1;transform:none}.search-songs .tl-row{--cols: [first] 1fr [last] minmax(80px, auto);padding:0 8px}.search-songs .tracklist{padding:0}.h2{font-size:24px;font-weight:700;margin:0 0 8px;letter-spacing:-.02em}.empty-state{padding:80px 0;text-align:center}.empty-state h2{font-size:24px;margin:0 0 8px}.empty-state p{color:var(--sub);margin:0 0 24px}.player{height:87px;display:grid;grid-template-columns:minmax(180px,30%) minmax(0,40%) minmax(180px,30%);align-items:start;padding:0 8px;background:#000}.np{display:flex;align-items:center;gap:12px;min-width:0;padding:16px 0 0 8px;height:72px}.np img,.np .ph{width:56px;height:56px;border-radius:4px;flex:none;object-fit:cover}.np .txt{min-width:0;display:flex;flex-direction:column}.np .t{font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np .a{font-size:12px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np .a:hover,.np .t:hover{text-decoration:underline;color:#fff;cursor:pointer}.np .like{color:var(--sub);display:flex;margin-left:4px;flex:none}.np .like.on{color:var(--green)}.np .like:hover{color:#fff;transform:scale(1.04)}.np .like.on:hover{color:var(--green-hi)}.controls{display:flex;flex-direction:column;align-items:center;max-width:722px;width:100%;justify-self:center;padding-top:16px}.ctl-row{display:flex;align-items:center;gap:8px;height:32px}.ctl{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--sub)}.ctl:hover{color:#fff;transform:scale(1.04)}.ctl.on{color:var(--green)}.ctl.on:hover{color:var(--green-hi)}.ctl.on:after{content:"";position:absolute;bottom:0;left:50%;margin-left:-2px;width:4px;height:4px;border-radius:50%;background:var(--green)}.ctl:disabled{opacity:.4;transform:none;cursor:default}.ctl-play{width:32px;height:32px;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;margin:0 8px}.ctl-play:hover{transform:scale(1.06)}.ctl-play:disabled{opacity:.5;transform:none}.prog-row{display:flex;align-items:center;gap:8px;width:100%;height:16px;margin-top:8px}.prog-row .time{font-size:12px;color:var(--sub);min-width:48px;font-variant-numeric:tabular-nums}.prog-row .time.l{text-align:right}.slider{position:relative;flex:1;height:12px;display:flex;align-items:center;cursor:pointer;touch-action:none}.slider .track{position:relative;width:100%;height:4px;border-radius:2px;background:#4d4d4d;overflow:hidden}.slider .fill{position:absolute;left:0;top:0;bottom:0;background:#fff;border-radius:2px}.slider .knob{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #00000080;display:none}.slider:hover .fill,.slider.drag .fill{background:var(--green)}.slider:hover .knob,.slider.drag .knob{display:block}.slider.disabled{cursor:default}.slider.disabled .fill,.slider.disabled .knob{display:none}.extras{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 8px 0 0;height:72px}.extras .vol{width:93px;flex:none}.extras .chan{font-size:12px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;display:flex;align-items:center;gap:4px}.extras .chan.on,.ctl.active{color:var(--green)}.mini-prog{display:none}.queue-panel{width:340px;flex:none;background:var(--base);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.queue-panel .qh{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px}.queue-panel .qh h3{margin:0;font-size:16px;font-weight:700}.queue-panel .qbody{flex:1;overflow-y:auto;padding:0 8px 16px;scrollbar-width:thin}.queue-panel .qsec{font-size:16px;font-weight:700;padding:16px 8px 8px;display:flex;justify-content:space-between;align-items:center}.queue-panel .qsec button{font-size:14px;color:var(--sub);font-weight:600}.queue-panel .qsec button:hover{color:#fff}.q-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;position:relative}.q-item:hover{background:#1f1f1f}.q-item img,.q-item .ph{width:48px;height:48px;border-radius:4px;flex:none;object-fit:cover}.q-item .txt{flex:1;min-width:0}.q-item .t{color:#fff;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-item.now .t{color:var(--green)}.q-item .a{color:var(--sub);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-item .rm{visibility:hidden;color:var(--sub)}.q-item:hover .rm{visibility:visible}.q-item .rm:hover{color:#fff}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:16px;animation:fade .15s}@keyframes fade{0%{opacity:0}}.modal{width:min(720px,100%);max-height:calc(100vh - 32px);background:#282828;border-radius:8px;box-shadow:0 4px 60px #00000080;display:flex;flex-direction:column;animation:pop .18s ease-out}@keyframes pop{0%{transform:scale(.96);opacity:0}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 8px}.modal-head h2{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em}.modal-head .icon-btn{color:var(--sub)}.modal-body{padding:8px 24px;overflow-y:auto;min-height:0}.modal-foot{display:flex;align-items:center;gap:16px;padding:16px 24px 24px;flex-wrap:wrap}.modal-foot .spacer{flex:1}.dropzone{border:2px dashed rgba(255,255,255,.25);border-radius:8px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;transition:border-color .15s,background .15s}.dropzone.small{padding:16px;flex-direction:row;justify-content:center;gap:16px}.dropzone.over{border-color:var(--green);background:#1ed76014}.dropzone .dz-icon{width:72px;height:72px;border-radius:50%;background:#3e3e3e;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:8px}.dropzone.over .dz-icon{background:var(--green);color:#000}.dropzone .dz-title{font-size:20px;font-weight:700;letter-spacing:-.01em}.dropzone .dz-sub{color:var(--sub);font-size:14px}.dropzone .dz-or{color:var(--sub);font-size:14px;margin:4px 0}.up-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.up-item{display:grid;grid-template-columns:64px 1fr auto;gap:16px;padding:12px;border-radius:6px;background:#1f1f1f;align-items:start}.up-item .art{width:64px;height:64px;border-radius:4px;object-fit:cover;background:#3e3e3e}.up-item .fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;min-width:0}.up-item .fname{grid-column:1 / -1;font-size:12px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field{position:relative;min-width:0}.field label{display:block;font-size:12px;font-weight:700;color:var(--sub);margin-bottom:4px;line-height:16px}.field input{width:100%;height:36px;border-radius:4px;border:1px solid transparent;background:#3e3e3e;padding:0 10px;font-size:14px;outline:0;-webkit-user-select:text;user-select:text}.field input:focus{border-color:#535353;background:#333}.field input::placeholder{color:#9a9a9a}.field input:disabled{opacity:.6}.up-item .status{grid-column:1 / -1;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--sub);min-height:18px}.up-item .status.err{color:#f15e6c}.up-item .status.dup{color:#ffa42b}.up-item .status.ok{color:var(--green)}.up-item .bar{flex:1;height:4px;border-radius:2px;background:#4d4d4d;overflow:hidden}.up-item .bar i{display:block;height:100%;background:var(--green);border-radius:2px;transition:width .15s}.up-item .side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.check{display:inline-flex;align-items:center;gap:10px;font-size:14px;cursor:pointer;color:#fff}.check input{display:none}.check .box{width:18px;height:18px;border-radius:3px;border:1px solid #878787;display:flex;align-items:center;justify-content:center;color:#000}.check input:checked+.box{background:var(--green);border-color:var(--green)}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:950;background:#000000bf;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:fade .1s}.drop-overlay .inner{border:3px dashed var(--green);border-radius:16px;padding:56px 72px;text-align:center;background:#121212e6}.drop-overlay .inner .dz-icon{width:96px;height:96px;border-radius:50%;background:var(--green);color:#000;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.drop-overlay h2{margin:0 0 4px;font-size:32px;letter-spacing:-.03em}.drop-overlay p{margin:0;color:var(--sub)}.toasts{position:fixed;left:50%;bottom:104px;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{background:#fff;color:#000;font-size:14px;font-weight:500;padding:8px 16px;border-radius:8px;box-shadow:0 8px 24px #00000080;animation:toastin .2s ease-out;max-width:90vw;text-align:center;display:flex;align-items:center;gap:8px}.toast.error{background:#e91429;color:#fff}.toast.ok svg{color:#1aa34a}@keyframes toastin{0%{transform:translateY(8px);opacity:0}}.splash{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#121212;padding:24px;text-align:center}.splash .logo{width:64px;height:64px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;color:#000}.splash .msg{color:var(--sub);max-width:520px}.splash .err{color:#fff;font-size:16px;max-width:560px}.spinner{width:28px;height:28px;border:3px solid #333;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.banner{margin:0 var(--pad) 16px;padding:12px 16px;border-radius:6px;background:#2a2a2a;color:#fff;font-size:14px;display:flex;gap:10px;align-items:center}.banner svg{color:#ffa42b;flex:none}@media (max-width: 1100px){.tl-row{--cols: [index] 16px [first] 4fr [var1] 2fr [last] minmax(120px, 1fr)}.tl-row .date{display:none}.queue-panel{width:300px}}@media (max-width: 900px){.topbar .upload-label{display:none}.topbar-center{max-width:calc(100% - 200px)}.extras .chan{display:none}.queue-panel{position:fixed;right:8px;top:64px;bottom:95px;z-index:60;box-shadow:0 8px 32px #0009}}@media (max-width: 760px){.tl-row{--cols: [index] 16px [first] 1fr [last] minmax(72px, auto)}.tl-row .alb{display:none}.tl-row .end .dur{margin-right:24px}.search-top{grid-template-columns:1fr}.sidebar{display:none}.app.with-panels .app-body{padding:0;gap:0}.app.with-panels .main{border-radius:0}}@media (max-width: 640px){:root{--pad: 16px}.app{grid-template-rows:56px minmax(0,1fr) auto}.topbar{padding:0 8px}.topbar-left{display:none}.topbar-center{position:static;transform:none;flex:1;max-width:none;width:auto;margin-right:8px}.home-btn,.search-pill,.avatar-btn{height:40px}.home-btn,.avatar-btn{width:40px}.search-pill input{font-size:14px}.search-pill .divider,.search-pill .browse,.topbar-right .avatar-btn{display:none}.page-header{flex-direction:column;align-items:flex-start;gap:16px;padding-top:24px;min-height:0}.page-header .cover{--cs: min(56vw, 200px);align-self:center}.page-header h1{--title-size: 32px}.action-bar{gap:8px;padding:16px var(--pad)}.action-bar .big-play{order:9;margin-left:auto}.action-bar .spacer{display:none}.list-tools{margin-right:0}.sort-btn .lbl{display:none}.tl-row{--cols: [first] 1fr [last] auto;padding:0 8px;gap:12px}.tl-row .idx,.tl-head .idx,.tl-head,.tl-row .end .dur,.tl-row .end .like{display:none}.tl-row .end .more{position:static;visibility:visible;color:var(--sub)}.tracklist{padding-top:8px}.sticky-bar .big-play{display:none}.player{height:64px;grid-template-columns:1fr auto;padding:0 8px;position:relative;margin:0 8px 8px;background:#2a2a2a;border-radius:6px}.np{height:64px;padding:0 0 0 4px;gap:8px}.np img,.np .ph{width:44px;height:44px}.controls{flex-direction:row;padding:0;height:64px;width:auto;align-items:center}.controls .prog-row,.ctl-row .ctl.opt,.ctl-row .egg-spacer{display:none}.egg-btn .egg-img{height:36px}.egg-btn{margin-right:4px}.extras{display:none}.mini-prog{display:block;position:absolute;left:8px;right:8px;bottom:0;height:2px;background:#fff3;border-radius:1px;overflow:hidden}.mini-prog i{display:block;height:100%;background:#fff}.queue-panel{left:8px;right:8px;width:auto;bottom:80px}.toasts{bottom:88px}.up-item{grid-template-columns:48px 1fr}.up-item .art{width:48px;height:48px}.up-item .fields{grid-template-columns:1fr}.up-item .side{grid-column:1 / -1;flex-direction:row;justify-content:flex-end}.modal-head{padding:16px 16px 8px}.modal-body{padding:8px 16px}.modal-foot{padding:12px 16px 16px}.dropzone{padding:24px 16px}.shortcuts{grid-template-columns:1fr 1fr}.shortcut{height:56px;font-size:12px}.shortcut img,.shortcut .tile{width:56px;height:56px}.shortcut .big-play{display:none}.shortcut .nm{padding-right:8px}.cards{grid-auto-columns:140px;overflow-x:auto;scrollbar-width:none}}.cols-album .tl-row .first img,.cols-album .tl-row .first .ph{display:none}.qsec button{white-space:nowrap;flex:none}.q-item .q-lines{display:flex;flex-direction:column;gap:2px}.q-lines .r1,.q-lines .r2{display:flex;align-items:center;gap:8px;min-width:0}.q-lines .r1 .t{flex:1;min-width:0}.q-lines .r2 .a{flex:1 1 0;min-width:40px}.q-lines .dur{flex:none;color:var(--sub);font-size:14px;font-variant-numeric:tabular-nums}.added-by{display:inline-flex;align-items:center;gap:4px;color:var(--sub);font-size:12px;flex:0 1 auto;min-width:0;max-width:62%}.added-by .lbl{flex:none}.added-by .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;color:#d6d6d6}.added-by .ab-av,.q-item .added-by img.ab-av{width:16px;height:16px;border-radius:50%;flex:none;object-fit:cover;font-size:9px}.q-item .rm{flex:none}.np .by{font-size:11px;color:#8a8a8a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.egg-spacer{width:34px;height:32px;flex:none}.egg-btn{width:34px;overflow:visible;z-index:2}.egg-btn:hover{transform:none}.egg-btn:disabled{opacity:1}.egg-btn>span{display:block;transform-origin:50% 100%}.egg-btn .egg-trick{position:absolute;left:50%;bottom:0;margin-left:-20px;width:40px;display:flex;justify-content:center;animation:egg-trick 3.6s ease-in-out infinite}.egg-btn .egg-sway{animation:egg-sway .9s ease-in-out infinite;transform-origin:50% 100%}.egg-btn .egg-img{display:block;height:42px;width:auto;transform-origin:50% 100%;animation:egg-bounce .45s cubic-bezier(.3,0,.5,1) infinite;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));transition:filter .2s;pointer-events:none;-webkit-user-select:none;user-select:none}.egg-btn:hover .egg-img{filter:drop-shadow(0 0 6px rgba(255,170,60,.85)) drop-shadow(0 2px 3px rgba(0,0,0,.5))}.egg-btn:active .egg-trick{scale:.9}.egg-btn.hop .egg-trick{animation:egg-hop .6s cubic-bezier(.3,0,.4,1) both}.egg-btn.is3d{pointer-events:none}.egg-btn.is3d .egg-trick{visibility:hidden}@keyframes egg-sway{0%,to{transform:translate(0) rotate(0) skew(0)}25%{transform:translate(-3px) rotate(-13deg) skew(9deg)}50%{transform:translate(0) rotate(0) skew(0)}75%{transform:translate(3px) rotate(13deg) skew(-9deg)}}@keyframes egg-bounce{0%,to{transform:translateY(0) scale(1.12,.86)}45%{transform:translateY(-5px) scale(.93,1.1)}60%{transform:translateY(-5px) scale(.97,1.04)}}@keyframes egg-trick{0%,78%{transform:translateY(0) rotate(0)}84%{transform:translateY(-9px) rotate(0)}94%{transform:translateY(-9px) rotate(360deg)}to{transform:translateY(0) rotate(360deg)}}@keyframes egg-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){.egg-btn .egg-trick,.egg-btn .egg-sway{animation:none}.egg-btn .egg-img{animation:egg-bob 2.4s ease-in-out infinite}}@keyframes egg-hop{0%{transform:translateY(0) scale(1.15,.8)}35%{transform:translateY(-14px) rotate(-12deg)}70%{transform:translateY(0) scale(1.18,.78)}to{transform:none}}.egg3d-canvas{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:70;pointer-events:none}.egg3d-hit{position:fixed;left:0;top:0;z-index:71;cursor:pointer;border-radius:40%;will-change:transform;-webkit-tap-highlight-color:transparent}.egg3d-hit.busy{pointer-events:none}.prank{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#000;display:flex;align-items:flex-end;justify-content:center;padding:24px 16px max(24px,6vh);overflow:hidden;-webkit-user-select:none;user-select:none}.prank-img,.prank-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;pointer-events:none}.prank-bg{display:none}@media (min-aspect-ratio: 4/5){.prank-bg{display:block;object-position:center;filter:blur(28px) brightness(.55) saturate(1.2);transform:scale(1.15)}.prank-img{object-fit:contain;object-position:center;filter:drop-shadow(0 0 40px rgba(0,0,0,.6))}}@media (min-aspect-ratio: 4/5) and (min-width: 900px){.prank{align-items:center;justify-content:flex-end;padding:24px max(32px,5vw)}}.prank-card{position:relative;width:min(380px,100%);max-height:min(62vh,560px);display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:12px;background:#121212e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 16px 48px #0009;color:#fff;-webkit-user-select:text;user-select:text}.prank-card.shake{animation:prank-shake .45s cubic-bezier(.36,.07,.19,.97)}.prank-head h2{font-size:22px;font-weight:800;letter-spacing:-.02em}.prank-card.shake .prank-head h2{color:#f3727f}.prank-head p{margin-top:4px;font-size:13px;color:var(--sub)}.prank-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0;margin:0 -6px;padding:2px 6px}.prank-row{display:grid;grid-template-columns:1fr 112px 18px;align-items:center;gap:10px;flex:none}.prank-row .q{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.prank-row input{height:40px;width:100%;border-radius:6px;border:1px solid #727272;background:#1f1f1f;color:#fff;font:inherit;font-size:16px;font-weight:700;padding:0 12px;text-align:right;outline:none}.prank-row input:focus{border-color:#fff;box-shadow:0 0 0 1px #fff}.prank-row .mark{font-weight:800;text-align:center}.prank-row.ok .q{color:var(--sub)}.prank-row.ok input{border-color:var(--green);color:var(--green);background:#1ed7601a}.prank-row.ok .mark{color:var(--green)}.prank-row.bad input{border-color:#f3727f;background:#e914291f}.prank-row.bad input:focus{box-shadow:0 0 0 1px #f3727f}.prank-row.bad .q,.prank-row.bad .mark{color:#f3727f}.prank-submit{height:48px;border-radius:999px;background:var(--green);color:#000;font-size:16px;font-weight:700;flex:none;transition:transform .1s,background .1s}.prank-submit:hover{background:var(--green-hi);transform:scale(1.03)}.prank-submit:active{transform:scale(.98)}@keyframes prank-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}@media (prefers-reduced-motion: reduce){.prank-card.shake{animation:none}}@media (max-width: 640px){.prank{padding:12px 12px max(12px,3vh)}.prank-card{padding:16px;max-height:58vh}.prank-row{grid-template-columns:1fr 96px 16px}.prank-row .q{font-size:15px}}.queue-panel .qsec.q-from>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-item.q-hint .a{font-size:13px}.up-preview{grid-column:1 / -1;display:flex;align-items:center;gap:10px;min-height:28px;font-size:12px;color:var(--sub)}.up-preview .pv-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;min-width:28px;padding:0 12px 0 10px;border-radius:999px;border:1px solid #727272;color:#fff;font-size:13px;font-weight:700;background:transparent;cursor:pointer;transition:transform .1s,border-color .1s,background .1s}.up-preview .pv-btn:hover{border-color:#fff;transform:scale(1.04)}.up-preview.on .pv-btn{padding:0;width:28px;background:#fff;color:#000;border-color:#fff}.up-preview.on .pv-btn.playing,.up-preview.on .pv-btn:hover{background:var(--green);border-color:var(--green)}.up-preview .pv-time{font-variant-numeric:tabular-nums;min-width:32px;text-align:center}.up-preview .pv-seek{flex:1;min-width:60px;max-width:320px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;cursor:pointer;background:linear-gradient(to right,#fff 0,#fff var(--pct, 0%),#4d4d4d var(--pct, 0%),#4d4d4d 100%)}.up-preview .pv-seek:hover{background:linear-gradient(to right,var(--green) 0,var(--green) var(--pct, 0%),#4d4d4d var(--pct, 0%),#4d4d4d 100%)}.up-preview .pv-seek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;opacity:0;transition:opacity .1s}.up-preview .pv-seek:hover::-webkit-slider-thumb{opacity:1}.up-preview .pv-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 600px){.up-preview .pv-note{display:none}}.crim-face{display:inline-block;flex:none;border-radius:50%;overflow:hidden;background:#c47a2c;box-shadow:0 0 0 1px #ffffff14}.crim-face img{width:100%;height:100%;object-fit:cover;object-position:50% 70%;transform:scale(1.4);transform-origin:50% 66%;display:block}.crim-btn{display:flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 4px;border-radius:500px;background:#1f1f1f;color:var(--text-sub, #b3b3b3);font-size:14px;font-weight:700;white-space:nowrap;transition:background .1s,color .1s,transform .1s}.crim-btn:hover{background:#2a2a2a;color:#fff;transform:scale(1.04)}.crim-btn.open{background:#2a2a2a;color:#fff}.crim-pop{position:fixed;z-index:850;width:380px;max-width:calc(100vw - 16px);max-height:calc(100vh - 80px);overflow-y:auto;background:#282828;border-radius:8px;padding:16px;color:#fff;box-shadow:0 16px 24px #0000004d,0 6px 8px #0003;animation:fade .12s}.crim-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.crim-head-txt{min-width:0}.crim-kicker{font-size:12px;font-weight:700;color:#b3b3b3}.crim-title{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.25}.crim-up{color:var(--green, #1ed760);font-variant-numeric:tabular-nums}.crim-sub{font-size:13px;color:#b3b3b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crim-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.crim-tile{background:#333;border-radius:6px;padding:10px 12px;min-width:0}.crim-v{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.crim-l{font-size:12px;color:#b3b3b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crim-list{margin:14px 0 0}.crim-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid rgba(255,255,255,.07);font-size:13px}.crim-row dt{color:#b3b3b3;flex:none}.crim-row dd{margin:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crim-lb-h{font-size:16px;font-weight:700;margin:14px 0 6px}.crim-lb{list-style:none;margin:0;padding:0}.crim-lb li{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:4px;font-size:14px}.crim-lb li:hover{background:#ffffff12}.crim-rank{width:16px;text-align:right;color:#b3b3b3;font-variant-numeric:tabular-nums}.crim-lb li:first-child .crim-rank{color:var(--green, #1ed760);font-weight:800}.crim-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crim-lb-v{font-weight:700;font-variant-numeric:tabular-nums}.crim-lb-v small{font-weight:400;color:#b3b3b3}.crim-empty{font-size:13px;color:#b3b3b3}@media (max-width: 900px){.crim-btn-label{display:none}.crim-btn{padding:0 8px 0 4px}}