: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 input{box-sizing:border-box;width:100%;font:inherit;color:inherit;background:0 0;font-size:1rem}.add-text button{align-self:flex-start}.reader{flex-direction:column;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%}.controls{flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;display:flex}.control-row{align-items:center;gap:.5rem;display:flex}.controls button{min-width:44px;min-height:44px;color:inherit;border:1px solid var(--line);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.5rem;display:inline-flex}.control-label{text-align:center;font-variant-numeric:tabular-nums;min-width:5.5em;color:var(--muted)}.progress-row{margin-top:1.5rem}.progress{width:100%;accent-color:var(--highlight);margin:0;display:block}.time-left{text-align:center;font-variant-numeric:tabular-nums;color:var(--muted);margin:.5rem 0 0;font-size:.875rem}.paused-text{overscroll-behavior:contain;border-top:1px solid var(--line);flex:1 1 0;min-height:10rem;margin-top:1rem;line-height:1.5;overflow-y:auto}.paused-text p{cursor:pointer;margin:.75rem 0}.paused-text .heading{font-weight:700}.paused-text .verse{white-space:pre-line}.paused-text mark{color:var(--background);background:var(--highlight)}.finished{text-align:center;margin:25vh auto 0}.finished-actions{justify-content:center;gap:1rem;display:flex}.finished-actions button{min-height:44px;color:inherit;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:.5rem;padding:0 1rem}