:root{--bg:#16191d;--card:#20252b;--fg:#e8ecef;--muted:#9aa6b0;--accent:#9fd3a8}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:15px/1.55 -apple-system,BlinkMacSystemFont,Inter,sans-serif}header,section{max-width:1200px;margin:0 auto;padding:24px 16px 8px}h1{margin:0;font-size:28px;font-weight:600}h2{margin:8px 0 14px;font-size:18px;font-weight:600}header p{color:var(--muted);margin:4px 0 0}a{color:var(--accent)}.controls{color:var(--muted);flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}select{background:var(--card);color:var(--fg);font:inherit;border:1px solid #333a42;border-radius:6px;padding:4px 8px}.slider{aspect-ratio:16/10;background:#000;border-radius:8px;position:relative;overflow:hidden}.slider img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}#img-b{clip-path:inset(0 0 0 var(--pos,50%))}.slider .handle{top:0;bottom:0;left:var(--pos,50%);pointer-events:none;background:#fff;width:2px;position:absolute;box-shadow:0 0 6px #000}.slider input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.entry{background:var(--card);border-radius:10px;margin-bottom:18px;padding:16px}.entry h3{margin:0;font-size:17px}.entry .meta{color:var(--muted);margin:2px 0 8px;font-size:13px}.entry .thumbs{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:10px;display:grid}.entry figure{margin:0}.entry img{cursor:zoom-in;border-radius:6px;width:100%;display:block}.entry figcaption{color:var(--muted);margin-top:3px;font-size:12px}.empty{color:var(--muted)}