:root{color-scheme:dark;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;background:#0a0d12;color:#f3f6fb;--text: #f3f6fb;--panel: rgba(18, 22, 29, .94);--panel-border: rgba(255, 255, 255, .1);--accent: #e6b85f;--accent-2: #60a5fa;--accent-strong: #efc979;--muted: #a8b2c1;--danger: #ff8a8a;--shadow: 0 18px 46px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:linear-gradient(180deg,#111827,#080b10)}html.transparent-bg,html.transparent-bg body{background:transparent}button,input,textarea,select{font:inherit}h1,h2{margin:0}h1{font-size:clamp(1.5rem,2.4vw,2.15rem)}h2{font-size:1.05rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.display-shell{width:100vw;height:100vh;overflow:hidden;background:#000;display:grid;place-items:center;padding:max(5vh,env(safe-area-inset-top)) max(6vw,env(safe-area-inset-right)) max(5vh,env(safe-area-inset-bottom)) max(6vw,env(safe-area-inset-left))}.display-card{width:min(100%,1500px);display:grid;gap:clamp(18px,2.2vh,28px);text-align:center;transition:opacity .18s ease}.display-card.is-hidden{opacity:0}.display-card.is-visible{opacity:1}.display-reference{margin:0;color:var(--accent-strong);font-size:clamp(1.25rem,2.4vw,2.35rem);letter-spacing:.06em;text-transform:uppercase}.display-text{margin:0;color:#f8f3e8;font-size:calc(clamp(2rem,4vw,4.6rem) * var(--display-font-scale, 1));line-height:1.22;font-weight:600;text-wrap:balance}.display-lyrics-text{white-space:pre-line;text-wrap:pretty}.display-empty{min-height:24vh}.display-shell.is-mini{background:transparent;place-items:end center;padding:0}.display-shell.is-mini .display-card{width:100%;max-width:100%;height:25vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1vh,14px);background:#000000e0;background:rgba(0,0,0,var(--display-bg-opacity, .88));padding:1.5vh 4vw}.display-shell.is-mini .display-reference{font-size:clamp(.85rem,1.4vw,1.3rem)}.display-shell.is-mini .display-text{font-size:calc(clamp(1.1rem,2.2vw,2.4rem) * var(--display-font-scale, 1));line-height:1.28}.display-shell.is-mini .display-empty{min-height:0}.display-shell.is-cleared,.display-shell.is-mini.is-cleared .display-card{background:transparent}.control-shell{min-height:100vh;padding:24px;display:grid;gap:16px;align-content:start}.control-topbar,.status-strip,.obs-bar,.operator-grid{width:min(100%,1480px);margin:0 auto}.control-topbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(420px,.95fr);gap:16px;align-items:end}.display-title-block{min-width:0}.display-title-block h1{overflow-wrap:anywhere}.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.status-tile,.obs-bar,.panel,.setting-row,.lyrics-preview,.result-item{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px}.status-tile{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 16px;color:var(--muted)}.status-tile svg{color:var(--accent-2);flex:0 0 auto}.status-dot{width:10px;height:10px;border-radius:999px;background:#f6d991;box-shadow:0 0 0 4px #f6d9911f}.status-dot.status-connected{background:#6ee7a8;box-shadow:0 0 0 4px #6ee7a824}.metric-label{margin:0 0 3px;color:var(--muted);font-size:.75rem;text-transform:uppercase}.metric-value{margin:0;color:var(--text);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.obs-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px}.obs-url{min-width:0;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;background:#ffffff0a}.obs-url svg{color:var(--accent-2);flex:0 0 auto}.obs-url code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.84rem}.obs-actions,.actions,.adjacent-actions{display:flex;gap:10px;flex-wrap:wrap}.operator-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(340px,.78fr);gap:16px;align-items:start}.side-stack,.control-panel,.current-panel{display:grid;gap:14px;align-content:start}.panel{padding:18px;box-shadow:var(--shadow)}.panel-header,.results-header,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.compact-heading{margin-bottom:10px}.section-kicker,.eyebrow{margin:0 0 5px;color:var(--accent);text-transform:uppercase;font-size:.72rem}.eyebrow{letter-spacing:.08em}.section-kicker{letter-spacing:.12em}.nav-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px 40px;gap:8px;align-items:center}.input-label{display:block;margin:0 0 8px;color:var(--muted);font-size:.9rem}.field-block{display:grid;gap:0}.reference-input{width:100%;min-height:44px;border:1px solid rgba(255,255,255,.12);background:#ffffff0b;color:inherit;border-radius:6px;padding:12px 14px;outline:none;transition:border-color .16s ease,background .16s ease}.reference-input:focus{border-color:#60a5fabf;background:#ffffff13}.compact-select{min-height:40px;padding:9px 12px}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:12px;top:50%;color:var(--muted);transform:translateY(-50%);pointer-events:none}.input-with-icon .reference-input{padding-left:40px}.scripture-command-row,.tab-content{display:grid;gap:12px}.primary-button,.secondary-button,.result-item,.tab-button,.copy-button{border:0;cursor:pointer;font:inherit}.primary-button,.secondary-button,.copy-button{min-height:40px;border-radius:6px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;text-decoration:none}.primary-button{background:#e6b85f;color:#15110a;font-weight:800}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}.secondary-button,.copy-button{background:#ffffff12;color:var(--text);border:1px solid rgba(255,255,255,.08)}.secondary-button:hover,.copy-button:hover,.result-item:hover,.tab-button:hover{background:#ffffff1a}.danger-button{color:var(--danger)}.icon-button{width:40px;height:40px;padding:0}.text-button svg{flex:0 0 auto}.tab-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:8px;background:#ffffff0b}.tab-button{min-height:42px;border-radius:6px;padding:10px 14px;background:transparent;color:var(--muted)}.tab-button.is-active{background:#223049;color:#f8fbff}.feedback{margin:2px 0 0}.feedback.error{color:var(--danger)}.feedback.success{color:#6ee7a8}.results-panel{margin-top:4px}.result-list{display:grid;gap:8px;max-height:44vh;overflow:auto;padding-right:4px}.result-item{width:100%;padding:13px 14px;text-align:left;display:grid;gap:5px;color:inherit}.result-reference,.current-reference{color:var(--accent);font-weight:800}.current-reference{display:inline-flex;align-items:center;gap:8px}.result-text,.current-text,.empty-copy{color:var(--muted);line-height:1.5}.empty-copy{display:inline-flex;gap:8px;align-items:center}.helper-copy,.slide-status{margin:0;color:var(--muted)}.adjacent-button{min-width:132px}.lyrics-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.lyrics-preview{display:grid;gap:10px;padding:14px}.lyrics-textarea{min-height:220px;resize:vertical;line-height:1.5}.preview-text{white-space:pre-line}.live-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 9px;border-radius:999px;color:var(--muted);background:#ffffff0f}.live-chip.is-live{color:#6ee7a8;background:#6ee7a81f}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000ad;display:grid;place-items:center;padding:20px;z-index:50}.modal-panel{width:min(100%,760px);max-height:min(92vh,900px);overflow:auto;background:#15171c;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:24px;box-shadow:var(--shadow)}@media (max-width: 1080px){.control-topbar,.operator-grid{grid-template-columns:1fr}.status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.control-shell{padding:14px}.status-strip,.obs-bar,.nav-row{grid-template-columns:1fr}.obs-actions,.actions,.adjacent-actions{display:grid;grid-template-columns:1fr}.icon-button{width:100%}}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:8px;background:var(--panel);border:1px solid var(--panel-border)}.setting-label{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.92rem}.toggle-switch{position:relative;width:48px;height:26px;border:0;border-radius:999px;background:#ffffff1f;cursor:pointer;padding:0;transition:background .2s ease}.toggle-switch.is-on{background:#60a5fa}.toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s ease;pointer-events:none}.toggle-switch.is-on .toggle-knob{transform:translate(22px)}.landing-shell{min-height:100vh;display:grid;place-items:center;padding:32px}.landing-card{width:min(100%,480px);background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;padding:40px 36px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;gap:24px;text-align:center}.landing-card h1{margin:0}.landing-divider{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.landing-divider:before,.landing-divider:after{content:"";flex:1;height:1px;background:var(--panel-border)}.landing-join-form{display:grid;gap:12px}.landing-join-form .reference-input{text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:1.1rem}.room-link-row{display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:8px;background:#ffffff08;border:1px solid var(--panel-border)}.room-link-row code{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:.82rem;color:var(--muted)}.copy-button{border:0;border-radius:6px;padding:8px 12px;background:#ffffff14;color:var(--accent);cursor:pointer;font-size:.82rem;white-space:nowrap}