:root{--h:#f97316;--h-dim:#f9731626;--h-border:#f973164d;--b:#818cf8;--b-dim:#818cf826;--b-border:#818cf84d;--green:#22c55e;--red:#ef4444;--yellow:#eab308;--pink:#f472b6;--purple:#c084fc;--blue:#60a5fa;--bg:#0a0a0f;--surface:#12121a;--surface-2:#1a1a26;--surface-3:#22223a;--border:#ffffff12;--border-2:#ffffff1f;--text:#e2e8f0;--text-muted:#64748b;--text-dim:#94a3b8;--radius:10px;--radius-sm:6px;--shadow:0 2px 8px #0006}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}body{flex-direction:column;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;padding:.55rem .9rem;display:flex;position:sticky;top:0}.header-brand{letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:.78rem;font-weight:800;display:flex}.badge-uni{background:linear-gradient(90deg, var(--h), var(--b));color:#fff;text-transform:uppercase;letter-spacing:.06em;border-radius:4px;padding:.15rem .4rem;font-size:.48rem;font-weight:900}.live-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--green);background:#22c55e1a;border:1px solid #22c55e40;border-radius:999px;align-items:center;gap:.25rem;padding:.18rem .55rem;font-size:.52rem;font-weight:800;display:flex}.live-badge:before{content:"";background:var(--green);border-radius:50%;width:5px;height:5px;animation:1.5s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.tab-bar{background:var(--surface);border-bottom:1px solid var(--border);z-index:99;flex-shrink:0;grid-template-columns:1fr 1fr 1fr;display:grid;position:sticky;top:42px}.tab-btn{cursor:pointer;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:.4rem;margin-bottom:-1px;padding:.6rem .5rem;font-family:Inter,sans-serif;font-size:.68rem;font-weight:700;transition:color .2s,border-color .2s;display:flex}.tab-btn.act-h{color:var(--h);border-bottom-color:var(--h)}.tab-btn.act-b{color:var(--b);border-bottom-color:var(--b)}.tab-btn.act-p{color:var(--green);border-bottom-color:var(--green)}.panel{overscroll-behavior:contain;flex-direction:column;flex:1;display:none;overflow-y:auto}.panel.active{display:flex}.section{background:var(--surface);border-bottom:1px solid var(--border);padding:.65rem .85rem}.section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.5rem;font-size:.58rem;font-weight:800}.divider-spacer{background:var(--bg);height:6px}.search-wrap{flex:1;position:relative}.search-input{background:var(--bg);border:1px solid var(--border-2);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:.5rem 2rem .5rem .7rem;font-family:Inter,sans-serif;font-size:.75rem;transition:border-color .2s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--h)}.b-panel .search-input:focus{border-color:var(--b)}.search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.1rem;font-size:.75rem;line-height:1;position:absolute;top:50%;right:.55rem;transform:translateY(-50%)}.search-clear:hover{color:var(--red)}.search-results{background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-sm);z-index:200;max-height:14rem;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 32px #0009}.result-item{border-bottom:1px solid var(--border);cursor:pointer;padding:.55rem .7rem;font-size:.7rem;transition:background .12s}.result-item:last-child{border:none}.result-item:hover,.result-item.active{background:var(--h-dim);color:var(--h)}.b-panel .result-item:hover,.b-panel .result-item.active{background:var(--b-dim);color:var(--b)}.result-sub{opacity:.6;white-space:nowrap;text-overflow:ellipsis;margin-top:.1rem;font-size:.6rem;overflow:hidden}.row{align-items:center;gap:.4rem;display:flex}.feedback{color:var(--text-muted);min-height:.85rem;margin-top:.3rem;font-size:.6rem}.feedback.ok{color:var(--green)}.feedback.err{color:var(--red)}.btn-grid{gap:.25rem;display:grid}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.gbtn{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;min-height:2.2rem;box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.3rem .2rem;font-family:Inter,sans-serif;font-size:.58rem;font-weight:700;transition:all .15s;display:flex}.gbtn i{font-size:.75rem}.gbtn span{line-height:1}.gbtn:active{transform:scale(.93)}.gbtn:hover{background:var(--surface-3);border-color:var(--border-2);color:#fff}.gbtn.h-on,.h-panel .gbtn:hover{background:var(--h-dim)!important;border-color:var(--h-border)!important;color:var(--h)!important}.gbtn.h-on i{color:var(--h)!important}.gbtn.b-on,.b-panel .gbtn:hover{background:var(--b-dim)!important;border-color:var(--b-border)!important;color:var(--b)!important}.gbtn.b-on i{color:var(--b)!important}.gbtn.g-on{color:var(--green)!important;background:#22c55e26!important;border-color:#22c55e4d!important}.gbtn.r-on{color:var(--red)!important;background:#ef444426!important;border-color:#ef44444d!important}.gbtn.disabled{opacity:.3;cursor:not-allowed}.btn-go{background:var(--h);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;padding:.5rem .8rem;font-family:Inter,sans-serif;font-size:.7rem;font-weight:800;transition:background .15s}.btn-go:hover{filter:brightness(1.12)}.b-panel .btn-go{background:var(--b)}.speed-row{grid-column:span 4;justify-content:center;align-items:center;gap:.4rem;padding:.15rem 0;display:flex}.speed-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:2.2rem;height:2.2rem;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;font-size:.7rem;transition:all .15s;display:flex}.speed-btn:hover{background:var(--h-dim);border-color:var(--h-border);color:var(--h)}.speed-display{color:var(--text-dim);text-align:center;min-width:2.8rem;font-family:monospace;font-size:.72rem;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:500;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-overlay.hidden{display:none}.modal-box{background:var(--surface-2);border:1px solid var(--border-2);border-radius:16px;width:100%;max-width:380px;max-height:90dvh;padding:1.25rem;position:relative;overflow-y:auto;box-shadow:0 24px 80px #000000b3}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:1rem;position:absolute;top:.85rem;right:.85rem}.modal-close:hover{color:var(--red)}.modal-title{align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.9rem;font-weight:800;display:flex}.eq-grid{justify-content:space-around;gap:1rem;height:8rem;display:flex}.eq-channel{flex-direction:column;flex:1;align-items:center;gap:.3rem;display:flex}.eq-val{color:var(--h);font-family:monospace;font-size:.58rem;font-weight:700}.eq-slider{cursor:pointer;accent-color:var(--h);writing-mode:vertical-lr;direction:rtl;flex:1;width:1.2rem}.eq-label{text-transform:uppercase;color:var(--text-muted);font-size:.58rem;font-weight:800}.gain-row{margin-bottom:.75rem}.gain-row label{justify-content:space-between;margin-bottom:.3rem;font-size:.7rem;font-weight:600;display:flex}.gain-slider{width:100%;accent-color:var(--h);cursor:pointer}.btn-reset{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-dim);cursor:pointer;margin-top:1rem;padding:.5rem;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;transition:all .15s}.btn-reset:hover{background:var(--h-dim);border-color:var(--h-border);color:var(--h)}.obs-field{margin-bottom:.7rem}.obs-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem;font-size:.65rem;font-weight:700;display:block}.obs-field input{background:var(--bg);border:1px solid var(--border-2);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:.45rem .6rem;font-family:Inter,sans-serif;font-size:.75rem}.obs-field input:focus{border-color:var(--h)}.obs-status-row{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.72rem;display:flex}.obs-dot{background:var(--red);border-radius:50%;flex-shrink:0;width:9px;height:9px}.obs-dot.connected{background:var(--green)}.btn-obs-connect{background:var(--h);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:.5rem;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700}.btn-obs-disconnect{background:var(--surface-3);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:.5rem .75rem;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700}.btn-obs-create{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#2563eb;border:none;width:100%;margin-top:.5rem;padding:.6rem;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700}.book-grid{grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:.2rem;display:grid}.book-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:center;color:var(--text-dim);padding:.25rem .3rem;font-family:Inter,sans-serif;font-size:.58rem;font-weight:700;line-height:1.3;transition:all .15s}.book-btn:hover,.book-btn.selected{background:var(--b-dim);border-color:var(--b-border);color:var(--b)}.num-grid{grid-template-columns:repeat(auto-fill,minmax(2rem,1fr));gap:.2rem;max-height:7rem;display:grid;overflow-y:auto}.num-btn{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;text-align:center;color:var(--text-dim);border-radius:4px;padding:.2rem;font-family:Inter,sans-serif;font-size:.62rem;font-weight:700;transition:all .15s}.num-btn:hover,.num-btn.selected{background:var(--b-dim);border-color:var(--b-border);color:var(--b)}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.collapsible-header .ch-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;font-weight:800}.collapsible-header .ch-icon{color:var(--text-muted);font-size:.65rem;transition:transform .2s}.collapsible-header.collapsed .ch-icon{transform:rotate(-90deg)}.collapsible-content{margin-top:.4rem;overflow:hidden}.collapsible-content.collapsed{display:none}.version-select{background:var(--bg);border:1px solid var(--border-2);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;outline:none;padding:.3rem .5rem;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700}.version-select:focus{border-color:var(--b)}.toggle-row{color:var(--text-dim);justify-content:space-between;align-items:center;gap:.5rem;font-size:.68rem;font-weight:600;display:flex}.toggle{background:var(--surface-3);border:1px solid var(--border-2);cursor:pointer;border-radius:999px;flex-shrink:0;width:2.4rem;height:1.25rem;transition:background .2s;position:relative}.toggle:after{content:"";background:var(--text-muted);border-radius:50%;width:calc(1.25rem - 4px);height:calc(1.25rem - 4px);transition:left .2s,background .2s;position:absolute;top:2px;left:2px}.toggle.on{border-color:var(--b-border);background:#818cf84d}.toggle.on:after{background:var(--b);left:calc(100% + 2px - 1.25rem)}.font-row{align-items:center;gap:.5rem;display:flex}.font-slider{accent-color:var(--b);cursor:pointer;flex:1}.font-val{color:var(--b);text-align:right;min-width:2.4rem;font-family:monospace;font-size:.68rem;font-weight:700}.color-chips{flex-wrap:wrap;gap:.3rem;margin-top:.3rem;display:flex}.color-chip{cursor:pointer;border:2px solid #ffffff26;border-radius:50%;width:1.4rem;height:1.4rem;transition:transform .15s,box-shadow .15s}.color-chip:hover,.color-chip.selected{box-shadow:0 0 0 2px var(--b);transform:scale(1.2)}.active-passage{color:var(--b);background:var(--b-dim);border:1px solid var(--b-border);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:160px;padding:.15rem .5rem;font-size:.62rem;font-weight:700;overflow:hidden}.history-list{max-height:8rem;overflow-y:auto}.history-item{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .5rem;font-size:.68rem;transition:background .12s;display:flex}.history-item:last-child{border:none}.history-item:hover{background:var(--b-dim)}.hi-book{color:var(--text);flex-shrink:0;font-weight:700}.hi-verses{flex-wrap:wrap;flex:1;gap:.2rem;max-height:1.4rem;display:flex;overflow:hidden}.hi-v{background:var(--b-dim);color:var(--b);border:1px solid var(--b-border);cursor:pointer;border-radius:3px;padding:.05rem .3rem;font-size:.52rem;font-weight:700;transition:all .12s}.hi-v:hover{background:var(--b);color:#fff}.clear-btn{color:var(--red);cursor:pointer;text-transform:uppercase;opacity:.7;background:0 0;border:none;padding:0;font-size:.55rem;font-weight:900}.clear-btn:hover{opacity:1}.proj-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;overflow:hidden}.proj-card-header{background:var(--surface-3);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.65rem;font-weight:800;display:flex}.proj-card-body{padding:.75rem}.config-field{margin-bottom:.6rem}.config-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.25rem;font-size:.6rem;font-weight:700;display:block}.config-input{background:var(--bg);border:1px solid var(--border-2);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:.45rem .65rem;font-family:monospace;font-size:.7rem}.config-input:focus{border-color:var(--green)}.big-btn{border-radius:var(--radius);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:1.5px solid;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:.45rem;padding:.7rem;font-family:Inter,sans-serif;font-size:.72rem;font-weight:800;transition:all .18s;display:flex}.big-btn.proj-unified{border-color:var(--green);color:var(--green)}.big-btn.proj-unified:hover{background:#22c55e26}.big-btn.proj-h{border-color:var(--h);color:var(--h)}.big-btn.proj-h:hover{background:var(--h-dim)}.big-btn.proj-b{border-color:var(--b);color:var(--b)}.big-btn.proj-b:hover{background:var(--b-dim)}.hint{color:var(--text-muted);font-size:.6rem;line-height:1.5}.hint strong{color:var(--text-dim)}.mode-selector{grid-template-columns:repeat(3,1fr);gap:.3rem;margin-bottom:.5rem;display:grid}.mode-opt{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;text-align:center;text-transform:uppercase;letter-spacing:.05em;padding:.4rem;font-family:Inter,sans-serif;font-size:.58rem;font-weight:700;transition:all .15s}.mode-opt:hover{background:var(--surface-3);color:var(--text)}.mode-opt.active{color:var(--green);background:#22c55e1a;border-color:#22c55e4d}.win-status{color:var(--text-muted);align-items:center;gap:.4rem;padding:.35rem 0;font-size:.62rem;font-weight:600;display:flex}.win-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:7px;height:7px}.win-dot.open{background:var(--green);box-shadow:0 0 6px var(--green)}.panel-footer{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;border-top:1px solid var(--border);margin-top:auto;padding:.5rem .85rem;font-size:.52rem}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:2px}.flex-spacer{flex:1}:root{--accent-h:#f97316;--accent-b:#6366f1;--bg:#000;--toolbar-h:44px}.projection-container{background:var(--bg);color:#e5e5e5;width:100vw;height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.projection-container.dragging{cursor:grabbing!important}.toolbar{height:var(--toolbar-h);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9000;opacity:1;background:#0a0a0af5;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:0 1rem;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(0)}.toolbar.hidden{opacity:0;transform:translateY(-100%)}.tb-brand{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.5rem;font-size:.7rem;font-weight:800;display:flex}.dot{background:var(--accent-h);width:8px;height:8px;box-shadow:0 0 8px var(--accent-h);border-radius:50%;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.tb-actions{align-items:center;gap:.3rem;display:flex}.tbtn{color:#ffffffb3;text-transform:uppercase;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.62rem;font-weight:700;transition:all .18s;display:flex}.tbtn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40}.tbtn.active-h{border-color:var(--accent-h);color:var(--accent-h);background:#f9731633}.tbtn.active-b{border-color:var(--accent-b);color:var(--accent-b);background:#6366f133}.tbtn.active-both{color:#fff;background:#ffffff1f;border-color:#ffffff59}.tbtn.active-danger{color:#ef4444;border-color:#ef4444}.tb-divider{background:#ffffff1a;width:1px;height:20px;margin:0 5px}.pin-badge{color:#fff;background:#166534;border-radius:6px;align-items:center;padding:.3rem .6rem;font-size:.7rem;font-weight:700;display:flex}.viewport{background:#000;position:absolute;inset:0}.proj-frame{background:#000;border:none;width:100%;height:100%;transition:opacity .5s,transform .5s,width .5s,height .5s,top .5s,left .5s;position:absolute;inset:0}.proj-frame.mode-none,.proj-frame.mode-hinario.frame-b,.proj-frame.mode-biblia.frame-h{opacity:0;pointer-events:none}.proj-frame.mode-split.frame-h{width:50%;left:0;right:50%}.proj-frame.mode-split.frame-b{width:50%;left:50%;right:0}.proj-frame.mode-both-h.frame-b,.proj-frame.mode-both-b.frame-h{z-index:50;border:1px solid #fff3;border-radius:8px;box-shadow:0 10px 40px #000c;width:360px!important;height:200px!important;top:auto!important;left:auto!important}.pip-handle{z-index:60;color:#fff;text-align:center;cursor:grab;background:#00000080;border-top-left-radius:8px;border-top-right-radius:8px;width:360px;height:25px;margin-top:-25px;font-size:10px;line-height:25px;position:absolute}.pip-handle:active{cursor:grabbing}.toast{color:#000;opacity:0;pointer-events:none;z-index:10000;background:#ffffffe6;border-radius:30px;padding:10px 20px;font-weight:700;transition:all .3s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}