.cassette-open{z-index:10;touch-action:manipulation}.tape-label{pointer-events:none}.mixtape:not(.is-flipped){cursor:pointer}.mixtape-note{font-size:clamp(26px,2.7vw,35px);font-weight:700;line-height:1.25;max-width:24ch;color:var(--amber);text-align:center;margin:25px auto 0;transform:rotate(-3deg)}
.track-card:nth-child(n+6){grid-column:span 2;min-height:170px!important;flex-direction:column!important;justify-content:center!important;text-align:center;padding:25px!important;gap:14px!important}.track-card:nth-child(6){grid-column:2/4}.track-card:nth-child(n+6) h3{font-size:clamp(28px,3vw,38px)!important;line-height:1.16!important;margin:0!important}.track-card:nth-child(n+6) .track-num{font-size:13px!important;letter-spacing:.12em!important;color:#42534f}.track-card:nth-child(n+6) .type-pill{display:block!important;align-self:center;font-size:12px;color:#42534f;background:none}.playlist-note{text-align:center!important;max-width:none!important;font-size:clamp(27px,3vw,38px)!important;color:var(--paper)!important}.track-card.moment-muted{opacity:.65}.track-card .track-num{font-size:11px}.moment-picker button{font-size:13px}
.lesson-sketch{margin:30px 0 22px;max-width:270px;perspective:900px;--sketch-x:0deg;--sketch-y:0deg}.sketch-board{position:relative;background:#fff3dc;color:#183b41;padding:23px 18px 20px;border-radius:48% 45% 14px 17px;box-shadow:4px 6px 0 #0003;transform:rotate(-3deg) rotateX(var(--sketch-x)) rotateY(var(--sketch-y));transition:transform .6s cubic-bezier(.22,.8,.24,1)}.lesson-sketch svg{display:block;width:125px;height:125px;margin:0 auto;color:var(--accent-d);filter:drop-shadow(2px 3px 0 #183b4115)}.sketch-steps{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:15px 0 0}.sketch-steps span{background:var(--accent);color:#14172b;padding:7px 9px;border-radius:12px;font:800 11px/1.25 Manrope;box-shadow:1px 2px 0 #14172b22;transform:rotate(var(--label-turn,2deg))}.sketch-steps span:nth-child(2){--label-turn:-3deg}.lesson-sketch figcaption{text-align:center;margin:13px 0 0;color:var(--paper);font:700 20px/1.3 Caveat}.lesson-head .lesson-back{display:inline-block}.lesson-head h2{overflow-wrap:normal}
@media(max-width:1100px) and (min-width:701px){.track-card:nth-child(6){grid-column:1/3}.track-card:nth-child(7){grid-column:2/4}.lesson-sketch{max-width:220px}.lesson-sketch svg{width:100px;height:100px}}
@media(max-width:700px){.track-card:nth-child(n+6){grid-column:span 2!important;min-height:155px!important}.track-card:nth-child(n+6) h3{font-size:31px!important}.mixtape-note{font-size:27px;max-width:23ch}.lesson-sketch{grid-column:1/-1;max-width:none;margin:8px 0 6px}.sketch-board{display:flex;align-items:center;gap:13px;padding:15px 20px;border-radius:30px;transform:rotate(-1deg)}.lesson-sketch svg{width:65px;height:65px;margin:0;flex-shrink:0}.sketch-steps{margin:0;justify-content:flex-start}.lesson-sketch figcaption{font-size:20px;margin-top:10px}.playlist-note{font-size:28px!important}}
@media(prefers-reduced-motion:reduce){.sketch-board{transform:none;transition:none}}
@media print{.lesson-sketch{display:none!important}}
@media(min-width:1101px){.track-grid{grid-template-columns:repeat(10,minmax(0,1fr))!important}.track-card{grid-column:span 2}.track-card:nth-child(n+6){grid-column:span 4}.track-card:nth-child(6){grid-column:2/6}.track-card:nth-child(7){grid-column:6/10}}