:root{--c: var(--violet);--c-text: var(--violet-light);--side: clamp(300px, 30vw, 402px)}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.crumbs{margin-bottom:22px}@media(min-width:760px){.crumbs{margin-bottom:70px}}.watch{display:grid;grid-template-columns:minmax(0,1fr) var(--side);align-items:start;gap:24px}.primary,.secondary{display:flex;flex-direction:column;min-width:0}.primary{gap:30px}.secondary{gap:16px}@media(max-width:999px){.watch{display:flex;flex-direction:column;align-items:stretch}.primary,.secondary{display:contents}.frame{order:1}.info{order:2}.panel{order:3}.playlist{order:4}.shelf{order:5}.ask{order:6}.upnext{order:7}}.frame{position:relative;aspect-ratio:16 / 9;width:100%;scroll-margin-top:16px}@media(max-width:999px)and (orientation:landscape)and (max-height:500px){.frame{max-width:calc((100vh - 32px) * 16 / 9);max-width:calc((100svh - 32px) * 16 / 9);align-self:center}}.player{position:absolute;inset:0;z-index:1;overflow:hidden;border-radius:12px;background:var(--ground);box-shadow:0 0 0 1px #ffffff1a,0 24px 70px #000000a6}.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.poster{position:absolute;inset:0;display:block;outline:none}@property --nu-p{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@keyframes nu-fill{0%{--nu-p: 0%}to{--nu-p: 100%}}.next-up{position:absolute;inset:0;z-index:3;display:grid;place-items:center;overflow:hidden;container-type:size;background:var(--ground);opacity:0;transition:opacity .35s}.next-up[hidden]{display:none}.next-up.shown{opacity:1}.next-up:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 70% 80% at 50% 50%,color-mix(in srgb,var(--violet) 20%,rgba(0,0,0,.65)),#000c)}.nu-pic{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover;filter:blur(14px) saturate(1.2)}.nu-pic{animation:nu-drift var(--nu-time, 8s) linear forwards paused}.counting .nu-pic{animation-play-state:running}@keyframes nu-drift{to{scale:1.06}}.nu-crane,.nu-in{--nu-ch: 62cqh;--nu-cw: calc(var(--nu-ch) * 298 / 720);--nu-cx: 6cqw}.nu-crane{position:absolute;z-index:2;right:var(--nu-cx);bottom:8cqh;width:var(--nu-cw);height:var(--nu-ch);pointer-events:none}.nu-crane:before{content:"";position:absolute;left:50%;bottom:-8cqh;width:calc(var(--nu-ch) * 1.5);height:calc(var(--nu-ch) * 1.05);translate:-50% 0;background:radial-gradient(50% 100% at 50% 100%,color-mix(in srgb,var(--violet) 42%,transparent),color-mix(in srgb,var(--pink) 13%,transparent) 55%,transparent);animation:nu-breath 10s ease-in-out infinite}.nu-crane img{position:relative;display:block;width:100%;height:100%;filter:drop-shadow(0 0 1.4cqh color-mix(in srgb,var(--pink) 40%,transparent));opacity:0;translate:0 3cqh;transition:opacity .9s .2s,translate 1.4s .2s cubic-bezier(.2,.8,.2,1)}.shown .nu-crane img{opacity:1;translate:none}.nu-crane i{position:absolute;left:var(--x);bottom:var(--y);opacity:0;font:400 clamp(11px,5.4cqh,26px)/1 var(--sans);font-style:normal;color:var(--k);text-shadow:0 0 1.2cqh var(--k)}.counting .nu-crane i{animation:nu-rise var(--t) ease-in-out var(--d) infinite}.nu-crane i:nth-of-type(1){--x: 12%;--y: 22%;--k: var(--pink);--t: 6.5s;--d: -1.2s;--r: -12deg;--dx: 0cqw}.nu-crane i:nth-of-type(2){--x: 45%;--y: 4%;--k: var(--violet-light);--t: 7.5s;--d: -4.6s;--r: 8deg;--dx: 2cqw}.nu-crane i:nth-of-type(3){--x: 88%;--y: 30%;--k: var(--link);--t: 6s;--d: -2.8s;--r: 14deg;--dx: 1cqw}.nu-crane i:nth-of-type(4){--x: 25%;--y: 0%;--k: var(--violet-light);--t: 8s;--d: -.2s;--r: -6deg;--dx: 0cqw}.nu-crane i:nth-of-type(5){--x: 70%;--y: 14%;--k: var(--pink);--t: 7s;--d: -5.6s;--r: 10deg;--dx: 1cqw}@keyframes nu-breath{0%,to{opacity:.5}40%{opacity:1}}@keyframes nu-rise{0%{opacity:0;transform:translate(0) rotate(var(--r))}20%{opacity:.9}75%{opacity:.5}to{opacity:0;transform:translate(var(--dx),-50cqh) rotate(var(--r))}}.nu-in{position:relative;z-index:2;display:grid;justify-items:center;gap:clamp(6px,3.6cqh,16px);max-width:min(620px,90cqw,100cqw - 2 * (var(--nu-cx) + var(--nu-cw) + 2cqw));padding:12px;text-align:center}@container (max-width: 559px){.nu-crane,.nu-in{--nu-ch: 24cqh;--nu-cx: 2.5cqw}.nu-crane{bottom:3cqh}.nu-crane:before,.nu-crane i{display:none}.nu-in{max-width:90cqw;margin-right:var(--nu-cw)}}.nu-say{margin:0;font:600 clamp(11px,3.8cqh,13.5px)/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.nu-go{display:grid;justify-items:center;gap:clamp(6px,3.6cqh,16px);color:var(--white);text-decoration:none}.nu-ring{--nu-p: 100%;position:relative;display:grid;place-items:center;width:clamp(48px,26cqh,96px);aspect-ratio:1;border-radius:50%;background:conic-gradient(transparent var(--nu-p),color-mix(in srgb,var(--soft) 24%,var(--panel)) 0),conic-gradient(var(--crane-stops),var(--pink));transition:scale .25s cubic-bezier(.2,.8,.2,1)}.nu-ring:after{content:"";position:absolute;inset:clamp(3px,1.4cqh,5px);border-radius:50%;background:var(--panel)}.nu-ring>*{position:relative;z-index:1}.counting .nu-ring{animation:nu-fill var(--nu-time, 8s) linear forwards}@media(hover:hover){.nu-go:hover .nu-ring{scale:1.06}}.nu-n{font:800 clamp(20px,12cqh,42px)/1 var(--display);font-variant-numeric:tabular-nums;color:var(--white)}.nu-ring svg{width:40%;height:40%;margin-left:6%;color:var(--white)}.counting .nu-ring svg,.next-up:not(.counting) .nu-n{display:none}.nu-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%;padding-inline:.25em;overflow-wrap:anywhere;font:700 clamp(13px,6cqh,21px)/1.3 var(--display);letter-spacing:.03em;text-transform:uppercase;text-wrap:balance}.nu-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.nu-acts .btn{height:clamp(34px,16cqh,48px);padding:0 clamp(14px,4cqw,24px);font-size:clamp(13.5px,5.4cqh,16px)}@container (max-height: 240px){.nu-title{-webkit-line-clamp:1}}@container (max-height: 180px){.nu-say{display:none}}.unmute{position:absolute;left:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px 0 12px;border:0;border-radius:999px;font:600 14px var(--sans);color:var(--ground);background:var(--white);box-shadow:0 6px 22px #0000008c;cursor:pointer;transition:background .2s}.unmute svg{width:20px;height:20px;flex:none}@media(hover:hover){.unmute:hover{background:color-mix(in srgb,var(--violet-light) 28%,var(--white))}}.unmute:focus-visible{background:color-mix(in srgb,var(--violet-light) 28%,var(--white));outline:var(--focus);outline-offset:-2px}.info{display:flex;flex-direction:column;gap:12px}.tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:-4px}.tags .kind{padding:2px 10px 2px 8px;font-size:12.5px}.tags ul{display:flex;flex-wrap:wrap;gap:2px 12px;margin:0;padding:0;list-style:none;font-size:13.5px;font-weight:500}.tags a,.tagline a{color:var(--link);text-decoration:none;outline:none}.tags a:focus-visible,.tagline a:focus-visible{text-decoration:underline;text-underline-offset:3px}@media(pointer:coarse){.tags ul{row-gap:8px}.tagline{row-gap:4px}:is(.tags,.tagline) a{position:relative}.tags a:after{content:"";position:absolute;inset:-4px -6px}.tagline a:after{content:"";position:absolute;inset:-2px -5px}}@media(hover:hover){.tags a:hover,.tagline a:hover{text-decoration:underline;text-underline-offset:3px}}.info h1{margin:0;font:800 clamp(19px,1.85vw,24px)/1.3 var(--display);letter-spacing:.025em;text-transform:uppercase;color:var(--orange);text-wrap:balance}.owner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}.channel{display:flex;align-items:center;gap:12px;min-width:0}.avatar{flex:none;border-radius:50%;outline:none}.avatar img,.ava{display:block;width:40px;height:40px;border-radius:50%;background:var(--ground);box-shadow:0 0 0 1px #ffffff29}.avatar:focus-visible img{outline:var(--focus);outline-offset:-2px}.who{display:grid;min-width:0;margin:0 10px 0 0;line-height:1.3}.who b{font-size:16px;font-weight:600;color:var(--white)}.who span{overflow:hidden;font-size:12.5px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.who a{text-decoration:none}.who a:focus-visible{color:var(--white);outline:none}@media(hover:hover){.who a:hover{color:var(--white);outline:none}}.channel .btn{flex:none;height:42px;padding:0 20px;font-size:15.5px}@media(max-width:559px){.channel{width:100%}.channel .btn{margin-left:auto}}.actions{display:flex;gap:8px;max-width:100%;overflow-x:auto;scrollbar-width:none}@media(max-width:559px){.actions{flex:none;width:calc(100% + var(--gutter-l) + var(--gutter-r));max-width:none;margin-inline:calc(-1 * var(--gutter-l)) calc(-1 * var(--gutter-r));padding-inline:var(--gutter-l) var(--gutter-r);scroll-padding-inline:var(--gutter-l) var(--gutter-r)}}.pill{flex:none}.desc{display:grid;justify-items:start;padding:12px 14px 14px;border-radius:12px;background:var(--fill);font-size:14.5px;transition:background .2s}.desc.folded{cursor:pointer}@media(hover:hover){.desc.folded:hover{background:var(--fill-2)}}.desc-top{display:flex;flex-wrap:wrap;gap:0 10px;margin:0 0 4px;font-weight:600;color:var(--white)}.desc-top time a{text-decoration:none;outline:none}.desc-top time a:focus-visible{text-decoration:underline;text-underline-offset:3px}@media(hover:hover){.desc-top time a:hover{text-decoration:underline;text-underline-offset:3px}}.tagline{display:flex;flex-wrap:wrap;gap:0 10px;font-weight:500}.desc.folded .tagline a:nth-of-type(n+4){display:none}.desc .lede{max-width:80ch;margin:0 0 10px;font-size:inherit;line-height:1.62;color:var(--text)}.desc.folded>.lede{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:2px}.desc-more{display:grid;justify-items:start;width:100%}.desc-more>section{display:grid;justify-items:start;gap:10px;width:100%;margin-top:18px}.desc-more>section:first-of-type{margin-top:12px}.desc-more h2{margin:0;font:700 17px/1.3 var(--display);letter-spacing:.04em;color:var(--white)}.desc-more section p{margin:0;max-width:62ch;color:var(--soft)}.desc .less{margin-top:18px}.score .file{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.score .file span{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;width:100%}.all{font-weight:600;color:var(--link);text-decoration:none;outline:none}.all:focus-visible{text-decoration:underline;text-underline-offset:3px}@media(hover:hover){.all:hover{text-decoration:underline;text-underline-offset:3px}}.follow .btn{height:44px}.t{font:600 12.5px var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--c-text);text-decoration:none;padding:1px 7px;border-radius:6px;background:color-mix(in srgb,var(--c) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 28%,transparent);transition:background .2s,box-shadow .2s;white-space:nowrap}a.t:focus-visible,a:focus-visible>.t{background:color-mix(in srgb,var(--c) 20%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 80%,transparent)}@media(hover:hover){a.t:hover,a:hover>.t{background:color-mix(in srgb,var(--c) 20%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 80%,transparent)}}a.t:focus-visible{outline:var(--focus);outline-offset:-2px}.span{position:relative;display:block;height:4px;border-radius:2px;background:#ffffff21}.span i{position:absolute;top:0;bottom:0;border-radius:2px;background-image:var(--crane)}.chapters{display:flex;gap:10px;width:100%;margin:0;padding:2px 2px 8px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.chapters li{flex:0 0 196px;scroll-snap-align:start}.chapters li>a,.chapters li>span{display:grid;align-content:start;gap:9px;height:100%;padding:12px;border-radius:10px;font-size:13.5px;font-weight:500;line-height:1.4;color:var(--white);text-decoration:none;background:#0006;box-shadow:inset 0 0 0 1px #ffffff14;transition:background .2s,box-shadow .2s}.chapters .t{justify-self:start}.chapters a:focus-visible{background:color-mix(in srgb,var(--c) 12%,rgba(0,0,0,.4))}@media(hover:hover){.chapters a:hover{background:color-mix(in srgb,var(--c) 12%,rgba(0,0,0,.4))}}.chapters a:focus-visible{outline:var(--focus);outline-offset:-2px}.chapters a.now{background:color-mix(in srgb,var(--c) 20%,rgba(0,0,0,.4));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 70%,transparent)}.ask{display:grid;justify-items:start;gap:14px;scroll-margin-top:16px}.ask-about{margin:0;max-width:62ch;color:var(--soft)}.icon-btn{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:0;border-radius:50%;color:var(--white);background:transparent;cursor:pointer;transition:background .2s}.icon-btn[hidden]{display:none}.icon-btn:focus-visible{background:var(--fill-2)}@media(hover:hover){.icon-btn:hover{background:var(--fill-2)}}.icon-btn:focus-visible{outline:var(--focus);outline-offset:-2px}.icon-btn svg{width:24px;height:24px;transition:transform .25s}.panel{position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden;border-radius:12px;background:var(--panel);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 24%,transparent),0 18px 50px #00000080;scroll-margin-top:16px}.panel.tabbed{height:max(440px,var(--player-h, 540px))}@media(max-width:999px){.panel.tabbed{height:min(72vh,620px)}}.panel[hidden]{height:0;margin-bottom:-16px;box-shadow:none}@media(max-width:999px){.panel[hidden]{margin-bottom:-24px}}.no-until-found :is(.desc-more,.panel,.chap-list,.tx-body)[hidden]{display:none}.panel-head{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:6px 8px 0 18px}.panel-head h2{margin:0;font:700 18px/1.3 var(--display);letter-spacing:.04em;color:var(--white)}.tabs{display:flex;gap:4px;padding:0 10px;box-shadow:inset 0 -1px #ffffff14}.tabs[hidden]{display:none}.tab{position:relative;padding:12px 12px 11px;border:0;background:none;color:var(--muted);font:600 14px var(--sans);cursor:pointer}.tab:focus-visible{color:var(--white)}@media(hover:hover){.tab:hover{color:var(--white)}}.tab:focus-visible{outline:var(--focus);outline-offset:-2px}.tab[aria-selected=true]{color:var(--white)}.tab[aria-selected=true]:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;border-radius:2px;background:var(--crane)}.tabbed :is(.chap-list,.tx-body)[hidden]{flex:none;height:0;padding:0}.tabbed .chap-list,.tabbed .tx-body{position:relative;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--c) 55%,transparent) transparent}.chap-list{display:grid;align-content:start;gap:2px;margin:0;padding:8px;list-style:none}.chap-list li>a,.chap-list li>span{display:grid;grid-template-columns:5.4em minmax(0,1fr);gap:8px 12px;align-items:baseline;padding:10px 12px 12px;border-radius:10px;font-weight:500;line-height:1.45;color:var(--white);text-decoration:none;transition:background .2s,box-shadow .2s}.chap-list .span{grid-column:1 / -1;order:3}.chap-list .t{justify-self:start}.chap-list a>span:only-child,.chap-list li>span{grid-column:1 / -1}.chap-list a:focus-visible{background:color-mix(in srgb,var(--c) 12%,transparent)}@media(hover:hover){.chap-list a:hover{background:color-mix(in srgb,var(--c) 12%,transparent)}}.chap-list a:focus-visible{outline:var(--focus);outline-offset:-2px}.chap-list a.now{background:color-mix(in srgb,var(--c) 18%,transparent);box-shadow:inset 3px 0 0 var(--c)}.tx-body{position:relative}.tabbed .tx-body{scroll-padding-top:110px}.tx-bar{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px;background:var(--panel)}.tx-bar:not(:has(.tx-find:not([hidden]))){display:none}.tx-find{flex:1 1 200px;min-width:0;height:40px;padding:0 14px 0 40px;border:0;border-radius:999px;font:16px var(--sans);color:var(--text);background:var(--ground) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237e89b0' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 5 5'/%3E%3C/svg%3E") no-repeat 15px 50% / 16px;box-shadow:inset 0 0 0 1px var(--hairline);transition:box-shadow .2s}.tx-find::placeholder{color:var(--muted)}.tx-find:focus{outline:var(--focus);outline-offset:-2px}.tx-count{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.tx-count:empty{display:none}.tx-note{margin:0;padding:4px 20px;font-size:13px;color:var(--muted)}.tx-lines{padding:0 8px 12px}.panel:not(.tabbed) .tx-lines{max-height:min(62vh,560px);overflow-y:auto}.tx-lines:focus-visible{outline:var(--focus);outline-offset:-2px}.tx-lines [hidden]{display:none}.tx-lines h3{position:sticky;top:0;z-index:1;margin:0;padding:12px 12px 6px;font:700 15px/1.3 var(--display);letter-spacing:.04em;color:var(--white);background:var(--panel)}.tabbed .tx-lines h3{top:64px}.tx-lines p{display:grid;grid-template-columns:5.4em minmax(0,1fr);gap:2px 12px;align-items:baseline;margin:0;padding:8px 12px;border-radius:10px;font-size:14.5px;line-height:1.6;color:var(--text);transition:background .2s,box-shadow .2s}.tx-lines p>.t{justify-self:start}.tx-lines p>span:only-child{grid-column:1 / -1}.tx-lines p[data-t]{cursor:pointer}@media(hover:hover){.tx-lines p[data-t]:hover{background:#ffffff0b}}.tx-lines p.now{color:var(--white);background:color-mix(in srgb,var(--c) 17%,transparent);box-shadow:inset 3px 0 0 var(--c)}.tx-lines p.note{display:block;font-size:13px;color:var(--muted)}::highlight(tx-found){color:var(--ground);background-color:var(--gold)}.tx-sync{position:absolute;left:50%;bottom:16px;z-index:3;translate:-50% 0;box-shadow:0 8px 24px #0009}@media(max-width:560px){.tx-lines{padding:0 4px 8px}.tx-lines p,.chap-list li>a{grid-template-columns:minmax(0,1fr);gap:4px;padding:8px 10px}}.playlist{overflow:hidden;border-radius:12px;background:var(--panel);box-shadow:inset 0 0 0 1px #ffffff1a}.pl-head{display:flex;align-items:flex-start;gap:8px;padding:14px 8px 12px 16px;background:linear-gradient(120deg,color-mix(in srgb,var(--pink) 24%,transparent),color-mix(in srgb,var(--violet) 18%,transparent) 55%,color-mix(in srgb,var(--sky) 14%,transparent))}.pl-titles{display:grid;gap:2px;flex:1;min-width:0;margin:0;padding-top:2px}.pl-title{font:700 17px/1.3 var(--display);letter-spacing:.03em;color:var(--white);text-decoration:none;text-wrap:balance;outline:none}.pl-title:focus-visible{text-decoration:underline;text-underline-offset:4px}@media(hover:hover){.pl-title:hover{text-decoration:underline;text-underline-offset:4px}}.pl-sub{font-size:12.5px;color:var(--soft)}.pl-sub b{font-weight:600;color:var(--white)}.playlist.closed .pl-toggle svg{transform:rotate(180deg)}.playlist.closed .pl-list{display:none}.pl-list{position:relative;max-height:404px;margin:0;padding:6px 0;overflow-y:auto;list-style:none;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.pl-row{display:grid;grid-template-columns:24px 100px minmax(0,1fr);gap:10px;align-items:center;padding:6px 12px 6px 6px;text-decoration:none;outline:none;--row-nudge: calc((var(--pop-grow) - 1) * 50px)}.pl-row:focus-visible{outline:var(--focus);outline-offset:-2px}.pl-row.now{background:color-mix(in srgb,var(--c) 22%,transparent)}.pl-n{display:grid;place-items:center;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.pl-n svg{width:12px;height:12px;fill:var(--white)}.pl-thumb{display:block;aspect-ratio:16 / 9;border-radius:6px;background:var(--ground)}.pl-text{display:grid;gap:1px;min-width:0}.pl-text b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13.5px;font-weight:600;line-height:1.35;color:var(--white)}.pl-text span{font-size:12px;color:var(--muted)}.upnext{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.up-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}.up-bar:not(:has(>:not([hidden]))){display:none}.chips{display:flex;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none}.chips[hidden]{display:none}.autoplay{position:relative;flex:none;height:32px;margin-left:auto;padding:0 54px 0 10px;border:0;border-radius:8px;font:500 14px var(--sans);color:var(--soft);background:none;cursor:pointer;transition:background .2s,color .2s}.autoplay[hidden]{display:none}.autoplay:before{content:"";position:absolute;right:8px;top:6px;width:36px;height:20px;border-radius:999px;background:var(--fill-2)}.autoplay:after{content:"";position:absolute;right:27px;top:9px;width:14px;height:14px;border-radius:50%;background:var(--white);transition:translate .2s cubic-bezier(.2,.8,.2,1)}.autoplay[aria-checked=true]:before{background:var(--crane)}.autoplay[aria-checked=true]:after{translate:16px 0}@media(hover:hover){.autoplay:hover{color:var(--white);background:var(--fill)}}.autoplay:focus-visible{color:var(--white);background:var(--fill);outline:var(--focus);outline-offset:-2px}.cards{display:grid;gap:12px;margin:0;padding:0;list-style:none}.cards[data-show=lesson]>:not([data-kind=lesson]),.cards[data-show=study]>:not([data-kind=study]),.cards[data-show=improvisation]>:not([data-kind=improvisation]){display:none}.card{display:grid;grid-template-columns:168px minmax(0,1fr);gap:10px;margin:-6px;padding:6px;border-radius:14px;text-decoration:none;outline:none}.card .thumb{border-radius:8px;box-shadow:0 0 0 1px #ffffff1a}.card:focus-visible .card-title{text-decoration:underline;text-underline-offset:3px}.card .thumb .when,.pl-thumb .when{padding:2px 8px;border-radius:8px 0 6px;font-size:11.5px;line-height:1.35}.pl-thumb .when{padding:1px 6px;border-radius:6px 0 5px;font-size:10.5px}.card-text{display:grid;align-content:start;gap:2px;min-width:0}.card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;font-weight:600;line-height:1.38;color:var(--white)}.card-by,.card-meta{font-size:12.5px;color:var(--muted)}.card-meta b{font-weight:600}.card-meta .lesson{color:var(--soft)}.card-meta .study{color:var(--teal)}.card-meta .improvisation{color:var(--violet-light)}.card-meta .next{color:var(--gold)}.card .ava{display:none}@media(max-width:999px){.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:26px 16px}.card{grid-template-columns:minmax(0,1fr);gap:12px;border-radius:18px;--row-nudge: 0px}.card .thumb{border-radius:12px}.card .thumb .when{padding:4px 10px;border-radius:12px 0 8px;font-size:13px}.card-text{grid-template-columns:36px minmax(0,1fr);column-gap:12px}.card-text>:not(.ava){grid-column:2}.card .ava{display:block;grid-row:1 / span 3;width:36px;height:36px}.card-title{font-size:15px}}.toast{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:50;max-width:min(440px,calc(100vw - 32px));padding:12px 18px;border-radius:10px;font-size:14px;color:var(--white);background:color-mix(in srgb,var(--violet) 12%,var(--panel));box-shadow:0 0 0 1px #ffffff1f,0 14px 40px #0009;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .25s,transform .25s;overflow-wrap:anywhere}.toast.show{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.toast,.icon-btn svg,.next-up,.nu-ring,.autoplay:after{transition:none}.counting .nu-ring,.counting .nu-pic,.nu-crane:before,.counting .nu-crane i{animation:none}.nu-crane img{transition:none}.nu-crane:before{opacity:.75}}