:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{color-scheme:light dark;--bg: Canvas;--fg: CanvasText;--hairline: color-mix(in srgb, currentColor 20%, transparent)}@supports not (color: color-mix(in srgb,black 50%,white 50%)){:root{--hairline: #e5e7eb}@media (prefers-color-scheme: dark){:root{--hairline: #2a2a2a}}}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg)}:root[data-theme=light]{color-scheme:light;--bg: #ffffff;--fg: #0b0b0b;--hairline: #e5e7eb}:root[data-theme=dark]{color-scheme:dark;--bg: #111213;--fg: #f4f4f5;--hairline: #2a2a2a}:root{--input-bg: Field;--input-fg: FieldText;--input-border: var(--hairline);--input-placeholder: color-mix(in srgb, var(--input-fg) 60%, transparent);--btn-bg: ButtonFace;--btn-fg: ButtonText;--btn-border: var(--hairline);--btn-hover-bg: color-mix(in srgb, var(--btn-bg) 92%, currentColor 8%);--btn-active-bg: color-mix(in srgb, var(--btn-bg) 85%, currentColor 15%);--btn-disabled-bg: color-mix(in srgb, var(--btn-bg) 98%, currentColor 2%);--btn-disabled-fg: color-mix(in srgb, var(--btn-fg) 50%, transparent);--focus: Highlight}:root[data-theme=light]{--input-bg: #fff;--input-fg: #0b0b0b;--input-border: #e5e7eb;--btn-bg: #f1f1f1;--btn-fg: #0b0b0b;--btn-border: #e5e7eb;--btn-hover-bg: #d6d6d6;--btn-active-bg: #e6eaf0;--btn-disabled-bg: #f2f3f5;--btn-disabled-fg: #9aa3ad;--btn-primary: rgb(49, 87, 194);--focus: #c0c0c0}:root[data-theme=dark]{--input-bg: #0f1113;--input-fg: #f4f4f5;--input-border: #2a2a2a;--btn-bg: #181a1d;--btn-fg: #f4f4f5;--btn-border: #2a2a2a;--btn-hover-bg: #202327;--btn-active-bg: #262a2e;--btn-disabled-bg: #15171a;--btn-disabled-fg: #8b8f93;--btn-primary: rgb(49, 87, 194);--focus: #60a5fa}.ui-input{background:var(--input-bg);color:var(--input-fg);border:1px solid var(--input-border);border-radius:8px;padding:8px 10px}.ui-input::placeholder{color:var(--input-placeholder)}.ui-input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ui-button{background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-border);border-radius:8px;padding:8px 12px;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,opacity .12s ease}.ui-button:hover{background:var(--btn-hover-bg);border-color:#dcdcdc}.ui-button:active{background:var(--btn-active-bg)}.ui-button:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-fg);cursor:not-allowed;opacity:.8}.btn-primary{background-color:var(--btn-primary);color:#fff;border:none}.btn-primary:hover{background-color:var(--btn-primary);color:#fff}:root{--mark-bg: rgba(250,204,21,.35)}[data-theme=dark]{--mark-bg: rgba(234,179,8,.25)}mark{background:var(--mark-bg);padding:0 .05em;border-radius:2px}.verse.flash-hit{animation:verseFlash 1.6s ease-out forwards}@keyframes verseFlash{0%{background:#facc15a6;box-shadow:inset 0 0 0 1px #eab30899}to{background:transparent;box-shadow:inset 0 0 0 1px transparent}}