.recs{--ease:cubic-bezier(.19,1,.22,1);--hot:#ff0001}[data-theme=cream] .recs{--bg:#fafaf9;--ink:#111;--mute:#0009;--surface:#f1f0ee;--surface2:#fafaf9;--hair:#0000001f;--dot:#00000024;--acc:#1a1a1a;--seg-off:#0000001f;--lcd:#ecebe6;--lcd-ink:#1a1a1a;--paper:#fdfcf8;--paper-ink:#1a1a1a;--wood:#d8c3a1;--grain:.55;--mat:#d9d7d2;--stitch:#0003;--sh1:#0003;--sh2:#00000024}[data-theme=dark] .recs{--bg:#000;--ink:#f2f2f2;--mute:#ffffff9e;--surface:#141414;--surface2:#1f1f1f;--hair:#ffffff1f;--dot:#ffffff1f;--acc:#ff0001;--seg-off:#ffffff24;--lcd:#0b0b0b;--lcd-ink:#ff3b2f;--paper:#f2f0ea;--paper-ink:#141414;--wood:#2b2019;--grain:.5;--mat:#161616;--stitch:#ffffff24;--sh1:#0009;--sh2:#00000080}[data-theme=mat] .recs{--bg:#005f50;--ink:#e4e989;--mute:#e4e989b8;--surface:#004a3e;--surface2:#005548;--hair:#e4e98938;--dot:transparent;--acc:#e4e989;--seg-off:#e4e9892e;--lcd:#00332a;--lcd-ink:#e4e989;--paper:#fdfcf8;--paper-ink:#1a1a1a;--wood:#005f50;--grain:0;--mat:#005f50;--stitch:transparent;--sh1:#0016118c;--sh2:#00161173}.recs *{box-sizing:border-box;margin:0}.recs{font-family:var(--font-space-grotesk),system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;position:fixed;inset:0;overflow:hidden}html[data-theme=mat] body{background:#005f50}.recs button{font:inherit;color:inherit}.recs .mono,.recs .mono *{font-family:var(--font-space-mono),monospace}.recs .table{background:var(--bg) radial-gradient(var(--dot) 1px,transparent 1.2px) 0 0/22px 22px;transition:background-color .4s;display:block;position:fixed;inset:0}.recs .ruler{pointer-events:none;opacity:.55;display:none;position:absolute}[data-theme=cream] .recs .ruler,[data-theme=dark] .recs .ruler{display:block}.recs .ruler.h{background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 22px) 0 0/100% 6px no-repeat,repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 110px) 0 0/100% 12px no-repeat;height:14px;top:0;left:0;right:0}.recs .ruler.v{background:repeating-linear-gradient(0deg,var(--ink) 0 1px,transparent 1px 22px) 0 0/6px 100% no-repeat,repeating-linear-gradient(0deg,var(--ink) 0 1px,transparent 1px 110px) 0 0/12px 100% no-repeat;width:14px;top:0;bottom:0;left:0}.recs .matsvg{pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0}.recs .matsvg text{font-family:var(--font-space-mono),monospace}[data-theme=mat] .recs .matsvg{display:block}[data-theme=mat] .recs .table{background:var(--bg)}[data-theme=mat] .recs .ruler{display:none!important}.recs .chrome{z-index:700;padding:calc(14px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) 0 calc(20px + env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.recs .chrome>*{pointer-events:auto}.recs .back{font:11px var(--font-space-mono),monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);text-decoration:none}.recs .ttl{font:12px var(--font-space-mono),monospace;letter-spacing:.28em;text-transform:uppercase;margin:0;font-weight:400;position:absolute;left:50%;translate:-50%}.recs .tr{align-items:center;gap:16px;display:flex}.recs .gt{all:unset;cursor:pointer;font:11px var(--font-space-mono),monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);align-items:center;gap:6px;display:flex;position:relative}.recs .gt i{border:1px solid;border-radius:50%;width:7px;height:7px;transition:background .2s}.recs .gt[aria-pressed=true]{color:var(--ink)}.recs .gt[aria-pressed=true] i{background:currentColor}.recs .gt:after{content:"";position:absolute;inset:-12px -8px}.recs .themes{gap:8px;display:flex}.recs .themes button{all:unset;cursor:pointer;border:1px solid var(--hair);border-radius:50%;width:14px;height:14px}.recs .themes [data-t=cream]{background:#fafaf9}.recs .themes [data-t=dark]{background:#111}.recs .themes [data-t=mat]{background:#005f50;box-shadow:inset 0 0 0 3px #005f50,inset 0 0 0 4px #e4e989}.recs .themes button[aria-pressed=true]{outline:1px solid var(--ink);outline-offset:2px}.recs .hint{left:calc(20px + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));z-index:700;font:11px var(--font-space-mono),monospace;letter-spacing:.02em;color:var(--mute);align-items:center;gap:14px;display:flex;position:fixed}.recs .hint button{all:unset;cursor:pointer;color:var(--ink)}.recs .hint .mb,.recs .hint .ds{display:none}.recs .hint button{position:relative}.recs .hint button:after{content:"";position:absolute;inset:-12px -10px}.recs .themes button{position:relative}.recs .themes button:after{content:"";position:absolute;inset:-6px}.recs .back{position:relative}.recs .back:after{content:"";position:absolute;inset:-12px -10px}@media (max-width:700px){.recs .ttl{display:none}}@media (max-width:640px){.recs .hint .dk{display:none}.recs .hint .ds{display:inline}}@media (pointer:coarse){.recs .hint .dk,.recs .hint .ds{display:none}.recs .hint .mb{display:inline}.recs .themes{gap:12px}.recs .themes button{width:20px;height:20px}.recs .tr{gap:18px}}.recs .table{touch-action:manipulation}.recs .obj{all:unset;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;will-change:transform;outline-offset:6px;transition:scale .4s cubic-bezier(.34,1.22,.64,1);position:absolute;top:0;left:0}.recs .obj:not(.placed){opacity:0;visibility:hidden}.recs .obj:focus-visible{outline:1.5px solid var(--ink)}.recs .obj img{pointer-events:none;width:100%;height:100%;filter:drop-shadow(0 2px 2px var(--sh1)) drop-shadow(0 9px 12px var(--sh2));transition:filter .3s var(--ease);display:block}.recs .obj.up{cursor:grabbing;transition:scale .18s cubic-bezier(.25,1,.5,1);scale:1.03}.recs .obj.up img{filter:drop-shadow(0 6px 5px var(--sh2)) drop-shadow(0 18px 21px var(--sh2))}.recs .obj.glide{transition:transform .8s var(--ease),scale .25s var(--ease)}.recs .obj.on img{filter:drop-shadow(0 2px 2px var(--sh1)) drop-shadow(0 9px 12px var(--sh2)) drop-shadow(0 0 1px var(--ink))}.recs .hl{z-index:650;pointer-events:none;font:11px var(--font-space-mono),monospace;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:0;background:color-mix(in srgb,var(--bg) 84%,transparent);border-radius:3px;padding:3px 7px;transition:opacity .2s;position:fixed;top:0;left:0;translate:-50%}.recs .hl.on{opacity:1}.recs .rc-body{cursor:grab;filter:drop-shadow(0 2px 2px var(--sh1)) drop-shadow(0 10px 14px var(--sh2))}.recs .paper{transform-origin:0 0;background:var(--paper);width:260px;color:var(--paper-ink);font:11.5px/1.6 var(--font-space-mono),monospace;padding:16px 16px 24px;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/12px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/12px 100%}.recs .paper .hd{text-align:center;letter-spacing:.12em;font-size:15px;font-weight:700}.recs .paper .sub{text-transform:uppercase;text-align:center;letter-spacing:.14em;margin-top:2px;font-size:10px}.recs .paper .rule{opacity:.8;border-top:1.5px dashed;margin:10px 0}.recs .paper .cat{text-transform:uppercase;letter-spacing:.16em;margin:10px 0 2px;padding:0 8px;font-size:11px;font-weight:700}.recs .ln{all:unset;box-sizing:border-box;cursor:pointer;border-radius:3px;align-items:baseline;gap:6px;width:100%;padding:3px 8px;display:flex}.recs .ln .d{opacity:.45;border-bottom:1.5px dotted;flex:1;min-width:12px;translate:0 -3px}.recs .ln .n{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.recs .rc-body:not(.held) .ln{pointer-events:none}@media (hover:hover){.recs .rc-body.held .ln:hover{background:color-mix(in srgb,var(--paper-ink) 10%,transparent)}}.recs .rc-body .ln.sel,.recs .rc-body.held .ln.sel:hover{background:var(--paper-ink);color:var(--paper)}.recs .paper{flex-direction:column;display:flex}.recs .paper .lw{flex:auto;min-height:0;position:relative}.recs .paper .lines{max-height:var(--lines-max,280px);transition:max-height .55s var(--ease);margin:0 -8px;overflow:hidden}.recs .paper .lw:after{content:"";background:linear-gradient(transparent,var(--paper));pointer-events:none;opacity:0;height:48px;transition:opacity .35s;position:absolute;bottom:0;left:-8px;right:-8px}.recs .paper.long .lw:after{opacity:1}.recs .rc-body.open .paper .lw:after{opacity:0}.recs .rc-body.open.more .paper .lw:after{opacity:1}.recs .paper .lines::-webkit-scrollbar{display:none}.recs .rc-body.held{touch-action:auto}.recs .rc-body.open .lines{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;overflow-y:auto}.recs #objs{z-index:1;position:fixed;inset:0;overflow:hidden}.recs .dim{z-index:800;background:color-mix(in srgb,var(--bg) 55%,transparent);opacity:0;pointer-events:none;transition:opacity .35s;position:fixed;inset:0}.recs .dim.on{opacity:1;pointer-events:auto}.recs .rc-body.held{cursor:default;z-index:850!important}.recs .rc-body.lift,.recs .rc-body.lift .paper{transition:transform .55s var(--ease)}.recs .tag{z-index:900;opacity:0;pointer-events:none;width:340px;transition:opacity .18s,scale .3s var(--ease);filter:drop-shadow(0 2px 2px var(--sh1)) drop-shadow(0 14px 18px var(--sh2));position:fixed;top:0;left:0;scale:.96}.recs .tag.on{opacity:1;pointer-events:auto;scale:1}.recs .rsc{all:unset;box-sizing:border-box;left:50%;bottom:calc(30px + env(safe-area-inset-bottom));z-index:700;background:var(--surface2);width:56px;height:56px;color:var(--ink);border:1px solid var(--hair);box-shadow:0 3px 0 var(--hair),0 12px 22px -12px var(--sh1);font:22px/1 var(--font-space-mono),monospace;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;transition:transform 80ms,box-shadow 80ms;display:none;position:fixed;translate:-50%}.recs .rsc:active{box-shadow:0 1px 0 var(--hair);transform:translateY(2px)}.recs.phone .rsc{display:grid}.recs.phone #shuffle{display:none}.recs.phone .hint{left:0;right:0;bottom:calc(8px + env(safe-area-inset-bottom));justify-content:center}.recs .cdim{z-index:880;background:color-mix(in srgb,var(--bg) 62%,transparent);opacity:0;pointer-events:none;transition:opacity .25s;position:fixed;inset:0}.recs .cdim.on{opacity:1;pointer-events:auto}.recs .pcard{z-index:900;overscroll-behavior:contain;scrollbar-width:none;opacity:0;pointer-events:none;width:min(340px,100vw - 32px);max-height:calc(100dvh - 48px);transition:opacity .2s,scale .35s var(--ease);background:var(--surface);color:var(--ink);border:1px solid var(--hair);box-shadow:0 30px 60px -30px var(--sh1);border-radius:16px;padding:14px 16px 18px;position:fixed;top:50%;left:50%;overflow:auto;translate:-50% -50%;scale:.94}.recs .pcard.on{opacity:1;pointer-events:auto;scale:1}.recs .pcard::-webkit-scrollbar{display:none}.recs .pc-x{all:unset;cursor:pointer;width:40px;height:40px;font:15px var(--font-space-mono),monospace;color:var(--ink);border-radius:50%;place-items:center;margin:-10px -10px -10px 0;display:grid}.recs .pcard.paper{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.recs .pcard.paper .pc-x{color:var(--paper-ink);margin:0;position:absolute;top:8px;right:8px}.recs .sp-lg{padding:20px 18px 32px;font-size:14px;position:relative}.recs .sp-lg .s-kv{font-size:12px}.recs .sp-lg .s-dim{padding-right:34px}.recs .sp-lg .s-nm{padding-right:28px;font-size:18px}.recs .sp-lg .s-score b{font-size:40px}.recs .sp-lg .s-bar i{height:13px}.recs .sp-lg .s-v{font-size:14px}.recs .lead{z-index:890;background:var(--ink);transform-origin:0;opacity:0;pointer-events:none;height:1px;transition:opacity .18s;position:fixed;top:0;left:0}.recs .lead:before{content:"";background:var(--ink);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:-3px}.recs .lead.on{opacity:.55}.recs .lead.dotted{background:repeating-linear-gradient(90deg,var(--paper) 0 3px,transparent 3px 6px);height:1.5px}.recs .lead.dotted:before{background:var(--paper)}.recs .lead.dotted.on{opacity:.9}.recs .slip{z-index:900;opacity:0;pointer-events:none;width:230px;transition:opacity .18s,scale .3s var(--ease);filter:drop-shadow(0 2px 2px var(--sh1)) drop-shadow(0 14px 18px var(--sh2));position:fixed;top:0;left:0;scale:.96}.recs .slip.on{opacity:1;pointer-events:auto;scale:1}.recs .sp{background:var(--paper);color:var(--paper-ink);font:12px/1.55 var(--font-space-mono),monospace;padding:14px 14px 22px;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/10px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/10px 100%}.recs .sp .s-kv{text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:10px;font-size:11px;display:flex}.recs .sp .s-dim{opacity:.7}.recs .sp .s-rule{opacity:.8;border-top:1.5px dashed;margin:9px 0}.recs .sp .s-nm{margin-bottom:8px;font-size:14px;font-weight:700;line-height:1.3}.recs .sp .s-score{align-items:baseline}.recs .sp .s-score b{letter-spacing:-.04em;font-size:30px;line-height:1}.recs .sp .s-bar{grid-template-columns:repeat(10,1fr);gap:3px;margin-top:8px;display:grid}.recs .sp .s-bar i{background:color-mix(in srgb,var(--paper-ink) 12%,transparent);height:10px}.recs .sp .s-bar i.f{background:var(--paper-ink)}.recs .sp .s-bar i.h{background:linear-gradient(90deg,var(--paper-ink) 50%,color-mix(in srgb,var(--paper-ink) 12%,transparent) 50%)}.recs .sp .s-v{margin-bottom:8px;font-size:12px}.recs .lk{font:11px var(--font-space-mono),monospace;color:var(--ink);gap:6px;margin-top:10px;padding:8px 0;text-decoration:none;display:inline-flex}.recs .lk:hover{text-decoration:underline}.recs .sp .lk{color:var(--paper-ink)}.recs .empty{letter-spacing:.2em;text-transform:uppercase;color:var(--mute);place-items:center;font-size:12px;display:grid;position:fixed;inset:0}.recs .grain{z-index:9999;pointer-events:none;image-rendering:pixelated;opacity:var(--grain-o,.22);will-change:transform;animation:.9s steps(10,end) infinite grain;position:fixed;inset:-400px}@keyframes grain{0%{transform:translate(0)}10%{transform:translate(-94px,-138px)}20%{transform:translate(-164px,70px)}30%{transform:translate(118px,-186px)}40%{transform:translate(-70px,164px)}50%{transform:translate(-140px,94px)}60%{transform:translate(164px)}70%{transform:translateY(140px)}80%{transform:translate(46px,186px)}90%{transform:translate(-118px,46px)}to{transform:translate(0)}}[data-grain=off] .recs .grain{display:none}[data-grain=on] .recs{--grain-o:.5}@media (prefers-reduced-motion:reduce){.recs .grain{animation:none}}.recs .ot{position:relative}.recs .ot .s-nm{margin:0 0 6px}.recs .ot .s-v{margin:10px 0 0;line-height:1.5}.recs .ot .lk{margin-top:4px;padding:6px 0 0}.recs .ot-chip{background:var(--paper-ink);color:var(--paper);letter-spacing:.1em;padding:2px 6px 1px;font-size:10px;line-height:1.5;display:inline-block}.recs .ot-th{flex:none;width:64px;height:64px;display:block}.recs .ot-th img{object-fit:contain;filter:drop-shadow(0 3px 3px #00000040);width:100%;height:100%;display:block}.recs .ot-a .ot-hd{align-items:center;gap:10px;margin-bottom:10px;display:flex}.recs .ot-a .ot-id{min-width:0}.recs .ot-b{padding:0 0 8px;display:flex}.recs .ot-b .ot-l{border-right:1.5px dashed color-mix(in srgb,var(--paper-ink) 55%,transparent);background:color-mix(in srgb,var(--paper-ink) 5%,transparent);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:8px;width:96px;padding:12px 8px;display:flex}.recs .ot-b .ot-l img{object-fit:contain;filter:drop-shadow(0 3px 3px #00000040);width:78px;height:92px;display:block}.recs .ot-b .ot-no{letter-spacing:.1em;opacity:.7;font-size:10px}.recs .ot-b .ot-r{flex:1;min-width:0;padding:12px 20px 14px 14px}.recs .ot-b .s-kv{margin-bottom:6px}.recs .ot-b .ot-sc{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.recs .ot-b .ot-sc b{letter-spacing:-.04em;font-size:26px;line-height:1}.recs .ot-lg{justify-content:center;display:flex}.recs .ot-lg .ot{width:min(340px,100vw - 32px);font-size:13px}.recs .ot-lg .ot-a{width:min(300px,100vw - 32px)}.recs .pcard .ot-lg .pc-x{z-index:1;color:var(--paper-ink);width:36px;height:36px;margin:0;position:absolute;top:6px;right:6px}.recs .ot-lg .ot-a .s-kv:first-of-type{padding-right:32px}.recs{--glide:cubic-bezier(.45,.05,.25,1)}.recs .lead.glide{transition:opacity .18s,transform .5s var(--glide),width .5s var(--glide)}.recs .tag.glide,.recs .slip.glide{transition:opacity .22s var(--glide),scale .3s var(--ease),transform .5s var(--glide)}.recs .ghost{pointer-events:none}.recs .ghost.glide{transition:opacity .45s var(--glide),transform .5s var(--glide)}