:root{--zb-font-primary: "Quicksand", "Outfit", -apple-system, BlinkMacSystemFont, "SF Pro Rounded", sans-serif;--zb-font-reader: "Outfit", "Georgia", serif;--zb-color-blue: #2563eb;--zb-color-blue-light: #38bdf8;--zb-color-blue-soft: rgba(56, 189, 248, .12);--zb-color-blue-hover: #1d4ed8;--zk-color-primary: #2563eb;--zk-color-primary-hover: #1d4ed8;--zb-highlight-bg: linear-gradient(135deg, rgba(56, 189, 248, .25) 0%, rgba(37, 99, 235, .18) 100%);--zb-highlight-hover-bg: linear-gradient(135deg, rgba(56, 189, 248, .15) 0%, rgba(37, 99, 235, .1) 100%);--zb-highlight-text: #0f172a;--zb-highlight-border: #38bdf8;--zb-highlight-shadow: 0 3px 12px rgba(56, 189, 248, .3);--zb-mark-bg: #2563eb;--zb-mark-text: #ffffff;--zb-mark-border: #1d4ed8}zk-theme-provider[theme=dark],[theme=dark],:root[theme=dark],body[theme=dark],body.dark{--zb-color-blue: #38bdf8;--zb-color-blue-light: #7dd3fc;--zk-color-primary: #38bdf8;--zb-highlight-bg: linear-gradient(135deg, rgba(56, 189, 248, .35) 0%, rgba(37, 99, 235, .3) 100%);--zb-highlight-hover-bg: linear-gradient(135deg, rgba(56, 189, 248, .22) 0%, rgba(37, 99, 235, .18) 100%);--zb-highlight-text: #ffffff;--zb-highlight-border: #38bdf8;--zb-highlight-shadow: 0 3px 14px rgba(56, 189, 248, .45);--zb-mark-bg: #38bdf8;--zb-mark-text: #0f172a;--zb-mark-border: #7dd3fc}*{-ms-overflow-style:none;scrollbar-width:none;box-sizing:border-box}*::-webkit-scrollbar{display:none;width:0;height:0}html{height:100%;height:100dvh;overflow-x:hidden;width:100%}body{margin:0;padding:0;min-height:100vh;min-height:100dvh;width:100%;overflow-x:hidden;font-family:var(--zb-font-primary);background-color:var(--zk-color-bg, #ffffff);color:var(--zk-color-text, #0f172a);-webkit-font-smoothing:antialiased;user-select:none;overscroll-behavior-y:none}:root{--zb-header-h: calc(54px + env(safe-area-inset-top, 0px)) }#nav-container{position:sticky;top:var(--zb-header-h);margin-top:var(--zb-header-h);max-height:calc(100vh - 54px);max-height:calc(100dvh - var(--zb-header-h));box-sizing:border-box;z-index:900;align-self:flex-start}zk-sidebar-collapsible{box-sizing:border-box}@media (max-width: 768px){#nav-container{margin-top:0;top:0}}#content-container{display:flex;flex-direction:column;box-sizing:border-box;min-height:calc(100vh - 54px);min-height:calc(100dvh - var(--zb-header-h))}#main-view{padding-top:0;flex:1}#header-container{height:var(--zb-header-h);width:100%}.zb-header{position:fixed;top:0;left:0;right:0;height:var(--zb-header-h);padding-top:env(safe-area-inset-top,0px);display:flex;align-items:center;justify-content:space-between;padding-left:max(var(--zk-space-md, 16px),env(safe-area-inset-left,0px));padding-right:max(var(--zk-space-md, 16px),env(safe-area-inset-right,0px));padding-bottom:var(--zk-space-sm, 8px);background:#ffffffe0;backdrop-filter:blur(12px);border-bottom:1px solid rgba(56,189,248,.2);box-sizing:border-box;z-index:1000}zk-theme-provider[theme=dark] .zb-header,[theme=dark] .zb-header{background:#0f172ae0;border-bottom-color:#38bdf833}.zb-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.15rem;font-family:var(--zb-font-primary);color:var(--zb-color-blue, #2563eb);text-decoration:none}.zb-brand img{width:30px;height:30px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px #2563eb40}.zb-actions{display:flex;align-items:center;gap:var(--zk-space-sm, 8px)}.zb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;font-family:var(--zb-font-primary);border-radius:var(--zk-radius-pill, 20px);border:1px solid rgba(56,189,248,.25);background:var(--zb-color-blue-soft, rgba(56, 189, 248, .08));color:var(--zb-color-blue, #2563eb);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.zb-btn:hover{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;border-color:transparent;transform:translateY(-1.5px);box-shadow:0 4px 12px #38bdf84d}.zb-btn-primary{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;border-color:transparent;box-shadow:0 4px 12px #2563eb40}.zb-btn-primary:hover{transform:translateY(-1.5px) scale(1.02);box-shadow:0 6px 16px #2563eb59;color:#fff}.zb-btn-icon{padding:7px;border-radius:50%}.zb-lang-dropdown{position:relative;display:inline-block}.zb-lang-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;border-radius:var(--zk-radius-sm, 8px)}.zb-lang-current-flag{font-size:14px;line-height:1}.zb-lang-current-code{font-weight:700;font-size:12px;letter-spacing:.05em}@media (max-width: 480px){#zb-header-search span{display:none}#zb-header-search{padding:7px;border-radius:50%}.zb-lang-current-code,.zb-lang-trigger zk-icon[name=chevron-down]{display:none}.zb-lang-trigger{padding:6px 8px}}.zb-lang-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:var(--zk-color-surface, #ffffff);border:1px solid var(--zk-color-border, #c6c6c8);border-radius:var(--zk-radius-md, 12px);box-shadow:0 8px 24px #0000001f;padding:6px;display:none;flex-direction:column;gap:2px;z-index:100;animation:zbFadeIn .15s ease-out}.zb-lang-dropdown.open .zb-lang-menu{display:flex}.zb-lang-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border:none;background:transparent;color:var(--zk-color-text, #000000);font-size:13px;font-weight:500;border-radius:var(--zk-radius-sm, 6px);cursor:pointer;text-align:left;width:100%;transition:background .15s ease}.zb-lang-item:hover{background:var(--zk-color-bg, #f2f2f7);color:var(--zk-color-primary, #007aff)}.zb-lang-item.active{background:#007aff1a;color:var(--zk-color-primary, #007aff);font-weight:700}.zb-flag-icon{font-size:16px;line-height:1}@keyframes zbFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.zb-view-container{max-width:860px;margin:0 auto;padding:24px 20px;width:100%;box-sizing:border-box}@media (min-width: 1024px){.zb-view-container{max-width:1280px;padding:28px 32px}}.zb-bible-selectors{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.zb-select{padding:7px 12px;font-size:14px;font-weight:600;border-radius:var(--zk-radius-sm, 8px);border:1px solid var(--zk-color-border);background:var(--zk-color-surface);color:var(--zk-color-text);outline:none;cursor:pointer}.zb-verses-list{font-family:var(--zb-font-reader);font-size:1.05rem;line-height:1.7}.zb-verse-item{margin-bottom:12px;padding:6px 10px;border-radius:var(--zk-radius-sm);transition:background-color .15s ease;display:flex;align-items:baseline;gap:8px}.zb-verse-item:hover{background-color:var(--zk-color-surface)}.zb-verse-num{font-family:var(--zk-font-family);font-size:.8rem;font-weight:700;color:var(--zk-color-primary);min-width:24px;flex-shrink:0}.zb-verse-text{flex:1;user-select:text}.zb-verse-actions{opacity:0;transition:opacity .15s;display:flex;gap:4px}.zb-verse-item:hover .zb-verse-actions{opacity:1}.zb-hymn-card{background:var(--zk-color-surface);border:1px solid var(--zk-color-border);border-radius:var(--zk-radius-md);padding:16px;margin-bottom:12px;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.zb-hymn-card{background:var(--zk-color-surface, #ffffff);border:1px solid rgba(56,189,248,.2);border-radius:14px;padding:16px 20px;margin-bottom:12px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.zb-hymn-card:hover{border-color:var(--zb-color-blue-light, #38bdf8);transform:translateY(-2px);box-shadow:0 6px 20px #38bdf81f}.zb-hymn-header{display:flex;align-items:center;gap:12px}.zb-hymn-title{font-weight:700;font-size:1.05rem;font-family:var(--zb-font-primary);flex:1;min-width:0;color:var(--zk-color-text)}.zb-hymn-num-prefix{font-weight:800;font-family:var(--zb-font-primary);color:var(--zb-color-blue, #2563eb);margin-right:6px}.zb-hira-detail-card,.zb-bible-card,.zb-pericope-card{background:var(--zk-color-surface, #ffffff);border:1px solid rgba(56,189,248,.2);border-radius:18px;padding:26px 30px;box-shadow:0 4px 20px #00000008}@media (max-width: 640px){.zb-hira-detail-card,.zb-bible-card,.zb-pericope-card{padding:20px 16px}}.zb-hira-detail-title{margin:0;font-size:1.45rem;font-weight:700;font-family:var(--zb-font-primary);color:var(--zk-color-text);line-height:1.35}.zb-stanza{margin-bottom:18px;padding:16px 20px;border-left:4px solid rgba(56,189,248,.3);background:var(--zb-color-blue-soft, rgba(56, 189, 248, .05));border-radius:0 14px 14px 0;transition:all .2s ease;cursor:pointer}.zb-stanza:hover{background:#38bdf824}.zb-stanza.refrain{border-left-color:var(--zb-color-blue, #2563eb);background:#38bdf81a}.zb-stanza.playing{border-left-color:var(--zb-color-blue, #2563eb);border-left-width:6px;background:var(--zb-color-blue-soft, rgba(56, 189, 248, .18));box-shadow:0 2px 10px #2563eb1f}.zb-stanza-marker{font-size:.78rem;font-weight:800;font-family:var(--zb-font-primary);color:var(--zb-color-blue, #2563eb);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em;display:inline-block;padding:2px 8px;border-radius:8px;background:#38bdf81f}.zb-stanza-marker.refrain-marker{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff}.zb-stanza-content{font-family:var(--zb-font-primary);font-size:1.06rem;line-height:1.85;color:var(--zk-color-text);letter-spacing:.01em}.zb-stanza-line{margin-bottom:4px;user-select:text}.zb-post-card{background:var(--zk-color-surface, #ffffff);border:1px solid var(--zk-color-border, #e5e5ea);border-radius:16px;padding:16px 18px;margin-bottom:14px;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 12px #00000008}.zb-post-card:hover{border-color:#2563eb4d;box-shadow:0 8px 24px #2563eb14;transform:translateY(-2px)}.zb-post-meta-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:4px;font-size:.8rem;color:var(--zk-color-text-secondary);font-family:var(--zb-font-primary)}.zb-post-badge-group{display:flex;align-items:center;gap:8px}.zb-post-color-dot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 8px #00000026}.zb-post-color-name{font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-family:var(--zb-font-primary)}.zb-post-cycle{opacity:.65;font-size:.75rem}.zb-post-date{font-weight:700;font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--zk-color-text-secondary);font-family:var(--zb-font-primary)}.zb-post-title{margin:0 0 12px;font-size:1.2rem;font-weight:700;font-family:var(--zb-font-primary);color:var(--zk-color-text);line-height:1.4}.zb-reading-block{margin-bottom:4px}.zb-reading-block-label{display:flex;align-items:center;gap:6px;margin-bottom:2px;font-family:var(--zb-font-primary);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--zk-color-text-secondary)}.zb-reading-row{display:flex;align-items:baseline;gap:10px;width:100%;margin:0;padding:6px 8px 6px 0;border:0;border-radius:8px;background:none;font-family:var(--zb-font-primary);font-size:.9rem;text-align:left;cursor:pointer;transition:background .15s ease}.zb-reading-row:hover,.zb-reading-row:focus-visible{background:var(--zb-color-blue-soft, rgba(37, 99, 235, .06))}.zb-reading-row-label{flex:0 0 auto;min-width:88px;font-size:.8rem;font-weight:600;color:var(--zk-color-text-secondary)}.zb-reading-row-ref{font-weight:700;color:var(--zb-color-blue, #2563eb)}.zb-reading-row-year{margin-left:auto;padding-left:10px;font-size:.72rem;font-weight:600;white-space:nowrap;color:var(--zk-color-text-secondary)}.zb-clickable-ref{cursor:pointer;transition:opacity .15s ease,transform .15s ease}.zb-clickable-ref:hover{opacity:.85;transform:translateY(-1px)}.zb-reading-row.zb-clickable-ref:hover,.zb-hymn-link.zb-clickable-ref:hover{opacity:1;transform:none}.zb-pericope-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;gap:8px}.zb-pericope-badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:var(--zk-radius-pill);color:#fff}.zb-date-badge{font-size:.75rem;font-weight:700;color:var(--zk-color-text-secondary)}.zb-cycle-badge{font-size:.75rem;font-weight:700;color:var(--zk-color-text-secondary);text-transform:uppercase}.zb-pericope-item-title{margin:4px 0 14px;font-size:1.25rem;font-weight:700;color:var(--zk-color-text);line-height:1.3}.zb-readings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.zb-reading-block{margin-top:6px;padding:12px;border-radius:var(--zk-radius-sm);background:var(--zk-color-bg);border:1px solid var(--zk-color-border)}.zb-reading-title{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:700;color:var(--zk-color-text-secondary);text-transform:uppercase;margin-bottom:4px}.zb-reading-ref{font-size:1rem;font-weight:700;color:var(--zk-color-primary)}.zb-prayer-details{margin-top:6px;border-top:1px solid var(--zk-color-border, #e5e5ea)}.zb-prayer-summary{display:flex;align-items:center;gap:8px;padding:10px 0;font-family:var(--zb-font-primary);font-size:.88rem;font-weight:600;color:var(--zk-color-text);cursor:pointer;user-select:none;list-style:none}.zb-prayer-summary::-webkit-details-marker{display:none}.zb-prayer-chevron{margin-left:auto;color:var(--zk-color-text-secondary);transition:transform .2s ease}.zb-prayer-details[open] .zb-prayer-chevron{transform:rotate(90deg)}.zb-prayer-text{margin-bottom:10px;padding:12px 14px;border-radius:12px;background:var(--zb-color-blue-soft, rgba(56, 189, 248, .08));font-size:.94rem;line-height:1.75;color:var(--zk-color-text);white-space:pre-line;font-style:italic;letter-spacing:.01em}.zb-post-hymns{padding:4px 0;border-top:1px solid var(--zk-color-border, #e5e5ea);font-size:.84rem;color:var(--zk-color-text-secondary);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.zb-post-hymns-label{font-family:var(--zb-font-primary);font-weight:600;font-size:.82rem;color:var(--zk-color-text-secondary)}.zb-hymns-badge-list{display:inline-flex;flex-wrap:wrap;align-items:center}.zb-hymn-link{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:7px 5px;border:0;background:none;font-size:.86rem;font-weight:700;font-family:var(--zb-font-primary);color:var(--zb-color-blue, #2563eb);border-radius:6px;cursor:pointer;transition:background .15s ease;user-select:none}.zb-hymn-link:hover,.zb-hymn-link:focus-visible{background:var(--zb-color-blue-soft, rgba(56, 189, 248, .12))}.zb-hymn-sep{color:var(--zk-color-text-secondary);opacity:.5;font-size:.8rem}.zb-post-actions{display:flex;justify-content:flex-end;margin-top:10px}.zb-search-input-group,.zb-search-input-wrapper{position:relative;display:flex;align-items:center;gap:8px;width:100%;margin-bottom:20px}.zb-search-embedded-btn{position:absolute;right:6px;background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;border:none;box-shadow:0 2px 8px #2563eb4d;width:36px;height:36px;padding:0;border-radius:50%;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.zb-search-embedded-btn:hover{transform:scale(1.08);box-shadow:0 4px 14px #2563eb73}.zb-search-input{flex:1;padding:10px 18px;font-size:15px;font-family:var(--zb-font-primary);border-radius:var(--zk-radius-pill, 24px);border:1px solid rgba(56,189,248,.3);background:var(--zk-color-surface, #ffffff);color:var(--zk-color-text, #0f172a);outline:none;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #00000005}.zb-search-input:focus{border-color:var(--zb-color-blue-light, #38bdf8);box-shadow:0 0 0 3px #38bdf840}.zb-search-clearable{position:relative;flex:1;min-width:0;display:flex}.zb-search-clearable .zb-search-input{width:100%;padding-right:34px}.zb-search-clear-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:none;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:50%;background:var(--zk-color-text-secondary, #8e8e93);color:#fff;opacity:.55;cursor:pointer;transition:opacity .15s ease,background .15s ease;z-index:2}.zb-search-clear-btn:hover,.zb-search-clear-btn:focus-visible{opacity:.9}.zb-search-clear-btn zk-icon{pointer-events:none}.zb-search-input-wrapper .zb-search-input{padding-right:80px}.zb-search-input-wrapper .zb-search-clear-btn{right:48px}.zb-result-item{padding:16px 20px;border-radius:14px;border:1px solid rgba(56,189,248,.2);background:var(--zk-color-surface, #ffffff);margin-bottom:12px;cursor:pointer;transition:all .2s ease}.zb-result-item:hover{border-color:var(--zb-color-blue-light, #38bdf8);box-shadow:0 4px 16px #38bdf826;transform:translateY(-1.5px)}.zb-reference-result{border-color:var(--zb-color-blue, #2563eb);background:var(--zb-color-blue-soft, rgba(37, 99, 235, .08))}.zb-result-meta{font-size:.82rem;font-weight:700;font-family:var(--zb-font-primary);color:var(--zb-color-blue, #2563eb);margin-bottom:6px;display:flex;align-items:center;gap:8px}.zb-result-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:800;border-radius:var(--zk-radius-pill, 12px);background:var(--zb-color-blue-soft, rgba(56, 189, 248, .12));color:var(--zb-color-blue, #2563eb);text-transform:uppercase;letter-spacing:.03em}mark{background:var(--zb-mark-bg, #2563eb);color:var(--zb-mark-text, #ffffff);font-weight:700;border-radius:4px;padding:1px 6px;box-shadow:0 0 0 1px var(--zb-mark-border, #1d4ed8);display:inline}.zb-dual-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}@media (min-width: 1024px){.zb-view-container{max-width:1280px}.zb-dual-grid{grid-template-columns:1fr 1fr;gap:24px}}.zb-autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow-y:auto;background:var(--zk-color-surface, #ffffff);border:1px solid var(--zk-color-border, #c6c6c8);border-radius:var(--zk-radius-md, 12px);box-shadow:0 8px 24px #00000026;z-index:100;padding:4px}.zb-autocomplete-item{padding:8px 12px;border-radius:var(--zk-radius-sm, 6px);cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--zk-color-text);transition:background .15s ease}.zb-autocomplete-item:hover,.zb-autocomplete-item.active{background:var(--zk-color-bg, #f2f2f7);color:var(--zk-color-primary, #007aff)}.zb-autocomplete-chap-count{font-size:11px;color:var(--zk-color-text-secondary);font-weight:500}.zb-bible-prose{font-family:var(--zb-font-reader);font-size:1.08rem;line-height:1.85;color:var(--zk-color-text);user-select:text;margin-top:16px;text-align:justify}.zb-prose-paragraph{margin-bottom:1.4em}.zb-inline-verse{position:relative;display:inline;padding:2px 5px;margin:0 1px;border-radius:5px;transition:all .15s ease;cursor:pointer}.zb-inline-verse:hover{background-color:var(--zb-highlight-hover-bg, rgba(253, 224, 71, .2));box-shadow:0 0 0 1px var(--zb-highlight-border, #f59e0b)}.zb-inline-verse.highlighted,.zb-inline-verse.selected{background-color:var(--zb-highlight-bg);color:var(--zb-highlight-text);box-shadow:var(--zb-highlight-shadow),0 0 0 1.5px var(--zb-highlight-border);font-weight:500;border-radius:5px}.zb-inline-verse.highlighted .zb-verse-num-inline,.zb-inline-verse.selected .zb-verse-num-inline{color:var(--zb-highlight-border);font-weight:800}.zb-verse-num-inline{font-family:var(--zk-font-family);font-size:.72rem;font-weight:700;color:var(--zk-color-primary);margin-right:4px;margin-left:3px;user-select:none;vertical-align:super;line-height:0}.zb-verse-actions-popover{position:absolute;top:-34px;left:50%;transform:translate(-50%);background:var(--zk-color-surface, #ffffff);border:1px solid var(--zk-color-border, #c6c6c8);box-shadow:0 4px 14px #00000026;border-radius:var(--zk-radius-pill, 20px);padding:3px 8px;display:flex;align-items:center;gap:6px;z-index:40;white-space:nowrap;animation:zbFadeIn .15s ease-out}.zb-notice{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;margin-bottom:20px;border:1px solid var(--zb-color-blue-light, #38bdf8);border-left-width:4px;border-radius:12px;background:var(--zb-color-blue-soft, rgba(56, 189, 248, .12))}.zb-notice zk-icon{flex-shrink:0;margin-top:2px}.zb-notice-body{flex:1;min-width:0}.zb-notice-title{font-family:var(--zb-font-primary);font-weight:700;font-size:.95rem;color:var(--zb-color-blue, #2563eb);margin-bottom:4px}.zb-notice-text{margin:0;font-size:.85rem;line-height:1.5;color:var(--zk-color-text-secondary)}.zb-notice-action{margin-top:10px}.zb-quick-overlay-backdrop{position:fixed;inset:0;background:#0f172a73;backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding:calc(68px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.16,1,.3,1)}.zb-quick-overlay-backdrop.open{opacity:1;pointer-events:auto}.zb-quick-overlay-card{width:100%;max-width:640px;background:var(--zk-color-surface-elevated, #ffffff);border:1px solid rgba(56,189,248,.25);border-radius:20px;box-shadow:0 20px 45px #0003;padding:20px 24px;box-sizing:border-box;transform:translateY(-10px) scale(.98);transition:transform .25s cubic-bezier(.16,1,.3,1)}.zb-quick-overlay-backdrop.open .zb-quick-overlay-card{transform:translateY(0) scale(1)}.zb-quick-overlay-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--zk-color-border, #e2e8f0)}.zb-quick-overlay-title{display:flex;align-items:center;gap:10px;font-family:var(--zb-font-primary);font-weight:700;font-size:1.15rem}.zb-quick-overlay-close{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:50%;color:var(--zk-color-text-secondary);display:flex;align-items:center;justify-content:center}.zb-quick-overlay-close:hover{background:var(--zk-color-surface, #f2f2f7);color:var(--zk-color-text)}.zb-quick-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 16px;padding:12px 14px;margin:16px 0;background:var(--zb-color-blue-soft, rgba(56, 189, 248, .1));border-radius:12px}.zb-quick-tool-group{display:flex;align-items:center;gap:10px;min-width:0}.zb-quick-tool-label{font-size:.8rem;font-weight:600;color:var(--zk-color-text-secondary);white-space:nowrap}@media (max-width: 480px){.zb-quick-toolbar{flex-direction:column;align-items:stretch}.zb-quick-tool-group{justify-content:space-between}}.zb-quick-theme-switch{display:inline-flex;align-items:center;gap:8px;color:var(--zk-color-text-secondary);cursor:pointer}.zb-quick-font-btns{display:flex;align-items:center;gap:6px}.zb-quick-font-val{font-size:.85rem;font-weight:700;min-width:38px;text-align:center}.zb-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width: 520px){.zb-quick-grid{grid-template-columns:1fr}}.zb-quick-tile{display:flex;align-items:center;gap:12px;padding:14px;min-width:0;border-radius:14px;border:1px solid var(--zk-color-border, #e2e8f0);background:var(--zk-color-surface, #f2f2f7);cursor:pointer;transition:all .15s ease-out}.zb-quick-tile:hover{border-color:var(--zb-color-blue-light);transform:translateY(-2px);box-shadow:0 4px 16px #38bdf826}.zb-quick-tile.highlight{border-color:var(--zb-color-blue);background:var(--zb-color-blue-soft)}.zb-quick-tile-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--zb-accent-bg);color:var(--zb-accent-fg)}.zb-quick-tile-icon[data-accent=blue]{--zb-accent-bg: rgba(37, 99, 235, .14);--zb-accent-fg: #2563eb}.zb-quick-tile-icon[data-accent=amber]{--zb-accent-bg: rgba(217, 119, 6, .14);--zb-accent-fg: #d97706}.zb-quick-tile-icon[data-accent=green]{--zb-accent-bg: rgba(5, 150, 105, .14);--zb-accent-fg: #059669}.zb-quick-tile-icon[data-accent=purple]{--zb-accent-bg: rgba(147, 51, 234, .14);--zb-accent-fg: #9333ea}.zb-quick-tile-icon[data-accent=orange]{--zb-accent-bg: rgba(234, 88, 12, .14);--zb-accent-fg: #ea580c}.zb-quick-tile-icon[data-accent=slate]{--zb-accent-bg: rgba(100, 116, 139, .16);--zb-accent-fg: #475569}[theme=dark] .zb-quick-tile-icon[data-accent=blue]{--zb-accent-bg: rgba(56, 189, 248, .18);--zb-accent-fg: #7dd3fc}[theme=dark] .zb-quick-tile-icon[data-accent=amber]{--zb-accent-bg: rgba(251, 191, 36, .18);--zb-accent-fg: #fcd34d}[theme=dark] .zb-quick-tile-icon[data-accent=green]{--zb-accent-bg: rgba(52, 211, 153, .18);--zb-accent-fg: #6ee7b7}[theme=dark] .zb-quick-tile-icon[data-accent=purple]{--zb-accent-bg: rgba(192, 132, 252, .18);--zb-accent-fg: #d8b4fe}[theme=dark] .zb-quick-tile-icon[data-accent=orange]{--zb-accent-bg: rgba(251, 146, 60, .18);--zb-accent-fg: #fdba74}[theme=dark] .zb-quick-tile-icon[data-accent=slate]{--zb-accent-bg: rgba(148, 163, 184, .18);--zb-accent-fg: #cbd5e1}.zb-quick-tile-body{flex:1;min-width:0}.zb-quick-tile-title{font-weight:700;font-size:.9rem;margin-bottom:2px}.zb-quick-tile-sub{font-size:.78rem;color:var(--zk-color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zb-runner-bar{position:fixed;bottom:0;left:0;right:0;background:var(--zk-color-surface-elevated, #ffffff);border-top:1px solid var(--zk-color-border, #e2e8f0);box-shadow:0 -6px 24px #0000001a;z-index:1500;transform:translateY(110%);transition:transform .25s cubic-bezier(.16,1,.3,1);padding-bottom:env(safe-area-inset-bottom,0)}.zb-runner-bar.active{transform:translateY(0)}.zb-runner-progress{position:absolute;top:0;left:0;height:2px;background:var(--zb-color-blue);transition:width .25s ease}.zb-runner-content{max-width:1200px;margin:0 auto;padding:10px max(14px,env(safe-area-inset-right,0px)) 10px max(14px,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:12px}.zb-runner-step-text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:none;border:none;padding:0;font-family:inherit;color:inherit;cursor:pointer;text-align:left}.zb-runner-label{font-size:.95rem;font-weight:700;color:var(--zk-color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.zb-runner-context{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;font-size:.75rem;color:var(--zk-color-text-secondary)}.zb-runner-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.zb-runner-counter{font-weight:700;color:var(--zb-color-blue);flex-shrink:0}.zb-runner-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zb-runner-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.zb-runner-dropdown-wrap{position:relative}.zb-runner-menu{position:absolute;bottom:calc(100% + 10px);left:0;width:260px;max-height:60vh;overflow-y:auto;background:var(--zk-color-surface-elevated, #ffffff);border:1px solid var(--zk-color-border, #e2e8f0);border-radius:14px;box-shadow:0 12px 32px #00000038;padding:6px;display:none;flex-direction:column;gap:2px;z-index:10}.zb-runner-menu.open{display:flex}.zb-runner-menu-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;background:transparent;border:none;cursor:pointer;font-size:.85rem;font-family:inherit;text-align:left;color:var(--zk-color-text)}.zb-runner-step-num{width:20px;height:20px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--zk-color-surface, #f2f2f7);color:var(--zk-color-text-secondary);font-size:.7rem;font-weight:700}.zb-runner-menu-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zb-runner-menu-item:hover{background:var(--zb-color-blue-soft)}.zb-runner-menu-item.active{font-weight:700;color:var(--zb-color-blue);background:var(--zb-color-blue-soft)}.zb-runner-menu-item.active .zb-runner-step-num{background:var(--zb-color-blue);color:#fff}.zb-runner-step-btn{padding:7px 14px;min-width:106px}@media (max-width: 560px){.zb-runner-step-btn{min-width:0;padding:8px;border-radius:50%}.zb-runner-step-btn span{display:none}}.zb-chant-bar{position:fixed;bottom:0;left:0;right:0;background:var(--zk-color-surface-elevated, #ffffff);border-top:1px solid var(--zk-color-border, #e2e8f0);box-shadow:0 -6px 24px #0000001a;z-index:1490;transform:translateY(110%);transition:transform .25s cubic-bezier(.16,1,.3,1),bottom .25s ease;padding-bottom:env(safe-area-inset-bottom,0)}.zb-chant-bar.active{transform:translateY(0)}body.zb-runner-active .zb-chant-bar.active{bottom:calc(74px + env(safe-area-inset-bottom,0px))}.zb-chant-seek{position:relative;height:4px;background:var(--zk-color-border, #e2e8f0);cursor:pointer}.zb-chant-seek-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#2563eb,#38bdf8);transition:width .15s linear}.zb-chant-bar.loading .zb-chant-seek-fill{animation:zb-chant-pulse 1.1s ease-in-out infinite}@keyframes zb-chant-pulse{0%,to{opacity:1}50%{opacity:.4}}.zb-chant-content{max-width:1200px;margin:0 auto;padding:10px max(14px,env(safe-area-inset-right,0px)) 10px max(14px,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:12px}.zb-chant-play-btn{flex-shrink:0;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;cursor:pointer;box-shadow:0 4px 12px #2563eb4d;transition:transform .2s cubic-bezier(.16,1,.3,1)}.zb-chant-play-btn:hover{transform:scale(1.06)}.zb-chant-play-btn zk-icon{margin-left:2px}.zb-chant-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.zb-chant-title{font-size:.95rem;font-weight:700;color:var(--zk-color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.zb-chant-time{font-size:.75rem;font-weight:600;color:var(--zk-color-text-secondary);font-variant-numeric:tabular-nums}.zb-install-banner{position:fixed;left:12px;right:12px;bottom:calc(var(--zk-sidebar-height, 0px) + 12px + env(safe-area-inset-bottom,0px));z-index:1800;display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--zk-color-surface-elevated, #ffffff);border:1px solid rgba(56,189,248,.25);border-radius:16px;box-shadow:0 12px 32px #0000002e;transform:translateY(120%);opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease}.zb-install-banner.open{transform:translateY(0);opacity:1;pointer-events:auto}.zb-install-icon img{width:40px;height:40px;border-radius:10px;object-fit:cover;box-shadow:0 2px 8px #2563eb40}.zb-install-body{flex:1;min-width:0}.zb-install-title{font-weight:700;font-size:.9rem;margin-bottom:2px}.zb-install-text{font-size:.76rem;line-height:1.4;color:var(--zk-color-text-secondary)}.zb-install-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.zb-carnet-tabs{display:flex;gap:8px;border-bottom:1px solid var(--zk-color-border, #e2e8f0);margin-bottom:20px;padding-bottom:8px;overflow-x:auto}.zb-carnet-tab{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;border:1px solid transparent;background:transparent;cursor:pointer;font-size:.88rem;font-weight:600;color:var(--zk-color-text-secondary);transition:all .15s ease;white-space:nowrap}.zb-carnet-tab:hover{background:#0000000a}.zb-carnet-tab.active{background:var(--zb-color-blue-soft);color:var(--zb-color-blue);border-color:var(--zb-color-blue-light)}.zb-carnet-list{display:flex;flex-direction:column;gap:10px}.zb-carnet-item-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:12px;background:var(--zk-color-bg, #ffffff);border:1px solid var(--zk-color-border, #e2e8f0)}.zb-carnet-item-info{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.zb-tag{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:6px;text-transform:uppercase}.zb-tag-bible{background:#2563eb1f;color:var(--zb-color-blue)}.zb-tag-hira{background:#10b9811f;color:#059669}.zb-tag-link{background:#a855f71f;color:#9333ea}.zb-carnet-item-title{font-weight:600;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zb-carnet-item-time{font-size:.78rem;color:var(--zk-color-text-secondary);margin-left:auto;white-space:nowrap}.zb-carnet-item-actions{display:flex;align-items:center;gap:6px}.zb-btn-block{width:100%;border-radius:12px;padding:10px 14px;font-size:14px}.zb-btn-sm{padding:4px 10px;font-size:12px}.zb-btn-sm.zb-btn-icon{padding:5px}.zb-btn:disabled,.zb-btn[disabled]{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.zb-btn:disabled:hover,.zb-btn[disabled]:hover{background:var(--zb-color-blue-soft, rgba(56, 189, 248, .08));color:var(--zb-color-blue, #2563eb);transform:none;box-shadow:none}body.zb-runner-active #content-container{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}body.zb-chant-active #content-container{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}body.zb-runner-active.zb-chant-active #content-container{padding-bottom:calc(144px + env(safe-area-inset-bottom,0px))}.zb-carnet-section+.zb-carnet-section{margin-top:22px}.zb-carnet-section-title{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:0 2px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--zk-color-text-secondary)}.zb-carnet-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--zb-color-blue-soft);color:var(--zb-color-blue);font-size:.7rem;letter-spacing:0}.zb-hira-header-row .zb-hira-detail-title,.zb-bible-chapter-title{flex:1;min-width:0}@media (max-width: 640px){.zb-hymn-title,.zb-hira-header-row .zb-hira-detail-title,.zb-bible-chapter-title,.zb-post-title,.zb-pericope-item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}}