.sf-root{--sf-ink:var(--gs-ink);--sf-ink-2:var(--gs-ink-2);--sf-faint:var(--gs-faint);--sf-line:var(--gs-line);--sf-gold:var(--gs-gold);--sf-seal:var(--gs-seal);--sf-dark:var(--gs-bar);--sf-dark-ink:var(--gs-bar-ink);--sf-tile:var(--gs-tile);--sf-tile-ink:var(--gs-tile-ink);--sf-panel:var(--gs-list-panel);--sf-scrim:color-mix(in srgb, var(--gs-bar) 82%, transparent);--sf-blank:color-mix(in srgb, var(--gs-ink-2) 16%, transparent);--sf-backdrop:color-mix(in srgb, var(--gs-bar) 78%, transparent);--sf-r:3px}.sf-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px 14px;margin:0;padding:0;list-style:none;display:grid}.sf-grid>li{min-width:0}.sf-text{align-self:start}.sf-text .sf-name,.sf-tile .sf-name{border-left:2px solid var(--sf-gold);color:var(--sf-ink);overflow-wrap:anywhere;padding:4px 0 4px 10px;font-size:14.5px;display:block}.sf-tile{margin:0}.sf-tile .sf-name{margin-top:5px;padding-top:1px;padding-bottom:1px}.sf-grid>li:target .sf-name{background:var(--sf-panel)}.sf-poster{aspect-ratio:20/9;border-radius:var(--sf-r);background:var(--sf-dark);cursor:pointer;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.sf-poster img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.sf-poster:focus-visible,.sf-clip:focus-visible{outline:2px solid var(--sf-gold);outline-offset:2px}.sf-len{background:var(--sf-scrim);color:var(--sf-dark-ink);font:500 11.5px var(--font-utility), monospace;border-radius:999px;align-items:center;gap:6px;padding:2px 9px 2px 7px;display:inline-flex;position:absolute;bottom:8px;left:8px}.sf-poster .sf-len:before{content:"";border-left:8px solid var(--sf-seal);border-top:5px solid #0000;border-bottom:5px solid #0000}.sf-veiled img{filter:blur(12px)saturate(.6);transform:scale(1.15)}.sf-veil{text-align:center;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:0}.sf-veil:after{content:"";background:var(--sf-scrim);opacity:.35;position:absolute;inset:0}.sf-veil{z-index:1;color:var(--sf-dark-ink);text-shadow:0 1px 3px var(--sf-dark);font-size:12.5px;font-weight:600}.sf-veiled:hover .sf-veil{text-decoration:underline}.sf-fold{position:relative}.sf-fold .sf-grid{filter:blur(3px);opacity:.6}.sf-blank{border-radius:var(--sf-r);background:var(--sf-blank);display:block}.sf-blank-tile{aspect-ratio:20/9}.sf-blank-line{width:70%;height:1.6em}.sf-strip{margin:18px 0 6px}.sf-strip-h{font:500 11px var(--font-utility), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--sf-faint);margin:0 0 8px}.sf-dialog{background:var(--sf-dark);width:min(960px,100vw - 24px);max-width:none;color:var(--sf-dark-ink);border:0;border-radius:6px;padding:0}.sf-dialog::backdrop{background:var(--sf-backdrop)}.sf-dialog-in{padding:10px}.sf-dialog-h{align-items:center;gap:10px;padding:0 2px 8px;display:flex}.sf-dialog-h b{font:700 16px var(--font-display), serif;overflow-wrap:anywhere}.sf-dialog-h span{font:500 11.5px var(--font-utility), monospace;color:var(--sf-tile-ink)}.sf-x{color:var(--sf-dark-ink);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0 4px;font-size:24px;line-height:1}.sf-video{aspect-ratio:20/9;background:var(--sf-dark);border-radius:var(--sf-r);width:100%;display:block}.sf-clip-wrap{flex:none;width:132px;display:block}.sf-clip{aspect-ratio:20/9;border-radius:var(--sf-r);background:var(--sf-dark);cursor:pointer;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.sf-clip img,.sf-clip video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sf-clip video{opacity:0;transition:opacity .15s}.sf-clip.sf-on video{opacity:1}.sf-clip .sf-len{z-index:1;padding:1px 6px;font-size:10px;bottom:4px;left:auto;right:5px}@media (max-width:560px){.sf-clip-wrap{width:100%}}