*,:before,:after{box-sizing:border-box;margin:0;padding:0}*{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}html,body{background:#000;height:100%}body{-webkit-font-smoothing:antialiased;background:#000;justify-content:center;align-items:center;font-family:Segoe UI,Segoe WP,Helvetica Neue,Arial,sans-serif;display:flex;overflow:hidden}#root{display:contents}:root{--accent:#5ca800}.app-shell{touch-action:pan-y;overscroll-behavior:none;background:#000;flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}@media (width>=481px){.app-shell{max-width:480px;height:min(800px,100dvh);box-shadow:0 40px 100px -20px #000000f2,0 0 0 1px #ffffff0f}}.theme-dark{--bg:#000;--fg:#fff;--dim:#ffffff8c;--line:#ffffff38;background:var(--bg);color:var(--fg)}.theme-light{--bg:#fafafa;--fg:#0a0a0a;--dim:#00000080;--line:#0000002e;background:var(--bg);color:var(--fg)}.screen-content{flex:1;transition:transform .26s cubic-bezier(.2,.7,.3,1),filter .26s;position:relative;overflow:hidden}.ctx-open .screen-content{filter:brightness(.42)saturate(.85);transform-origin:50% 42%;pointer-events:none;transform:scale(.93)}.screen-in{height:100%;position:relative;overflow:hidden}@media (prefers-reduced-motion:no-preference){.screen-fwd{transform-origin:0;animation:.3s ease-in-out both turnstileIn}@keyframes turnstileIn{0%{opacity:0;transform:perspective(600px)rotateY(-60deg)}to{opacity:1;transform:perspective(600px)rotateY(0)}}.screen-back{transform-origin:100%;animation:.28s ease-in-out both turnstileBack}@keyframes turnstileBack{0%{opacity:0;transform:perspective(600px)rotateY(60deg)}to{opacity:1;transform:perspective(600px)rotateY(0)}}.swap{animation:.32s cubic-bezier(.2,.7,.3,1) rise}@keyframes rise{0%{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}:is(.llist,.song-list,.album-list,.card-albums-grid,.pl-list,.track-list)>*{animation:.25s cubic-bezier(.2,.75,.3,1) both itemIn}@keyframes itemIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}:is(.llist,.song-list,.album-list,.card-albums-grid,.pl-list,.track-list)>:first-child{animation-delay:80ms}:is(.llist,.song-list,.album-list,.card-albums-grid,.pl-list,.track-list)>:nth-child(2){animation-delay:.118s}:is(.llist,.song-list,.album-list,.card-albums-grid,.pl-list,.track-list)>:nth-child(3){animation-delay:.156s}:is(.llist,.song-list,.album-list,.card-albums-grid,.pl-list,.track-list)>:nth-child(4){animation-delay:.194s}:is(.llist,.song-list,.album-list,.card-albums-grid,.pl-list,.track-list)>:nth-child(5){animation-delay:.232s}:is(.llist,.song-list,.album-list,.card-albums-grid,.pl-list,.track-list)>:nth-child(6){animation-delay:.27s}:is(.llist,.song-list,.album-list,.card-albums-grid,.pl-list,.track-list)>:nth-child(7){animation-delay:.308s}:is(.llist,.song-list,.album-list,.card-albums-grid,.pl-list,.track-list)>:nth-child(8){animation-delay:.346s}:is(.llist,.song-list,.album-list,.card-albums-grid,.pl-list,.track-list)>:nth-child(9){animation-delay:.384s}:is(.llist,.song-list,.album-list,.card-albums-grid,.pl-list,.track-list)>:nth-child(10){animation-delay:.422s}:is(.llist,.song-list,.album-list,.card-albums-grid,.pl-list,.track-list)>:nth-child(11){animation-delay:.46s}:is(.llist,.song-list,.album-list,.card-albums-grid,.pl-list,.track-list)>:nth-child(12){animation-delay:.498s}:is(.llist,.song-list,.album-list,.card-albums-grid,.pl-list,.track-list)>:nth-child(n+13){animation-delay:80ms}}.page{flex-direction:column;height:100%;display:flex;position:relative}.page-toppad{height:26px}.page-back{z-index:30;cursor:pointer;width:48px;height:48px;color:var(--fg);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;transition:transform 80ms;display:flex;position:absolute;bottom:12px;left:10px}.page-back:active{transform:scale(.88)}.page-back svg{width:26px;height:26px}.icon{color:inherit;justify-content:center;align-items:center;line-height:0;display:inline-flex}.icon svg{color:inherit;flex:none}.overline{text-transform:uppercase;letter-spacing:1.5px;color:var(--fg);opacity:.9;padding:22px 26px 4px;font-size:14px;font-weight:600}.pivot{scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;flex-shrink:0;padding:2px 0 6px 26px;overflow:auto clip}.pivot::-webkit-scrollbar{display:none}.pivot-track{gap:28px;width:max-content;padding-right:60px;display:flex}.pivot-h{letter-spacing:-.5px;white-space:nowrap;cursor:pointer;color:var(--fg);opacity:.32;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-size:42px;font-weight:250;line-height:1;transition:opacity .25s}.pivot-h.active{opacity:1}.scroll{-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:none;flex:1;overflow:hidden auto}.scroll::-webkit-scrollbar{display:none}.pivot-area{touch-action:auto;flex:1;position:relative;overflow:hidden}.pivot-pane{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-anchor:none;position:absolute;inset:0;overflow:hidden auto}.pivot-pane::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:no-preference){.pivot-exit-fwd{animation:.24s ease-out forwards pivotExitL}.pivot-enter-fwd{animation:.24s ease-out forwards pivotEnterR}.pivot-exit-back{animation:.24s ease-out forwards pivotExitR}.pivot-enter-back{animation:.24s ease-out forwards pivotEnterL}@keyframes pivotExitL{to{transform:translate(-100%)}}@keyframes pivotEnterR{0%{transform:translate(100%)}to{transform:none}}@keyframes pivotExitR{to{transform:translate(100%)}}@keyframes pivotEnterL{0%{transform:translate(-100%)}to{transform:none}}}.section{color:var(--accent);letter-spacing:.3px;padding:16px 0 10px;font-size:18px;font-weight:600}.progress{margin-top:26px}.bar-touch{cursor:pointer;touch-action:none;padding:12px 0}.bar{background:var(--line);height:4px;position:relative}.fill{background:var(--accent);position:absolute;top:0;bottom:0;left:0}.times{justify-content:space-between;margin-top:9px;font-size:14px;font-weight:400;display:flex}.times .elapsed{color:var(--fg)}.times .remain{color:var(--dim)}.llist{padding:6px 26px 0}.lrow{align-items:center;gap:16px;padding:8px 0;display:flex}.play-circle{width:44px;height:44px;color:var(--fg);opacity:.9;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:5px;transition:transform 80ms;display:flex}.play-circle:active{transform:scale(.88)}.play-circle svg{width:34px;height:34px}.lrow-name{cursor:pointer;letter-spacing:-.2px;flex:1;min-width:0;font-size:27px;font-weight:300;line-height:1.05}.lrow-name.song{line-height:1.1}.lrow-title{font-size:24px;font-weight:300;line-height:1.1}.lrow-sub{color:var(--dim);margin-top:2px;font-size:16px;font-weight:300}.liked-dot{width:20px;height:20px;color:var(--accent);opacity:.95;flex:none}.liked-dot svg{width:20px;height:20px;display:block}.genre-item{color:var(--accent);cursor:pointer;padding:4px 0;font-size:30px;font-weight:300;line-height:1.5}.letter-group{display:block}.index-tile{background:var(--accent);color:#fff;z-index:8;flex-shrink:0;align-items:flex-end;width:46px;height:46px;margin:14px 0 12px;padding:4px 6px;font-size:22px;font-weight:400;display:flex;position:sticky;top:0}.album-list{padding:6px 26px 30px}.album-row{cursor:pointer;align-items:center;gap:16px;margin-bottom:18px;display:flex}.thumb{flex:none}.album-meta{min-width:0}.al-title{text-wrap:pretty;font-size:24px;font-weight:300;line-height:1.15}.al-artist,.al-year{color:var(--dim);margin-top:4px;font-size:18px;font-weight:300}.song-list{padding:8px 26px 0}.pl-list{padding:10px 26px 0}.pl-row{cursor:pointer;align-items:center;gap:16px;padding:9px 0;display:flex}.pl-mosaic{flex:none;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:88px;height:88px;display:grid;overflow:hidden}.pl-mosaic img{object-fit:cover;grid-area:1/1/-1/-1;width:100%;height:100%}.pl-mosaic span{display:block}.pl-name{font-size:25px;font-weight:300;line-height:1.1}.pl-count{color:var(--dim);margin-top:4px;font-size:17px;font-weight:300}.pl-meta{min-width:0}.hub{height:100%;position:relative;overflow:hidden}.hub-bg{background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;inset:0}.hub-scrim{pointer-events:none;background:linear-gradient(#00000080 0%,#0000004d 38%,#000c 100%);position:absolute;inset:0}.pano-title{z-index:2;pointer-events:none;will-change:transform;letter-spacing:-2px;color:#fff;white-space:nowrap;font-size:92px;font-weight:200;line-height:.9;position:absolute;top:26px;left:26px}.hub-strip{z-index:1;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;height:100%;display:flex;position:relative;overflow:auto hidden}.hub-strip::-webkit-scrollbar{display:none}.pane{scrollbar-width:none;flex:0 0 446px;height:100%;padding:150px 26px 96px;overflow:hidden auto}.pane::-webkit-scrollbar{display:none}.pane-head{color:var(--fg);font-size:40px;font-weight:250;line-height:1}.hub-menu{flex-direction:column;align-items:flex-start;margin-top:18px;display:flex}.hub-item{color:var(--fg);font:inherit;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;min-height:48px;padding:8px 0;font-size:31px;font-weight:300}.hub-item:active{opacity:.55}.hub-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px;display:grid}.hub-card{cursor:pointer;-webkit-tap-highlight-color:transparent}.hub-card-art{aspect-ratio:1;background:#222;width:100%;overflow:hidden}.hub-card-art img{object-fit:cover;width:100%;height:100%;display:block}.hub-card-name{margin-top:6px;font-size:17px;font-weight:300;line-height:1.2}.hub-card-sub{color:var(--dim);margin-top:2px;font-size:13px}.nowpane .pane-head{margin-bottom:20px}.nowpane .artrow{margin-top:0}.nowpane .art,.nowpane .track{cursor:pointer}.nowpane .by{color:var(--dim);margin-top:4px;font-size:21px;font-weight:300}.nowpane .progress{margin-top:16px}.nowpane .transport.sm{gap:20px;margin-top:20px}.nowpane .transport.sm .tbtn{width:58px;height:58px}.nowpane .transport.sm .tbtn svg{width:26px;height:26px}.nowpane .transport.sm .tbtn.mid svg{width:23px;height:23px}.appbar{z-index:4;justify-content:space-between;align-items:center;padding:0 14px;display:flex;position:absolute;bottom:14px;left:0;right:0}.appbar-left{align-items:center;gap:16px;display:flex}.ic-btn{border:2px solid var(--fg);width:48px;height:48px;color:var(--fg);cursor:pointer;opacity:.92;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:transform 80ms;display:flex}.ic-btn:active{transform:scale(.92)}.ic-btn svg{width:22px;height:22px}.ellipsis{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:12px;display:flex}.ellipsis i{background:var(--fg);opacity:.85;border-radius:50%;width:5px;height:5px}.artist-card{height:100%;position:relative;overflow:hidden}.card-bg{background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;inset:0}.card-scrim{pointer-events:none;background:linear-gradient(#0000004d 0%,#000000b8 50%,#000000eb 100%);position:absolute;inset:0}.card-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.artist-card .scroll{padding:0 26px}.artist-heading{letter-spacing:-.4px;color:#fff;padding:12px 26px 0;font-size:36px;font-weight:250;line-height:1}.artist-meta{flex-direction:column;gap:4px;margin-top:6px;margin-bottom:12px;display:flex}.artist-followers{color:var(--dim);font-size:15px;font-weight:300}.artist-genres{color:var(--dim);font-size:14px;font-weight:300}.artist-actions{align-items:center;gap:14px;margin-bottom:16px;display:flex}.artist-follow-btn{border:1px solid var(--fg);color:var(--fg);font:inherit;cursor:pointer;letter-spacing:.5px;text-transform:lowercase;-webkit-tap-highlight-color:transparent;background:0 0;padding:6px 18px;font-size:14px;font-weight:600;transition:opacity .12s}.artist-follow-btn.following{border-color:var(--accent);color:var(--accent)}.artist-follow-btn:active{opacity:.6}.card-albums-grid{grid-template-columns:1fr 1fr;gap:20px 16px;padding:4px 0 16px;display:grid}.card-album-cell{cursor:pointer;flex-direction:column;gap:8px;display:flex}.card-album-cell .thumb{aspect-ratio:1;width:100%;height:auto}.ca-title{font-size:16px;font-weight:300;line-height:1.2}.ca-sub{color:var(--dim);margin-top:1px;font-size:13px;font-weight:300}.card-album{cursor:pointer;align-items:center;gap:18px;padding:9px 0;display:flex}.card-album-meta{min-width:0}.store-row{align-items:center;gap:16px;padding:8px 0;display:flex}.dl-circle{width:46px;height:46px;color:var(--fg);cursor:pointer;opacity:.9;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:flex}.store-text{color:var(--fg);opacity:.85;font-size:20px;font-weight:300}.al-head{gap:18px;padding:14px 26px 22px;display:flex}.al-head-meta{flex-direction:column;justify-content:flex-end;display:flex}.al-head-title{font-size:26px;font-weight:300;line-height:1.1}.al-head-sub{color:var(--dim);margin-top:4px;font-size:18px;font-weight:300}.al-playall{border:2px solid var(--fg);color:var(--fg);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:22px;align-self:flex-start;align-items:center;gap:8px;min-height:44px;margin-top:14px;padding:6px 16px 6px 12px;font-size:17px;transition:transform 80ms;display:flex}.al-playall:active{transform:scale(.95)}.al-playall .icon svg{width:20px;height:20px;display:block}.track-list{padding:0 26px}.al-track{border-top:1px solid var(--line);cursor:pointer;align-items:center;gap:16px;min-height:48px;padding:12px 0;display:flex}.al-tnum{width:20px;color:var(--dim);flex-shrink:0;font-size:18px}.al-ttitle{flex:1;font-size:22px;font-weight:300}.al-tdur{color:var(--dim);flex-shrink:0;font-size:16px}.review{padding:18px 26px}.review-body{color:var(--fg);opacity:.92;margin-top:18px;font-size:20px;font-weight:300;line-height:1.5}.stars{color:var(--accent);letter-spacing:4px;margin-top:18px;font-size:28px}.stars .dim{color:var(--line)}.screen-heading{letter-spacing:-.5px;color:var(--fg);padding:4px 0 16px;font-size:42px;font-weight:250;line-height:1}.np{height:100%;position:relative;overflow:hidden}.np-tint{z-index:0;position:absolute;inset:0}.np-bg-slot{z-index:1;position:absolute;inset:0}.np-bg-slot img{object-fit:cover;opacity:.35;width:100%;height:100%;display:block}.np-scrim{z-index:1;pointer-events:none;background:linear-gradient(#00000080 0%,#0000001f 22% 62%,#000000d1 100%);position:absolute;inset:0}.np-content{z-index:3;height:100%;padding:18px 26px 0;position:relative}.transport{gap:26px;margin-top:16px;display:flex}.transport.bottom{justify-content:center;margin-top:32px}.np-content.controls-bottom .meta{margin-top:22px}.tbtn{border:2px solid var(--fg);width:66px;height:66px;color:var(--fg);cursor:pointer;opacity:.92;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform 80ms,opacity .15s;display:flex}.tbtn:active{transform:scale(.9)}.tbtn svg{width:30px;height:30px;fill:var(--fg)}.tbtn.mid svg{width:26px;height:26px}.tbtn-disabled{opacity:.35;cursor:default}.meta{margin-top:46px}.artist{letter-spacing:-.5px;text-wrap:balance;font-size:46px;font-weight:250;line-height:.98}.album{color:var(--fg);opacity:.92;text-wrap:pretty;margin-top:8px;font-size:27px;font-weight:250}.artrow{align-items:flex-start;gap:22px;margin-top:24px;display:flex}.art{background:#1a1a1a;flex:none;width:156px;height:156px;position:relative;overflow:hidden}.art-color{position:absolute;inset:0}.art-img,.art img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.sideicons{flex-direction:column;justify-content:space-between;min-height:156px;padding:6px 0;display:flex}.iconbtn{cursor:pointer;width:44px;height:44px;color:var(--fg);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:transform 80ms;display:flex}.iconbtn:active{transform:scale(.85)}.iconbtn svg{width:30px;height:30px}.iconbtn svg path,.iconbtn svg polygon{fill:var(--fg);transition:fill .15s}.iconbtn.outline svg path{fill:none;stroke:var(--fg);stroke-width:1.8px}.iconbtn.on{color:var(--accent)}.iconbtn.on svg path,.iconbtn.on svg polygon{fill:var(--accent);stroke:var(--accent)}.track{margin-top:18px}.track .title{letter-spacing:-.2px;font-size:30px;font-weight:300}.upnext{margin-top:4px}.upnext div{color:var(--dim);font-size:21px;font-weight:300;line-height:1.3}.appback{color:var(--fg)}.appback svg path{fill:none;stroke:var(--fg)}.ctx-backdrop{z-index:40;-webkit-tap-highlight-color:transparent;background:#00000047;position:absolute;inset:0}.ctx-backdrop.closing{opacity:0;transition:opacity .2s}.ctx-menu-wrap{z-index:41;perspective:720px;position:absolute;left:0;right:0}.ctx-menu{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;box-shadow:0 22px 60px -12px #000000bf}.ctx-item{text-align:left;width:100%;color:var(--fg);letter-spacing:-.3px;cursor:pointer;transform-origin:top;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:14px 26px;font-family:inherit;font-size:29px;font-weight:300;display:block}.ctx-item:active{background:var(--accent);color:#fff}.ctx-item.danger:active{background:#c4314b}@media (prefers-reduced-motion:no-preference){.ctx-menu .ctx-item{animation:.3s cubic-bezier(.2,.85,.3,1.02) both ctxSwivelIn}.ctx-menu.closing .ctx-item{animation:.2s ease-in both ctxSwivelOut}.ctx-backdrop{animation:.22s both ctxFade}@keyframes ctxSwivelIn{0%{opacity:0;transform:rotateX(-85deg)}to{opacity:1;transform:rotateX(0)}}@keyframes ctxSwivelOut{0%{opacity:1;transform:rotateX(0)}to{opacity:0;transform:rotateX(70deg)}}@keyframes ctxFade{0%{opacity:0}to{opacity:1}}}.search-field-wrap{flex-shrink:0;padding:4px 26px 0}.search-field{border:none;border-bottom:1px solid var(--line);width:100%;color:var(--fg);letter-spacing:-.5px;-webkit-appearance:none;background:0 0;outline:none;padding:4px 0 6px;font-size:42px;font-weight:250}.search-field::placeholder{color:var(--dim);opacity:.55}.search-field::-webkit-search-cancel-button{-webkit-appearance:none}.overlay-screen{z-index:60;background:var(--bg);flex-direction:column;display:flex;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.overlay-screen{animation:.26s cubic-bezier(.2,.7,.3,1) both ovIn}@keyframes ovIn{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:none}}}.overlay-screen .page{height:100%}.ov-title{letter-spacing:-1px;color:var(--fg);padding:4px 26px 14px;font-size:56px;font-weight:250;line-height:1}.ov-looks .scroll{padding:0 26px}.looks-bg{gap:30px;padding:4px 0 6px;display:flex}.looks-opt{cursor:pointer;color:var(--fg);opacity:.34;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:34px;font-weight:300;transition:opacity .2s}.looks-opt.on{opacity:1}.looks-accents{grid-template-columns:repeat(4,1fr);gap:14px;padding:6px 0 4px;display:grid}.acc-tile{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;position:relative}.acc-tile.on{outline:3px solid var(--fg);outline-offset:3px}.acc-check{color:#fff;justify-content:center;align-items:center;font-size:30px;font-weight:700;display:flex;position:absolute;inset:0}.acc-name{color:var(--dim);text-transform:lowercase;padding:14px 0 0;font-size:18px;font-weight:300}.ov-spotify{flex-direction:column;height:100%;display:flex}.sp-head{color:#fff;background:#1db954;align-items:center;gap:16px;padding:64px 30px 30px;display:flex}.sp-mark{background:#00000038;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.sp-service{letter-spacing:-.5px;font-size:34px;font-weight:600}.sp-body{flex-direction:column;flex:1;padding:34px 30px;display:flex;overflow-y:auto}.sp-h{letter-spacing:-.5px;color:var(--fg);font-size:40px;font-weight:250;line-height:1}.sp-sub{color:var(--fg);opacity:.8;text-wrap:pretty;margin-top:16px;font-size:21px;font-weight:300;line-height:1.4}.sp-perms{margin:22px 0 0;padding:0;list-style:none}.sp-perms li{color:var(--fg);opacity:.9;border-bottom:1px solid var(--line);padding:10px 0 10px 24px;font-size:20px;font-weight:300;line-height:1.3;position:relative}.sp-perms li:before{content:"";background:#1db954;border-radius:50%;width:8px;height:8px;position:absolute;top:18px;left:0}.sp-actions{flex-direction:column;gap:12px;margin-top:auto;padding-top:26px;display:flex}.sp-btn{cursor:pointer;border:2px solid var(--fg);color:var(--fg);-webkit-tap-highlight-color:transparent;background:0 0;padding:16px;font-family:inherit;font-size:24px;font-weight:400}.sp-btn.solid{color:#fff;background:#1db954;border-color:#1db954}.sp-btn.solid:disabled{opacity:.6;cursor:default}.sp-btn.ghost:disabled{opacity:.4;cursor:default}.sp-foot{color:var(--dim);text-align:center;margin-top:16px;font-size:15px}.sp-tick{color:#fff;background:#1db954;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin-bottom:22px;font-size:46px;font-weight:700;display:flex}.settings-input{width:100%;color:var(--fg);box-sizing:border-box;background:#ffffff0d;border:1px solid #444;border-radius:3px;outline:none;padding:8px 12px;font-family:inherit;font-size:14px}.settings-input:focus{border-color:var(--accent)}.wp8-loading{background:#000;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:absolute;inset:0}.wp8-dots{gap:14px;display:flex}.wp8-dot{background:var(--accent);border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite both wp8-bounce}@keyframes wp8-bounce{0%,80%,to{opacity:.35;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.wp8-label{letter-spacing:2px;color:#fff;text-transform:lowercase;opacity:.7;font-size:20px;font-weight:300}.wp8-spinner{gap:10px;padding:20px 26px;display:flex}.wp8-dot--sm{width:8px;height:8px}.wp8-error-icon{color:var(--accent);font-size:64px;font-weight:100;line-height:1}.wp8-error-title{letter-spacing:1px;color:#fff;text-transform:lowercase;font-size:24px;font-weight:300}.wp8-error-msg{color:#ffffff80;text-align:center;max-width:280px;margin-top:4px;font-size:13px;font-weight:300;line-height:1.5}.volume-row{align-items:center;gap:10px;margin-top:16px;display:flex}.volume-row .iconbtn{flex-shrink:0;width:32px;height:32px}.volume-row .iconbtn svg{width:22px;height:22px}.volume-slider{cursor:pointer;appearance:none;background:var(--line);height:4px;accent-color:var(--accent);border:none;border-radius:2px;outline:none;flex:1}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fg);cursor:pointer;border-radius:50%;width:14px;height:14px}.volume-slider::-moz-range-thumb{background:var(--fg);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}