.spot{--surface:color-mix(in oklab, var(--table) 72%, var(--b))}.spot-sheet{isolation:isolate;width:min(100% - 2 * var(--gut), var(--sheet-w,620px));padding:0 var(--pad,18px) 30px var(--pad-left,var(--pad,18px));color:var(--text,var(--ink));rotate:var(--sheet-tilt,-1deg);grid-template-columns:minmax(0,1fr);gap:24px;margin:62px auto 46px;display:grid;position:relative}.spot-paper{z-index:-1;filter:drop-shadow(5px 6px 0 var(--shade));position:absolute;inset:0}.spot-paper:before{content:"";border-radius:var(--round,0);background:var(--paper-art,none), var(--paper,var(--bone));box-shadow:var(--edge,inset 0 0 0 2px var(--ink));clip-path:var(--cut-sheet,var(--cut,none));position:absolute;inset:0}.spot-sheet :focus-visible{outline-color:var(--text,var(--ink))}.spot-name{isolation:isolate;width:fit-content;font-size:min(calc(min(82vw, 500px) / var(--fit)), 8rem);margin:-34px 0 0 -8px;font-weight:400;line-height:1;position:relative;rotate:-3deg}.spot-sleeve{width:min(62%,260px);margin:4px 0 8px;rotate:-2deg}.spot-sleeve .sleeve-disc{z-index:4;transform:translate(50%)rotate(14deg)}.hand{font-size:calc(1.3rem * var(--size,1));line-height:1}.spot-line{font-size:calc(1.7rem * var(--size,1));color:var(--hand-ink,var(--text,var(--ink)));text-wrap:balance}.spot-songs{gap:18px;display:grid}.rows{gap:6px;display:grid}.rows li{grid-template-columns:minmax(0,1fr);display:grid}.rows li:nth-child(4n+1){--mark:var(--m1)}.rows li:nth-child(4n+2){--mark:var(--m2)}.rows li:nth-child(4n+3){--mark:var(--m3)}.rows li:nth-child(4n){--mark:var(--m4)}.row{border-bottom:var(--rule,2px solid var(--ink));text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:3px 10px;min-height:44px;padding:7px 0 9px;display:grid;position:relative}.row-k{color:var(--hand-ink,inherit)}.row-k:before{content:var(--mark,none);margin-right:.4em}.row-v{grid-column:1;font-size:1.0625rem;font-weight:700;line-height:1.2}.row-n{grid-area:1/2;font-weight:700;display:none}.row[aria-pressed=true] .row-v{background:var(--text,var(--ink));width:fit-content;color:var(--paper,var(--bone));padding:1px 6px}.spot-h{border-bottom:var(--rule,2px solid var(--ink));color:var(--hand-ink,inherit);font-size:calc(1.7rem * var(--size,1));margin-top:6px;padding-bottom:6px;font-weight:400}.spot-seen{gap:16px;display:grid}.seen{flex-wrap:wrap;align-items:flex-start;gap:18px 14px;display:flex}.seen li{width:calc(50% - 7px);max-width:170px}.seen li:nth-child(odd){rotate:-2deg}.seen li:nth-child(2n){margin-top:14px;rotate:2.5deg}.seen a{text-decoration:none;display:block}.seen img{width:100%;box-shadow:0 0 0 2px var(--ink), 4px 5px 0 2px var(--shade)}.seen-date{background:var(--ink);color:var(--slime);font-family:var(--f-date);margin-top:9px;padding:1px 7px 2px;font-size:1.25rem;line-height:1.15;display:inline-block}.outs{flex-wrap:wrap;gap:4px 20px;display:flex}.outs a{min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--hand-ink,currentColor);text-decoration-color:var(--hand-ink,currentColor);text-underline-offset:4px;padding:12px 0 8px;font-weight:700;text-decoration-thickness:2px;display:block}.outs .outs-home{background:var(--text,var(--ink));color:var(--paper,var(--bone));padding:12px 12px 8px;text-decoration:none}@media (hover:hover) and (pointer:fine){.row:hover .row-v,.outs a:hover{-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1.5px}.outs .outs-home:hover{text-decoration:none;rotate:-2deg}}@media (min-width:900px){.spot-sheet{grid-template-columns:var(--cols,minmax(0, .9fr) minmax(0, 1.1fr));padding:0 var(--pad,44px) 44px var(--pad-left,var(--pad,44px));column-gap:56px;margin-top:76px}.spot-songs{grid-area:var(--songs-area,2 / 2 / span 3);align-self:start;padding-top:14px}.spot-name,.spot-seen,.spot-outs{grid-column:1/-1}.spot-name{margin-top:-44px}.spot-sleeve{width:min(70%,270px)}.row-v{font-size:1.125rem}.seen li{width:170px}}