:root{--bg:#fff;--surface:#fff;--text:#24292f;--text-light:#656d76;--border:#d0d7de;--accent:#2f81f7;--accent-hover:#1f6feb;--success:#1a7f37;--code:#f6f8fa;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0d1117;--surface:#161b22;--text:#f0f6fc;--text-light:#8b949e;--border:#30363d;--accent:#2f81f7;--accent-hover:#58a6ff;--success:#3fb950;--code:#161b22}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;padding:40px 16px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#app{background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:720px;margin:auto;padding:32px}.header{margin-bottom:18px}h1{margin:0;font-size:34px;font-weight:700}.subtitle{color:var(--text-light);margin-top:10px;line-height:1.4}.section{border-top:1px solid var(--border);padding:14px 0}.section:first-of-type{border-top:none;padding-top:0}.group{margin-bottom:12px}.row{gap:16px;display:flex}.row .group{flex:1}.chapter{max-width:140px}label{margin-bottom:8px;font-weight:600;display:block}select{width:100%;font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:8px 10px}select:focus{border-color:var(--accent);outline:none}.verse-row{align-items:center;gap:12px;display:flex}.verse-row select{flex:1}.arrow{color:var(--text-light);font-size:20px}.checkbox{cursor:pointer;align-items:center;gap:10px;margin-bottom:16px;display:flex}.checkbox input{margin:0}#overlayOptions{margin-left:30px}.hint{color:var(--text-light);margin-top:8px;font-size:14px}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:10px;font-size:16px;font-weight:600;transition:all .2s}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}.status{background:var(--code);border:1px solid var(--border);white-space:pre-wrap;border-radius:8px;margin-top:24px;padding:12px 16px;font-family:ui-monospace,Consolas,monospace}.status.success{border-left:4px solid #1a7f37}.status.success:before{content:"✓ ";color:#1a7f37;font-weight:700}.status.error{border-left:4px solid #d1242f}.status.error:before{content:"✕ ";color:#d1242f;font-weight:700}footer{border-top:1px solid var(--border);color:var(--text-light);margin-top:18px;padding-top:14px;font-size:13px;line-height:1.7}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}@media (width<=640px){#app{padding:20px}.row{flex-direction:column;gap:0}.chapter{max-width:100%}.verse-row{gap:8px}h1{font-size:28px}}