:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:#fff;--text:#1a1a1a;--muted:#6b7280;--line:#9ca3af;--highlight:#c8102e;--word-size:2.25rem;--focus-point:40%;background:var(--background);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--background:#121212;--text:#e8e8e8;--muted:#9ca3af;--line:#6b7280;--highlight:#ff6b6b}}body{margin:0}main{box-sizing:border-box;max-width:40rem;margin:0 auto;padding:1rem}button{font:inherit}.add-text form{flex-direction:column;gap:.5rem;display:flex}.add-text textarea{box-sizing:border-box;width:100%;min-height:50vh;font:inherit;color:inherit;background:0 0;font-size:1rem}.add-text button{align-self:flex-start}.reader{flex-direction:column;min-height:100dvh;display:flex}.back{color:inherit;background:0 0;border:none;padding:.5rem 0}.frame{width:100%;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;margin-top:25vh;padding:0;display:block}.frame-line{background:var(--line);height:1px;display:block;position:relative}.tick,.anchor{left:var(--focus-point);position:absolute}.tick{background:var(--line);width:2px;height:.5rem;margin-left:-1px}.frame-line:first-child .tick{top:0}.frame-line:last-child .tick{bottom:0}.word-area{height:calc(var(--word-size) * 2);font-size:var(--word-size);white-space:nowrap;line-height:1;display:block;position:relative}.anchor{align-items:center;width:0;display:flex;top:0;bottom:0}.focus{color:var(--highlight);flex:none;position:relative;transform:translate(-50%)}.before,.after{color:var(--text);position:absolute;top:0}.before{right:100%}.after{left:100%}