:root{--paper:#f4eee4;--ink:#1a1714;--muted:#6b645c;--terracotta:#c24e32;--teal:#1f6f62;--sticker:#f5c518;--line:#e4d9c8;--sans:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--serif:Fraunces, "Iowan Old Style", Georgia, serif}*{box-sizing:border-box}html,body{min-height:100%;color:var(--paper);font-family:var(--sans);background:#1c1912;margin:0}#app{min-height:100dvh}.shell{grid-template-rows:auto auto 1fr auto;gap:0;min-height:100dvh;display:grid}.top{justify-content:space-between;align-items:baseline;gap:16px;padding:14px 20px 8px;display:flex}.brand{align-items:baseline;gap:12px;display:flex}.mark{font-family:var(--serif);letter-spacing:.02em;font-size:22px;font-weight:700}.sub,.note{color:#cbbba6;font-size:13px}.pills{gap:6px;padding:0 16px 10px;display:flex;overflow-x:auto}.pill{color:#e8dccb;font:600 12px/1 var(--sans);cursor:pointer;white-space:nowrap;background:#241f18;border:1px solid #3a342c;border-radius:999px;padding:6px 12px}.pill em{opacity:.55;margin-right:6px;font-style:normal}.pill.on{background:var(--terracotta);border-color:var(--terracotta);color:#fff}.stage{grid-template-columns:44px 1fr 44px;align-items:center;min-height:0;padding:0 8px;display:grid;position:relative}.still{aspect-ratio:16/9;background:#111;border-radius:12px;width:min(100%,177.778dvh - 373.333px);max-height:calc(100dvh - 210px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 18px 60px #00000073}.still img{object-fit:contain;background:#0c0b09;width:100%;height:100%;display:block}.hot{color:#1a1714;cursor:pointer;background:#f5c5181f;border:2px solid #f5c518d9;border-radius:8px;padding:0;position:absolute}.hot span{background:var(--sticker);color:#1a1714;font:700 11px/1 var(--sans);white-space:nowrap;border-radius:4px;padding:4px 7px;position:absolute;top:-22px;left:6px;box-shadow:0 2px #c49a10}.hot:hover,.hot:focus-visible{background:#f5c51847;outline:none}.edge{color:#e8dccb;cursor:pointer;background:0 0;border:0;height:72px;font-size:34px}.cap{justify-content:space-between;align-items:end;gap:16px;padding:12px 20px 18px;display:flex}.cap h1{font:600 18px/1.2 var(--serif);margin:0 0 4px}.cap p{color:#cbbba6;max-width:68ch;margin:0;font-size:14px}.actions{flex-shrink:0;gap:8px;display:flex}.ghost,.solid{font:600 13px/1 var(--sans);cursor:pointer;border-radius:999px;padding:10px 16px}.ghost{color:#e8dccb;background:0 0;border:1px solid #3a342c}.solid{background:var(--terracotta);color:#fff;border:0}@media (width<=820px){.stage{grid-template-columns:1fr;padding:0 10px}.edge{display:none}.still{width:100%;max-height:none}.cap{flex-direction:column;align-items:stretch}.top{flex-direction:column;gap:4px}.hot span{font-size:10px}}