:root{--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", "Menlo", "Cascadia Mono", monospace;--type-display-size:52px;--type-title1-size:34px;--type-title2-size:26px;--type-title3-size:20px;--type-body-size:15px;--type-secondary-size:13px;--type-caption-size:11px;--type-verse-size:22px;--type-verse-lh:1.45;--type-reference-size:13px;--bg-primary:#0c0c0d;--bg-secondary:#131315;--surface-raised:#1b1b1e;--surface-overlay:#222226;--surface-hover:#ffffff0a;--surface-pressed:#ffffff12;--surface-selected:#ffffff0f;--text-primary:#f4f4f5;--text-secondary:#f4f4f5b3;--text-tertiary:#f4f4f585;--text-disabled:#f4f4f557;--text-on-accent:#0a1017;--border-hairline:#ffffff0f;--border-subtle:#ffffff17;--border-strong:#ffffff29;--accent:#3faff3;--accent-hover:#4ebcff;--accent-pressed:#259cde;--accent-subtle:#3faff31f;--accent-border:#3faff359;--accent-text:#6fc4fa;--success:#57bc80;--success-subtle:#57bc801f;--warning:#e3ad4b;--warning-subtle:#e3ad4b1f;--danger:#e3645e;--danger-subtle:#e3645e1f;--focus-ring:0 0 0 2px var(--bg-primary), 0 0 0 4px #3faff399;--projector-bg:#000;--projector-text:#fff;--projector-text-secondary:#ffffffb8;--projector-reference:#ffffff8f;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--layout-sidebar-width:224px;--layout-content-max:680px;--layout-utility-width:320px;--layout-controlbar-height:56px;--layout-page-padding:32px;--hit-target-min:40px;--hit-target-touch:44px;--radius-s:8px;--radius-m:12px;--radius-l:16px;--radius-pill:999px;--shadow-floating:0 2px 8px #00000047, 0 0 0 1px var(--border-hairline);--shadow-popover:0 4px 20px #0000005c, 0 0 0 1px var(--border-hairline);--shadow-modal:0 16px 48px #00000080, 0 0 0 1px #ffffff12;--motion-quick:.14s;--motion-normal:.21s;--motion-large:.32s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--icon-16:16px;--icon-20:20px;--icon-24:24px;--icon-stroke:1.5px;--font-ui:var(--font-sans);--font-scripture:var(--font-sans);--bg:var(--bg-primary);--surface:var(--bg-secondary);--surface-2:var(--surface-raised);--text:var(--text-primary);--hairline:var(--border-hairline);--accent-soft:var(--accent-subtle);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-sans);font-size:var(--type-body-size);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.5}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}button{font-family:inherit}:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.bg-layer{z-index:0;pointer-events:none;position:absolute;inset:0}.bg-image{will-change:transform;background-position:50%;background-repeat:no-repeat}.bg-overlay{z-index:1}.bg-panel{flex-direction:column;gap:.9rem;padding:.4rem 1.15rem 1.1rem;display:flex}.bg-preview{aspect-ratio:16/9;color:#fff;background:#000;border-radius:.9rem;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.bg-preview.projector--light{color:#111;background:#fff}.bg-preview-content{z-index:2;text-align:center;max-width:88%;padding:6% 8%;position:relative}.bg-preview-verse{font-family:var(--font-sans);letter-spacing:-.01em;text-wrap:balance;margin:0 0 .7em;font-size:clamp(.85rem,2.6vw,1.5rem);font-weight:500;line-height:1.3}.bg-preview-ref{font-family:var(--font-sans);letter-spacing:0;text-transform:none;opacity:.56;margin:0;font-size:clamp(.6rem,1.2vw,.8rem);font-weight:400}.bg-tabs{background:var(--surface-raised);border:1px solid var(--border-hairline);border-radius:var(--radius-pill);align-self:flex-start;gap:2px;padding:2px;display:inline-flex}.bg-tab{color:var(--text-secondary);font-family:inherit;font-size:var(--type-secondary-size);height:28px;padding:0 var(--space-16);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;font-weight:500}.bg-tab.is-active{background:var(--surface-overlay);color:var(--text-primary);box-shadow:0 0 0 1px var(--border-subtle)}.bg-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem;display:grid}.bg-tile{display:flex;position:relative}.bg-tile-btn{cursor:pointer;border-radius:var(--radius-m);background:0 0;border:none;flex-direction:column;gap:.3rem;width:100%;padding:0;display:flex}.bg-tile-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.bg-tile-thumb{aspect-ratio:16/9;border-radius:var(--radius-m);border:1px solid var(--border-hairline);box-sizing:border-box;background:#000;width:100%;position:relative;overflow:hidden}.bg-tile.is-active .bg-tile-thumb{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-border)}.bg-tile-check{background:var(--accent);width:1.15rem;height:1.15rem;color:var(--text-on-accent);border-radius:50%;place-items:center;font-size:.7rem;font-weight:700;line-height:1;display:grid;position:absolute;top:.3rem;left:.3rem}.bg-tile-thumb.projector--light{background:#fff}.bg-tile-label{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.8rem;overflow:hidden}.bg-tile.is-active .bg-tile-label{color:var(--text-primary);font-weight:500}.bg-tile-del{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;font-size:1.1rem;line-height:1;display:grid;position:absolute;top:.3rem;right:.3rem}.bg-tile-del:hover{background:#ff3b30e6}.bg-add{aspect-ratio:16/9;border:1px dashed var(--border-subtle);border-radius:var(--radius-m);background:var(--surface-hover);color:var(--text-secondary);cursor:pointer;transition:border-color var(--motion-quick) var(--ease-standard), background var(--motion-quick) var(--ease-standard), color var(--motion-quick) var(--ease-standard);flex-direction:column;justify-content:center;align-items:center;gap:.3rem;font-family:inherit;font-size:.85rem;display:flex}.bg-add:hover:not(:disabled){background:var(--accent-subtle);border-color:var(--accent-border);color:var(--text-primary)}.bg-add:focus-visible{box-shadow:var(--focus-ring);outline:none}.bg-add-plus{color:var(--accent-text);font-size:1.3rem;line-height:1}.bg-add:disabled{opacity:.5;cursor:default}.bg-error{color:var(--danger);margin:0;font-size:.85rem}.bg-controls{flex-direction:column;gap:.7rem;display:flex}.bg-control-row{flex-direction:column;gap:.35rem;display:flex}.bg-control-label{color:var(--text-secondary);font-size:.85rem}.bg-control-row input[type=range]{width:100%;accent-color:var(--accent)}.bg-seg{background:var(--surface-2);border-radius:.6rem;align-self:flex-start;gap:.25rem;padding:.25rem;display:inline-flex}.bg-seg-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.45rem;padding:.35rem .7rem;font-size:.85rem}.bg-seg-btn.is-active{background:var(--surface-overlay);color:var(--text-primary);box-shadow:0 0 0 1px var(--border-subtle)}.bg-reset{align-self:flex-start}@media (width<=900px){.bg-panel{padding:.4rem .2rem .6rem}.bg-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}.svc-tabs{background:var(--surface-raised);border:1px solid var(--border-hairline);border-radius:var(--radius-pill);margin-bottom:var(--space-16);gap:2px;padding:2px;display:inline-flex}.svc-tab{color:var(--text-secondary);font-size:var(--type-secondary-size);height:28px;padding:0 var(--space-16);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--motion-quick) var(--ease-standard);background:0 0;border:none;font-weight:500}.svc-tab.is-active{background:var(--surface-overlay);color:var(--text-primary);box-shadow:0 0 0 1px var(--border-subtle)}.svc-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.svc-toolbar{flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:.9rem;display:flex}.svc-filter{min-width:160px;color:var(--text);background:var(--surface);border:1px solid #0000;border-radius:.7rem;outline:none;flex:1;padding:.5rem .8rem;font-size:.95rem}.svc-filter:focus{box-shadow:0 0 0 3px var(--accent-soft)}.svc-error{color:var(--danger);margin:0 0 .8rem;font-size:.9rem}.svc-list{flex-direction:column;gap:.5rem;margin:0;padding:0 0 1.5rem;list-style:none;display:flex}.svc-row{align-items:stretch;gap:var(--space-4);border:none;border-bottom:1px solid var(--border-hairline);transition:background var(--motion-quick) var(--ease-standard);background:0 0;border-radius:0;display:flex;overflow:hidden}.svc-row:hover{background:var(--surface-hover)}.svc-row.is-active{box-shadow:inset 2px 0 0 var(--accent);background:0 0}.svc-row.is-active:hover{background:var(--surface-hover)}.svc-row.is-active .svc-title{font-weight:600}.svc-main{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:.2rem;padding:.75rem .9rem;display:flex}.svc-main:hover{background:var(--surface-2)}.svc-row.is-active .svc-main:hover{background:0 0}.svc-main:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.svc-title{font-size:var(--type-body-size);flex-wrap:wrap;align-items:center;gap:.5rem;font-weight:500;display:flex}.svc-badge{font-size:var(--type-caption-size);letter-spacing:.04em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-subtle);padding:2px var(--space-8);border-radius:var(--radius-pill);font-weight:500}.svc-badge--src{color:var(--text-tertiary);background:var(--surface-hover)}.svc-meta{color:var(--text-secondary);font-size:12px}.svc-actions{align-items:center;gap:.1rem;padding-right:.5rem;display:flex}.svc-rename{color:var(--text);background:var(--surface-2);outline:2px solid var(--accent);outline-offset:-2px;border:none;border-radius:.9rem;flex:1;padding:.7rem .9rem;font-size:1rem}.svc-save-line{margin-top:.1rem;display:block}.svc-save{color:var(--text-secondary);font-size:.78rem}.svc-save--error{color:var(--danger);font-weight:600}.service-item.is-drag-over{border-color:var(--accent);box-shadow:inset 0 3px 0 var(--accent)}.service-item[draggable=true] .service-show{cursor:grab}.svc-cursor{color:var(--accent-text);font-size:12px;font-weight:500}.svc-detour{color:var(--text-secondary);margin-top:2px;font-size:12px;display:block}.svc-detour b{color:var(--text-primary);font-weight:600}.app{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--layout-sidebar-width);gap:var(--space-16);padding:var(--space-12);border-right:1px solid var(--border-hairline);background:var(--bg-secondary);box-sizing:border-box;flex-direction:column;flex-shrink:0;display:flex}.brand{align-items:center;gap:.6rem;padding:.4rem .6rem;display:flex}.brand-badge{width:26px;height:26px;color:var(--text-primary);flex-shrink:0;place-items:center;display:grid}.brand-badge svg{width:26px;height:26px}.nav-label{font-size:var(--type-caption-size);letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);padding:var(--space-4) var(--space-12) var(--space-8);font-weight:500}.brand-name{font-weight:600;font-size:var(--type-title3-size);letter-spacing:-.005em}.nav{flex-direction:column;gap:.25rem;display:flex}.nav-item{align-items:center;gap:var(--space-8);height:34px;padding:0 var(--space-12);border-radius:var(--radius-s);color:var(--text-secondary);font-size:var(--type-secondary-size);text-align:left;cursor:pointer;transition:background var(--motion-quick) var(--ease-standard), color var(--motion-quick) var(--ease-standard);background:0 0;border:none;font-weight:400;display:flex}.nav-item svg{width:var(--icon-20);height:var(--icon-20);opacity:.8;flex-shrink:0}.nav-text-short{display:none}.nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item.is-active{background:var(--surface-selected);color:var(--text-primary);font-weight:600}.nav-item.is-active svg{opacity:1}.sidebar-foot{margin-top:auto}.sidebar-status{align-items:center;gap:.5rem;padding:.6rem .7rem;display:flex}.sidebar-status-text{color:var(--text-secondary);font-size:.85rem}.btn-wide{width:100%}.content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.screen{grid-template-columns:minmax(0, 1fr) var(--layout-utility-width);gap:var(--space-16) var(--space-24);min-height:0;padding:var(--space-24) var(--layout-page-padding);box-sizing:border-box;flex:auto;grid-template-rows:minmax(0,1fr);grid-template-areas:"search service";display:grid}.search-area{flex-direction:column;grid-area:search;gap:1rem;min-height:0;display:flex}.search{flex-shrink:0;align-items:center;display:flex;position:relative}.search-icon{left:var(--space-16);width:var(--icon-20);height:var(--icon-20);color:var(--text-tertiary);pointer-events:none;position:absolute}.ref-input{width:100%;font-size:var(--type-title3-size);padding:0 var(--space-48);height:52px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-hairline);border-radius:var(--radius-m);transition:background var(--motion-quick) var(--ease-standard), border-color var(--motion-quick) var(--ease-standard);outline:none;font-weight:400}.search-clear{background:var(--surface-2);width:1.9rem;height:1.9rem;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;transition:background .12s,color .12s;display:flex;position:absolute;right:.8rem}.search-clear:hover{background:var(--hairline);color:var(--text)}.empty-search{flex-direction:column;gap:.75rem;display:flex}.examples{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.examples-label{color:var(--text-secondary);margin-right:.15rem;font-size:.85rem}.ref-input::placeholder{color:var(--text-secondary)}.ref-input:focus{background:var(--surface-raised);border-color:var(--accent-border);box-shadow:none}.results{flex-direction:column;flex:1;gap:.6rem;min-height:0;padding-right:.3rem;display:flex;overflow-y:auto}.hint{color:var(--text-secondary);margin:.5rem .25rem;font-size:1.05rem}.results-count{color:var(--text-secondary);margin:0 .25rem .25rem;font-size:.85rem}.hl{background:var(--accent-soft);color:inherit;border-radius:.25rem;padding:0 .1em}.suggestions{flex-wrap:wrap;gap:.5rem;display:flex}.chip{align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-s);color:var(--text-primary);font-size:var(--type-secondary-size);cursor:pointer;transition:background .15s;display:inline-flex}.chip:hover{background:var(--surface-2)}.chip-abbr{letter-spacing:.03em;color:var(--accent);background:var(--accent-soft);border-radius:.4rem;padding:.1rem .4rem;font-size:.78rem;font-weight:600}.result-row{border-radius:var(--radius-m);transition:background var(--motion-quick) var(--ease-standard), box-shadow var(--motion-quick) var(--ease-standard);background:0 0;flex-shrink:0;align-items:stretch;display:flex;overflow:hidden}.result-row:hover{background:var(--surface-hover)}.result-row.is-current{background:var(--surface-selected);box-shadow:inset 2px 0 0 var(--accent)}.result-row.is-selected{background:var(--surface-selected);box-shadow:0 0 0 1px var(--border-subtle)}.result-row.is-current.is-selected{box-shadow:inset 2px 0 0 var(--accent), 0 0 0 1px var(--border-subtle)}.result-main{gap:var(--space-8);text-align:left;min-width:0;padding:var(--space-16) var(--space-20);color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;display:flex}.add-btn{border:none;border-left:1px solid var(--hairline);width:3rem;color:var(--text-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;transition:background .12s,color .12s;display:flex}.add-btn:hover{background:var(--surface-pressed);color:var(--text-primary)}.add-btn.is-added{color:var(--success);cursor:default}.add-btn.is-added:hover{background:0 0}.passage-card{text-align:left;background:var(--accent-soft);border:1px solid var(--accent);color:inherit;cursor:pointer;border-radius:1rem;flex-direction:column;flex-shrink:0;gap:.3rem;padding:.95rem 1.25rem;transition:background .12s;display:flex}.passage-card:hover{background:#0a84ff42}.passage-card .result-ref{color:var(--accent)}.passage-label{font-size:1rem;font-weight:500}.result-ref{font-size:var(--type-reference-size);letter-spacing:.01em;text-transform:none;color:var(--text-secondary);font-weight:500}.result-row.is-current .result-ref{color:var(--accent)}.result-quote{font-family:var(--font-sans);font-size:var(--type-verse-size);line-height:var(--type-verse-lh);letter-spacing:-.005em;max-width:var(--layout-content-max);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.service{gap:var(--space-12);min-height:0;padding:var(--space-16);background:var(--bg-secondary);border:1px solid var(--border-hairline);border-radius:var(--radius-m);box-sizing:border-box;flex-direction:column;grid-area:service;display:flex}.service-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.service-title{font-size:var(--type-title3-size);letter-spacing:-.005em;margin:0;font-weight:600}.service-tools{gap:var(--space-4);flex-wrap:wrap;display:flex}.svc-tool{height:28px;padding:0 var(--space-8);border-radius:var(--radius-s);color:var(--text-secondary);font-family:inherit;font-size:var(--type-secondary-size);cursor:pointer;white-space:nowrap;transition:background var(--motion-quick) var(--ease-standard), color var(--motion-quick) var(--ease-standard);background:0 0;border:none;align-items:center;gap:5px;display:inline-flex}.svc-tool:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.svc-tool:disabled{color:var(--text-disabled);cursor:default}.svc-tool-icon{opacity:.8;font-size:.95em}.svc-tool--danger:hover:not(:disabled){background:var(--danger-subtle);color:var(--danger)}.svc-tool:focus-visible{box-shadow:var(--focus-ring);outline:none}.service-list{flex-direction:column;flex:1;gap:.5rem;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.service-item{align-items:stretch;gap:var(--space-4);border-radius:var(--radius-s);transition:background var(--motion-quick) var(--ease-standard);background:0 0;border:1px solid #0000;flex-shrink:0;display:flex;overflow:hidden}.service-item:hover{background:var(--surface-hover)}.service-item.is-cursor{background:var(--surface-hover);box-shadow:inset 2px 0 0 var(--border-strong)}.service-item.is-cursor .result-ref{color:var(--text-primary)}.service-item.is-current{background:var(--accent-subtle);box-shadow:inset 3px 0 0 var(--accent)}.service-flag{font-size:var(--type-caption-size);letter-spacing:.03em;text-transform:uppercase;color:var(--text-tertiary);background:var(--surface-overlay);border-radius:var(--radius-pill);padding:1px var(--space-8);margin-left:var(--space-8);font-weight:500}.service-flag--live{color:var(--accent-text);background:var(--accent-subtle)}.service-show{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:.2rem;padding:.7rem .5rem .7rem .9rem;display:flex}.service-show:hover{background:var(--surface-2)}.service-item.is-current .service-show:hover{background:0 0}.service-item.is-current .result-ref{color:var(--accent)}.service-quote{font-family:var(--font-sans);font-size:var(--type-secondary-size);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.service-item-actions{align-items:center;gap:.1rem;padding-right:.4rem;display:flex}.icon-btn{width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn:disabled{opacity:.3;cursor:default}.icon-btn:disabled:hover{color:var(--text-secondary);background:0 0}.live-bar{align-items:center;gap:var(--space-16);min-height:var(--layout-controlbar-height);padding:var(--space-8) var(--layout-page-padding);background:var(--bg-secondary);border:none;border-top:1px solid var(--border-hairline);box-sizing:border-box;border-radius:0;flex-wrap:nowrap;flex:none;display:flex;position:relative}.live-now{align-items:center;gap:.7rem;min-width:0;display:flex}.live-now-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.live-dot{background:var(--text-secondary);border-radius:50%;flex-shrink:0;width:.6rem;height:.6rem}.live-dot--live{background:var(--success);box-shadow:0 0 0 3px var(--success-subtle)}.live-dot--black{background:var(--warning);box-shadow:0 0 0 3px var(--warning-subtle)}.live-dot--idle{background:var(--text-secondary);opacity:.5}.live-label{font-size:var(--type-caption-size);text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);font-weight:500}.live-ref{font-size:var(--type-secondary-size);color:var(--text-secondary);font-weight:500}.live-ref.is-black{color:var(--text-secondary)}.live-controls{align-items:center;gap:var(--space-4);flex-wrap:nowrap;margin-left:auto;display:flex}.live-btn{white-space:nowrap;gap:6px}.live-btn-icon{font-size:.85em;line-height:1;display:none}.screen-bible{flex-direction:column;gap:1rem;display:flex}.bible-topbar{flex-shrink:0;justify-content:center;align-items:center;gap:.6rem;display:flex}.bible-nav-btn{padding:.5rem 1.1rem;font-size:1.35rem;line-height:1}.bible-title{letter-spacing:-.01em;background:var(--surface);color:var(--text);cursor:pointer;border:none;border-radius:.8rem;align-items:center;gap:.45rem;padding:.55rem 1.2rem;font-size:1.15rem;font-weight:600;transition:background .15s;display:inline-flex}.bible-title:hover{background:var(--surface-2)}.bible-title:focus-visible{box-shadow:0 0 0 4px var(--accent-soft);outline:none}.bible-caret{width:1rem;height:1rem;color:var(--text-secondary)}.bible-picker{flex:1;min-height:0;padding-right:.3rem;overflow-y:auto}.picker-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin:.4rem .2rem .6rem;font-size:.72rem;font-weight:600}.book-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.5rem;margin-bottom:1.1rem;display:grid}.book-item{text-align:left;background:var(--surface);color:var(--text);cursor:pointer;border:none;border-radius:.7rem;padding:.7rem .9rem;font-size:.98rem;transition:background .15s}.book-item:hover{background:var(--surface-2)}.book-item.is-active{background:var(--accent);color:#fff}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(3.4rem,1fr));gap:.5rem;display:grid}.chapter-cell{aspect-ratio:1;font-variant-numeric:tabular-nums;background:var(--surface);color:var(--text);cursor:pointer;border:none;border-radius:.7rem;place-items:center;font-size:1.05rem;transition:background .15s;display:grid}.chapter-cell:hover{background:var(--surface-2)}.chapter-cell.is-active{background:var(--accent);color:#fff}.book-item:focus-visible,.chapter-cell:focus-visible,.verse-main:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.bible-verses{width:100%;max-width:780px;min-height:0;padding-right:.3rem;padding-bottom:var(--space-12);box-sizing:border-box;flex-direction:column;flex:1;gap:.15rem;margin:0 auto;display:flex;overflow-y:auto}.verse-row{border-radius:.7rem;flex-shrink:0;align-items:stretch;transition:background .12s;display:flex;overflow:hidden}.verse-row:hover{background:var(--surface)}.verse-row.is-current{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.verse-main{text-align:left;min-width:0;color:inherit;cursor:pointer;font-family:var(--font-scripture);background:0 0;border:none;flex:1;padding:.5rem .75rem;font-size:1.18rem;line-height:1.55}.verse-num{font-family:var(--font-ui);color:var(--accent);margin-right:.45rem;font-size:.72rem;font-weight:600;line-height:0}.verse-row .add-btn{opacity:0;border-left:none}.verse-row:hover .add-btn,.verse-row .add-btn.is-added,.verse-row .add-btn:focus-visible{opacity:1}.screen-settings{max-width:760px;display:block;overflow-y:auto}.screen-head{margin-bottom:1.25rem}.screen-title{font-size:var(--type-title1-size);letter-spacing:-.015em;margin:0;font-weight:600}.screen-subtitle{color:var(--text-secondary);font-size:var(--type-secondary-size);margin:var(--space-4) 0 0}.settings-group{background:var(--bg-secondary);border:1px solid var(--border-hairline);border-radius:var(--radius-m);margin-bottom:var(--space-16);overflow:hidden}.settings-row{justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-16) var(--space-20);border-bottom:1px solid var(--border-hairline);display:flex}.settings-row:last-child{border-bottom:none}.settings-text{flex-direction:column;gap:.15rem;display:flex}.settings-label{font-size:var(--type-body-size)}.settings-hint-inline{font-size:var(--type-secondary-size);color:var(--text-tertiary)}.settings-note{color:var(--text-secondary);margin:0;padding:0 1.15rem .8rem;font-size:.82rem}.display-control{align-items:center;gap:.4rem;display:flex}.select{font-family:inherit;font-size:var(--type-secondary-size);height:32px;padding:0 var(--space-12);color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-s);cursor:pointer;text-overflow:ellipsis;max-width:13rem}.select-wide{flex:none;width:22rem;min-width:16rem;max-width:none}.display-control{flex:0 auto;min-width:0}.display-control .select{flex:auto;min-width:11rem;max-width:none}.settings-text{min-width:0}.font-stepper{align-items:center;gap:.25rem;display:flex}.font-stepper .icon-btn{width:2.4rem;font-size:.95rem;font-weight:600}.font-value{text-align:center;font-variant-numeric:tabular-nums;min-width:3.2rem;color:var(--text-secondary);font-size:.9rem}.btn{height:var(--hit-target-min);font-size:var(--type-secondary-size);padding:0 var(--space-16);border:1px solid var(--border-subtle);border-radius:var(--radius-s);background:var(--surface-hover);color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:background var(--motion-quick) var(--ease-standard), opacity var(--motion-quick) var(--ease-standard);justify-content:center;align-items:center;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-pressed)}.btn:disabled{opacity:.35;cursor:default}.btn:disabled:hover{background:var(--surface)}.btn-primary{background:var(--accent);color:var(--text-on-accent);border-color:#0000;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover);opacity:1}.btn-small{height:32px;padding:0 var(--space-12);font-size:12px}.btn-new-service{border-color:var(--border-subtle);color:var(--text-primary);background:0 0;gap:6px;font-weight:500}.btn-new-service:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.btn-plus{color:var(--accent-text);font-size:.95em}.seg{background:var(--surface-raised);border:1px solid var(--border-hairline);border-radius:var(--radius-pill);flex-shrink:0;gap:2px;padding:2px;display:inline-flex}.seg-btn{height:26px;padding:0 var(--space-12);border-radius:var(--radius-pill);color:var(--text-secondary);font-family:inherit;font-size:var(--type-secondary-size);cursor:pointer;white-space:nowrap;transition:background var(--motion-quick) var(--ease-standard);background:0 0;border:none;font-weight:500}.seg-btn:hover{color:var(--text-primary)}.seg-btn.is-active{background:var(--surface-overlay);color:var(--text-primary);box-shadow:0 0 0 1px var(--border-subtle)}.seg-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.live-controls .btn{height:32px;padding:0 var(--space-12);border-radius:var(--radius-s);color:var(--text-secondary);font-size:var(--type-secondary-size);background:0 0;border:1px solid #0000;font-weight:500}.live-controls .btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.live-controls .btn.is-active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--border-strong);font-weight:600}.live-controls .btn.is-active:hover:not(:disabled){background:var(--text-primary);color:var(--bg-primary)}.live-controls .btn-close-show:not(:disabled){color:var(--danger)}.live-controls .btn-close-show:not(:disabled):hover{background:var(--danger-subtle);color:var(--danger)}.select:focus-visible{box-shadow:0 0 0 3px var(--accent-soft);outline:none}.result-main:focus-visible,.service-show:focus-visible,.add-btn:focus-visible,.icon-btn:focus-visible,.chip:focus-visible,.passage-card:focus-visible,.search-clear:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.results,.service-list,.screen-settings,.bible-verses,.bible-picker{scrollbar-width:thin;scrollbar-color:var(--surface-2) transparent}.results::-webkit-scrollbar{width:8px}.service-list::-webkit-scrollbar{width:8px}.screen-settings::-webkit-scrollbar{width:8px}.bible-verses::-webkit-scrollbar{width:8px}.bible-picker::-webkit-scrollbar{width:8px}.results::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:8px}.service-list::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:8px}.screen-settings::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:8px}.bible-verses::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:8px}.bible-picker::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:8px}.results::-webkit-scrollbar-track{background:0 0}.service-list::-webkit-scrollbar-track{background:0 0}.screen-settings::-webkit-scrollbar-track{background:0 0}.bible-verses::-webkit-scrollbar-track{background:0 0}.bible-picker::-webkit-scrollbar-track{background:0 0}.screen{animation:screen-in var(--motion-normal) var(--ease-standard) both}@keyframes screen-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.screen{animation:none}}.remote-group{margin-top:1rem}.remote-steps{padding:0 var(--space-20) var(--space-16) calc(var(--space-20) + 18px);gap:var(--space-12);font-size:var(--type-secondary-size);color:var(--text-secondary);flex-direction:column;margin:0;line-height:1.5;display:flex}.remote-steps li{padding-left:var(--space-4)}.remote-steps li::marker{color:var(--text-tertiary)}.remote-steps b{color:var(--text-primary);font-weight:600}.remote-url{margin-top:var(--space-4);font-size:var(--type-title3-size);color:var(--text-primary);-webkit-user-select:all;user-select:all;font-weight:600;display:block}.remote-alt{margin-top:var(--space-4);font-size:var(--type-secondary-size);color:var(--text-tertiary);-webkit-user-select:all;user-select:all;display:block}.device-block{padding:0 var(--space-20) var(--space-12);flex-direction:column;display:flex}.device-block-title{font-size:var(--type-caption-size);letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);padding:var(--space-12) 0 var(--space-8);font-weight:500}.device-row{justify-content:space-between;align-items:center;gap:var(--space-12);padding:var(--space-12) 0;border-bottom:1px solid var(--border-hairline);display:flex}.device-row:last-child{border-bottom:none}.device-row--pending{background:var(--accent-subtle);box-shadow:inset 2px 0 0 var(--accent);border-radius:var(--radius-s);padding:var(--space-12);margin-bottom:var(--space-8);animation:db-in var(--motion-normal) var(--ease-standard) both;border-bottom:none}.device-text{flex-direction:column;gap:2px;min-width:0;display:flex}.device-name{align-items:center;gap:var(--space-8);font-size:var(--type-body-size);font-weight:500;display:flex}.device-meta{font-size:var(--type-secondary-size);color:var(--text-secondary)}.device-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 3px var(--success-subtle);border-radius:50%;flex-shrink:0}.device-actions{align-items:center;gap:var(--space-8);flex-shrink:0;display:flex}.device-allow{background:var(--accent);color:var(--text-on-accent);border-color:#0000;font-weight:600}.device-allow:hover:not(:disabled){background:var(--accent-hover)}.remote-actions{flex-wrap:wrap;gap:.5rem;padding:0 1.15rem 1.1rem;display:flex}.about-body{flex-direction:column;gap:1rem;padding-bottom:1.5rem;display:flex}.about-card{background:var(--surface);border-radius:1rem;padding:1.2rem 1.4rem}.about-title{letter-spacing:-.01em;margin:0 0 .6rem;font-size:1.1rem;font-weight:600}.about-card p{margin:0;line-height:1.6}.about-steps,.about-list{flex-direction:column;gap:.55rem;margin:0;padding-left:1.3rem;line-height:1.55;display:flex}.about-steps li::marker{color:var(--accent);font-weight:600}.about-keys{flex-direction:column;gap:.55rem;margin:0;display:flex}.about-keys>div{align-items:center;gap:.8rem;display:flex}.about-keycaps{flex-shrink:0;gap:.25rem;min-width:4.2rem;display:inline-flex}kbd{background:var(--surface-2);border:1px solid var(--hairline);min-width:1.7rem;height:1.7rem;font-family:var(--font-ui);color:var(--text);border-radius:.45rem;place-items:center;padding:0 .45rem;font-size:.85rem;font-weight:600;display:inline-grid}.about-note{color:var(--text-secondary);font-size:.88rem;margin:.8rem 0 0!important}@media (width<=1200px){.live-bar{gap:var(--space-8);padding:var(--space-8) var(--space-16)}.live-controls .btn-close-show .live-btn-text{display:none}.live-controls .btn-close-show .live-btn-icon{display:inline}.live-controls .btn-close-show{width:32px;padding:0}.btn-continue-label{display:none}.live-controls .btn{padding:0 var(--space-8)}.live-now{gap:var(--space-8)}}@media (width<=1080px){.screen{gap:var(--space-12) var(--space-16);padding:var(--space-16) var(--space-16)}.live-bar{padding:var(--space-8) var(--space-12);gap:var(--space-8)}.live-controls{gap:2px}}@media (width<=900px){.app{flex-direction:column}.sidebar{width:100%;height:auto;padding:.3rem .4rem;padding-bottom:max(.3rem, env(safe-area-inset-bottom));border-right:none;border-top:1px solid var(--hairline);background:#00000052;flex-direction:row;order:2;align-items:stretch;gap:0}.brand,.nav-label,.sidebar-foot{display:none}.nav{flex-direction:row;flex:1;justify-content:space-around;gap:.25rem}.nav-item{letter-spacing:-.01em;text-align:center;min-width:0;height:auto;color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;gap:.15rem;padding:.4rem .15rem;font-size:10px}.nav-item span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.nav-item.has-short .nav-text{display:none}.nav-item.has-short .nav-text-short{display:block}.nav-item svg{width:1.5rem;height:1.5rem}.nav-item:hover{background:0 0}.nav-item.is-active{color:var(--accent);background:0 0}.content{flex:1;order:1;min-height:0}.screen-search{flex-direction:column;gap:.75rem;padding:.9rem;animation:none;display:flex}.screen-search .search-area{flex:auto;min-height:0}.screen-search .service{flex:none;max-height:32vh}.screen-search .results,.screen-search .service-list{-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 18px),#0000 100%)}.live-bar{align-items:stretch;gap:var(--space-8);padding:var(--space-8) var(--space-12);padding-bottom:var(--space-12);flex-direction:column}.live-now{order:1;justify-content:flex-start;padding-right:44px}.live-label{display:none}.live-ref{font-size:var(--type-body-size);color:var(--text-primary)}.btn-continue{order:2;justify-content:center;width:100%;height:38px}.btn-continue-label{display:inline}.live-controls{order:3;grid-template-columns:1fr 1fr;gap:6px;margin-left:0;display:grid}.live-controls .btn{width:100%;height:42px;padding:0 var(--space-8);font-size:var(--type-body-size);background:var(--surface-raised);border-color:var(--border-subtle)}.live-controls .btn:hover:not(:disabled){background:var(--surface-overlay)}.live-controls .btn.is-active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--border-strong)}.live-controls .btn-close-show{top:var(--space-8);right:var(--space-12);width:34px;height:34px;padding:0;position:absolute}.live-controls .btn-close-show .live-btn-text{display:none}.live-controls .btn-close-show .live-btn-icon{font-size:1rem;display:inline}.live-controls .btn-clear .live-btn-text{display:inline}.live-controls .btn-clear .live-btn-icon{display:none}.ref-input{padding:.9rem 3rem;font-size:1.15rem}.screen-settings{padding:.9rem}.screen-bible{gap:.6rem;padding:.9rem;animation:none}.book-grid{grid-template-columns:1fr 1fr}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(3rem,1fr))}.verse-row .add-btn{opacity:1}.about-body{padding-bottom:1rem}.device-row{align-items:stretch;gap:var(--space-8);flex-direction:column}.device-actions{justify-content:flex-end}.remote-steps{padding-right:var(--space-12)}.settings-row{flex-direction:column;align-items:stretch;gap:.6rem}.settings-row .select{width:100%;max-width:none}.display-control{width:100%}.display-control .select{flex:1}.font-stepper,.display-control{justify-content:flex-start}.service-head{align-items:center}}@media (width<=380px){.nav-item span{font-size:9px}.live-controls .btn{font-size:var(--type-secondary-size)}}.live-error{font-size:var(--type-caption-size);color:var(--danger);font-weight:600}.btn-continue{align-items:center;gap:var(--space-8);height:32px;padding:0 var(--space-16);background:var(--accent-subtle);border:1px solid var(--accent-border);border-radius:var(--radius-pill);color:var(--accent-text);font-size:var(--type-secondary-size);white-space:nowrap;cursor:pointer;animation:db-in var(--motion-normal) var(--ease-standard) both;transition:background var(--motion-quick) var(--ease-standard);font-weight:600;display:inline-flex}.btn-continue:hover{background:#3faff32e}.btn-continue-ref{font-weight:600}@keyframes db-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.projector{background:var(--projector-bg);color:var(--projector-text);cursor:none;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;inset:0}.projector--controls{cursor:default}.projector-controls{z-index:10;gap:.6rem;animation:.15s both close-in;display:flex;position:absolute;top:1.1rem;right:1.1rem}.projector-ctl{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff29;border:none;border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;font-size:1.7rem;line-height:1;transition:background .15s;display:grid}.projector-ctl svg{width:1.4rem;height:1.4rem}.projector-ctl:hover{background:#ffffff4d}.projector-ctl--close{background:#ff3b30d9}.projector-ctl--close:hover{background:#ff3b30}.projector--light .projector-ctl{color:#111;background:#0000001f}.projector--light .projector-ctl:hover{background:#00000038}.projector--light .projector-ctl--close{color:#fff;background:#ff3b30d9}@keyframes close-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.projector--light{color:#111;background:#fff}.projector--light .projector-ref{color:#00000080}.projector-verse{text-align:center;z-index:2;width:84%;max-width:1600px;position:relative}.projector-verse.is-dual{flex-direction:column;gap:4vh;max-width:88vw;display:flex}.is-dual .pane-second{border-top:1px solid #ffffff24;padding-top:3vh}.is-dual .pane-second .projector-text{color:var(--projector-text-secondary);font-weight:400;font-size:calc(clamp(16px, 3.4vh, 56px) * var(--font-scale,1));line-height:1.4}.projector--light .is-dual .pane-second{border-top-color:#00000026}.is-dual .projector-text{margin-bottom:1.6vh}.projector-text{font-family:var(--font-sans);font-size:calc(clamp(28px, 6.5vh, 96px) * var(--font-scale,1));letter-spacing:-.01em;text-wrap:balance;transition:opacity var(--motion-large) var(--ease-standard);margin:0 0 3.2vh;font-weight:500;line-height:1.3}.is-dual .projector-text{font-size:calc(clamp(22px, 4.6vh, 64px) * var(--font-scale,1));line-height:1.35}.projector-text:has(.vnum){font-size:calc(clamp(22px, 4.6vh, 64px) * var(--font-scale,1));line-height:1.35}.vnum{font-family:var(--font-ui);vertical-align:.55em;opacity:.5;margin-right:.05em;font-size:.48em;font-weight:600}.projector-ref{font-family:var(--font-sans);letter-spacing:0;text-transform:none;color:var(--projector-reference);margin:0;font-size:clamp(14px,2.6vh,40px);font-weight:400}.projector-verse{animation:verse-in var(--motion-large) var(--ease-standard) both}@keyframes verse-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.projector-verse{animation:none}}.connect-screen{min-height:100dvh;padding:var(--space-24);box-sizing:border-box;background:var(--bg-primary);justify-content:center;align-items:center;display:flex}.connect-card{align-items:center;gap:var(--space-12);width:100%;max-width:360px;padding:var(--space-32) var(--space-24);background:var(--bg-secondary);border:1px solid var(--border-hairline);border-radius:var(--radius-l);text-align:center;flex-direction:column;display:flex}.connect-badge{width:48px;height:48px;color:var(--text-primary);place-items:center;display:grid}.connect-badge svg{width:48px;height:48px}.connect-title{font-size:var(--type-title2-size);letter-spacing:-.01em;margin:0;font-weight:600}.connect-found{padding:var(--space-16);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border-hairline);border-radius:var(--radius-m);flex-direction:column;gap:2px;width:100%;display:flex}.connect-app{font-size:var(--type-body-size);font-weight:600}.connect-computer{font-size:var(--type-secondary-size);color:var(--text-secondary)}.connect-hint{color:var(--text-secondary);font-size:var(--type-body-size);margin:0}.connect-note{color:var(--text-secondary);font-size:var(--type-secondary-size);margin:0}.connect-foot{color:var(--text-tertiary);font-size:var(--type-secondary-size);margin:0}.connect-error{color:var(--danger);font-size:var(--type-body-size);margin:0;font-weight:500}.connect-btn{width:100%;height:48px;font-family:inherit;font-size:var(--type-body-size);border:1px solid var(--accent-border);border-radius:var(--radius-m);background:var(--accent-subtle);color:var(--accent-text);cursor:pointer;transition:background var(--motion-quick) var(--ease-standard);font-weight:600}.connect-btn:hover{background:#3faff32e}.connect-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.connect-spinner{border:2px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.9s linear infinite connect-spin}@keyframes connect-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.connect-spinner{border-top-color:var(--border-strong);animation:none}}