/* A presentation reader. All authoring happens in the deck's content.js. */
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#141313;color:#dfdcd0;font-family:'Space Mono',monospace}button{font:inherit;cursor:pointer;color:inherit;background:transparent;border:0;padding:9px 12px}button:hover{background:#ffffff19}button:focus-visible,a:focus-visible{outline:2px solid #fd899c;outline-offset:3px}button:disabled{opacity:.3;cursor:default}
#deck{position:fixed;inset:0;display:grid;place-items:center}.frame{display:none;position:relative;width:calc(1600px * var(--scale));height:calc(900px * var(--scale));overflow:hidden}.frame.active{display:block}.frame>.slide{transform:scale(var(--scale));transform-origin:0 0}.slide .timeline-line{position:absolute;left:192px;top:0;height:900px;border-left:2px dashed var(--ink)}.slide .timeline-dot{position:absolute;left:188px;width:9px;height:9px;border-radius:50%;background:var(--ink)}
.reader-controls{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:3px 7px;background:#171717e8;border:1px solid #ffffff2b;border-radius:5px;z-index:20;font:12px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;opacity:0;transition:opacity .15s}.reader-controls:hover,.reader-controls:focus-within,body.show-controls .reader-controls{opacity:1}.reader-controls output{min-width:52px;text-align:center;color:#bfb9b1}#notes{position:fixed;inset:auto 20px 70px auto;width:min(540px,calc(100vw - 40px));max-height:70vh;overflow:auto;background:#f4f0e6;color:#252423;padding:26px 30px;z-index:30;box-shadow:0 10px 50px #0008;font:17px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}#notes[hidden]{display:none}#notes h2{font-size:14px;font-weight:600;letter-spacing:.04em;margin:0 0 15px}#notes p{margin:0;white-space:pre-wrap}#close-notes{position:absolute;right:9px;top:6px;color:#252423;font-size:20px}.error{max-width:600px;margin:10vh auto;padding:25px;font-family:monospace}
@media print{@page{size:16in 9in;margin:0}html,body{width:16in;height:auto;overflow:visible;background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}body>*{display:none!important}#deck{display:block!important;position:static}.frame,.frame.active{display:block;width:16in;height:9in;break-after:page;page-break-after:always}.frame:last-child{break-after:auto;page-break-after:auto}.frame>.slide{transform:scale(.96)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
