:root{--paper:#fff;--ink:#000;--serif:"Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans:"Libre Franklin", "Franklin Gothic Medium", "Helvetica Neue", Arial, sans-serif}:root[data-theme=night]{--paper:#000;--ink:#fff}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;touch-action:none;margin:0;font-size:16px;line-height:1.3;transition:background .6s,color .6s;overflow:hidden}.void{width:100vw;height:100dvh;position:relative;overflow:hidden}#sky{z-index:2;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}#sky.hot{cursor:grab}#sky.drag{cursor:grabbing}.mark{z-index:3;-webkit-user-select:none;user-select:none;align-items:stretch;gap:1.4rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mark-box{border:1px solid var(--ink);color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:1.1rem .95rem;font-size:2rem;line-height:1;transition:background .12s,color .12s,box-shadow .6s;display:flex;position:relative}.mark-box span{display:block}.mark-box.hot{background:var(--ink);color:var(--paper)}.mark-box:after{content:"";border:1px solid var(--ink);opacity:0;pointer-events:none;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}.mark-box.pulse:after{animation:2.4s cubic-bezier(.3,.6,.4,1) infinite pulse}@keyframes pulse{0%{opacity:0;top:-2px;bottom:-2px;left:-2px;right:-2px}18%{opacity:.55}to{opacity:0;top:-16px;bottom:-16px;left:-16px;right:-16px}}:root[data-theme=night] .mark-box{background:var(--ink);color:var(--paper);box-shadow:0 0 30px #ffffff59,0 0 120px #ffffff24}:root[data-theme=night] .mark-box.hot{background:var(--paper);color:var(--ink)}.mark-box.ready{outline:1px solid var(--ink);outline-offset:4px}.reader{cursor:default;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;width:min(16rem,100vw - 9.5rem);font-size:1.5rem;line-height:1.3;display:flex;position:relative}.reader.reading{cursor:pointer}.page{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.page.idle span{white-space:nowrap;display:block}.page.say span{white-space:normal;font-size:1.15rem}.page.idle a{color:inherit;text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent)}.page.idle a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.page.idle a:focus-visible{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}@media (pointer:coarse){.page.idle a{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}}.page .head{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .35rem;font-size:.64rem;overflow:hidden}.page .text{overscroll-behavior:contain;touch-action:pan-y;-webkit-user-select:text;user-select:text;cursor:text;max-height:5.3rem;margin:0;font-size:.98rem;line-height:1.32;overflow-y:auto}.page .meta{font-family:var(--sans);letter-spacing:.05em;text-transform:uppercase;margin-top:.2rem;font-size:.64rem;display:block}.page .text a,.page .text button{color:inherit;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline;text-decoration-thickness:1px}.pips{align-items:center;height:16px;display:flex;position:absolute;bottom:calc(-1.1rem - 6px);left:-3px}.pips button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:10px;height:16px;margin:0;padding:0;position:relative}.pips button:after{content:"";border:1px solid var(--ink);box-sizing:border-box;border-radius:50%;width:4px;height:4px;position:absolute;top:6px;left:3px}.pips[hidden]{display:none}.keys{color:var(--ink);opacity:0;pointer-events:none;align-self:center;gap:4px;margin-left:6px;display:flex}.keys svg{display:block}@media (pointer:fine){.keys.show{animation:.9s ease-out both keysin,2.4s ease-in-out .9s infinite blink}}@keyframes keysin{0%{opacity:0}to{opacity:.6}}@keyframes blink{0%,to{opacity:.6}50%{opacity:.2}}.pips button.on:after{background:var(--ink)}.pips button.end:after{opacity:.35}.pips button:hover:after{transform:scale(1.5)}.pips button:focus-visible{outline-offset:0}.page.in,.page.idle{animation:.32s cubic-bezier(.2,.7,.2,1) both print}.page.out{animation:.16s ease-in both unprint}@keyframes print{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes unprint{to{opacity:0}}#toast{font-family:var(--sans);letter-spacing:.05em;text-transform:uppercase;opacity:0;pointer-events:none;z-index:6;font-size:.75rem;transition:opacity .2s;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}#toast.show{opacity:1}.skip{z-index:10;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font-family:var(--sans);padding:.3rem .6rem;font-size:.75rem;text-decoration:none;position:fixed;top:-3rem;left:1rem}.skip:focus{top:1rem}.a11y{width:1px;height:1px;position:absolute;top:0;left:-9999px;overflow:hidden}.a11y button:focus-visible{border:1px solid var(--ink);background:var(--paper);width:auto;height:auto;color:var(--ink);font:inherit;z-index:10;padding:.3rem .6rem;position:fixed;bottom:1rem;left:1rem}:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.paper{display:none}@media print{@page{margin:2cm}html,body{color:#000;background:#fff;height:auto;overflow:visible}.void,.skip,#toast{display:none!important}.paper{max-width:42em;font-family:var(--serif);color:#000;font-size:11pt;line-height:1.4;display:block}.paper h1{margin:0;font-size:20pt;font-weight:400}.paper .tag{margin:.2em 0 1.6em}.paper h2{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;border-top:1px solid #000;margin:1.4em 0 .4em;padding-top:.5em;font-size:8pt;font-weight:500}.paper ul{margin:0;padding-left:1.1em}.paper li{margin:.15em 0}.paper .meta{font-family:var(--sans);letter-spacing:.05em;text-transform:uppercase;margin-left:.5em;font-size:7.5pt}.paper a{color:#000;text-decoration:none}.paper a[href^=http]:after{content:" " attr(href);font-family:var(--sans);font-size:7.5pt}}@media (prefers-reduced-motion:reduce){.mark-box,#toast{transition:none!important}.page.in,.page.out,.page.idle{animation-duration:1ms}}