@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Literata:ital,opsz,wght@0,7..72,300;0,7..72,400;0,7..72,500;1,7..72,400&display=swap";:root{--color-bg-base:#f7f7f5;--color-bg-surface:#ffffffb3;--color-bg-elevated:#fff;--color-accent:#111;--color-accent-hover:#333;--color-text-primary:#1a1a1a;--color-text-secondary:#5e5e5e;--color-text-muted:#999;--color-border:#0000000f;--color-highlight:#0000000a;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 12px 32px -4px #00000014, 0 4px 12px -4px #0000000a;--shadow-glow:0 0 20px #0000000d;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:9999px;--font-ui:"Inter", system-ui, sans-serif;--font-serif:"Literata", "Georgia", serif;--font-display:"Playfair Display", serif}[data-theme=dark]{--color-bg-base:#0a0a0b;--color-bg-surface:#121214a6;--color-bg-elevated:#18181b;--color-accent:#fff;--color-accent-hover:#e4e4e7;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-muted:#52525b;--color-border:#ffffff14;--color-highlight:#ffffff0d;--shadow-sm:0 2px 8px #0006;--shadow-md:0 16px 40px -4px #0009, 0 8px 16px -4px #0006;--shadow-glow:0 0 30px #ffffff1a}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-ui);background-color:var(--color-bg-base);color:var(--color-text-primary);line-height:1.6;transition:background-color .5s cubic-bezier(.2,.8,.2,1),color .5s;overflow:hidden}.app-container{z-index:1;width:100vw;height:100vh;display:flex;position:relative}.app-container:before{content:"";background:radial-gradient(circle, var(--color-highlight) 0%, transparent 60%);filter:blur(80px);z-index:-1;pointer-events:none;width:50vw;height:50vh;animation:20s ease-in-out infinite alternate floatOrb;position:absolute;top:-20%;left:-10%}.app-container:after{content:"";background:radial-gradient(circle, var(--color-highlight) 0%, transparent 60%);filter:blur(100px);z-index:-1;pointer-events:none;width:60vw;height:60vh;animation:25s ease-in-out infinite alternate-reverse floatOrb;position:absolute;bottom:-20%;right:-10%}@keyframes floatOrb{0%{transform:translate(0)scale(1)}to{transform:translate(5%,10%)scale(1.1)}}.sidebar{background-color:var(--color-bg-surface);-webkit-backdrop-filter:blur(30px)saturate(150%);border-right:1px solid var(--color-border);z-index:20;flex-direction:column;width:280px;transition:transform .5s cubic-bezier(.2,.8,.2,1),width .3s;display:flex}.mobile-menu-btn{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;display:none}.brand-title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.02em;align-items:center;gap:12px;font-size:1.5rem;font-weight:600;display:flex}.year-item{border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);margin:4px 16px;padding:12px 20px;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.year-item:before{content:"";background-color:var(--color-accent);transform-origin:0;border-radius:3px;width:3px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.year-item:hover{background-color:var(--color-highlight);color:var(--color-text-primary);transform:translate(4px)}.year-item.active{background-color:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);font-weight:600}.year-item.active:before{transform:scaleY(.6)}.main-area{z-index:10;flex-direction:column;flex:1;width:100%;display:flex;position:relative}.sidebar-overlay{z-index:15;-webkit-backdrop-filter:blur(2px);background:#0006;position:fixed;inset:0}.topbar{background-color:var(--color-bg-surface);-webkit-backdrop-filter:blur(30px)saturate(150%);border-bottom:1px solid var(--color-border);z-index:20;justify-content:space-between;align-items:center;gap:24px;height:80px;padding:0 40px;display:flex}.search-input-wrapper{flex:1;max-width:500px;transition:transform .3s;position:relative}.search-input-wrapper:focus-within{transform:scale(1.02)}.search-input{border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--color-bg-elevated);width:100%;color:var(--color-text-primary);font-family:var(--font-ui);box-shadow:var(--shadow-sm);outline:none;padding:12px 24px 12px 40px;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.2,.8,.2,1)}.search-input::placeholder{color:var(--color-text-muted);font-weight:400}.search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent), var(--shadow-glow);background-color:var(--color-bg-base)}.topbar-actions{align-items:center;gap:24px;display:flex}.sermon-content{font-family:var(--font-serif);max-width:860px;height:calc(100vh - 80px);color:var(--color-text-primary);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;scroll-behavior:smooth;width:100%;margin:0 auto;padding:60px 40px 180px;font-size:1.15rem;line-height:1.9;overflow-y:auto}.sermon-content::-webkit-scrollbar{width:6px}.sermon-content::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}.sermon-header{text-align:center;margin-bottom:60px}.sermon-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:12px;font-size:2.5rem;font-weight:600;line-height:1.2}.sermon-meta{font-family:var(--font-ui);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:500}.paragraph{gap:24px;margin-bottom:32px;display:flex;position:relative}.paragraph-num{font-family:var(--font-ui);color:var(--color-text-muted);-webkit-user-select:none;user-select:none;text-align:right;min-width:24px;margin-top:8px;font-size:.85rem;font-weight:500}.paragraph-text{color:var(--color-text-primary);flex:1;font-weight:300}.paragraph:first-of-type .paragraph-text:first-letter{font-family:var(--font-display);float:left;color:var(--color-accent);margin-top:4px;margin-right:12px;font-size:3.5rem;font-weight:600;line-height:.8}.audio-player{background-color:var(--color-bg-surface);-webkit-backdrop-filter:blur(40px)saturate(200%);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md), var(--shadow-glow);z-index:100;align-items:center;gap:20px;width:calc(100% - 80px);max-width:860px;padding:12px 24px 12px 12px;transition:all .4s cubic-bezier(.175,.885,.32,1.275),padding .4s;display:flex;position:absolute;bottom:40px;left:50%;overflow:hidden;transform:translate(-50%)}.audio-player.compact{border-radius:var(--radius-pill);opacity:.8;gap:12px;width:280px;padding:8px 16px 8px 8px;transition-delay:.6s;bottom:20px}.audio-player.compact:hover,.audio-player.compact:focus-within{border-radius:var(--radius-lg);opacity:1;gap:20px;width:calc(100% - 80px);max-width:860px;padding:12px 24px 12px 12px;transition-delay:0s;bottom:40px}.audio-cover{border-radius:var(--radius-sm);object-fit:cover;width:56px;height:56px;box-shadow:var(--shadow-sm);transition:all .4s;transition-delay:inherit;flex-shrink:0}.audio-player.compact:not(:hover):not(:focus-within) .audio-cover{border-radius:50%;width:36px;height:36px}.play-controls{transition:all .4s;transition-delay:inherit;flex-shrink:0;align-items:center;gap:12px;display:flex}.skip-btn{color:var(--color-text-secondary);cursor:pointer;width:32px;height:32px;transition:all .4s;transition-delay:inherit;opacity:1;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;transform:scale(1)}.skip-btn:hover{color:var(--color-text-primary);background:var(--color-highlight)}.play-btn{background-color:var(--color-text-primary);width:44px;height:44px;color:var(--color-bg-base);cursor:pointer;transition:all .4s cubic-bezier(.2,.8,.2,1);transition-delay:inherit;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.play-btn:hover{box-shadow:0 0 15px var(--color-accent-dim);transform:scale(1.05)}.audio-player-top-row{display:contents}.play-btn svg{fill:currentColor;margin-left:2px}.audio-player.compact:not(:hover):not(:focus-within) .skip-btn{opacity:0;pointer-events:none;width:0;margin:0;padding:0;transform:scale(0)}.audio-player.compact:not(:hover):not(:focus-within) .play-btn{width:36px;height:36px}.progress-container{min-width:0;transition:all .4s;transition-delay:inherit;opacity:1;flex-direction:column;flex:1;gap:8px;display:flex;overflow:hidden}.progress-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.progress-time-speed{align-items:center;gap:12px;display:flex}.audio-player.compact:not(:hover):not(:focus-within) .progress-bar-bg{opacity:0;pointer-events:none;height:0}.audio-player.compact:not(:hover):not(:focus-within) .speed-control{opacity:0;pointer-events:none;border-width:0;width:0;margin:0;padding:0}.audio-player.compact:not(:hover):not(:focus-within) .audio-title-text{white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.75rem;overflow:hidden}.progress-bar-bg{background-color:var(--color-border);cursor:pointer;width:100%;height:4px;transition:all .4s;transition-delay:inherit;opacity:1;border-radius:2px;position:relative}.progress-bar-bg:hover{height:6px}.progress-bar-fill{background-color:var(--color-text-primary);height:100%;box-shadow:var(--shadow-glow);border-radius:2px;position:absolute;top:0;left:0}.progress-thumb{background-color:var(--color-text-primary);border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:50%;transform:translate(-50%,-50%)scale(1)}.progress-bar-bg:hover .progress-thumb{transform:translate(-50%,-50%)scale(1.2)}.audio-time{font-family:var(--font-ui);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:600}.audio-title-text{font-family:var(--font-ui);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600;transition:all .3s}.speed-control{border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-ui);border-radius:var(--radius-sm);cursor:pointer;transition:all .4s;transition-delay:inherit;opacity:1;white-space:nowrap;background:0 0;padding:4px 8px;font-size:.75rem;font-weight:600;overflow:hidden}.speed-control:hover{background:var(--color-highlight);border-color:var(--color-text-secondary)}.file-badges{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.file-badge{border-radius:var(--radius-pill);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.file-badge:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.file-badge svg{fill:currentColor;opacity:.8}.toggle-switch{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--color-border);border-radius:var(--radius-pill);transition:all .4s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--color-text-primary);width:16px;height:16px;box-shadow:var(--shadow-sm);border-radius:50%;transition:all .4s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:var(--color-accent)}input:checked+.toggle-slider:before{background-color:var(--color-bg-base);transform:translate(18px)}.icon-btn{width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{background-color:var(--color-highlight);color:var(--color-text-primary);transform:translateY(-2px)}.avatar{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);width:40px;height:40px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex;overflow:hidden}.avatar:hover{border-color:var(--color-accent);transform:translateY(-2px)}.language-select{color:var(--color-text-primary);border:1px solid var(--color-border);font-family:var(--font-ui);border-radius:var(--radius-pill);cursor:pointer;appearance:none;background:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E) right 16px top 50%/10px no-repeat;outline:none;padding:10px 40px 10px 20px;font-size:.9rem;font-weight:500;transition:all .3s}.language-select:hover{border-color:var(--color-text-secondary);background-color:var(--color-highlight)}@media (width<=1024px){.sidebar{height:100vh;position:fixed;transform:translate(-100%)}.app-container.menu-open .sidebar{box-shadow:var(--shadow-md);transform:translate(0)}.mobile-menu-btn{justify-content:center;align-items:center;margin-right:16px;padding:8px;display:flex}.topbar{justify-content:flex-start;padding:0 24px}.search-input-wrapper{flex:1;max-width:none;margin-right:16px}.topbar .language-select{display:none}}@media (width<=768px){.topbar{gap:12px;height:60px;padding:0 12px}.search-input-wrapper{max-width:none;margin:0}.search-input{padding:8px 16px 8px 36px;font-size:.9rem}.topbar-actions{gap:12px}.sermon-content{height:calc(100vh - 60px);padding:24px 16px 140px}.sermon-title{font-size:1.8rem}.paragraph{gap:12px}.paragraph-num{min-width:16px;font-size:.8rem}.paragraph:first-of-type .paragraph-text:first-letter{font-size:2.5rem}.audio-player{border-radius:var(--radius-md);flex-wrap:wrap;gap:12px;width:calc(100% - 24px);padding:12px;bottom:24px}.audio-player.compact{border-radius:var(--radius-pill);flex-wrap:nowrap;gap:8px;width:auto;padding:8px;bottom:16px}.audio-player:not(.compact){border-radius:var(--radius-md);grid-template-rows:auto auto auto;grid-template-columns:auto 1fr auto;gap:12px;width:calc(100% - 24px);padding:16px;display:grid;bottom:24px}.audio-player:not(.compact) .audio-player-top-row,.audio-player:not(.compact) .progress-container,.audio-player:not(.compact) .progress-header{display:contents}.audio-player:not(.compact) .audio-cover{grid-area:1/1;width:48px;height:48px}.audio-player:not(.compact) .play-controls{grid-area:1/2;place-self:center;margin:0}.audio-player:not(.compact) .progress-time-speed{flex-direction:column-reverse;grid-area:1/3;place-self:center end;align-items:flex-end;gap:4px}.audio-player:not(.compact) .audio-title-wrapper{white-space:nowrap;text-align:center;grid-area:2/1/auto/-1;width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.audio-player:not(.compact) .audio-title-text{white-space:nowrap;font-size:.9rem;font-weight:600;display:inline-block}.audio-player:not(.compact) .audio-title-text.marquee{padding-left:100%;animation:10s linear infinite marquee}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.audio-player:not(.compact) .progress-bar-bg{grid-area:3/1/auto/-1;width:100%;margin-top:4px}}.catalog-header{padding:40px 40px 20px}.catalog-title{color:var(--color-text-primary);margin:0 0 10px;font-size:2rem;font-weight:800}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px 40px 140px;display:grid}.catalog-card{background-color:var(--color-bg-sidebar);border:1px solid var(--color-border);cursor:pointer;border-radius:12px;flex-direction:column;padding:20px;transition:all .2s;display:flex}.catalog-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.card-date{color:var(--color-text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:600}.card-title{color:var(--color-text-primary);margin:0 0 12px;font-size:1.1rem;font-weight:700;line-height:1.4}.card-location{color:var(--color-text-secondary);flex-grow:1;margin-bottom:16px;font-size:.85rem}.card-badges{gap:8px;display:flex}.badge-small{background-color:var(--color-bg-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700}.back-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;margin:20px 40px 0;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.back-btn:hover{background-color:var(--color-bg-sidebar);color:var(--color-text-primary)}@media (width<=768px){.catalog-header{padding:20px 20px 10px}.catalog-grid{grid-template-columns:1fr;padding:10px 20px 140px}.back-btn{margin:10px 20px 0}.play-controls{gap:4px}.skip-btn{width:32px;height:32px}.play-btn{width:40px;height:40px}.file-badges{flex-flow:wrap;justify-content:center;gap:8px}.file-badge{padding:10px 20px;font-size:.95rem;font-weight:600}}@media (width<=360px){.desktop-only,.audio-player:not(.compact) .audio-cover{display:none!important}.audio-player:not(.compact){grid-template-columns:1fr auto}.audio-player:not(.compact) .play-controls{grid-column:1;justify-self:flex-start}.audio-player:not(.compact) .progress-time-speed{grid-column:2}}