*{box-sizing:border-box}:root{--page-aspect: .618;--measure-chars: 55;--chars-per-em: 1.91;--reading-em: 18.86px;--measure-max: calc(var(--measure-chars) / var(--chars-per-em) * var(--reading-em));--gutter: 16px;--open-zone-height: 20%;--open-zone-tint: transparent;--margin-x: .12;--margin-y: .09;--paper: #fff;--backdrop: #edeae4;--frame: rgba(0, 0, 0, .14)}.reader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--backdrop);user-select:none;-webkit-user-select:none;touch-action:manipulation}.sheet{width:min(calc(var(--measure-max) / (1 - 2 * var(--margin-x))),calc(100dvw - 2 * var(--gutter)));aspect-ratio:var(--page-aspect);max-height:calc(100dvh - 2 * var(--gutter));flex:none;min-width:0;min-height:0;background:var(--paper);border:1px solid var(--frame);box-shadow:0 1px 2px #0000000f,0 8px 28px #00000014}.type-area{width:100%;height:100%;padding:calc(var(--margin-y) * 100%) calc(var(--margin-x) * 100%)}.text{display:block;width:100%;height:100%}.tapzones{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 2fr}.tapzones>div{-webkit-tap-highlight-color:transparent}.file-input{position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}.open-zone{display:none;position:absolute;top:0;left:0;right:0;z-index:1;height:var(--open-zone-height);padding:0;border:0;background:var(--open-zone-tint);-webkit-tap-highlight-color:transparent}.status{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;background:var(--backdrop);color:#666;font-size:15px;padding:24px;text-align:center}.status.error{color:#222}.status.error p{margin:0}.status.error .headline{font-size:17px}.status.error .reason{margin-top:6px;color:#b00020;font-family:ui-monospace,monospace;font-size:13px}.status.error details{max-width:100%;color:#888;font-size:13px}.status.error summary{cursor:pointer}.status.error .trace{margin:8px 0 0;max-width:100%;max-height:40vh;overflow:auto;white-space:pre-wrap;text-align:left;font-family:ui-monospace,monospace;font-size:11px}.open{font:inherit;color:#222;background:#fff;border:1px solid #ccc;border-radius:999px;padding:8px 18px;cursor:pointer}.open:hover{border-color:#888}.open.floating{position:fixed;z-index:1;top:calc(env(safe-area-inset-top,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);padding:6px 14px;font-size:13px;color:#888;border-color:#e2e2e2;opacity:.55}.open.floating:hover{opacity:1;color:#222}@media (max-aspect-ratio: 618 / 1000){.reader{background:var(--paper)}.sheet{width:100dvw;height:100dvh;max-height:none;aspect-ratio:auto;border:0;box-shadow:none}.type-area{padding:0}.open.floating{display:none}.open-zone{display:block}}