*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:#30271f;-webkit-font-smoothing:antialiased;background:#fff;font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;overflow:hidden}#app{height:100%}.stage{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.theme-label{color:#fff;letter-spacing:.06em;white-space:nowrap;pointer-events:none;opacity:0;background:#0000009e;border-radius:999px;padding:7px 14px;font-size:12px;transition:opacity .26s,transform .26s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(6px)}.theme-label.is-visible{opacity:1;transform:translate(-50%)translateY(0)}.veil{pointer-events:none;opacity:0;transition:opacity .52s;position:fixed;inset:0}#app[data-stage=crossing] .veil{opacity:1}@media (prefers-reduced-motion:reduce){.theme-label,.veil{transition-duration:1ms}}.reader{pointer-events:none;opacity:0;place-items:center;font-family:League Script,Segoe Script,cursive;transition:opacity .24s;display:grid;position:fixed;inset:0}.reader.is-open{opacity:1}.reader.is-open .reader-book,.reader.is-open .reader-shut{pointer-events:auto}.reader-book{padding:var(--pad,16px);background:var(--cover,#3f6b45);border:2px solid var(--ink,#30271f);border-radius:10px;display:flex;position:relative;box-shadow:0 20px 44px #0003}.reader-leaf{min-width:0;padding:calc(var(--pad,16px) * .8) calc(var(--pad,16px) * 1.1);background:var(--paper,#f3ece0);flex-direction:column;flex:50%;display:flex;position:relative}.reader-leaf.is-left{border-radius:4px 0 0 4px}.reader-leaf.is-right{border-radius:0 4px 4px 0}.reader-gutter{top:var(--pad,16px);bottom:var(--pad,16px);pointer-events:none;background:linear-gradient(90deg,#0000,#00000029 42%,#0003 50%,#00000029 58%,#0000);width:4.5%;position:absolute;left:50%;transform:translate(-50%)}.reader-write{resize:none;width:100%;min-height:0;color:var(--ink,#30271f);caret-color:var(--ink,#30271f);background-color:#0000;background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--line,24px) - 1px), var(--rule,#d9d0c0) calc(var(--line,24px) - 1px), var(--rule,#d9d0c0) var(--line,24px));font-family:inherit;font-size:var(--type,22px);line-height:var(--line,24px);white-space:pre-wrap;overflow-wrap:break-word;border:0;outline:none;flex:auto;margin:0;padding:0 .45em;overflow:hidden}.reader-stuck{inset:calc(var(--pad,16px) * .8) calc(var(--pad,16px) * 1.1);pointer-events:none;position:absolute}.reader-foot{letter-spacing:.08em;color:var(--ink,#30271f);opacity:.6;justify-content:space-between;align-items:baseline;padding-top:8px;font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:11px;display:flex}.reader-turn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 0}.reader-turn:disabled{opacity:.3;cursor:default}.reader-shut{color:#fff;letter-spacing:.08em;cursor:pointer;background:#0000008c;border:0;border-radius:999px;padding:6px 12px;font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:11px;position:fixed;top:18px;right:20px}.reader-mirror{visibility:hidden;white-space:pre-wrap;overflow-wrap:break-word;pointer-events:none;border:0;margin:0;padding:0;position:absolute;top:-9999px;left:0}@media (prefers-reduced-motion:reduce){.reader{transition-duration:1ms}}
