:root{--bg-app: #1e1e1e;--bg-panel: #111;--bg-panel-header: #2d2d2d;--bg-input: #252526;--border-color: #333333;--radius-sm: 3px;--radius-md: 4px;--text-main: #cccccc;--text-muted: #858585;--text-label: #9ca3af;--text-heading: #eeeeee;--violeta: #d341d5;--azul: #4096f3;--verde: #0dab25;--rosa: #fc7cad;--azul-oscuro: #004ea6;--verde-oscuro: #005f0f;--rosa-oscuro: #d12b72;--naranja: #f98917;--morado-oscuro: #920093;--gris: #b0b0b0;--rojo: #ee4331;--amarillo-oscuro: #b49000;--gris-oscuro: #4b4b4b;--rojo-oscuro: #a70000;--naranja-oscuro: #ba5200;--amarillo: #f7d804;--accent-color: var(--azul-oscuro);--accent-hover: #005a9e;--item-hover: #2a2d2e;--item-selected: #094771;--selected-outline: #ffffff;--verse-selected-text: var(--azul);--cat-pentateuco: var(--naranja-oscuro);--cat-historicos: var(--naranja);--cat-poeticos: var(--rojo);--cat-profetas-mayores: var(--morado-oscuro);--cat-evangelios: var(--azul-oscuro);--cat-hechos: var(--azul);--cat-cartas-paulinas: var(--verde);--cat-apocalipsis: var(--verde-oscuro);--font-base: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs: .7rem;--fs-sm: .75rem;--fs-body: .85rem;--fs-md: 1rem;--fs-lg: 1.2rem;--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 10px;--space-5: 12px;--space-6: 16px;--tap: 44px;--transition-fast: .1s;--transition-base: .2s}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg-app);color:var(--text-main);font-family:var(--font-base);overscroll-behavior:none}body{display:flex;flex-direction:column;height:100dvh}[hidden]{display:none!important}button,input,select{font-family:inherit;color:inherit}button{border:none;background:none;cursor:pointer}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}mark{color:#ffb14b;background-color:transparent}.app-header{display:flex;flex:0 0 auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-top:calc(var(--space-3) + env(safe-area-inset-top));background-color:var(--bg-panel-header);border-bottom:1px solid var(--border-color)}.brand{flex:1;min-width:0;color:var(--text-heading);font-size:var(--fs-body);font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cast-btn{color:var(--text-muted)}.cast-btn .cast-icon{display:block}.cast-btn.connected{color:var(--verde);border-color:var(--verde);border-color:color-mix(in srgb,var(--verde) 45%,transparent)}.cast-btn.connecting{color:var(--naranja);border-color:var(--naranja);border-color:color-mix(in srgb,var(--naranja) 45%,transparent);animation:pulse 1s ease-in-out infinite}.cast-btn.unavailable{opacity:.45}@keyframes pulse{50%{opacity:.35}}.icon-btn.danger{color:var(--rojo)}.icon-btn:disabled{opacity:.4;pointer-events:none}.proj-banner{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background-color:var(--bg-input);border-bottom:1px solid var(--border-color);min-width:0}.proj-ref{flex:0 0 auto;color:var(--verse-selected-text);font-size:var(--fs-sm);font-weight:600;white-space:nowrap}.proj-text{flex:1;min-width:0;font-size:var(--fs-xs);color:var(--text-muted);line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.proj-stop{flex:0 0 auto;min-height:30px;padding:0 var(--space-3);background-color:transparent;border:1px solid var(--rojo);border-radius:var(--radius-sm);color:var(--rojo);font-size:var(--fs-xs);font-weight:600;white-space:nowrap}.proj-stop:active{background-color:var(--item-hover)}.deck{display:flex;flex:1 1 auto;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.deck::-webkit-scrollbar{display:none}.screen{display:flex;flex:0 0 100%;flex-direction:column;min-width:0;min-height:0;scroll-snap-align:start;scroll-snap-stop:always;background-color:var(--bg-panel);border-right:1px solid var(--border-color)}.screen:last-child{border-right:none}.screen-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.disabled-col{opacity:.5;pointer-events:none}.col-content{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.tabs{display:flex;flex:0 0 auto;gap:var(--space-1);padding:var(--space-2) var(--space-3) 0;background-color:var(--bg-panel);border-bottom:1px solid var(--border-color)}.tab-btn{flex:1;min-height:var(--tap);padding:var(--space-3) var(--space-2);border-bottom:2px solid transparent;color:var(--text-muted);font-size:var(--fs-sm);font-weight:500;transition:color var(--transition-fast),border-color var(--transition-fast)}.tab-btn.active{color:var(--text-heading);border-bottom-color:var(--accent-color)}.tab-panel{display:none;flex:1 1 auto;flex-direction:column;min-height:0}.tab-panel.active{display:flex}.panel-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:28px;padding:var(--space-2) var(--space-3);background-color:var(--bg-panel-header);border-bottom:1px solid var(--border-color);color:var(--text-heading);font-size:var(--fs-sm);letter-spacing:.05em;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:var(--space-3);min-width:0}.nav-actions{display:flex;gap:var(--space-1)}.label-muted{font-size:var(--fs-sm);font-weight:400;color:var(--text-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-box{flex:0 0 auto;margin:0;padding:var(--space-3);border-bottom:1px solid var(--border-color)}.search-box-actions{display:flex;align-items:center;gap:var(--space-2)}.search-box-actions .search-input{flex:1}.search-input{width:100%;min-height:38px;outline:none;padding:var(--space-2) var(--space-3);background-color:var(--bg-input);border:1px solid transparent;border-radius:var(--radius-sm);color:#fff;font-size:1rem;transition:border-color var(--transition-base)}.search-input:focus{border-color:var(--accent-color)}.search-go-btn{flex:0 0 auto;min-height:38px;padding:0 var(--space-4);background-color:transparent;border:1px solid var(--accent-color);border-radius:var(--radius-sm);color:var(--accent-color);font-size:var(--fs-sm);font-weight:600;white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast)}.search-go-btn:active{background-color:var(--item-hover)}.search-go-btn:disabled{opacity:.4;border-color:var(--border-color);color:var(--text-muted)}.icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;padding:0;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:20px;line-height:1;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}#menuBtn{width:var(--tap);height:var(--tap)}.icon-btn:hover{background-color:var(--item-hover);color:#fff;border-color:var(--accent-color)}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:var(--space-2);padding:var(--space-3);background-color:var(--bg-panel)}.books-section-title{grid-column:1 / -1;position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:var(--space-2);margin:var(--space-1) 0 0;padding:var(--space-2) 0;background-color:var(--bg-panel);color:var(--text-muted);font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.books-section-title:after{content:"";flex:1;height:1px;background-color:var(--border-color)}.books-section-title:first-child{margin-top:0}.book-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:58px;padding:var(--space-3) var(--space-2);border-radius:var(--radius-sm);color:#fff;text-align:center;-webkit-user-select:none;user-select:none;transition:filter var(--transition-fast),outline-color var(--transition-fast);outline:2px solid transparent;outline-offset:-2px}.book-btn:active{filter:brightness(1.25)}.book-btn.selected{outline-color:var(--selected-outline)}.book-abbr{font-size:var(--fs-lg);font-weight:600;line-height:1.2}.book-name{width:100%;font-size:var(--fs-xs);opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:var(--space-3);padding:var(--space-3)}.chapter-btn{min-height:var(--tap);padding:var(--space-3) 0;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);text-align:center;font-size:var(--fs-md);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.chapter-btn.selected{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.verses-list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.verse-block{display:flex;align-items:flex-start;gap:var(--space-4);min-height:var(--tap);padding:var(--space-3);background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.verse-num{min-width:22px;color:var(--accent-color);font-size:var(--fs-md);text-align:right;flex:0 0 auto}.verse-text{flex:1;min-width:0;font-size:1.02rem;line-height:1.5}.verse-text p{margin:0}.verse-block.selected,.verse-block.range-selected{background-color:var(--item-selected);border-color:var(--accent-color);color:#fff}.verse-block.selected .verse-num,.verse-block.range-selected .verse-num{color:var(--verse-selected-text)}.verse-block.single-selected{background-color:var(--item-selected);border-color:var(--accent-color);color:#fff}.verse-block.multi-mode{border-style:dashed;border-color:var(--border-color);border-color:color-mix(in srgb,var(--accent-color) 45%,var(--border-color))}.fav-btn{display:flex;align-items:center;justify-content:center;flex:0 0 auto;align-self:center;width:var(--tap);height:var(--tap);margin-left:auto;padding:0;color:var(--text-muted);opacity:.4;transition:opacity var(--transition-fast),color var(--transition-fast)}.fav-btn svg{width:16px;height:16px;fill:none}.fav-btn svg polygon{stroke:currentColor;stroke-width:2;stroke-linejoin:round}.verse-block.is-favorite .fav-btn{color:var(--amarillo);opacity:1}.verse-block.is-favorite .fav-btn svg polygon{fill:currentColor}.history-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;min-height:28px;padding:var(--space-2) var(--space-3);background-color:var(--bg-panel-header);color:var(--text-heading);font-size:var(--fs-sm);letter-spacing:.05em;text-transform:uppercase}.history-clear-btn{min-height:32px;padding:2px var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase}.history-clear-btn:active{background-color:var(--item-hover);color:#fff}.history-list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.history-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background-color:var(--bg-input);border:1px solid var(--color-libro, var(--accent-color));border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--fs-sm);text-align:left}.history-ref{display:inline-block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-ref:before{content:"";display:inline-block;position:relative;top:-1px;width:10px;height:10px;margin-right:8px;border-radius:50%;background-color:var(--color-libro, #ccc)}.history-text{font-size:var(--fs-body)}.history-empty{padding:var(--space-6) var(--space-3);color:var(--text-muted);font-size:var(--fs-sm);text-align:center}.books-grid>.history-empty,.chapters-grid>.history-empty{grid-column:1 / -1}.empty-action{display:inline-block;margin-left:var(--space-2);padding:4px var(--space-3);background-color:transparent;border:1px solid var(--accent-color);border-radius:var(--radius-sm);color:var(--verse-selected-text);font-size:var(--fs-xs);font-weight:600;white-space:nowrap}.empty-action:active{background-color:var(--item-hover)}.favorites-toolbar{display:flex;flex:0 0 auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--bg-panel-header);border-bottom:1px solid var(--border-color)}.favorites-toolbar-info{flex:1;min-width:0;color:var(--text-muted);font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-btn{flex:0 0 auto;min-height:var(--tap);padding:0 var(--space-4);border:1px solid var(--accent-color);border-radius:var(--radius-sm);color:var(--accent-color);font-size:var(--fs-sm);font-weight:600;white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast)}.toolbar-btn:active{background-color:var(--item-hover)}.toolbar-btn.active{background-color:var(--accent-color);color:#fff}.toolbar-btn:disabled{opacity:.4;border-color:var(--border-color);color:var(--text-muted)}.favorites-list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.favorite-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background-color:var(--bg-input);border:1px solid var(--color-libro, var(--accent-color));border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--fs-sm);cursor:pointer}.favorite-item:active{filter:brightness(1.12)}.favorite-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.favorite-ref{display:flex;align-items:center;font-weight:600;color:var(--verse-selected-text)}.favorite-text{font-size:var(--fs-body)}.favorite-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.favorite-remove,.favorite-project{min-height:32px;padding:2px var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--fs-xs)}.favorite-remove:active{color:var(--rojo)}.favorite-project{color:var(--verse-selected-text)}.favorite-project:active{background-color:var(--item-hover)}.search-filters{display:flex;flex:0 0 auto;gap:var(--space-2);padding:0 var(--space-3) var(--space-2)}.search-filters select,.search-filters input{min-width:0;min-height:38px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);background:var(--bg-input);font:inherit}.search-filters select{flex:1}.search-filters input{width:104px}.search-filters input:disabled{opacity:.55}.search-results-meta{flex:0 0 auto;padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase}.search-results-list{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-3) var(--space-3)}.search-placeholder{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6) var(--space-3);color:var(--text-muted);font-size:var(--fs-body);text-align:center}.result-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background-color:var(--bg-input);border:1px solid var(--color-libro, var(--accent-color));border-radius:var(--radius-sm);color:var(--text-main);text-align:left}.result-ref{color:var(--verse-selected-text);font-size:var(--fs-sm);font-weight:600}.result-snippet{color:var(--text-main);font-size:var(--fs-body);line-height:1.5}.selbar{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));background-color:var(--bg-panel-header);border-top:1px solid var(--border-color)}.sel-count{flex:1;min-width:0;color:var(--text-heading);font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selbar-btn{min-height:var(--tap);padding:0 var(--space-5);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600;transition:filter var(--transition-fast)}.selbar-btn.ghost{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main)}.selbar-btn.primary{background-color:var(--accent-color);color:#fff}.selbar-btn:active{filter:brightness(1.3)}.dots{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) 0;padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));background-color:var(--bg-app);border-top:1px solid var(--border-color)}.dot-btn{width:var(--tap);height:22px;display:flex;align-items:center;justify-content:center;padding:0}.dot-btn:before{content:"";width:6px;height:6px;border-radius:50%;background-color:var(--gris-oscuro);transition:background-color var(--transition-fast),width var(--transition-fast)}.dot-btn.active:before{width:18px;border-radius:3px;background-color:var(--accent-color)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0009}.drawer{position:fixed;inset-block:0;left:0;z-index:61;display:flex;flex-direction:column;width:min(300px,84vw);background:var(--bg-panel-header);border-right:1px solid var(--border-color);box-shadow:8px 0 24px #00000080;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);color:var(--text-heading);font-size:var(--fs-body);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.drawer-body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-3) 0}.drawer-section{margin:var(--space-4) var(--space-4) var(--space-2);color:var(--text-label);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase}.drawer-item{display:block;width:100%;min-height:var(--tap);padding:var(--space-3) var(--space-4);color:var(--text-main);font-size:var(--fs-body);text-align:left}.drawer-item:active{background-color:var(--item-hover)}.drawer-footer{display:flex;flex:0 0 auto;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-color)}.drawer-foot-note{color:var(--text-muted);font-size:var(--fs-xs);line-height:1.35;overflow-wrap:anywhere}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:flex-end;justify-content:center;background:#0009}.modal{display:flex;flex-direction:column;width:min(520px,100%);max-height:88dvh;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:hidden}.modal-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background-color:var(--bg-panel-header);border-bottom:1px solid var(--border-color);color:var(--text-heading);font-size:var(--fs-body);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.modal-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--text-muted)}.modal-close:hover{color:#fff}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.settings-section{display:flex;flex-direction:column;gap:var(--space-2)}.settings-label{color:var(--text-label);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase}.settings-select{min-height:var(--tap);padding:var(--space-2) var(--space-3);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-heading);font-size:var(--fs-body)}.settings-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.color-field{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text-label);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase}.color-input{width:100%;height:var(--tap);padding:0;background:none;border:1px solid var(--border-color);border-radius:var(--radius-md)}.settings-range{width:100%;accent-color:var(--accent-color)}.settings-range:disabled{opacity:.4}.range-value{align-self:flex-end;color:var(--text-muted);font-size:var(--fs-xs)}.settings-check{flex-direction:row;align-items:center;justify-content:space-between}.settings-check input{width:22px;height:22px;accent-color:var(--accent-color)}.modal-footer{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));border-top:1px solid var(--border-color)}.settings-btn-secondary{min-height:var(--tap);padding:0 var(--space-5);background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--fs-sm)}.settings-btn-secondary:active{background-color:var(--item-hover)}#settingsSaveStatus{color:var(--verde);font-size:var(--fs-xs)}.toast{position:fixed;left:50%;bottom:calc(72px + env(safe-area-inset-bottom));z-index:80;max-width:90vw;padding:var(--space-3) var(--space-5);background-color:var(--bg-panel-header);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-heading);font-size:var(--fs-sm);text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity var(--transition-base),transform var(--transition-base)}.toast.show{opacity:1;transform:translate(-50%)}.toast.toast--error{background-color:#3a1d1d;border-color:#7f2b2b;color:#ffd7d7}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--selected-outline);outline-offset:1px}