@layer components{.music-page-heading{gap:28px;margin-bottom:56px;display:grid}.music-layout{align-items:start;gap:40px;display:grid}.music-album{min-width:0}.music-cover{border-radius:4px;width:100%;height:auto;display:block}.music-album-copy{padding-top:20px}.music-album-title,.music-library-title{font-family:var(--font-sans);font-variation-settings:normal;text-transform:none;letter-spacing:-.03em;font-weight:500;font-stretch:100%;line-height:1.35}.music-album-title{font-size:32px}.music-library-title{font-size:24px}.music-spotify-logo{width:88px}.music-fruit{flex-shrink:0;place-items:center;width:64px;height:76px;display:grid;position:relative}.music-fruit-image{transform-origin:50% 75%;width:48px;height:auto;animation:5s ease-in-out infinite music-fruit-float;position:relative}.music-fruit[data-playing=true] .music-fruit-image,.music-fruit:hover .music-fruit-image{animation:1.05s ease-in-out infinite music-fruit-bop}.music-fruit-orbit{border:1px solid #0000;border-bottom-color:#d7955833;border-radius:50%;position:absolute;inset:16px 2px 0;transform:rotate(-24deg)}.music-fruit-orbit i{opacity:0;background:#d79558;border-radius:50%;width:3px;height:3px;position:absolute}.music-fruit-orbit i:first-child{top:50%;left:0}.music-fruit-orbit i:nth-child(2){background:#8bb95c;top:30%;right:1px;animation-delay:-350ms!important}.music-fruit-orbit i:nth-child(3){bottom:0;right:18px;animation-delay:-700ms!important}.music-fruit[data-playing=true] .music-fruit-orbit i,.music-fruit:hover .music-fruit-orbit i{animation:1.05s ease-out infinite music-fruit-spark}.music-album-button{color:#08170d;cursor:pointer;background:#1db954;border:0;border-radius:3px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:44px;margin-top:20px;padding:10px 14px;font-size:14px;font-weight:600;transition:background .15s,transform .15s;display:flex}.music-album-button:hover{background:#1ed760;transform:translateY(-1px)}.music-album-button:active{transform:translateY(0)}.music-album-button svg{width:16px;height:16px}.music-spotify{margin-top:20px}.music-spotify iframe{border-radius:4px}.music-library{min-width:0}.music-library-header{justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px;display:flex}.music-filters{flex-wrap:wrap;gap:6px;padding-bottom:22px;display:flex}.music-filter{border:1px solid var(--line-strong);min-height:40px;color:var(--muted);cursor:pointer;border-radius:3px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;transition:background .15s,color .15s;display:flex}.music-filter span{font:10px var(--font-mono)}.music-filter:hover{background:var(--panel-2);color:var(--text)}.music-filter[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--ink)}.music-list-toolbar{color:var(--muted);font:11px var(--font-mono);justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}.music-list-toolbar select{cursor:pointer;min-height:32px}.music-list{border-top:1px solid var(--line-strong)}.music-row{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr) minmax(120px,.68fr);align-items:center;gap:16px;padding:23px 10px 23px 0;transition:background .18s;display:grid}.music-row:hover,.music-row[data-active=true]{background:var(--panel)}.music-row-play{border:1px solid var(--line-strong);width:40px;height:44px;color:var(--muted);cursor:pointer;border-radius:3px;place-items:center;transition:color .15s,background .15s,border-color .15s;display:grid}.music-row-play:hover{color:var(--text);border-color:var(--muted)}.music-row[data-active=true] .music-row-play{color:var(--text);background:var(--accent-soft);border-color:var(--accent)}.music-date{font-family:var(--font-mono);text-align:left;cursor:pointer;font-size:14px;line-height:1.4}.music-date:hover{text-underline-offset:4px;text-decoration:underline}.music-clip-number{color:var(--muted);font:10px var(--font-mono)}.music-description{color:var(--muted);margin-top:7px;font-size:13px;line-height:1.55}.music-story{border-left:1px solid #d7955866;margin-top:10px;padding-left:12px}.music-story summary{cursor:pointer;grid-template-columns:minmax(0,1fr) 12px;gap:3px 8px;list-style:none;display:grid}.music-story summary::-webkit-details-marker{display:none}.music-story summary::marker{content:""}.music-story-label{color:#d6ab7f;font:10px var(--font-mono);text-transform:uppercase;letter-spacing:.05em;grid-column:1}.music-story-title{grid-column:1;font-size:13px;line-height:1.5}.music-story-chevron{width:12px;height:12px;color:var(--muted);grid-area:1/2/3;align-self:center;transition:transform .18s}.music-story[open] .music-story-chevron{transform:rotate(90deg)}.music-story summary:hover .music-story-title{text-decoration:underline;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);text-underline-offset:3px}.music-story>p{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.7;animation:.18s ease-out hero-fade}.music-tags{color:var(--muted);font:10px var(--font-mono);flex-wrap:wrap;gap:12px;margin-top:9px;display:flex}.music-tags span+span:before{content:"·";color:var(--dim);margin-right:12px}.music-row-waveform{min-width:0}.music-wave-control{border-radius:3px;height:48px;position:relative}.music-wave{fill:none;stroke-width:2px;width:100%;height:100%;display:block}.music-wave-base{stroke:var(--dim);transition:stroke .15s}.music-wave-progress{stroke:var(--accent);clip-path:inset(0 100% 0 0)}.music-row[data-active=true] .music-wave-progress{clip-path:inset(0 calc(100% - var(--music-progress,0) * 100%) 0 0)}.music-wave-control:hover .music-wave-base{stroke:var(--muted)}.music-wave-control input{opacity:0;cursor:crosshair;width:100%;height:100%;margin:0;position:absolute;inset:0}.music-wave-control:has(input:focus-visible){outline:2px solid var(--text);outline-offset:4px}.music-row-duration{text-align:right;color:var(--muted);font:10px var(--font-mono);font-variant-numeric:tabular-nums;margin-top:5px;display:block}.music-player{z-index:40;padding:14px 20px max(14px, env(safe-area-inset-bottom));background:var(--panel);animation:.22s ease-out both music-player-in;position:fixed;bottom:0;left:0;right:0}.music-player-inner{align-items:center;gap:24px;max-width:1240px;margin:0 auto;display:flex}.music-player-label{align-items:center;gap:12px;min-width:215px;display:flex}.music-current-date{font:13px var(--font-mono)}.music-current-status{margin-top:2px;font-size:12px}.music-levels{width:19px;height:24px;color:var(--muted);justify-content:space-between;align-items:center;display:flex}.music-levels i{background:currentColor;width:2px;height:60%;display:block;transform:scaleY(.3)}.music-player[data-playing=true] .music-levels{color:var(--accent)}.music-player[data-playing=true] .music-levels i{animation:.75s ease-in-out infinite alternate music-level}.music-levels i:nth-child(2){height:100%;animation-delay:-300ms!important}.music-levels i:nth-child(3){height:85%;animation-delay:-550ms!important}.music-levels i:nth-child(4){height:45%;animation-delay:-100ms!important}.music-transport,.music-player-options{align-items:center;gap:6px;display:flex}.music-transport button,.music-player-options button{min-width:40px;height:44px;color:var(--muted);cursor:pointer;border-radius:3px;place-items:center;transition:background .15s,color .15s;display:grid}.music-transport button:hover,.music-player-options button:hover{color:var(--text);background:var(--line-strong)}.music-transport svg,.music-player-options svg{width:18px;height:18px}.music-transport .music-main-play{background:var(--text);width:44px;color:var(--ink)}.music-transport .music-main-play:hover{color:var(--ink);background:#fff}.music-player-seek{flex:1;align-items:center;gap:12px;min-width:120px;display:flex}.music-player-seek span{color:var(--muted);font:11px var(--font-mono);font-variant-numeric:tabular-nums}.music-range{min-width:0;height:32px;display:block;position:relative}.music-seek-control{--range-progress:var(--music-progress,0);flex:1}.music-range-rail{background:var(--line-strong);height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.music-range-rail:before{content:"";background:var(--accent);transform:scaleX(var(--range-progress,0));transform-origin:0;position:absolute;inset:0}.music-range-head{top:50%;left:calc(var(--range-progress,0) * 100%);background:var(--text);width:2px;height:12px;transition:height .15s;position:absolute;transform:translate(-50%,-50%)}.music-range:hover .music-range-head{height:18px}.music-range input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.music-range input,.music-wave-control input{appearance:none;background:0 0;border:0;padding:0}.music-range input::-webkit-slider-thumb{appearance:none;background:0 0;border:0;width:1px;height:32px}.music-wave-control input::-webkit-slider-thumb{appearance:none;background:0 0;border:0;width:1px;height:32px}.music-range input::-moz-range-thumb{background:0 0;border:0;width:1px;height:32px}.music-wave-control input::-moz-range-thumb{background:0 0;border:0;width:1px;height:32px}.music-range:has(input:focus-visible){outline:2px solid var(--text);outline-offset:3px}.music-volume .music-range-rail:before{background:var(--muted)}.music-volume .music-range-head{border-radius:50%;width:6px;height:6px}.music-volume{width:64px;margin:0 8px}.music-player-error{max-width:1240px;margin:12px auto 0;font-size:13px}.music-spinner{border:1.5px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.65s linear infinite music-spin}body:has(.music-player){padding-bottom:90px}@media (min-width:1024px){.music-page-heading{grid-template-columns:1fr 1fr;align-items:end;gap:64px;margin-bottom:64px}.music-layout{grid-template-columns:minmax(260px,.8fr) minmax(0,2fr);gap:64px}.music-compact .music-layout{grid-template-columns:280px minmax(0,1fr);gap:40px}.music-compact .music-row{padding-block:20px}}@media (min-width:640px) and (max-width:1023px){.music-album{grid-template-columns:240px 1fr;align-items:center;gap:28px;display:grid}.music-album-copy{padding-top:0}.music-spotify{margin-top:0}}@media (max-width:1023px){.music-player-inner{flex-wrap:wrap;gap:8px 16px}.music-player-label{flex:1}.music-player-options{margin-left:auto}.music-player-seek{flex-basis:100%;order:4}body:has(.music-player){padding-bottom:130px}}@media (max-width:639px){.music-page-heading{margin-bottom:32px}.music-layout{gap:36px}.music-album{grid-template-columns:100px minmax(0,1fr);align-items:start;gap:16px;display:grid}.music-album-copy{padding-top:0}.music-album-title{font-size:26px}.music-spotify-logo{width:70px}.music-album-copy>p{display:none}.music-album-button{margin-top:16px;padding-inline:8px;font-size:12px}.music-spotify{margin-top:0}.music-library-header{gap:16px;padding-bottom:20px}.music-library-title{font-size:22px}.music-fruit{width:52px;height:64px}.music-fruit-image{width:40px}.music-filters{gap:6px;padding-bottom:16px}.music-filter{min-height:38px;padding-inline:10px;font-size:12px}.music-row{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:10px 14px;padding:20px 0}.music-row-play{margin-top:1px}.music-row-waveform{grid-column:2;align-items:center;gap:14px;display:flex}.music-wave-control{flex:1;min-width:0;height:44px}.music-row-duration{flex-shrink:0;max-width:48px;margin-top:0;line-height:1.6}.music-player{padding-inline:16px;padding-top:12px}.music-player-inner{gap:5px 10px}.music-player-label{flex:calc(100% - 138px);min-width:0}.music-current-date{font-size:11px}.music-current-status{font-size:10px}.music-transport{flex-shrink:0;gap:2px}.music-player-options{order:5;margin-left:0}.music-player-options button{height:36px}.music-volume{width:52px;margin:0 8px}.music-player-seek{flex:1;gap:10px}body:has(.music-player){padding-bottom:130px}}@media (max-width:360px){.music-album{grid-template-columns:80px minmax(0,1fr);gap:12px}.music-album-title{font-size:24px}}}@keyframes music-spin{to{transform:rotate(360deg)}}@keyframes music-level{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes music-player-in{0%{transform:translateY(100%)}}@keyframes music-fruit-float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-4px)rotate(4deg)}}@keyframes music-fruit-bop{0%,to{transform:translateY(0)rotate(-8deg)}35%{transform:translateY(-7px)rotate(9deg)}65%{transform:translateY(-2px)rotate(-3deg)}}@keyframes music-fruit-spark{0%{opacity:0;transform:translateY(0)}25%{opacity:.8}to{opacity:0;transform:translateY(-16px)}}