.single{aspect-ratio:4/5;text-align:left;width:100%;height:100%;color:var(--ink);cursor:pointer;box-shadow:0 24px 50px #1c17122e, 0 2px 4px #1c171214, 0 0 calc(8px + 26px * var(--breath,0)) calc(2px * var(--breath,0)) rgb(240 150 90/calc(.55 * var(--breath,0)));transform:rotate(var(--tilt,0deg));-webkit-tap-highlight-color:transparent;background:repeating-linear-gradient(118deg,#3a332c09 0 1px,#0000 1px 7px),repeating-linear-gradient(28deg,#3a332c06 0 1px,#0000 1px 11px),radial-gradient(120% 90% at 30% 10%,#fffdf8 0%,#f6f0e4 70%,#efe6d4 100%);border:0;border-radius:6px;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:26px 20px 18px;text-decoration:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .4s;display:grid;position:relative}.single.pinned{aspect-ratio:auto;padding:32px 28px 24px}.single:hover{transform:rotate(0)translateY(-4px)}.single:focus-visible{outline:2px solid var(--dirt);outline-offset:4px}.single.active{transform:rotate(0)}.single-tape{background:#7eb0bc99;width:7rem;height:1.7rem;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:inset 0 1px #ffffff80,0 1px 2px #1c17121a}li:nth-child(odd)>.single .single-tape{background:#c4785861;transform:translate(-50%)rotate(2deg)}.single-num{font:700 3.6rem/1 var(--font-display);color:#0000;-webkit-text-stroke:1.5px #1c171233;position:absolute;top:14px;right:20px}.single.pinned .single-num{font-size:5rem;top:16px;right:22px}.single-top{gap:8px;padding-right:4.5rem;display:grid;position:relative}.single-label{font:600 11px/1.2 var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--dirt)}.single-title{font:700 1.9rem/1 var(--font-display);justify-self:start;padding-bottom:12px;position:relative}.single.pinned .single-title{font-size:clamp(2rem,2.6vw,2.8rem)}.single-underline{width:100%;height:14px;position:absolute;bottom:0;left:0;overflow:visible}.single-underline path{fill:none;stroke:var(--clay);stroke-width:4px;stroke-linecap:round}.single-underline path+path{stroke-width:1.6px;opacity:.55}.single-wave{width:100%;height:100%;min-height:70px;overflow:visible}.single-wave line{stroke:#3a332c;stroke-width:3.4px;stroke-linecap:round;opacity:.7;transition:stroke .3s,opacity .3s}.single-wave line.ghost{stroke-width:1.4px;opacity:.35}.single-wave g.on line{stroke:var(--clay);opacity:.95}.single-wave g.on line.ghost{stroke:var(--dirt);opacity:.5}.single-wave g{transform-box:fill-box;transform-origin:50%}.single.playing .single-wave g{animation:.9s ease-in-out infinite alternate single-bar;animation-delay:var(--d,0s)}@keyframes single-bar{0%{transform:scaleY(.72)}to{transform:scaleY(1.08)}}.single-foot{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.single-from{min-width:0;font:400 .98rem/1.35 var(--font-serif);color:#1c1712b3;gap:4px;display:grid}.single-from i{font-style:italic}.single-time{font:600 11px/1.2 var(--font-sans);letter-spacing:.16em;color:#1c171280;font-variant-numeric:tabular-nums}.single.active .single-time{color:var(--dirt)}.single-btn{flex-shrink:0;place-items:center;width:54px;height:54px;transition:transform .3s cubic-bezier(.2,.9,.25,1.3);display:grid;position:relative}.single.pinned .single-btn{width:62px;height:62px}.single:hover .single-btn{transform:scale(1.08)rotate(-4deg)}.single-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.single-ring path{fill:#ffffff8c;stroke:var(--ink);stroke-width:3.2px;stroke-linecap:round}.single.active .single-ring path{fill:#f7c38f;stroke:var(--dirt)}.single-icon{width:22px;height:22px;fill:var(--ink);position:relative}.single:not(.playing) .single-icon{transform:translate(2px)}@media (prefers-reduced-motion:reduce){.single,.single-btn{transition:none}.single.playing .single-wave g{animation:none}}