:root{font-family:Arial,Helvetica,sans-serif;color:#22221f;background:#f5f4f0;color-scheme:light;font-synthesis:none;--muted:#6b6b63;--line:#dcdcd4}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,video:focus-visible,.screen:focus-visible{outline:2px solid #22221f;outline-offset:5px}.page{width:min(100% - 96px,1040px);margin:0 auto;padding:48px 0 72px}header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px}h1{font-size:24px;font-weight:500;letter-spacing:-1px;margin:0}header>span{font-size:14px;color:var(--muted)}.screen{position:relative;aspect-ratio:16/9;background:#101719}video{display:block;width:100%;height:100%;object-fit:contain;background:#101719}.play-cover{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;display:grid;place-items:center;border:0;border-radius:50%;background:#f5f4f0ed;transition:background .15s,scale .15s}.play-cover:hover{background:#fff;scale:1.06}.play-cover[hidden]{display:none}.play-cover svg{width:25px;height:25px;fill:currentColor;margin-left:1px}.below{display:flex;align-items:flex-start;gap:48px;padding-top:18px}.song-list{flex:1;min-width:0}.song{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:18px 0;min-height:60px}.song:last-child{border-bottom:0}.song:hover:not(:disabled) .song-title{text-decoration:underline;text-underline-offset:4px}.song:disabled{cursor:default}.song-marker{width:6px;height:6px;flex:none;border:1px solid currentColor;border-radius:50%;margin:0 5px;color:var(--muted)}.song[aria-current=true] .song-marker{background:#22221f;border-color:#22221f}.song-copy{display:flex;align-items:baseline;gap:16px;flex:1;min-width:0}.song-title{font-size:16px;font-weight:400;white-space:nowrap}.song[aria-current=true] .song-title{font-weight:600}.song-artist{font-size:14px;color:var(--muted)}.song-duration{font-size:14px;font-variant-numeric:tabular-nums;color:var(--muted)}.actions{display:flex;gap:4px;padding-top:8px}.icon-button{width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center;color:var(--muted)}.icon-button:hover{color:#22221f;background:#eae9e3}.icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.notice{font-size:14px;color:var(--muted);margin:14px 0 0;line-height:1.5;overflow-wrap:anywhere}.notice:empty{display:none}.skip{position:absolute;top:8px;left:16px;padding:12px;background:#22221f;color:white;z-index:10;transform:translateY(-160%)}.skip:focus{transform:translateY(0)}noscript{font-size:14px}noscript a{text-decoration:underline}
@media(max-width:650px){.page{width:calc(100% - 40px);padding:28px 0 40px}header{margin-bottom:22px}h1{font-size:22px}.below{gap:12px;flex-wrap:wrap;padding-top:10px}.song-list{flex-basis:100%}.song-copy{gap:8px;flex-wrap:wrap}.song-artist{font-size:13px}.song{gap:10px;padding:16px 0}.actions{margin-left:auto;padding-top:0}.play-cover{width:52px;height:52px}.play-cover svg{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.quality{font:inherit;font-size:13px;color:var(--muted);background:transparent;border:0;border-radius:0;min-height:44px;padding:0 4px;cursor:pointer}.quality:focus-visible{outline:2px solid #22221f;outline-offset:3px}.quality:disabled{opacity:.5;cursor:default}