:root{--frame-min:320px;--frame-max:800px;--card-edge:16px;--card-strip:48px;--bar:48px;--gutter:16px;--above-frame:calc(var(--bar) + var(--card-edge));--frame-side:clamp(var(--frame-min), min(100vw - 2 * (var(--gutter) + var(--card-edge)), 100vh - 2 * var(--above-frame)), var(--frame-max));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#a0a0aa;background:#17171c;min-height:100vh;margin:0;font-family:system-ui,sans-serif;display:grid}.page{width:calc(var(--frame-side) + 2 * var(--card-edge));padding-bottom:calc(var(--above-frame) - var(--card-strip));grid-template-rows:var(--bar) auto;margin:auto;display:grid}.bar{justify-content:space-between;align-items:center;display:flex}#skip,#timeout summary,#timeout button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;padding:4px 12px}.controls{gap:8px;display:flex}#timeout{position:relative}#timeout summary{list-style:none}#timeout summary::-webkit-details-marker{display:none}#timeout .menu{z-index:1;white-space:nowrap;background:#17171c;border-radius:6px;gap:4px;padding:4px;display:grid;position:absolute;top:calc(100% + 4px);right:0}.card{grid-template-rows:var(--frame-side) var(--card-strip);padding:var(--card-edge) var(--card-edge) 0;background:#dedbd2;border-radius:12px;display:grid}#frame{background:#26262e;min-width:0}