@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Source+Sans+3:wght@300;400;500;600&family=Noto+Serif+SC:wght@400;600;700&family=Noto+Sans+SC:wght@300;400;500;600&display=swap";:root{--f: "Cormorant Garamond", "Noto Serif SC", Georgia, serif;--g: "Source Sans 3", "Noto Sans SC", system-ui, sans-serif;--bg: #f6f5f2;--panel: #ffffff;--panel-soft: #fafaf7;--ink: #1a1a1a;--muted: #b0a898;--line: #eae6df;--teal: #5aadcf;--teal-dark: #4a9db8;--topbar: 56px;--player: 88px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}html,body{min-width:320px;overflow-x:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--g)}button,input{font:inherit}button{color:inherit}button:focus{outline:none}button:focus-visible{outline:2px solid rgba(90,173,207,.45);outline-offset:2px}svg{display:block;fill:currentColor}::selection{background:#5aadcf26}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#e0ddd6;border-radius:2px}.app-shell{width:100%;min-height:100vh;padding-bottom:0;background:var(--bg);color:var(--ink)}.topbar{position:sticky;top:0;z-index:100;background:#fffffff0;border-bottom:1px solid rgba(0,0,0,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.topbar-inner{display:flex;align-items:center;gap:12px;width:100%;max-width:none;height:var(--topbar);margin:0;padding:0 clamp(16px,4vw,28px)}.topbar img{width:34px;height:34px;flex-shrink:0;object-fit:contain}.topbar strong{display:block;font-family:var(--f);font-size:17px;font-weight:700;line-height:1.1}.topbar span{display:block;margin-top:2px;color:#aaa;font-size:8.5px;font-weight:500;letter-spacing:2.5px}.mobile-nav-button{align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ece8e1;border-radius:8px;background:none;cursor:pointer}.workspace{display:flex;align-items:stretch;width:100%;max-width:none;min-height:calc(100vh - var(--topbar));margin:0}.app-sidebar{width:232px;flex:0 0 232px;align-self:stretch;min-height:inherit;overflow-y:visible;position:relative;background:#fff;border-right:1px solid rgba(0,0,0,.04)}.sidebar-inner{min-height:100%;padding-top:12px;background:#fff}.brand-block{padding:4px 24px 20px}.brand-block img{width:48px;height:48px;object-fit:contain}.brand-block strong{display:block;margin-top:10px;font-family:var(--f);font-size:19px;font-weight:700;line-height:1.1}.brand-block span{display:block;margin-top:4px;color:#aaa;font-size:9px;font-weight:500;letter-spacing:2.5px}.sidebar-line{height:1px;margin:0 20px 8px;background:linear-gradient(90deg,transparent,#e8e4dd,transparent)}.main-nav button{display:flex;align-items:center;gap:10px;width:100%;padding:13px 24px;border:0;border-left:3px solid transparent;background:transparent;color:#a09888;cursor:pointer;font-size:14px;text-align:left;transition:all .25s}.main-nav button:hover{background:linear-gradient(90deg,rgba(90,173,207,.04),transparent)}.main-nav button.is-active{border-left-color:var(--teal);background:linear-gradient(90deg,rgba(90,173,207,.07),transparent);color:var(--ink);font-weight:600}.main-nav span{flex:1}.main-nav em{padding:2px 8px;border-radius:8px;background:#f4f2ee;color:#c8c0b4;font-size:10.5px;font-style:normal;font-weight:600}.main-nav button.is-active em{background:#5aadcf1a;color:var(--teal)}.sidebar-quote{margin-top:16px;padding:28px 24px 16px}.sidebar-quote:before{display:block;height:1px;margin-bottom:18px;background:linear-gradient(90deg,transparent,#e8e4dd,transparent);content:""}.sidebar-quote div{height:24px;color:#5aadcf26;font-family:var(--f);font-size:32px;line-height:.7}.sidebar-quote p{margin:4px 0 0;color:#b8b0a4;font-family:var(--f);font-size:13px;font-style:italic;line-height:1.8}.sidebar-quote small{display:block;margin-top:10px;color:#d0c8bc;font-size:10.5px;font-weight:500}.sermon-layout{display:flex;align-items:stretch;flex:1;min-width:0}.desktop-filter{width:214px;flex:0 0 214px;align-self:stretch;min-height:100%;overflow-y:visible;position:relative;background:var(--panel-soft);border-right:1px solid var(--line)}.sermon-filter{min-height:100%;padding:12px 14px;background:var(--panel-soft)}.filter-section{margin-bottom:2px}.filter-section-title{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0 8px;border:0;border-bottom:1px solid var(--line);background:none;color:#2a2520;cursor:pointer;font-family:var(--f);font-size:15.5px;font-weight:600;letter-spacing:.3px;text-align:left}.filter-section-title svg{flex-shrink:0;color:#aaa;transform:rotate(-90deg);transition:transform .25s}.filter-section-title svg.is-open{transform:rotate(0)}.filter-section-body{padding-top:6px}.filter-row{display:flex;align-items:center;gap:8px;padding:6px 0}.checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border:1.5px solid #c8c0b8;border-radius:3px;background:transparent;color:#fff;cursor:pointer;transition:all .15s}.checkbox.is-checked{border-color:var(--teal);background:var(--teal)}.filter-row-label{display:flex;flex:1;min-width:0;align-items:center;justify-content:space-between;gap:8px;border:0;background:none;color:#444;cursor:pointer;font-size:13.5px;text-align:left}.filter-row-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-row-label em{flex-shrink:0;color:var(--muted);font-size:12px;font-style:normal}.sort-chip{display:flex;align-items:center;gap:2px;padding:2px 7px;border:1px solid rgba(90,173,207,.2);border-radius:5px;background:#5aadcf14;color:var(--teal);cursor:pointer;font-size:10.5px;white-space:nowrap}.scripture-browser input{width:100%;margin-bottom:6px;padding:7px 10px;border:1px solid #e8e4dd;border-radius:7px;outline:none;background:#fafaf8;color:#333;font-size:12.5px}.scripture-browser input:focus{border-color:var(--teal)}.scripture-selected{display:flex;align-items:center;justify-content:space-between;padding:4px 0;margin-bottom:4px}.scripture-selected span{color:var(--teal);font-size:12px;font-weight:500}.scripture-selected button{border:0;background:none;color:#aaa;cursor:pointer;font-size:11px}.scripture-list{max-height:270px;overflow-y:auto}.scripture-book-list{scrollbar-width:none;-ms-overflow-style:none}.scripture-book-list::-webkit-scrollbar{width:0;height:0;display:none}.scripture-book-block{margin-bottom:1px}.scripture-list button,.scripture-book-row{display:flex;width:100%;align-items:center;justify-content:space-between;padding:6px 2px;border:0;background:none;color:#555;cursor:pointer;font-size:13px;text-align:left}.scripture-book-row.is-active{border-radius:7px;background:#5aadcf14;padding-right:6px;padding-left:6px}.scripture-list button.is-active,.scripture-list button:hover,.scripture-book-row:hover{color:var(--teal)}.scripture-list button:focus,.scripture-book-row:focus{outline:none}.scripture-list button:focus-visible,.scripture-book-row:focus-visible{border-radius:7px;outline:2px solid rgba(90,173,207,.38);outline-offset:1px}.scripture-list em{color:#bbb;font-size:11px;font-style:normal}.scripture-list p{color:#aaa;font-size:12px}.scripture-note{margin:6px 0;color:#aaa;font-size:12px;line-height:1.6}.scripture-inline-panel{margin:2px 0 7px;padding:2px 0 6px 6px;border-left:2px solid rgba(90,173,207,.16)}.chapter-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:6px}.chapter-strip button,.heat-cell{border:1px solid #e7e1d8;border-radius:7px;background:#fff;color:#9b9285;cursor:pointer;font-size:11px;transition:all .16s}.chapter-strip button{height:26px}.chapter-strip button:hover,.chapter-strip button.is-active{border-color:#5aadcf52;background:#5aadcf1a;color:var(--teal)}.chapter-strip button.has-sermons{border-color:#5aadcf33;background:#5aadcf14;color:#4a9db8}.chapter-strip button.has-sermons.is-active{border-color:#5aadcf61;background:#5aadcf24;color:var(--teal)}.verse-heatmap{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-top:8px}.heat-cell{height:24px;padding:0}.heat-cell.heat-1{border-color:#5aadcf33;background:#5aadcf24;color:#4a9db8}.heat-cell.heat-2,.heat-cell.heat-3{border-color:#5aadcf57;background:#5aadcf47;color:#2d7f99}.heat-cell.heat-4{border-color:#5aadcf80;background:var(--teal);color:#fff}.heat-cell:hover,.heat-cell.is-active{border-color:var(--teal);box-shadow:0 0 0 2px #5aadcf1f;transform:translateY(-1px)}.reset-button{width:100%;margin-top:12px;padding:8px 10px;border:1px solid rgba(90,173,207,.2);border-radius:7px;background:#5aadcf14;color:var(--teal);cursor:pointer;font-size:12px;font-weight:600}.filter-footnote{margin-top:8px;color:#c0b8ac;font-size:12px;text-align:center}.sermon-content,.content-page{flex:1;min-width:0;padding:28px clamp(16px,3vw,36px);padding-bottom:calc(var(--player) + 24px)}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.mobile-filter-button{display:none;align-items:center;gap:6px;height:42px;padding:10px 14px;border:1px solid #e8e4dd;border-radius:10px;background:#fff;color:#555;cursor:pointer;font-size:13.5px}.search-box{position:relative;flex:1;max-width:420px}.search-box svg{position:absolute;left:12px;top:50%;color:#c0b8ac;transform:translateY(-50%);pointer-events:none}.search-box input{width:100%;padding:10px 14px 10px 34px;border:1px solid #e8e4dd;border-radius:10px;outline:none;background:#fff;color:var(--ink);font-size:13.5px;transition:all .2s}.search-box input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #5aadcf12}.list-heading{margin-bottom:12px;color:#c0b8ac;font-size:12.5px}.sermon-list{display:grid;gap:8px}.sermon-card{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid rgba(0,0,0,.04);border-radius:12px;background:#fff;box-shadow:0 1px 4px #00000008;cursor:pointer;outline:none;animation:ci .35s cubic-bezier(.16,1,.3,1) both;transition:all .25s}.sermon-card:hover,.sermon-card:focus-visible{border-color:#5aadcf1f;box-shadow:0 3px 14px #5aadcf17}.sermon-card.is-active{border-color:#5aadcf24;background:#5aadcf0a;box-shadow:0 3px 16px #5aadcf1a}.card-icon{display:flex;width:40px;height:40px;flex-shrink:0;align-items:center;justify-content:center;border-radius:10px;background:#f4f2ee;color:#c0b8ac;transition:all .3s}.sermon-card.is-active .card-icon{background:linear-gradient(135deg,var(--teal),var(--teal-dark));color:#fff;box-shadow:0 2px 8px #5aadcf40}.card-main{flex:1;min-width:0}.card-title{overflow:hidden;font-family:var(--f);font-size:15px;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.card-meta{overflow:hidden;margin-top:2px;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.card-series{overflow:hidden;margin-top:2px;color:#c8c0b4;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.card-date{flex-shrink:0;min-width:70px;text-align:right}.card-date span{display:block;color:#d0c8bc;font-size:11px;white-space:nowrap}.card-date small{display:block;margin-top:2px;color:#ddd;font-family:monospace;font-size:10px}.series-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;margin-bottom:9px;border:1px solid rgba(0,0,0,.04);border-radius:12px;background:#fff;box-shadow:0 1px 4px #00000008;cursor:pointer;animation:ci .35s ease both;transition:all .25s}.series-card:hover{border-color:#5aadcf1f;box-shadow:0 3px 14px #5aadcf17}.series-card h3{margin-bottom:4px;font-family:var(--f);font-size:17px;font-weight:600}.series-card p{color:var(--muted);font-size:12.5px}.series-card>span{color:#5aadcf40;font-family:var(--f);font-size:38px;font-weight:700;line-height:1}.back-button{display:flex;align-items:center;gap:6px;margin-bottom:14px;padding:0;border:0;background:none;color:var(--teal);cursor:pointer;font-size:13px;font-weight:500}.series-title{margin-bottom:4px;font-family:var(--f);font-size:20px;font-weight:600}.state-panel{display:grid;place-items:center;min-height:160px;margin-top:16px;border:1px dashed var(--line);border-radius:12px;background:#ffffffb3;color:var(--muted);font-size:14px;text-align:center}.state-panel.is-error{border-color:#b45f464d;color:#9b5542}.section-heading{margin-bottom:22px}.section-heading h1,.values-heading h1{font-family:var(--f);font-size:clamp(26px,4vw,34px);font-weight:600}.section-heading p,.values-heading p{max-width:480px;margin-top:5px;color:#aaa;font-size:14px;font-weight:300;line-height:1.7}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.course-card{overflow:hidden;border:1px solid rgba(0,0,0,.04);border-radius:14px;background:#fff;cursor:pointer;animation:ci .4s cubic-bezier(.16,1,.3,1) both;transition:all .22s}.course-card:hover{border-color:#5aadcf24;box-shadow:0 5px 18px #5aadcf1a;transform:translateY(-2px)}.course-cover{position:relative;display:flex;height:116px;align-items:center;justify-content:center;background:linear-gradient(145deg,#edf6f9,#d8edf3,#c5e3ee)}.course-cover>span{position:absolute;right:12px;bottom:-5px;color:#5aadcf1f;font-family:var(--f);font-size:46px;font-weight:700;line-height:1}.course-cover div{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;background:#ffffffe6;color:var(--teal);box-shadow:0 3px 12px #00000014;z-index:1}.course-cover em{position:absolute;top:9px;left:9px;padding:2px 9px;border-radius:12px;background:#ffffffe0;color:var(--teal);font-size:9px;font-style:normal;font-weight:600;letter-spacing:.5px}.course-card-body{padding:13px 15px 15px}.course-card-body small{color:var(--teal);font-size:9px;font-weight:600;letter-spacing:1.5px}.course-card-body h3{margin:4px 0;font-family:var(--f);font-size:16px;font-weight:600;line-height:1.3}.course-card-body p{color:#aaa;font-size:12.5px;font-weight:300;line-height:1.6}.document-section{margin-top:26px}.document-section h2{margin-bottom:12px;font-family:var(--f);font-size:20px;font-weight:600}.document-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.document-card{display:grid;gap:5px;padding:14px 16px;border:1px solid rgba(0,0,0,.04);border-radius:12px;background:#fff;color:inherit;text-decoration:none;transition:all .2s}.document-card:hover{border-color:#5aadcf24;box-shadow:0 4px 14px #5aadcf14}.document-card span{width:max-content;padding:2px 8px;border-radius:999px;background:#5aadcf1a;color:var(--teal);font-size:9px;font-weight:700;letter-spacing:1px}.document-card strong{font-family:var(--f);font-size:16px;font-weight:600}.document-card em{color:#b0a898;font-size:12px;font-style:normal}.video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;display:grid;place-items:center;padding:24px}.video-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#1a1a1a6b;cursor:pointer}.video-panel{position:relative;width:min(920px,94vw);overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 18px 60px #00000038;animation:ci .25s ease both}.video-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line)}.video-head small{display:block;color:var(--teal);font-size:9px;font-weight:700;letter-spacing:1.5px}.video-head strong{display:block;margin-top:2px;font-family:var(--f);font-size:18px}.video-head button{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border:0;border-radius:8px;background:#f4f2ee;color:#9b9285;cursor:pointer}.video-panel video{display:block;width:100%;max-height:70vh;background:#111}.values-heading{margin-bottom:28px;text-align:center}.values-heading img{width:50px;height:50px;object-fit:contain;margin-bottom:8px}.values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;max-width:700px;margin:0 auto}.value-card{position:relative;padding:24px 22px;border:1px solid rgba(0,0,0,.04);border-radius:14px;background:#fff;animation:ci .35s ease both}.value-card:before{position:absolute;top:0;right:0;left:0;height:2px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,var(--teal),transparent);content:"";opacity:.2}.value-card div{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.value-card h3{font-family:var(--f);font-size:23px;font-weight:700}.value-card span{color:#d0c8bc;font-size:9px;font-weight:600;letter-spacing:2px}.value-card p{color:#555;font-size:13.5px;font-weight:300;line-height:1.9}.player{position:fixed;right:0;bottom:0;left:0;z-index:1000;background:#fffffffa;border-top:1px solid rgba(90,173,207,.1);box-shadow:0 -6px 32px #0000000d;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);animation:su .4s cubic-bezier(.16,1,.3,1)}.player-progress{display:block;width:100%;height:3px;margin:0;accent-color:var(--teal);cursor:pointer}.player-progress:disabled{opacity:.28}.player-body{display:flex;align-items:center;gap:12px;max-width:1160px;min-height:58px;margin:0 auto;padding:10px 20px}.player-main-button{display:flex;width:38px;height:38px;flex-shrink:0;align-items:center;justify-content:center;border:0;border-radius:10px;background:linear-gradient(135deg,var(--teal),var(--teal-dark));color:#fff;cursor:pointer;box-shadow:0 2px 10px #5aadcf4d}.player-main-button:disabled{opacity:.45}.player-wave{color:var(--teal)}.player-info{flex:1;min-width:0}.player-info strong{display:block;overflow:hidden;color:var(--ink);font-family:var(--f);font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.player-info span{display:block;overflow:hidden;margin-top:1px;color:#999;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.player-secondary{display:flex;gap:2px}.player-secondary button{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border:0;border-radius:7px;background:transparent;color:#c7bfb2;cursor:pointer}.player-secondary button:hover:not(:disabled){background:#5aadcf14;color:var(--teal)}.player-secondary button:disabled{opacity:.4}.player-time{flex-shrink:0;color:#aaa;font-family:monospace;font-size:10.5px;white-space:nowrap}.player-status{max-width:220px;overflow:hidden;padding:3px 8px;border-radius:999px;background:#5aadcf14;color:var(--teal);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.player-status.is-error{background:#b45f461a;color:#9b5542}.waveform{display:flex;align-items:center;gap:3px;height:18px}.waveform span{width:3px;height:8px;border-radius:2px;background:currentColor}.waveform span:nth-child(2){height:14px}.waveform span:nth-child(3){height:11px}.waveform.is-active span{animation:wave .8s ease-in-out infinite}.waveform.is-active span:nth-child(2){animation-delay:.12s}.waveform.is-active span:nth-child(3){animation-delay:.22s}.waveform.is-active span:nth-child(4){animation-delay:.32s}.mob-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;animation:fi .15s ease}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#00000026;cursor:pointer}.nav-drawer{position:absolute;top:0;bottom:0;left:0;width:260px;max-width:85vw;overflow-y:auto;background:#fff;box-shadow:4px 0 20px #00000014;animation:sl .3s cubic-bezier(.16,1,.3,1)}.filter-drawer{position:absolute;top:0;right:0;bottom:0;width:290px;max-width:90vw;overflow-y:auto;background:var(--panel-soft);box-shadow:-4px 0 20px #00000014;animation:sfil .3s cubic-bezier(.16,1,.3,1)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.drawer-head-right{justify-content:flex-end;border:0}.drawer-head strong{font-family:var(--f);font-size:16px;font-weight:600}.drawer-head button{border:0;background:none;color:#bbb;cursor:pointer}.is-hidden{display:none!important}@keyframes ci{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes su{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fi{0%{opacity:0}to{opacity:1}}@keyframes sl{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes sfil{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes wave{0%,to{height:6px}50%{height:18px}}@media (max-width: 840px){.dsk-aside{display:none!important}.mob-btn{display:flex!important}.workspace,.sermon-layout{display:block}.sermon-content,.content-page{padding:22px 16px calc(var(--player) + 28px)}.search-box{max-width:none}}@media (min-width: 841px){.mob-btn,.mob-overlay{display:none!important}}@media (max-width: 640px){:root{--player: 128px}.sermon-card{align-items:flex-start}.card-date{display:none}.card-title,.card-meta,.card-series{white-space:normal}.player-body{flex-wrap:wrap;gap:8px 10px}.player-info{min-width:180px}.player-time{width:100%;padding-left:2px}.player-status{display:none}}