.stills{scroll-margin-top:calc(var(--header-h) + 1rem);margin-top:2.5rem}.stills .shelf-head{flex-wrap:wrap}.stills .stills-views{margin-left:auto}.stills .stills-views button{align-items:center;gap:.4em;display:inline-flex}.stills .stills-views .icon{width:15px;height:15px}.stills[data-view=grid] [data-set-view=grid],.stills[data-view=posts] [data-set-view=posts]{background:var(--accent);color:var(--bg);font-weight:600}.stills[data-view=grid] .stills-posts,.stills[data-view=posts] .stills-grid{display:none}.stills .still{background:var(--c,var(--bg-raised));cursor:zoom-in;display:block;position:relative;overflow:hidden}.stills .still img{width:100%;height:100%;display:block}.stills .still:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stills .still-lead{margin:0}.stills .still-mount{--line:color-mix(in srgb, var(--accent) 70%, transparent);--corner-hi:#c4a466;--corner-mid:#8a6d3b;--corner-lo:#6b5229;--corner-edge:#d8bd85;padding:6px;position:relative}:root[data-theme=dark] .stills .still-mount{--corner-hi:#3d362c;--corner-mid:#2b2620;--corner-lo:#1f1b17;--corner-edge:color-mix(in srgb, var(--accent) 55%, #2b2620)}:root[data-theme=matrix] .stills .still-mount{--corner-hi:#10301c;--corner-mid:#0a2012;--corner-lo:#06160c;--corner-edge:color-mix(in srgb, var(--accent) 60%, #0a2012)}.stills .still-mount:before{content:"";border:1px solid var(--line);pointer-events:none;position:absolute;inset:0}.stills .still-mount .still img{object-fit:cover}.stills .corner{z-index:2;aspect-ratio:1;pointer-events:none;background:linear-gradient(135deg, var(--corner-hi), var(--corner-mid) 38%, var(--corner-lo) 46%, var(--corner-edge) 46.5%, var(--corner-edge) 50%, transparent 50%);clip-path:polygon(0 0,100% 0,0 100%);filter:drop-shadow(0 0 1px #00000059);width:clamp(16px,2.6vw,27px);position:absolute}.stills .corner.tl{top:-2px;left:-2px}.stills .corner.tr{top:-2px;right:-2px;transform:rotate(90deg)}.stills .corner.br{bottom:-2px;right:-2px;transform:rotate(180deg)}.stills .corner.bl{bottom:-2px;left:-2px;transform:rotate(270deg)}.stills .still-cap{font-family:var(--font-mono);color:var(--ink-faint);justify-content:space-between;gap:1rem;margin-top:.5rem;font-size:.74rem;display:flex}.stills .stills-grid,.stills .stills-posts{margin-top:1.5rem}.stills .still-scene+.still-scene{margin-top:1.25rem}.stills .scene-title{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.12rem;font-style:italic;font-weight:500}.stills .scene-title small,.stills .post-card small{font-family:var(--font-mono);color:var(--ink-faint);margin-left:.5em;font-size:.72rem;font-style:normal}.stills .tiles{grid-template-columns:repeat(4,1fr);gap:.45rem;display:grid}.stills .tiles .still{aspect-ratio:var(--tile-ar);border-radius:3px}.stills .tiles .still img{object-fit:contain}.stills .stills-posts{grid-template-columns:repeat(2,1fr);gap:1.1rem 1rem;display:grid}.stills .post-card{margin:0}.stills .post{aspect-ratio:16/9;border:1px solid var(--border);border-radius:12px;gap:2px;display:grid;overflow:hidden}.stills .post .still{height:100%}.stills .post .still img{object-fit:cover}.stills .post.n2{grid-template-columns:1fr 1fr}.stills .post.n3,.stills .post.n4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.stills .post.n3>:first-child{grid-row:span 2}.stills .post-card figcaption{justify-content:space-between;align-items:baseline;gap:.6rem;min-height:1.6rem;margin-top:.4rem;display:flex}.stills .post-card .scene-title{margin:0;font-size:1.02rem}@media (width<=640px){.stills .tiles{grid-template-columns:repeat(2,1fr)}.stills .stills-posts{grid-template-columns:1fr}}html:has(.still-viewer[open]){overflow:hidden}.still-viewer{color:#ece7dc;background:#080807f7;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.still-viewer[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.still-viewer::backdrop{background:#0009}.sv-top,.sv-bottom{align-items:center;gap:.8rem;padding:.7rem 1rem;display:flex}.sv-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;overflow:hidden}.sv-title b{font-family:var(--font-display);font-size:1.1rem;font-weight:500}.sv-title i{font-family:var(--font-display);color:#c9a86a;margin-left:.4em;font-size:1.05rem}:root[data-theme=matrix] .sv-title i{color:var(--accent)}.sv-btn{color:inherit;background:0 0;border:1px solid #fff3;border-radius:4px;align-items:center;gap:.4em;padding:.25rem .7rem;font-size:.8rem;display:inline-flex}.sv-btn:hover{color:#c9a86a;border-color:#c9a86a}.sv-btn .icon{width:15px;height:15px}.sv-btn[hidden],.sv-side[hidden]{display:none}.sv-stage{touch-action:pan-y;place-items:center;min-height:0;padding:0 .5rem;display:grid;position:relative}.sv-frame{aspect-ratio:var(--ar);width:min(100%, calc((100dvh - 7.5rem) * var(--r)));background:var(--c)}.sv-frame img{object-fit:contain;width:100%;height:100%;display:block}.sv-side{background:0 0;border:0;width:22%;padding:0;position:absolute;top:0;bottom:0}.sv-side.prev{cursor:w-resize;left:0}.sv-side.next{cursor:e-resize;right:0}.sv-bottom{font-family:var(--font-mono);color:#ece7dca6;justify-content:center;font-size:.85rem}@media (prefers-reduced-motion:no-preference){.still-viewer[open]{animation:sv-in .18s var(--ease-out)}@keyframes sv-in{0%{opacity:0}}}