.songs{--mono: "ProFontWindows", "Azeret Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;padding:0 24px 96px;display:flex;flex-direction:column;align-items:center;gap:24px}.songs-label,.songs-hint,.songs-open,.songs-credit{margin:0;font-family:var(--mono);font-size:13px;line-height:16px;letter-spacing:.5px;text-transform:uppercase;color:#2b2b28}.songs-hint,.songs-credit{color:#6f6d66}.songs-readout{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;justify-content:center;max-width:100%}.songs-count{margin-left:16px;text-transform:none;color:#6f6d66}.songs-open{color:#0015ff;text-decoration:none}.songs-open:hover{text-decoration:underline}.songs-credit{text-align:center;max-width:60ch}.mac{--room-x: .26;--room-t: .32;--room-b: .46;--screen-w: calc(100vw / (1 + 2 * var(--room-x)));--photo-ratio: calc(var(--mac-photo-h, 2500) / var(--mac-photo-w, 2350));--photo-w: calc(var(--screen-w) / var(--mac-screen-w, .402553));--photo-h: calc(var(--photo-w) * var(--photo-ratio));--screen-h: calc(var(--photo-h) * var(--mac-screen-h, .2368));--screen-x: calc(var(--photo-w) * var(--mac-screen-x, .297021));--screen-y: calc(var(--photo-h) * var(--mac-screen-y, .3312));--gutter-x: calc(var(--screen-w) * var(--room-x));--gutter-t: calc(var(--screen-h) * var(--room-t));--gutter-b: calc(var(--screen-h) * var(--room-b));width:100vw;display:flex;justify-content:center}.handset{display:none;width:100%;justify-content:center;margin-top:48px}.handset .phone{--room-h: 100vh;--phone-room: calc(var(--room-h) - 104px);--phone-max-w: calc(100vw - 40px) }@supports (height: 1svh){.handset .phone{--room-h: 100svh}}.mac-stage{position:relative;overflow:hidden;width:calc(var(--screen-w) + var(--gutter-x) * 2);height:calc(var(--screen-h) + var(--gutter-t) + var(--gutter-b));border-radius:2px;background:#e9e6df}.mac-photo{position:absolute;left:calc(var(--gutter-x) - var(--screen-x));top:calc(var(--gutter-t) - var(--screen-y));width:var(--photo-w);height:var(--photo-h);max-width:none}.mac-screen{position:absolute;left:var(--gutter-x);top:var(--gutter-t);width:var(--screen-w);height:var(--screen-h);overflow:hidden;border-radius:calc(var(--screen-w) * .004);background:#000;box-shadow:0 0 0 calc(var(--screen-w) * .003) #000}.mac-glass{position:absolute;left:var(--gutter-x);top:var(--gutter-t);width:var(--screen-w);height:var(--screen-h);border-radius:calc(var(--screen-w) * .004);pointer-events:none;background:linear-gradient(101deg,#ffffff0e 0 38%,#fff0 62%),linear-gradient(180deg,#ffffff0d,#fff0 6%)}.sp,.pp{--gap: calc(8 * var(--u));--panel: #121212;--raised: #1f1f1f;--ink: #fff;--dim: #b3b3b3;--green: #1ed760;--find: #2e77d0;--line: rgba(255, 255, 255, .1);--hover: rgba(255, 255, 255, .07);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4;letter-spacing:0;text-transform:none;user-select:none;-webkit-user-select:none}.sp{--u: calc(var(--screen-w) / 1180);position:absolute;inset:0;display:grid;grid-template-rows:calc(56 * var(--u)) 1fr calc(68 * var(--u));gap:var(--gap);padding:0 var(--gap) var(--gap);background:#000;font-size:calc(14 * var(--u))}.sp-icon{display:block;width:calc(16 * var(--u));height:calc(16 * var(--u));color:var(--dim)}.sp-icon svg{display:block;width:100%;height:100%}.sp-top{display:flex;align-items:center;gap:calc(16 * var(--u));padding:0 calc(8 * var(--u))}.sp-nav{display:flex;gap:calc(8 * var(--u));flex:none}.sp-round{display:grid;place-items:center;padding:0;border:0;cursor:pointer;width:calc(32 * var(--u));height:calc(32 * var(--u));border-radius:50%;background:#0009;flex:none}.sp-round:hover:not(:disabled) .sp-icon{color:var(--ink)}.sp-round:disabled{cursor:default}.sp-round:disabled .sp-icon{color:#565656}.sp-round-home{background:var(--raised)}.sp-round-home:hover{background:#2f2f2f}.sp-round-home .sp-icon{color:var(--ink);width:calc(18 * var(--u));height:calc(18 * var(--u))}.sp-top-centre{display:flex;align-items:center;gap:calc(10 * var(--u));margin:0 auto}.sp-search-wrap{position:relative;width:calc(360 * var(--u));flex:none}.sp-searchbar{display:flex;align-items:center;gap:calc(10 * var(--u));padding:0 calc(12 * var(--u));height:calc(46 * var(--u));border-radius:calc(23 * var(--u));background:var(--raised)}.sp-searchbar:focus-within{outline:calc(2 * var(--u)) solid #fff}.sp-searchbar:hover{background:#2a2a2a}.sp-searchbar .sp-icon{width:calc(20 * var(--u));height:calc(20 * var(--u));color:var(--dim);flex:none}.sp-searchbar:focus-within .sp-icon:first-child{color:var(--ink)}.sp-search-input{flex:1;min-width:0;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-size:calc(14 * var(--u));outline:none}.sp-search-input::placeholder{color:var(--dim)}.sp-results-back,.sp-results{display:none}.sp-search-wrap.is-open .sp-results-back{display:block;position:fixed;inset:0;z-index:5}.sp-search-wrap.is-open .sp-results{display:block;position:absolute;top:calc(100% + 8 * var(--u));left:0;right:0;z-index:6;padding:calc(8 * var(--u));border-radius:calc(8 * var(--u));background:#282828;box-shadow:0 calc(16 * var(--u)) calc(28 * var(--u)) #00000080}.sp-results-head{margin:0;padding:calc(8 * var(--u)) calc(8 * var(--u)) calc(10 * var(--u));font-size:calc(15 * var(--u));font-weight:700}.sp-results-list{max-height:calc(310 * var(--u));overflow-y:auto;scrollbar-width:none}.sp-results-list::-webkit-scrollbar{display:none}.sp-result{display:flex;align-items:center;gap:calc(12 * var(--u));width:100%;padding:calc(6 * var(--u)) calc(8 * var(--u));border:0;border-radius:calc(4 * var(--u));background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.sp-result:hover,.sp-result.is-picking{background:var(--hover)}.sp-result-art{width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:calc(4 * var(--u));object-fit:cover;background:#333;flex:none}.sp-result-text{min-width:0}.sp-result-name,.sp-result-sub{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-result-name{font-size:calc(15 * var(--u))}.sp-result-sub{margin-top:calc(2 * var(--u));color:var(--dim);font-size:calc(12 * var(--u))}.sp-divider{width:1px;height:calc(22 * var(--u));background:var(--line);flex:none}.sp-top-right{display:flex;align-items:center;gap:calc(14 * var(--u));flex:none}.sp-avatar{position:relative;width:calc(30 * var(--u));height:calc(30 * var(--u));border-radius:50%;background:#7a5d3f;display:grid;place-items:center;font-size:calc(13 * var(--u));font-weight:600;color:#fff;flex:none;overflow:hidden}.sp-avatar:after{content:attr(data-monogram)}.sp-avatar-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.sp-body{display:grid;grid-template-columns:calc(272 * var(--u)) 1fr calc(248 * var(--u));gap:var(--gap);min-height:0}.sp-panel{background:var(--panel);border-radius:calc(8 * var(--u));overflow:hidden;min-width:0;display:flex;flex-direction:column}.sp-lib-head{display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(16 * var(--u)) calc(16 * var(--u)) calc(8 * var(--u))}.sp-lib-title{margin:0;flex:1;font-size:calc(16 * var(--u));font-weight:700;color:var(--ink)}.sp-chips{display:flex;gap:calc(8 * var(--u));padding:calc(4 * var(--u)) calc(16 * var(--u)) calc(12 * var(--u))}.sp-chip{padding:calc(5 * var(--u)) calc(12 * var(--u));border:0;border-radius:calc(16 * var(--u));background:#232323;color:var(--ink);font:inherit;font-size:calc(13 * var(--u));font-weight:500;white-space:nowrap;cursor:pointer}.sp-chip:hover{background:#2f2f2f}.sp-chip.is-on,.sp-chip.is-on:hover{background:#fff;color:#000}.sp-lib-tools{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--u));padding:0 calc(16 * var(--u)) calc(8 * var(--u));color:var(--dim);font-size:calc(13 * var(--u))}.sp-lib-find{display:flex;align-items:center;gap:calc(8 * var(--u));min-width:0;border-radius:calc(4 * var(--u))}.sp-lib-find.is-open{flex:1;padding:0 calc(8 * var(--u));height:calc(32 * var(--u));background:var(--raised)}.sp-lib-find-open,.sp-lib-clear{display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer;flex:none}.sp-lib-find-open .sp-icon,.sp-lib-clear .sp-icon{width:calc(16 * var(--u));height:calc(16 * var(--u))}.sp-lib-find-open:hover .sp-icon,.sp-lib-clear:hover .sp-icon{color:var(--ink)}.sp-lib-input{display:none;flex:1;min-width:0;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-size:calc(13 * var(--u));outline:none}.sp-lib-input::placeholder{color:var(--dim)}.sp-lib-find.is-open .sp-lib-input{display:block}.sp-lib-clear{display:none}.sp-lib-find.is-open .sp-lib-clear{display:grid;visibility:hidden}.sp-lib-find.is-open.has-text .sp-lib-clear{visibility:visible}.sp-lib-sort-wrap{position:relative;flex:none}.sp-lib-find.is-open~.sp-lib-sort-wrap .sp-lib-sort-name{display:none}.sp-lib-empty{margin:calc(12 * var(--u)) 0 0;padding:0 calc(16 * var(--u));color:var(--dim);font-size:calc(13 * var(--u))}.sp-rows{flex:1;min-height:0;overflow-y:auto;padding:0 calc(8 * var(--u)) calc(8 * var(--u));scrollbar-width:none}.sp-rows::-webkit-scrollbar{display:none}.sp-row[hidden],.sp-desc[hidden]{display:none}.sp-row{display:flex;align-items:center;gap:calc(12 * var(--u));width:100%;padding:calc(8 * var(--u));border:0;border-radius:calc(6 * var(--u));background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.sp-row:hover{background:var(--hover)}.sp-row.is-current{background:var(--raised)}.sp-row-art{width:calc(48 * var(--u));height:calc(48 * var(--u));border-radius:calc(4 * var(--u));flex:none;object-fit:cover;background:#333}.sp-row-text{min-width:0;flex:1}.sp-row-name,.sp-row-sub{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(14 * var(--u))}.sp-row-sub{color:var(--dim);font-size:calc(12 * var(--u));margin-top:calc(2 * var(--u))}.sp-row.is-current .sp-row-name{color:var(--green)}.sp-main{overflow-y:auto;scrollbar-width:none;display:block}.sp-main::-webkit-scrollbar{display:none}.sp-head{display:flex;align-items:flex-end;gap:calc(24 * var(--u));padding:calc(64 * var(--u)) calc(24 * var(--u)) calc(24 * var(--u));background:linear-gradient(180deg,var(--wash, #4a4a4a),color-mix(in srgb,var(--wash, #4a4a4a) 45%,#121212))}.sp-cover{width:calc(180 * var(--u));height:calc(180 * var(--u));flex:none;object-fit:cover;border-radius:calc(4 * var(--u));background:#333;box-shadow:0 calc(4 * var(--u)) calc(30 * var(--u)) #00000080}.sp-head-text{min-width:0;flex:1;padding-bottom:calc(4 * var(--u))}.sp-eyebrow{margin:0;font-size:calc(13 * var(--u));font-weight:500}.sp-title{margin:calc(8 * var(--u)) 0 calc(12 * var(--u));font-size:calc(78 * var(--u));line-height:1.06;font-weight:800;letter-spacing:calc(-2 * var(--u));overflow-wrap:anywhere}.sp-title.is-long{font-size:calc(44 * var(--u));letter-spacing:calc(-1 * var(--u))}.sp-desc{margin:0 0 calc(10 * var(--u));font-size:calc(13 * var(--u));color:#ffffffb8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sp-meta{margin:0;display:flex;align-items:center;gap:calc(6 * var(--u));font-size:calc(13 * var(--u));flex-wrap:wrap}.sp-owner{display:flex;align-items:center;gap:calc(8 * var(--u));font-weight:600;color:inherit;text-decoration:none}.sp-owner:hover{text-decoration:underline}.sp-monogram{width:calc(24 * var(--u));height:calc(24 * var(--u));border-radius:50%;background:#b3654a;display:grid;place-items:center;font-size:calc(12 * var(--u));font-weight:700}.sp-dot{color:#ffffffb8}.sp-actions{display:flex;align-items:center;gap:calc(24 * var(--u));padding:calc(24 * var(--u));background:linear-gradient(180deg,color-mix(in srgb,var(--wash, #4a4a4a) 30%,#121212),#121212)}.sp-play{display:grid;place-items:center;width:calc(56 * var(--u));height:calc(56 * var(--u));padding:0;border:0;border-radius:50%;background:var(--green);flex:none;color:#000;text-decoration:none;cursor:pointer;transition:transform .15s ease}.sp-play:hover{transform:scale(1.05)}.sp-play .sp-icon{width:calc(24 * var(--u));height:calc(24 * var(--u));color:#000;margin-left:calc(2 * var(--u))}.sp-actions .sp-icon{width:calc(24 * var(--u));height:calc(24 * var(--u))}.sp-actions-right{margin-left:auto;display:flex;align-items:center;gap:calc(16 * var(--u));color:var(--dim);font-size:calc(13 * var(--u))}.sp-sort-wrap{position:relative;flex:none}.sp-sort{display:flex;align-items:center;gap:calc(10 * var(--u));padding:0;border:0;background:none;color:var(--dim);font:inherit;font-size:calc(13 * var(--u));white-space:nowrap;cursor:pointer}.sp-sort:hover,.sp-pop.is-open .sp-sort{color:var(--ink)}.sp-sort:hover .sp-icon,.sp-pop.is-open>.sp-sort .sp-icon{color:var(--ink)}.sp-menu-back,.sp-menu{display:none}.sp-pop.is-open .sp-menu-back{display:block;position:fixed;inset:0;z-index:4}.sp-pop.is-open .sp-menu{display:block;position:absolute;top:calc(100% + 8 * var(--u));right:0;z-index:5;min-width:calc(196 * var(--u));padding:calc(4 * var(--u));border-radius:calc(4 * var(--u));background:#282828;box-shadow:0 calc(16 * var(--u)) calc(24 * var(--u)) #0006}.sp-menu-head{margin:0;padding:calc(8 * var(--u)) calc(12 * var(--u));color:var(--dim);font-size:calc(11 * var(--u));font-weight:700}.sp-menu-item{display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--u));width:100%;padding:calc(9 * var(--u)) calc(12 * var(--u));border:0;border-radius:calc(2 * var(--u));background:none;color:var(--ink);font:inherit;font-size:calc(14 * var(--u));text-align:left;white-space:nowrap;cursor:pointer}.sp-menu-item:hover{background:var(--hover)}.sp-menu-item.is-on{color:var(--green)}.sp-menu-tick{visibility:hidden;flex:none;width:calc(16 * var(--u));height:calc(16 * var(--u));color:var(--green)}.sp-menu-item.is-on .sp-menu-tick{visibility:visible}.sp-find{display:flex;align-items:center;gap:calc(8 * var(--u));border-radius:calc(4 * var(--u));transition:background-color .15s ease}.sp-find.is-open{padding:0 calc(8 * var(--u));height:calc(32 * var(--u));background:#ffffff1f}.sp-find-open,.sp-find-clear{display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer;flex:none}.sp-find-open .sp-icon,.sp-find-clear .sp-icon{width:calc(18 * var(--u));height:calc(18 * var(--u))}.sp-find-open:hover .sp-icon,.sp-find-clear:hover .sp-icon{color:var(--ink)}.sp-find-input{display:none;width:calc(168 * var(--u));padding:0;border:0;background:none;color:var(--ink);font:inherit;font-size:calc(13 * var(--u));outline:none}.sp-find-input::placeholder{color:var(--dim)}.sp-find.is-open .sp-find-input{display:block}.sp-find-clear{display:none}.sp-find.is-open .sp-find-clear{display:grid;visibility:hidden}.sp-find.is-open.has-text .sp-find-clear{visibility:visible}.sp-hit{background:var(--find);color:#fff;border-radius:calc(2 * var(--u))}.sp-empty{margin:calc(24 * var(--u)) 0 0;padding:0 calc(12 * var(--u));color:var(--dim);font-size:calc(14 * var(--u))}.sp-table{padding:0 calc(16 * var(--u)) calc(16 * var(--u))}.sp-tr{display:grid;grid-template-columns:calc(28 * var(--u)) 4fr 3fr calc(52 * var(--u));align-items:center;gap:calc(12 * var(--u));padding:calc(7 * var(--u)) calc(12 * var(--u));border-radius:calc(4 * var(--u))}.sp-thead{color:var(--dim);font-size:calc(12 * var(--u));border-bottom:1px solid var(--line);padding-bottom:calc(8 * var(--u));margin-bottom:calc(8 * var(--u));border-radius:0}.sp-thead .sp-icon{width:calc(15 * var(--u));height:calc(15 * var(--u));margin-left:auto}.sp-track{border:0;background:none;color:inherit;font:inherit;text-align:left;width:100%;cursor:pointer}.sp-track:hover{background:var(--hover)}.sp-track.is-current .sp-track-name{color:var(--green)}.sp-num{color:var(--dim);font-size:calc(14 * var(--u));font-variant-numeric:tabular-nums;text-align:right}.sp-track-cell{display:flex;align-items:center;gap:calc(12 * var(--u));min-width:0}.sp-track-art{width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:calc(4 * var(--u));flex:none;object-fit:cover;background:#333}.sp-track-text{min-width:0}.sp-track-name,.sp-track-by,.sp-cell-album{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-track-name{font-size:calc(15 * var(--u))}.sp-track-by,.sp-cell-album{color:var(--dim);font-size:calc(13 * var(--u))}.sp-track-by{display:flex;align-items:center;gap:calc(6 * var(--u));margin-top:calc(2 * var(--u))}.sp-explicit{flex:none;padding:0 calc(4 * var(--u));border-radius:calc(2 * var(--u));background:#fff9;color:#121212;font-size:calc(9 * var(--u));font-weight:700;line-height:calc(15 * var(--u));text-transform:uppercase}.sp-cell-time{color:var(--dim);font-size:calc(13 * var(--u));font-variant-numeric:tabular-nums;text-align:right}.sp-now{padding:calc(16 * var(--u));gap:calc(16 * var(--u));overflow-y:auto;scrollbar-width:none}.sp-now::-webkit-scrollbar{display:none}.sp-now-head{margin:0;font-size:calc(15 * var(--u));font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:none}.sp-now-art{width:100%;aspect-ratio:1;object-fit:cover;border-radius:calc(8 * var(--u));background:#333;flex:none}.sp-now-name{margin:0;font-size:calc(22 * var(--u));font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-now-by{margin:calc(4 * var(--u)) 0 0;font-size:calc(13 * var(--u));color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-next-label{margin:calc(4 * var(--u)) 0 0;font-size:calc(15 * var(--u));font-weight:700}.sp-queue{display:flex;flex-direction:column;gap:calc(6 * var(--u));min-width:0}.sp-next{display:flex;align-items:center;gap:calc(10 * var(--u));width:100%;padding:calc(8 * var(--u));border:0;border-radius:calc(6 * var(--u));background:var(--raised);color:inherit;font:inherit;text-align:left;min-width:0;cursor:pointer}.sp-next:hover{background:#2a2a2a}.sp-next-art{width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:calc(4 * var(--u));object-fit:cover;background:#333;flex:none}.sp-next-text{min-width:0}.sp-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:calc(16 * var(--u));padding:0 calc(8 * var(--u))}.sp-bar-now{display:flex;align-items:center;gap:calc(12 * var(--u));min-width:0}.sp-bar-art{width:calc(52 * var(--u));height:calc(52 * var(--u));border-radius:calc(4 * var(--u));object-fit:cover;background:#333;flex:none}.sp-bar-text{min-width:0}.sp-bar-name{margin:0;font-size:calc(14 * var(--u));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-bar-by{margin:calc(2 * var(--u)) 0 0;font-size:calc(12 * var(--u));color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-bar-check .sp-icon{width:calc(18 * var(--u));height:calc(18 * var(--u));color:var(--green)}.sp-transport{display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--u));width:calc(420 * var(--u))}.sp-buttons{display:flex;align-items:center;gap:calc(20 * var(--u))}.sp-buttons .sp-icon{width:calc(21 * var(--u));height:calc(21 * var(--u))}.sp-big{display:grid;place-items:center;width:calc(38 * var(--u));height:calc(38 * var(--u));padding:0;border:0;border-radius:50%;background:#fff;cursor:pointer;transition:transform .15s ease}.sp-big:hover{transform:scale(1.06)}.sp-big.is-mute{background:#6a6a6a;cursor:default}.sp-tap{display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer}.sp-tap:hover .sp-icon{color:var(--ink)}.sp-off{pointer-events:none}.sp-track.is-playing .sp-num{color:var(--green)}.sp-big .sp-icon{width:calc(17 * var(--u));height:calc(17 * var(--u));color:#000;margin-left:calc(1 * var(--u))}.sp-toggle{position:relative}.sp-toggle.is-on .sp-icon{color:var(--green)}.sp-toggle.is-on:after{content:"";position:absolute;bottom:calc(-5 * var(--u));left:50%;transform:translate(-50%);width:calc(4 * var(--u));height:calc(4 * var(--u));border-radius:50%;background:var(--green)}.sp-scrub{display:flex;align-items:center;gap:calc(10 * var(--u));width:100%;color:var(--dim);font-size:calc(11 * var(--u));font-variant-numeric:tabular-nums}.sp-rail{flex:1;height:calc(4 * var(--u));border-radius:calc(2 * var(--u));background:#ffffff4d;overflow:hidden}.sp-rail span{display:block;width:0;height:100%;background:#fff}.sp.is-playing .sp-rail span{background:var(--green)}.sp-pill{padding:0 calc(5 * var(--u));border-radius:calc(3 * var(--u));background:#ffffff24;color:var(--ink);font-size:calc(9 * var(--u));font-weight:600;letter-spacing:calc(.4 * var(--u));line-height:calc(14 * var(--u));text-transform:uppercase}.sp-bar-right{display:flex;align-items:center;justify-content:flex-end;gap:calc(14 * var(--u))}.sp-speaker{display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer;flex:none}.sp-speaker:hover .sp-icon{color:var(--ink)}.sp-vol{position:relative;display:flex;align-items:center;width:calc(92 * var(--u));height:calc(16 * var(--u));cursor:pointer;flex:none;touch-action:none}.sp-vol:focus-visible{outline:calc(2 * var(--u)) solid var(--green);outline-offset:calc(2 * var(--u))}.sp-vol-track{width:100%;height:calc(4 * var(--u));border-radius:calc(2 * var(--u));background:#ffffff4d;overflow:hidden}.sp-vol-fill{display:block;height:100%;background:#fff}.sp-vol:hover .sp-vol-fill{background:var(--green)}.sp-vol:after{content:"";position:absolute;top:50%;left:var(--knob, 0%);width:calc(12 * var(--u));height:calc(12 * var(--u));margin-left:calc(-6 * var(--u));border-radius:50%;background:#fff;transform:translateY(-50%);opacity:0;pointer-events:none}.sp-vol:hover:after,.sp-vol:focus-visible:after{opacity:1}.sp-inert{pointer-events:none}.sp-mini[hidden]{display:none}.sp-mini{position:absolute;z-index:7;display:flex;flex-direction:column;width:calc(300 * var(--u));border-radius:calc(10 * var(--u));background:#181818;box-shadow:0 calc(20 * var(--u)) calc(44 * var(--u)) #0000008c;overflow:hidden}.sp-mini-top{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u));cursor:grab;touch-action:none}.sp-mini.is-dragging .sp-mini-top{cursor:grabbing}.sp-mini-grab{width:calc(22 * var(--u));height:calc(22 * var(--u))}.sp-mini-top .sp-icon{width:calc(18 * var(--u));height:calc(18 * var(--u))}.sp-mini-art{position:relative;display:grid;place-items:center;margin:0 calc(10 * var(--u));padding:calc(14 * var(--u));border-radius:calc(8 * var(--u));background:var(--wash, #4a4a4a)}.sp-mini-frame{width:100%;display:grid}.sp-mini-controls{position:absolute;inset:calc(14 * var(--u));display:flex;align-items:center;justify-content:center;gap:calc(18 * var(--u));border-radius:calc(4 * var(--u));background:#00000073;opacity:0;transition:opacity .15s ease}.sp-mini-art:hover .sp-mini-controls,.sp-mini-controls:focus-within{opacity:1}.sp-mini-controls .sp-tap .sp-icon{width:calc(22 * var(--u));height:calc(22 * var(--u));color:var(--ink)}.sp-mini-play{width:calc(46 * var(--u));height:calc(46 * var(--u))}.sp-mini-play .sp-icon{width:calc(20 * var(--u));height:calc(20 * var(--u))}.sp-mini-cover{width:100%;aspect-ratio:1;object-fit:cover;border-radius:calc(4 * var(--u));background:#00000040;box-shadow:0 calc(6 * var(--u)) calc(18 * var(--u)) #00000059}.sp-mini-foot{display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(14 * var(--u)) calc(14 * var(--u)) calc(16 * var(--u))}.sp-mini-text{flex:1;min-width:0}.sp-mini-name{margin:0;overflow:hidden;white-space:nowrap;font-size:calc(21 * var(--u));font-weight:700}.sp-mini-run{display:inline-block;white-space:nowrap}.sp-mini-name.is-running .sp-mini-run{animation:sp-mini-slide 9s ease-in-out infinite alternate}@keyframes sp-mini-slide{0%,12%{transform:translate(0)}88%,to{transform:translate(var(--shift, 0))}}.sp-mini-by{margin:calc(4 * var(--u)) 0 0;color:var(--dim);font-size:calc(14 * var(--u));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-mini-add{width:calc(28 * var(--u));height:calc(28 * var(--u));flex:none}.sp-mini-open.is-on .sp-icon{color:var(--ink)}@media(prefers-reduced-motion:reduce){.sp-mini-name.is-running .sp-mini-run{animation:none}.sp-mini-controls{transition:none}}.sp-stage[hidden]{display:none}.sp-stage{position:absolute;left:0;right:0;top:0;bottom:calc(68 * var(--u) + var(--gap) * 2);z-index:2;display:flex;flex-direction:column;gap:calc(14 * var(--u));min-height:0;padding:calc(16 * var(--u)) calc(24 * var(--u)) calc(20 * var(--u));border-radius:calc(8 * var(--u));background:radial-gradient(120% 90% at 50% 15%,rgba(255,255,255,.08),transparent 70%),linear-gradient(180deg,var(--wash, #4a4a4a),color-mix(in srgb,var(--wash, #4a4a4a) 55%,#000))}.sp-stage-top{display:flex;align-items:center;justify-content:space-between;gap:calc(16 * var(--u));flex:none}.sp-stage-where{margin:0;font-size:calc(15 * var(--u));font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-stage-art{flex:1;min-height:0;display:grid;place-items:center}.sp-stage-cover{height:100%;max-width:100%;aspect-ratio:1;object-fit:cover;border-radius:calc(10 * var(--u));background:#00000040;box-shadow:0 calc(18 * var(--u)) calc(48 * var(--u)) #00000073}.sp-stage-label{margin:0;flex:none;font-size:calc(15 * var(--u));font-weight:700}.sp-strip{display:flex;gap:calc(12 * var(--u));flex:none}.sp-strip-item{display:flex;flex-direction:column;gap:calc(6 * var(--u));width:calc(112 * var(--u));padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.sp-strip-art{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:calc(4 * var(--u));background:#00000040}.sp-strip-item:hover .sp-strip-name{text-decoration:underline}.sp-strip-name{margin:0;font-size:calc(12 * var(--u));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-blank{position:absolute;inset:0;display:grid;place-content:center;gap:calc(8 * var(--u));text-align:center;padding:calc(32 * var(--u));color:var(--dim);font-size:calc(15 * var(--u))}.pp{--u: calc(var(--screen-w) / 393);--bar: calc(50 * var(--u));--nav: calc(48 * var(--u));position:absolute;inset:0;display:grid;grid-template-rows:1fr auto auto;background:var(--panel);font-size:calc(14 * var(--u));overflow:hidden}.pp-status{position:absolute;top:0;left:0;right:0;height:var(--bar);z-index:6;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:calc(10 * var(--u)) calc(28 * var(--u)) 0;font-size:calc(15 * var(--u));font-weight:600}.pp-status-right{display:flex;align-items:center;gap:calc(5 * var(--u))}.pp-signal{display:flex;align-items:flex-end;gap:calc(1.5 * var(--u));height:calc(10 * var(--u))}.pp-signal span{width:calc(3 * var(--u));border-radius:calc(1 * var(--u));background:#fff}.pp-signal span:nth-child(1){height:35%}.pp-signal span:nth-child(2){height:55%}.pp-signal span:nth-child(3){height:78%}.pp-signal span:nth-child(4){height:100%}.pp-battery{position:relative;width:calc(24 * var(--u));height:calc(12 * var(--u));border:calc(1 * var(--u)) solid rgba(255,255,255,.5);border-radius:calc(3.5 * var(--u));padding:calc(1.5 * var(--u))}.pp-battery:after{content:"";position:absolute;right:calc(-3 * var(--u));top:50%;transform:translateY(-50%);width:calc(1.6 * var(--u));height:34%;border-radius:0 calc(2 * var(--u)) calc(2 * var(--u)) 0;background:#ffffff80}.pp-battery-fill{display:block;width:100%;height:100%;border-radius:calc(1.5 * var(--u));background:#fff}.pp-stack{position:relative;min-height:0}.pp-view{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:var(--bar) calc(16 * var(--u)) calc(12 * var(--u))}.pp-view[hidden],.pp-now[hidden],.pp-sheet[hidden],.pp-lib-find[hidden],.pp-empty[hidden],.pp-pill[hidden],.pp-row[hidden]{display:none}.pp-view::-webkit-scrollbar,.pp-sheet-body::-webkit-scrollbar{display:none}.pp-head{display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(14 * var(--u)) 0 calc(12 * var(--u))}.pp-head-title{margin:0;flex:1;min-width:0;font-size:calc(24 * var(--u));font-weight:700;letter-spacing:calc(-.4 * var(--u))}.pp-head-btn{flex:none}.pp-head-btn .sp-icon{width:calc(24 * var(--u));height:calc(24 * var(--u));color:var(--ink)}.pp-avatar{position:relative;flex:none;width:calc(32 * var(--u));height:calc(32 * var(--u));border-radius:50%;background:#7a5d3f;display:grid;place-items:center;overflow:hidden;font-size:calc(14 * var(--u));font-weight:600}.pp-avatar:after{content:attr(data-monogram)}.pp-avatar-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.pp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(14 * var(--u))}.pp-cell{appearance:none;min-width:0;border:0;padding:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:calc(8 * var(--u))}.pp-cell-art{display:block;width:100%;aspect-ratio:1;border-radius:calc(6 * var(--u));object-fit:cover;background:#282828}.pp-cell-name{margin:0;font-size:calc(14 * var(--u));font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-cell.is-current .pp-cell-name{color:var(--green)}.pp-field{display:flex;align-items:center;gap:calc(10 * var(--u));height:calc(44 * var(--u));padding:0 calc(14 * var(--u));margin-bottom:calc(14 * var(--u));border-radius:calc(6 * var(--u));background:#ffffff1a}.pp-field .sp-icon{flex:none;width:calc(20 * var(--u));height:calc(20 * var(--u));color:var(--ink)}.pp-field-input{flex:1;min-width:0;appearance:none;border:0;background:none;color:var(--ink);font:inherit;font-size:calc(15 * var(--u));font-weight:600;outline:none}.pp-field-input::placeholder{color:#ffffffb3;font-weight:600}.pp-field-clear{appearance:none;border:0;padding:0;background:none;cursor:pointer;flex:none;visibility:hidden;display:grid;place-items:center}.pp-field.has-text .pp-field-clear{visibility:visible}.pp-field-clear .sp-icon{width:calc(14 * var(--u));height:calc(14 * var(--u));color:var(--ink)}.pp-sub{margin:0 0 calc(10 * var(--u));font-size:calc(19 * var(--u));font-weight:700;letter-spacing:calc(-.3 * var(--u));color:var(--ink)}.pp-chips{display:flex;gap:calc(8 * var(--u));overflow-x:auto;scrollbar-width:none;padding-bottom:calc(12 * var(--u))}.pp-chips::-webkit-scrollbar{display:none}.pp-chip{appearance:none;flex:none;border:0;cursor:pointer;padding:calc(9 * var(--u)) calc(15 * var(--u));border-radius:999px;background:var(--raised);color:var(--ink);font:inherit;font-size:calc(14 * var(--u))}.pp-chip.is-on{background:var(--green);color:#000}.pp-lib-tools{display:flex;align-items:center;justify-content:space-between;padding:calc(2 * var(--u)) 0 calc(12 * var(--u))}.pp-sort{appearance:none;border:0;padding:0;background:none;cursor:pointer;display:flex;align-items:center;gap:calc(8 * var(--u));color:var(--ink);font:inherit;font-size:calc(14 * var(--u));font-weight:600}.pp-sort .sp-icon{width:calc(18 * var(--u));height:calc(18 * var(--u));color:var(--ink)}.pp-rows{display:flex;flex-direction:column}.pp-row{appearance:none;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) 0}.pp-row-art{flex:none;display:block;width:calc(64 * var(--u));height:calc(64 * var(--u));object-fit:cover;background:#282828}.pp-row-text{min-width:0}.pp-row-name{margin:0;font-size:calc(16 * var(--u));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-row.is-current .pp-row-name{color:var(--green)}.pp-row-sub{margin:0;font-size:calc(13 * var(--u));color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-empty{margin:calc(24 * var(--u)) 0;text-align:center;color:var(--dim);font-size:calc(14 * var(--u))}.pp-list{padding-top:calc(var(--bar) + var(--nav));background:linear-gradient(180deg,var(--wash, #4a4a4a) 0,transparent calc(390 * var(--u))),var(--panel)}.pp-list-top{position:absolute;top:var(--bar);left:calc(16 * var(--u));z-index:3;box-sizing:border-box;height:var(--nav);display:flex;align-items:center}.pp-list-top[hidden]{display:none}.pp-find{margin-bottom:var(--bar)}.pp-back .sp-icon{width:calc(24 * var(--u));height:calc(24 * var(--u));color:var(--ink)}.pp-list-head{display:flex;flex-direction:column;align-items:flex-start;gap:calc(10 * var(--u));padding-bottom:calc(14 * var(--u))}.pp-list-cover{align-self:center;display:block;width:calc(200 * var(--u));height:calc(200 * var(--u));object-fit:cover;margin-bottom:calc(14 * var(--u));box-shadow:0 calc(12 * var(--u)) calc(28 * var(--u)) #00000080}.pp-list-title{margin:0;font-size:calc(28 * var(--u));font-weight:700;letter-spacing:calc(-.6 * var(--u));line-height:1.15}.pp-list-title.is-long{font-size:calc(22 * var(--u))}.pp-owner{display:flex;align-items:center;gap:calc(8 * var(--u));color:var(--ink);text-decoration:none;font-size:calc(14 * var(--u));font-weight:600}.pp-owner-mono{display:grid;place-items:center;width:calc(24 * var(--u));height:calc(24 * var(--u));border-radius:50%;background:#7a5d3f;font-size:calc(11 * var(--u))}.pp-list-meta{margin:0;font-size:calc(13 * var(--u));color:var(--dim)}.pp-list-actions{display:flex;align-items:center;gap:calc(20 * var(--u));padding:calc(4 * var(--u)) 0 calc(14 * var(--u))}.pp-actions-left{display:flex;align-items:center;gap:calc(20 * var(--u));flex:1}.pp-actions-left .sp-icon{width:calc(22 * var(--u));height:calc(22 * var(--u))}.pp-big{appearance:none;border:0;cursor:pointer;flex:none;width:calc(56 * var(--u));height:calc(56 * var(--u));border-radius:50%;background:var(--green);color:#000;display:grid;place-items:center}.pp-big .sp-icon{width:calc(26 * var(--u));height:calc(26 * var(--u));color:#000}.pp-tracks,.pp-results{display:flex;flex-direction:column}.pp-track{appearance:none;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(7 * var(--u)) 0}.pp-recent{display:flex;align-items:center;gap:calc(6 * var(--u))}.pp-recent-go{flex:1;min-width:0}.pp-recent-drop{appearance:none;flex:none;border:0;padding:calc(8 * var(--u));background:none;cursor:pointer;display:grid;place-items:center}.pp-recent-drop .sp-icon{width:calc(15 * var(--u));height:calc(15 * var(--u));color:var(--dim)}.pp-track-art{flex:none;display:block;width:calc(48 * var(--u));height:calc(48 * var(--u));object-fit:cover;background:#282828}.pp-track-text{flex:1;min-width:0}.pp-track-name{margin:0;font-size:calc(16 * var(--u));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-track.is-current .pp-track-name{color:var(--green)}.pp-track-by{margin:0;display:flex;align-items:center;gap:calc(6 * var(--u));font-size:calc(13 * var(--u));color:var(--dim);overflow:hidden}.pp-track-by span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-explicit{flex:none;display:grid;place-items:center;width:calc(15 * var(--u));height:calc(15 * var(--u));border-radius:calc(2 * var(--u));background:var(--dim);color:#121212;font-size:calc(9 * var(--u));font-weight:700}.pp-track .sp-icon{flex:none;width:calc(18 * var(--u));height:calc(18 * var(--u))}.pp-mini{position:relative;display:flex;align-items:center;gap:calc(10 * var(--u));margin:0 calc(8 * var(--u)) calc(6 * var(--u));padding:calc(8 * var(--u)) calc(12 * var(--u));border-radius:calc(8 * var(--u));background:linear-gradient(180deg,var(--wash, #4a4a4a),rgba(0,0,0,.28))}.pp-mini-open{appearance:none;border:0;padding:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;flex:1;min-width:0;display:flex;align-items:center;gap:calc(10 * var(--u))}.pp-mini-frame{flex:none;display:block;width:calc(40 * var(--u));height:calc(40 * var(--u))}.pp-mini-cover{display:block;width:100%;height:100%;object-fit:cover;border-radius:calc(4 * var(--u));background:#282828}.pp-mini-text{min-width:0}.pp-mini-name,.pp-mini-by{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-mini-name{font-size:calc(14 * var(--u));font-weight:600}.pp-mini-by{font-size:calc(13 * var(--u));color:#ffffffbf}.pp-mini-right{flex:none;display:flex;align-items:center;gap:calc(16 * var(--u))}.pp-mini-right .sp-icon{width:calc(22 * var(--u));height:calc(22 * var(--u));color:var(--ink)}.pp-mini-play{appearance:none;border:0;padding:0;background:none;cursor:pointer;display:grid;place-items:center}.pp-mini-play .sp-icon{width:calc(24 * var(--u));height:calc(24 * var(--u));color:var(--ink)}.pp-mini-line{position:absolute;left:calc(12 * var(--u));right:calc(12 * var(--u));bottom:calc(2 * var(--u));height:calc(2 * var(--u));border-radius:999px;background:#ffffff4d;overflow:hidden}.pp-mini-line span{display:block;height:100%;width:0;border-radius:999px;background:#fff}.pp-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:calc(6 * var(--u)) 0 calc(14 * var(--u));background:var(--panel)}.pp-tab{appearance:none;border:0;padding:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--u));color:var(--dim);font:inherit;font-size:calc(11 * var(--u))}.pp-tab .sp-icon{width:calc(24 * var(--u));height:calc(24 * var(--u));color:inherit}.pp-tab.is-on{color:var(--ink)}.pp-tab-off{opacity:.45;cursor:default}.pp-now{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;padding:calc(58 * var(--u)) calc(22 * var(--u)) calc(24 * var(--u));background:linear-gradient(180deg,var(--wash, #4a4a4a),var(--panel) 78%);transform:translateY(100%);pointer-events:none;touch-action:none;transition:transform .32s ease}.pp-now.is-up{transform:translateY(var(--sheet-drag, 0px));pointer-events:auto}.pp-now.is-dragging{transition:none}.pp-now-top{display:flex;align-items:center;gap:calc(12 * var(--u));padding-bottom:calc(18 * var(--u))}.pp-now-where{margin:0;flex:1;text-align:center;font-size:calc(13 * var(--u));font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-now-top .sp-icon,.pp-now-close .sp-icon{width:calc(22 * var(--u));height:calc(22 * var(--u));color:var(--ink)}.pp-now-art{flex:none;margin:auto 0;transform:translate(var(--swipe, 0px));opacity:calc(1 - (min(1,max(var(--swipe, 0px),-1 * var(--swipe, 0px)) / 420px)*.45));transition:transform .28s ease,opacity .28s ease;touch-action:none}.pp-now-art.is-swiping{transition:none}.pp-now-cover{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:calc(6 * var(--u));background:#282828;box-shadow:0 calc(16 * var(--u)) calc(40 * var(--u)) #00000073}.pp-now-text{display:flex;align-items:center;gap:calc(14 * var(--u));padding:calc(24 * var(--u)) 0 calc(14 * var(--u))}.pp-now-names{flex:1;min-width:0}.pp-now-name{margin:0;overflow:hidden;white-space:nowrap;font-size:calc(24 * var(--u));font-weight:700;letter-spacing:calc(-.4 * var(--u))}.pp-now-run{display:inline-block;will-change:transform}.pp-now-name.is-running .pp-now-run{animation:pp-slide 9s ease-in-out infinite alternate}@keyframes pp-slide{0%,12%{transform:translate(0)}88%,to{transform:translate(var(--shift, 0))}}.pp-now-by{margin:0;font-size:calc(16 * var(--u));color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-saved{flex:none;display:grid;place-items:center}.pp-saved .sp-icon{width:calc(26 * var(--u));height:calc(26 * var(--u));color:var(--green)}.pp-scrub{padding-bottom:calc(10 * var(--u))}.pp-rail{position:relative;height:calc(16 * var(--u));display:flex;align-items:center;cursor:pointer;touch-action:none}.pp-rail:before{content:"";position:absolute;left:0;right:0;height:calc(4 * var(--u));border-radius:999px;background:#ffffff4d}.pp-rail span{position:relative;height:calc(4 * var(--u));width:0;border-radius:999px;background:#fff}.pp-rail span:after{content:"";position:absolute;right:calc(-6 * var(--u));top:50%;transform:translateY(-50%);width:calc(12 * var(--u));height:calc(12 * var(--u));border-radius:50%;background:#fff}.pp-times{display:flex;justify-content:space-between;font-size:calc(11 * var(--u));color:#ffffffb3}.pp-length{display:flex;align-items:center;gap:calc(6 * var(--u))}.pp-pill{padding:0 calc(5 * var(--u));border-radius:calc(3 * var(--u));background:#fff3;font-size:calc(9 * var(--u));font-weight:700;letter-spacing:calc(.4 * var(--u));text-transform:uppercase}.pp-buttons{display:flex;align-items:center;justify-content:space-between;padding:calc(10 * var(--u)) 0 calc(18 * var(--u))}.pp-tap{appearance:none;border:0;padding:0;background:none;cursor:pointer;display:grid;place-items:center;color:var(--ink)}.pp-buttons .pp-tap .sp-icon{width:calc(30 * var(--u));height:calc(30 * var(--u));color:var(--ink)}.pp-buttons .pp-toggle .sp-icon{width:calc(24 * var(--u));height:calc(24 * var(--u))}.pp-toggle.is-on .sp-icon{color:var(--green)}.pp-toggle.is-on:after{content:"";position:absolute;margin-top:calc(30 * var(--u));width:calc(4 * var(--u));height:calc(4 * var(--u));border-radius:50%;background:var(--green)}.pp-toggle{position:relative}.pp-round-play{appearance:none;border:0;cursor:pointer;width:calc(64 * var(--u));height:calc(64 * var(--u));border-radius:50%;background:#fff;display:grid;place-items:center}.pp-round-play .sp-icon{width:calc(28 * var(--u));height:calc(28 * var(--u));color:#000}.pp-round-play.is-mute,.pp-mini-play.is-mute,.pp-big.is-mute{opacity:.45}.pp-now-foot{display:flex;align-items:center;justify-content:space-between;padding-top:calc(4 * var(--u))}.pp-now-foot .sp-icon,.pp-queue-open .sp-icon{width:calc(22 * var(--u));height:calc(22 * var(--u));color:var(--ink)}.pp-sheet{position:absolute;inset:0;z-index:5}.pp-sheet-back{position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .3s ease}.pp-sheet.is-up .pp-sheet-back{opacity:1}.pp-sheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:72%;display:flex;flex-direction:column;padding:0 calc(18 * var(--u)) calc(20 * var(--u));border-radius:calc(14 * var(--u)) calc(14 * var(--u)) 0 0;background:#1c1c1e;transform:translateY(100%);transition:transform .32s ease}.pp-sheet.is-up .pp-sheet-panel{transform:translateY(var(--sheet-drag, 0px))}.pp-sheet-panel.is-dragging{transition:none}.pp-sheet-grab{appearance:none;flex:none;align-self:center;border:0;padding:0;cursor:pointer;margin:calc(10 * var(--u)) 0 calc(12 * var(--u));width:calc(44 * var(--u));height:calc(4 * var(--u));border-radius:999px;background:#ffffff59}.pp-sheet-head{flex:none;margin:0 0 calc(6 * var(--u));font-size:calc(13 * var(--u));font-weight:700;color:var(--dim)}.pp-sheet-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.pp-sheet-item{appearance:none;width:100%;border:0;background:none;color:var(--ink);font:inherit;font-size:calc(15 * var(--u));text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:calc(12 * var(--u)) 0}.pp-sheet-item.is-on{color:var(--green)}.pp-sheet-tick{width:calc(16 * var(--u));height:calc(16 * var(--u));color:var(--green);visibility:hidden}.pp-sheet-item.is-on .pp-sheet-tick{visibility:visible}.pp-off{opacity:.55;pointer-events:none}.pp-inert{pointer-events:none}.pp-blank{margin:0;padding:calc(40 * var(--u));text-align:center;color:var(--dim)}@media(max-width:900px){.songs{padding:0 16px 72px;gap:16px}.mac{display:none}.handset{display:flex}.songs-readout{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){.sp-play,.pp-now{transition:none}}