.ls{--lf-gap:18px;margin-top:28px}.ls-head{color:var(--dim);border-top:2px solid var(--paper);margin-bottom:14px;padding-top:10px;font-weight:400}.ls-blurb{color:#d5cdbd;max-width:56ch;margin:-4px 0 16px;line-height:1.55}.ls-note{color:var(--dim);margin-top:14px;font-size:.62rem;display:block}.ls-empty{border:1px dashed #61594b;padding:16px 18px}.ls-empty p+p{color:#cfc7b7;margin-top:6px;font-size:.92rem;line-height:1.5}.ls-row{gap:var(--lf-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),380px));align-items:start;display:grid}.ls-grid{gap:calc(var(--lf-gap) + 6px) var(--lf-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));align-items:start;display:grid}.ls-strips{gap:12px var(--lf-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));align-items:start;margin-top:14px;display:grid}.ls-hear .sub{margin-bottom:6px}.lf{--lf-paper:var(--paper);--lf-ink:var(--ink);--lf-a:var(--i1);--lf-b:var(--i2);color:var(--lf-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-width:0;position:relative}.lf[data-tone="1"]{--lf-a:var(--i2);--lf-b:var(--i3)}.lf[data-tone="2"]{--lf-a:var(--i3);--lf-b:var(--i1)}.lf[data-tone="3"]{--lf-a:#e8dec4;--lf-b:var(--red)}.lf-play{all:unset;box-sizing:border-box;cursor:pointer;background:var(--lf-paper);width:100%;color:var(--lf-ink);text-align:left;min-height:48px;display:grid;position:relative;box-shadow:0 14px 22px -12px #000c}.lf-play:hover .lf-action{background:var(--red);color:var(--ink)}.lf-play:focus-visible{outline:3px solid var(--red);outline-offset:4px}.lf-text{gap:3px;min-width:0;display:grid}.lf-kicker{color:#5d5548;font-size:.58rem}.lf-who{font:800 .8rem/1.1 var(--display);font-variation-settings:"wdth" 100;text-transform:uppercase;letter-spacing:.02em;overflow-wrap:anywhere}.lf-title{font:900 1.25rem/.98 var(--display);font-variation-settings:"wdth" 70;text-transform:uppercase;letter-spacing:-.005em;overflow-wrap:anywhere}.lf-action{background:var(--lf-ink);min-height:44px;color:var(--lf-paper);justify-self:start;align-items:center;gap:8px;padding:0 14px;font-size:.72rem;transition:background .12s;display:inline-flex}.lf-frame{background:var(--lf-paper);border:0;width:100%;display:block;box-shadow:0 14px 22px -12px #000c}.lf-foot{color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:2px 12px;margin-top:8px;font-size:.58rem;line-height:1.5;display:flex}.lf-foot a{color:#d5cdbd;text-underline-offset:4px;align-items:center;min-height:24px;display:inline-flex}.lf-foot a:hover{color:var(--paper)}.lf-cassette .lf-play{border-top:6px solid var(--lf-a);grid-template-rows:auto auto auto;gap:12px;padding:14px;transform:rotate(-.5deg)}.lf-cassette[data-tone="1"] .lf-play,.lf-cassette[data-tone="3"] .lf-play{transform:rotate(.5deg)}.lf-cassette .lf-art{width:62%;max-width:190px;display:block}.lf-sleeve .lf-play{border-bottom:6px solid var(--lf-b);grid-template-columns:minmax(0,76px) minmax(0,1fr);grid-template-areas:"art text""act act";gap:10px 14px;padding:14px}.lf-sleeve .lf-art{grid-area:art;display:block}.lf-sleeve .lf-text{grid-area:text;align-content:center}.lf-sleeve .lf-action{grid-area:act}.lf-sleeve .lf-title{font-variation-settings:"wdth" 80;font-size:1.05rem}.lf-sleeve .lf-who{font-size:.95rem}.lf-wristband .lf-play{background:var(--lf-paper);border-left:0;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:60px;padding:8px;box-shadow:0 8px 14px -10px #000c}.lf-wristband .lf-art{width:30px;display:block}.lf-wristband .lf-who{font-size:.95rem}.lf-wristband .lf-title{font-size:.8rem;font:500 .8rem/1.2 var(--body);text-transform:none;font-variation-settings:normal;color:#3d382f}.lf-wristband .lf-kicker{display:none}.lf-wristband .lf-action{min-height:44px}.lf-wristband .lf-foot{margin-top:4px}@media (max-width:420px){.lf-cassette .lf-art{width:54%}.lf-wristband .lf-play{grid-template-columns:24px minmax(0,1fr) auto;gap:8px}.lf-wristband .lf-art{width:24px}.lf-foot{flex-direction:column}}@media (prefers-reduced-motion:reduce){.lf-action{transition:none}}
