:root{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#242a2d;background:#dce2e5;font-synthesis:none;--ink:#242a2d;--muted:#727c82;--accent:#ef5c35;--record-size:min(37vw,510px);--slot-height:172px;--ease:cubic-bezier(.22,.72,.18,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 51% 34%,#f1f3f3 0,rgba(240,243,244,.25) 40%,transparent 70%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{cursor:wait;opacity:.5}[hidden]{display:none!important}.icon-definitions{position:absolute;width:0;height:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:20px;top:-70px;z-index:500;padding:15px;background:white}.skip-link:focus{top:10px}.glass{background:rgba(247,249,249,.65);border:1px solid rgba(255,255,255,.9);box-shadow:0 3px 12px #41566608,inset 0 1px 2px #fff;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}
.site-header{height:112px;position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 46px;z-index:100;background:linear-gradient(#dce2e5 0%,#dce2e5cc 55%,#dce2e500)}.wordmark{font-size:19px;font-weight:800;letter-spacing:-.8px;line-height:1}.brand-dot{color:var(--accent)}.byline{display:block;margin-top:8px;font-size:8px;font-weight:500;letter-spacing:2.3px}.view-switch{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:4px;border-radius:40px;padding:5px}.view-button{height:40px;display:flex;gap:8px;align-items:center;padding:0 19px;border-radius:30px;font-size:11px;background:transparent;color:#687176;transition:background .25s,color .25s,box-shadow .25s}.view-button svg{width:17px;height:17px}.view-button.is-selected{background:#fff;color:var(--ink);box-shadow:0 2px 4px #414e5710}.header-links{display:flex;align-items:center;gap:24px}.source-link{display:flex;align-items:center;gap:8px;font-size:11px}.source-link svg{width:14px;height:14px}.round-button{width:37px;height:37px;border-radius:50%;display:grid;place-items:center}#about-button{font-family:Georgia,serif;font-style:italic;font-size:17px}.intro{position:fixed;left:5.1vw;top:25vh;width:245px;z-index:3}.eyebrow{font-size:9px;font-weight:500;letter-spacing:1.7px;display:flex;align-items:center;gap:9px}.tiny-disc{width:11px;height:11px;border:3px solid var(--ink);border-radius:50%;display:inline-block}.intro h1{font-size:clamp(58px,6.1vw,89px);letter-spacing:-6px;line-height:.87;font-weight:800;margin:32px 0 23px}.intro h1>span{color:var(--accent)}.intro>p{font-size:15px;line-height:1.55;letter-spacing:-.2px;color:#667076;margin:0 0 34px}.collection-credit{display:flex;gap:12px;font-size:10px;line-height:1.8;color:var(--muted)}.credit-line{height:1px;width:21px;margin-top:9px;background:#9ba5ab}.collection-credit a{color:var(--ink)}.collection-credit svg{width:10px;height:10px;margin-left:4px;vertical-align:middle}.play-collection{display:flex;align-items:center;gap:11px;margin-top:29px;padding:0;background:transparent;font-size:10px}.play-collection .round-button{background:var(--ink);color:white;width:33px;height:33px;transition:transform .25s}.play-collection:hover .round-button{transform:scale(1.1)}.play-collection svg{width:16px;height:16px}.collection{width:var(--record-size);margin:0 auto;padding-top:155px;position:relative;min-height:100vh}.collection-topline{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.8px;color:#7b858c;margin:0 6px 23px}.records{position:relative;padding-bottom:70px;isolation:isolate}.record-slot{height:var(--slot-height);position:relative;perspective:1500px;z-index:var(--layer,1);transition:height .7s var(--ease);outline:none}.record-button{display:block;position:absolute;width:100%;height:100%;background:transparent;padding:0;top:0;left:0;transform-style:preserve-3d;outline-offset:0}.record-object{position:absolute;left:0;top:50%;margin-top:calc(var(--record-size) / -2);width:var(--record-size);height:var(--record-size);transform-style:preserve-3d;transform:translateZ(0) rotateX(var(--angle,-62deg));transition:transform .75s var(--ease);will-change:transform}.cover{position:absolute;inset:0;transform:translateZ(10px);backface-visibility:hidden;background:var(--sleeve,#354148);box-shadow:0 0 0 1px #00000010}.cover img{display:block;width:100%;height:100%;object-fit:cover}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1c,transparent 45%,#00000015);pointer-events:none}.record-back{position:absolute;inset:0;transform:translateZ(-10px);background:var(--sleeve)}.spine{position:absolute;left:0;width:100%;height:20px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 12px;background:var(--sleeve,#303d42);color:var(--sleeve-ink,#fff);backface-visibility:hidden;box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0000001c;overflow:hidden;white-space:nowrap;font-size:12px;line-height:20px;letter-spacing:-.1px}.spine strong{overflow:hidden;text-overflow:ellipsis;font-weight:650}.spine small{font-size:10px;opacity:.75}.spine-top{top:-10px;transform:rotateX(90deg)}.spine-bottom{bottom:-10px;transform:rotateX(-90deg)}.record-index{position:absolute;left:-29px;top:50%;font-size:8px;letter-spacing:.5px;color:#929ca3;opacity:0;transition:opacity .3s}.record-slot:hover .record-index,.record-slot.is-open .record-index{opacity:1}.cover-play{position:absolute;inset:0;display:grid;place-items:center;opacity:0;background:#00000008;transition:opacity .4s;pointer-events:none}.cover-play>span{width:65px;height:65px;display:grid;place-items:center;border:1px solid #ffffffbb;border-radius:50%;color:white;background:#10121455;backdrop-filter:blur(14px)}.cover-play svg{width:29px;height:29px}.record-caption{position:absolute;left:0;right:0;top:calc(50% + var(--record-size) / 2 + 24px);display:flex;justify-content:space-between;gap:20px;align-items:start;opacity:0;transition:opacity .3s;pointer-events:none;text-align:left}.caption-title{font-size:13px;font-weight:600;display:block;line-height:1.3}.caption-artist{font-size:10px;color:#68747b;display:block;margin-top:6px}.caption-action{font-size:9px;letter-spacing:.5px;flex-shrink:0;padding-top:3px}.record-slot.is-open{height:calc(var(--record-size) + 122px);z-index:60!important}.record-slot.is-open .record-object{transform:translateY(-22px) translateZ(35px) rotateX(0deg);filter:drop-shadow(0 25px 30px #3c49532a)}.record-slot.is-open .cover-play{opacity:1}.record-slot.is-open .record-caption{opacity:1}.record-slot.is-current .spine:before{content:"";flex-shrink:0;width:5px;height:5px;border-radius:50%;background:currentColor}.record-slot.is-current.is-playing .spine:before{animation:pulse 1.2s ease-in-out infinite}.record-slot:focus-within{z-index:65!important}.record-button:focus-visible{outline-offset:8px;border-radius:2px}.collection-meta{position:fixed;right:5.2vw;top:29vh;width:168px;z-index:3}.collection-meta>.eyebrow{font-size:8px;letter-spacing:1.4px}.track-count{font-size:58px;font-weight:400;letter-spacing:-4px;margin-top:8px;line-height:1.1}.track-count>span{font-size:8px;letter-spacing:1px;color:#7a858c;margin-left:12px}.live-status{font-size:9px;color:#78838a;display:flex;align-items:center;gap:6px;margin-top:13px;line-height:1.5}.live-status>span{display:block;flex-shrink:0;width:4px;height:4px;border-radius:50%;background:#b0b7ba}.live-status.is-live>span{background:#6c8c73;box-shadow:0 0 0 3px #6c8c7315}.shuffle-button{display:flex;align-items:center;gap:9px;padding:12px 0;background:none;font-size:10px;margin-top:18px}.shuffle-button svg{width:15px;height:15px}.how-to{margin-top:85px;font-size:10px;line-height:1.8;color:#808b91}.instruction-mobile{display:none}.collection-end{text-align:center;margin:50px -30px 180px}.end-disc{display:block;margin:0 auto 19px;width:32px;height:32px;border:11px solid #69757c;border-radius:50%}.collection-end p{font-size:17px;letter-spacing:-.4px;margin:0 0 7px}.collection-end>span:not(.end-disc){font-size:11px;color:var(--muted)}.collection-end a{display:flex;justify-content:center;align-items:center;gap:6px;font-size:10px;margin-top:24px}.collection-end svg{width:13px;height:13px}.site-footer{position:fixed;left:46px;right:46px;bottom:29px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.25px;color:#7d878c;pointer-events:none;z-index:4}.scroll-cue{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;padding:11px 16px;background:#e6ebedbf;border-radius:30px;backdrop-filter:blur(14px)}.scroll-cue>span{font-size:17px}.footer-credit>span{margin-left:8px}
.mini-player{position:fixed;z-index:110;left:28px;bottom:27px;width:294px;padding:15px 16px 12px;border-radius:16px;box-shadow:0 14px 50px #2936401c;animation:player-in .5s var(--ease);overflow:hidden;background:#f4f7f6d9}.player-top{display:flex;gap:11px;align-items:center}.player-top>img{width:48px;height:48px;border-radius:4px;object-fit:cover;box-shadow:0 3px 9px #0001}.player-track{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.player-track .eyebrow{font-size:6px;letter-spacing:1.4px;color:var(--accent)}#player-title{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#player-artist{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.icon-button{padding:0;display:grid;place-items:center;width:32px;height:32px;background:transparent;border-radius:50%;flex-shrink:0}.icon-button:hover{background:#75858f12}.icon-button svg{width:17px;height:17px}.player-close{position:absolute;top:6px;right:6px;width:23px;height:23px;color:#7d888f}.player-close svg{width:12px;height:12px}.player-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.player-bottom>span{font-size:8px;color:#8a9398;font-variant-numeric:tabular-nums}.transport{display:flex;gap:12px;align-items:center}.player-play{border-radius:50%;width:35px;height:35px;background:var(--ink);color:white;display:grid;place-items:center}.player-play svg{width:17px;height:17px}.seek-label{display:block;height:15px;padding-top:3px}input[type=range]{width:100%;height:2px;margin:0;display:block;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--ink) var(--progress,0%),#cbd2d5 var(--progress,0%));border-radius:2px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:var(--ink)}input[type=range]::-moz-range-thumb{border:0;width:8px;height:8px;border-radius:50%;background:var(--ink)}.player-source{display:flex;justify-content:center;align-items:center;gap:3px;font-size:7px;color:#849098}.player-source svg{width:20px;height:12px}.audio-host{position:fixed;left:-600px;top:0;width:320px;height:180px;overflow:hidden;pointer-events:none}.audio-host iframe{width:320px;height:180px;border:0}.toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);border-radius:12px;padding:14px 20px;font-size:11px;max-width:380px;z-index:200;line-height:1.6}.about-dialog{border-radius:23px;padding:48px;max-width:440px;color:var(--ink);background:#eaf0f1f5}.about-dialog::backdrop{background:#27333b33;backdrop-filter:blur(8px)}.about-dialog>.icon-button{position:absolute;right:14px;top:14px}.about-dialog h2{font-size:36px;letter-spacing:-1.9px;line-height:1.05;margin:25px 0}.about-dialog p{font-size:13px;line-height:1.7;color:#69777e}.dialog-link{display:flex;gap:8px;align-items:center;font-size:11px;margin-top:25px}.dialog-link svg{width:14px;height:14px}.noscript{position:fixed;inset:50% 20% auto;text-align:center;background:white;padding:20px;z-index:90}.is-list .collection{width: min(42vw,600px)}.is-list .collection-topline{margin-bottom:26px}.is-list .record-slot,.is-list .record-slot.is-open{height:86px;perspective:none;border-bottom:1px solid #a7b2b333}.is-list .record-button{display:flex;align-items:center;gap:16px}.is-list .record-object,.is-list .record-slot.is-open .record-object{position:relative;top:auto;left:auto;margin:0;transform:none;width:56px;height:56px;flex-shrink:0;filter:none;transition:none}.is-list .cover{transform:none;border-radius:3px;overflow:hidden}.is-list .record-back,.is-list .spine{display:none}.is-list .record-caption{position:static;opacity:1;flex:1;align-items:center;min-width:0}.is-list .caption-title{font-size:12px}.is-list .caption-artist{font-size:9px;max-width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-list .caption-action{font-size:9px;color:var(--muted);padding-right:10px}.is-list .cover-play>span{width:30px;height:30px}.is-list .cover-play svg{width:15px;height:15px}.is-list .record-slot:hover .cover-play{opacity:1}.is-list .record-index{opacity:1;top:39px;font-size:8px}.is-list .records{padding-bottom:15px}
@keyframes pulse{50%{opacity:.35}}@keyframes player-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){:root{--record-size:570px;--slot-height:195px}.intro{left:8vw}.collection-meta{right:9vw}.intro h1{font-size:102px}.intro{width:280px}}
@media(max-width:1150px){:root{--record-size:43vw;--slot-height:160px}.site-header{padding:0 30px}.intro{left:3.5vw;width:180px;top:28vh}.intro h1{font-size:60px;letter-spacing:-4px}.intro>.eyebrow{font-size:7px;letter-spacing:1px}.intro>p{font-size:12px}.collection-meta{right:2.8vw;width:132px}.track-count{font-size:49px}.collection-meta>.eyebrow{font-size:7px}.site-footer{left:30px;right:30px}.is-list .collection{width:44vw}.spine{font-size:11px}.spine small{font-size:9px}.mini-player{width:260px;left:20px;bottom:20px}}
@media(max-width:800px){:root{--record-size:min(70vw,480px);--slot-height:155px}.site-header{height:90px;padding:0 23px}.wordmark{font-size:16px}.byline{font-size:7px;letter-spacing:1.8px}.source-link{font-size:0;gap:0}.source-link svg{width:18px;height:18px}.header-links{gap:16px}.view-button{padding:0 14px;height:34px;font-size:10px}.view-button svg{width:15px;height:15px}.intro{position:relative;left:auto;top:auto;width:auto;margin:0 9vw;padding-top:138px;display:grid;grid-template-columns:1fr 1fr}.intro>.eyebrow{grid-column:1/-1;font-size:8px;letter-spacing:1.4px}.intro h1{font-size:72px;letter-spacing:-5px;margin:24px 0 0}.intro>p{margin:24px 0 0;align-self:start;justify-self:end;font-size:12px;line-height:1.7}.collection-credit{position:absolute;right:0;bottom:2px;font-size:9px}.collection-credit .credit-line{display:none}.play-collection{display:none}.collection{padding-top:62px}.collection-topline{margin-bottom:24px}.collection-meta{position:relative;right:auto;top:auto;width:var(--record-size);margin:0 auto 150px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.collection-meta>.eyebrow{display:none}.track-count{font-size:32px;letter-spacing:-2px;margin:0}.live-status{margin:0}.shuffle-button{margin-top:5px;width:100%;justify-content:center}.how-to{display:none}.site-footer{left:23px;right:23px;bottom:20px}.site-footer>span:first-child{font-size:6px;letter-spacing:.8px}.footer-credit{font-size:6px;letter-spacing:.8px}.collection-end{margin-bottom:50px}.is-list .collection{width:76vw}.mini-player{width:285px}.intro~.collection-meta{order:3}}
@media(max-width:540px){:root{--record-size:78vw;--slot-height:141px}.site-header{height:80px;padding:0 20px}.wordmark{font-size:14px;letter-spacing:-.6px}.byline{font-size:6px;margin-top:6px;letter-spacing:1.8px}.view-switch{left:auto;right:66px;transform:none;padding:4px;gap:2px}.view-button{padding:0 10px;height:30px;gap:5px;font-size:9px}.view-button svg{width:13px;height:13px}.header-links{gap:0}.source-link{display:none}.round-button{width:30px;height:30px}.intro{margin:0 8vw;padding-top:116px}.intro h1{font-size:64px;letter-spacing:-4.8px}.intro>p{font-size:10px;margin-top:26px}.intro>.eyebrow{font-size:7px;letter-spacing:1.3px}.tiny-disc{height:9px;width:9px;border-width:2.5px}.collection-credit{font-size:8px;bottom:1px;line-height:1.8}.collection{padding-top:49px}.collection-topline{font-size:7px;margin:0 3px 22px}.record-object{transition:transform .65s var(--ease)}.spine{height:18px;font-size:10px;line-height:18px;padding:0 7px;gap:3px}.spine small{font-size:8px}.spine-top{top:-9px}.spine-bottom{bottom:-9px}.cover{transform:translateZ(9px)}.record-back{transform:translateZ(-9px)}.record-index{left:-20px;font-size:7px}.record-slot.is-open{height:calc(var(--record-size) + 110px)}.record-slot.is-open .record-object{transform:translateY(-20px) translateZ(0) rotateX(0deg)}.record-caption{top:calc(50% + var(--record-size) / 2 + 10px);gap:8px}.caption-title{font-size:12px}.caption-artist{font-size:9px;max-width:210px}.caption-action{font-size:8px}.cover-play>span{width:51px;height:51px}.cover-play svg{width:23px;height:23px}.site-footer{bottom:23px;left:20px;right:20px}.site-footer>span:first-child,.footer-credit{display:none}.scroll-cue{font-size:7px;padding:9px 14px;letter-spacing:1.2px;white-space:nowrap}.mini-player{width:auto;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));border-radius:15px;padding:12px 14px 8px;display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:0 9px}.player-top{gap:9px;min-width:0}.player-top>img{width:43px;height:43px}.player-track{gap:4px;overflow:hidden}.player-track .eyebrow{font-size:5px;letter-spacing:1px}#player-title{font-size:11px}#player-artist{font-size:8px}.player-bottom{margin:0;align-items:center;justify-content:center}.player-bottom>span{display:none}.transport{gap:5px}.player-play{width:34px;height:34px}.transport>.icon-button{width:29px;height:29px}.player-close{top:2px;right:2px;width:18px;height:18px}.player-close svg{width:9px;height:9px}.seek-label{grid-column:1/-1;margin-top:10px;height:9px}.player-source{grid-column:1/-1;font-size:6px;margin-top:1px}.player-source svg{width:17px;height:9px}.has-player .scroll-cue{display:none}.has-player{padding-bottom:60px}.toast{bottom:130px;width:calc(100% - 40px);max-width:350px;padding:12px 16px}.about-dialog{padding:36px 28px;max-width:calc(100vw - 36px)}.about-dialog h2{font-size:32px}.instruction-desktop{display:none}.instruction-mobile{display:inline}.is-list .collection{width:80vw}.is-list .record-slot{height:78px}.is-list .record-object{width:48px;height:48px}.is-list .caption-title{font-size:11px}.is-list .caption-artist{max-width:185px;font-size:8px}.is-list .caption-action{font-size:8px;padding-right:0}.is-list .record-button{gap:11px}.is-list .record-index{top:34px}.collection-meta{font-size:8px}.track-count{font-size:30px}.track-count>span{margin-left:7px}.live-status{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.record-object{will-change:auto}}
.empty-collection{padding:80px 0;text-align:center;font-size:14px;line-height:1.8;color:var(--muted)}
@media(max-width:540px){.intro{display:block;padding-top:110px}.intro h1{display:none}.intro>p{margin:12px 0 0;font-size:11px}.intro>p br{display:none}.intro>p br:after{content:" "}.intro .collection-credit{display:none}.collection{padding-top:36px}}
.record-back{transform:rotateX(180deg) translateZ(10px);backface-visibility:hidden}
.record-back img{display:block;width:100%;height:100%;object-fit:cover}
.is-list .record-back{display:none}
@media(max-width:540px){.record-back{transform:rotateX(180deg) translateZ(9px)}}

.player-links{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:3px}
.player-download{font-size:8px;font-weight:700;letter-spacing:.15px;color:var(--accent);white-space:nowrap}
.player-download:hover:not(.is-unavailable){text-decoration:underline;text-underline-offset:3px}
.player-download.is-unavailable{opacity:.42;cursor:not-allowed}
.is-list .record-slot.is-open{background:#8dff0010;box-shadow:inset 3px 0 var(--accent)}
.is-ipod .intro,.is-ipod .collection,.is-ipod .collection-meta,.is-ipod .site-footer{display:none}
.ipod-view{min-height:100svh;padding:128px 20px 55px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px}
.ipod-device{width:min(350px,calc(100vw - 42px));aspect-ratio:350 / 530;position:relative;display:flex;flex-direction:column;padding:22px 22px 12px;border-radius:35px;background:linear-gradient(110deg,#c3c5c5 0%,#f3f3f1 11%,#d9dada 38%,#f8f8f7 53%,#cacccc 79%,#fafafa 96%);box-shadow:inset 3px 3px 7px #fff,inset -5px -5px 13px #8d9295,0 3px 3px #0008,0 24px 70px #0008;outline:1px solid #899092;transition:width .35s var(--ease)}
.ipod-device:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#ffffff5c 0%,transparent 25%,transparent 76%,#ffffff7a 100%);mix-blend-mode:soft-light}
.ipod-screen{position:relative;height:42%;width:100%;border:7px solid #242728;border-radius:10px;overflow:hidden;color:#1d2529;background:#f5f6f6;box-shadow:0 0 0 1px #fff8,inset 0 0 0 1px #a7adb0,0 2px 5px #64696b8c;display:flex;flex-direction:column}
.ipod-statusbar{height:25px;flex:none;display:flex;align-items:center;gap:7px;padding:0 7px;background:linear-gradient(#fff,#d3d9dd 85%,#8d969b);border-bottom:1px solid #89949a;font-size:11px;line-height:1;white-space:nowrap}
.ipod-statusbar strong{font-weight:700;overflow:hidden;text-overflow:ellipsis}.ipod-statusbar>span:nth-child(2){margin-left:auto;font-size:9px;color:#3b8da7}.ipod-battery{width:22px;height:10px;border:1px solid #6e777a;border-radius:1px;padding:1px;position:relative;background:#f9f9f9}.ipod-battery:after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:4px;background:#6e777a}.ipod-battery span{display:block;width:85%;height:100%;background:linear-gradient(#a8ed76,#66a442)}
.ipod-cover-screen,.ipod-now-screen{flex:1;min-height:0;display:flex;flex-direction:column}.ipod-coverflow{position:relative;flex:1;min-height:0;overflow:hidden;perspective:360px;background:linear-gradient(#f5f6f6,#f7f8f8 67%,#d6dbdd)}.ipod-coverflow:after{content:"";position:absolute;left:6%;right:6%;bottom:0;height:1px;background:#c6cdd0;box-shadow:0 5px 7px #0003}.ipod-cover{position:absolute;left:50%;top:9%;width:43%;aspect-ratio:1;border:1px solid #59656a;background:#d7dcdf;padding:0;box-shadow:2px 7px 12px #22303955;transition:transform .46s cubic-bezier(.22,.8,.25,1),opacity .32s ease;backface-visibility:hidden;transform-origin:center;user-select:none}.ipod-cover img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.ipod-cover.is-selected{box-shadow:1px 8px 15px #22303980}.ipod-cover:focus-visible{outline:3px solid #3298c7;outline-offset:3px}.ipod-cover-details{height:42px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:3px 10px;text-align:center;background:linear-gradient(#e7eaeb,#f9f9f8);border-top:1px solid #d2d8da;white-space:nowrap}.ipod-cover-details strong{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.ipod-cover-details span{font-size:9px;color:#586165;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ipod-now-screen{padding:15px 11px 8px;background:linear-gradient(#fff,#f3f5f5)}.ipod-now-main{display:flex;align-items:flex-start;gap:10px;flex:1;min-height:0}.ipod-now-main img{width:44%;aspect-ratio:1;object-fit:cover;box-shadow:0 1px 3px #0003}.ipod-now-copy{min-width:0;display:flex;flex-direction:column;gap:5px;padding-top:7px}.ipod-now-copy strong{font-size:12px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ipod-now-copy span{font-size:10px;color:#687176;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ipod-now-copy small{font-size:9px;font-weight:700;margin-top:5px}.ipod-now-progress{display:flex;gap:6px;align-items:center;flex:none;font-size:9px;font-variant-numeric:tabular-nums;font-weight:700}.ipod-progress-track{height:7px;flex:1;min-width:0;border:1px solid #cad4d7;background:#e8ecee;box-shadow:inset 0 1px 2px #0002}.ipod-progress-track span{display:block;height:100%;width:0;background:linear-gradient(#aed7ee,#5696bb);border-right:1px solid #287ca8}
.ipod-screen-foot{height:18px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 7px;border-top:1px solid #d0d7d9;background:#e7ebed;color:#566368;font-size:7px}.ipod-screen-foot span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:8px}
.ipod-wheel{position:relative;width:73%;aspect-ratio:1;margin:auto auto 8px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff 0%,#f7f7f6 57%,#e3e5e5 100%);box-shadow:0 1px 1px #fff,inset 0 2px 4px #9a9fa188,0 0 0 1px #bfc4c5;touch-action:manipulation}.ipod-wheel-button,.ipod-select{position:absolute;display:grid;place-items:center;background:transparent;color:#8a969c}.ipod-wheel-button:hover,.ipod-wheel-button:focus-visible{color:#35444a}.ipod-wheel-button svg{width:22px;height:22px;fill:currentColor;stroke-width:1.2}.ipod-menu{top:4%;left:30%;width:40%;height:27%;font-size:13px;font-weight:700;letter-spacing:.8px}.ipod-previous{left:2%;top:35%;height:30%;width:28%}.ipod-next{right:2%;top:35%;height:30%;width:28%}.ipod-play-pause{left:32%;bottom:2%;width:36%;height:27%;display:flex;align-items:center;justify-content:center;gap:0}.ipod-play-pause svg{width:16px;height:16px}.ipod-play-pause span{font-size:17px;letter-spacing:-3px;line-height:1}.ipod-select{width:37%;height:37%;left:31.5%;top:31.5%;border-radius:50%;background:radial-gradient(circle at 30% 20%,#eceeed,#c7cbcd 80%);box-shadow:inset 0 2px 4px #a1a7a9,0 1px 1px #fff9,0 0 0 1px #b6bcbe}.ipod-select:hover{background:radial-gradient(circle at 30% 20%,#fff,#d1d6d7 80%)}.ipod-select:active,.ipod-wheel-button:active{filter:brightness(.88)}.ipod-mark{text-align:center;font-size:8px;font-weight:800;letter-spacing:2px;color:#9a9f9e;text-shadow:0 1px #fff7}.ipod-instructions{font-size:10px;letter-spacing:.25px;color:#9da799;text-align:center;margin:0}
@media(max-width:540px){.site-header{height:122px}.view-switch{top:73px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}.view-button{padding:0 12px}.intro{padding-top:138px}.mini-player .player-links{grid-column:1/-1;margin-top:3px}.ipod-view{padding-top:145px;padding-bottom:75px;gap:18px}.ipod-device{padding:17px 17px 10px;border-radius:28px}.ipod-statusbar{height:22px;font-size:10px}.ipod-cover-details{height:37px}.ipod-cover-details strong{font-size:10px}.ipod-now-screen{padding:11px 8px 6px}.ipod-now-copy strong{font-size:10px}.ipod-now-copy span{font-size:8px}.ipod-wheel{width:71%}.ipod-menu{font-size:11px}.ipod-wheel-button svg{width:17px;height:17px}.ipod-instructions{font-size:9px}}
@media(max-width:370px){.view-switch{right:auto}.view-button{padding-inline:9px}.ipod-cover-details span{font-size:8px}}
@media(max-width:540px){.has-player.is-ipod .ipod-device{width:min(300px,calc(100vw - 60px))}.has-player.is-ipod .ipod-view{padding-bottom:140px}.has-player.is-ipod .ipod-now-main img{width:34%}}