:root{--paper: #f4eee4;--sticker: #f5c518;--ink: #1a1714}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0c0b09;color:var(--paper);font-family:ui-sans-serif,Segoe UI,system-ui,sans-serif}#app{min-height:100dvh}.shell{min-height:100dvh;display:grid;grid-template-rows:1fr;position:relative}.stage{min-height:100dvh;display:grid;place-items:center;padding:0 48px}.still{position:relative;aspect-ratio:16 / 9;width:min(100%,calc(100dvh * 16 / 9));max-height:100dvh;background:#12100e;overflow:hidden}.still img{display:block;width:100%;height:100%;object-fit:fill;background:#12100e}.still.missing{display:grid;place-items:center;color:#cbbba6;font-size:14px}.hot{position:absolute;padding:0;cursor:pointer;color:var(--ink);background:#f5c5181f;border:2px solid #f5c518d9;border-radius:8px}.hot span{position:absolute;top:-22px;left:6px;padding:4px 7px;border-radius:4px;background:var(--sticker);color:var(--ink);font:700 11px/1 ui-sans-serif,Segoe UI,system-ui,sans-serif;white-space:nowrap;box-shadow:0 2px #c49a10}.hot:hover,.hot:focus-visible{background:#f5c51847;outline:none}.edge{position:absolute;top:50%;z-index:2;width:44px;height:72px;margin-top:-36px;border:0;background:transparent;color:#e8dccb;font-size:34px;cursor:pointer}.edge.prev{left:4px}.edge.next{right:4px}.count{position:absolute;top:10px;right:14px;z-index:2;color:#cbbba6;font:600 12px/1 ui-sans-serif,Segoe UI,system-ui,sans-serif;letter-spacing:.04em}@media(max-width:820px){.stage{padding:0 8px}.edge{display:none}.hot span{font-size:10px}}