.chip.active,.chip.active:hover:not(:disabled),.church-tab.active,.church-tab.active:hover:not(:disabled){background:var(--accent);color:var(--accent-ink);border-color:transparent}
.storage-panel{margin-bottom:28px}.storage-panel .section-head{margin-bottom:20px}.storage-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:20px}.storage-summary span{display:block;color:var(--muted);font-size:16px}.storage-summary strong{display:block;margin-top:6px;font-size:28px}.storage-warning{font-size:17px;line-height:1.6;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:16px;color:var(--text)}.storage-limited{border-color:var(--accent-border)}.storage-panel .actions{margin-top:20px}
.admin-section-picker{display:none}.admin-tabs{flex-wrap:wrap;overflow:visible}
.two-column>.panel,.two-column .form,.two-column label{min-width:0}.two-column input[type=file]{width:100%;min-width:0}
.curated-preview{margin-top:36px;padding-top:28px;border-top:1px solid var(--border)}.curated-preview .section-head h3{font-size:26px}.curated-preview .section-head p{margin-top:10px}.curated-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(280px,32%,380px);gap:20px;overflow-x:auto;padding:2px 2px 14px;scroll-snap-type:x proximity;scrollbar-width:thin}.curated-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.curated-tile{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;align-content:start;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);scroll-snap-align:start;min-width:0}.curated-cover{display:grid;place-items:center;width:72px;height:72px;border-radius:14px;border:1px solid var(--border);overflow:hidden;color:var(--gold)}.curated-cover img{width:100%;height:100%;object-fit:cover}.curated-cover svg{width:30px;height:30px}.curated-copy{min-width:0;overflow-wrap:anywhere}.curated-copy h3{font-size:21px;line-height:1.35}.curated-copy p{font-size:16px;line-height:1.6;margin:12px 0;color:var(--muted)}.curated-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.curated-play{width:44px;height:44px;color:var(--gold);border-color:var(--accent-border);background:transparent}.curated-heading .button{margin-top:24px}
@media(max-width:1500px){.curated-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.curated-grid{grid-template-columns:minmax(0,1fr)}.curated-tile{padding:20px;gap:16px}.curated-rail{grid-auto-columns:min(300px,90%);gap:14px}.curated-preview .section-head{flex-wrap:wrap;gap:18px}}
.curated-tile{grid-template-rows:minmax(0,1fr) auto;align-content:stretch}.curated-copy{display:flex;flex-direction:column}.curated-copy .small-label{margin-top:auto;font-size:16px;line-height:1.5}
input[type=file]::file-selector-button{font:inherit;color:var(--text);background:transparent;border:1px solid var(--border-strong);border-radius:var(--pill);padding:8px 12px;margin-right:12px;cursor:pointer}
@media(max-width:700px){.admin-section-picker{display:grid;gap:10px;margin-bottom:24px;font-size:16px}.admin-section-picker select{width:100%}.admin-tabs{display:none}}
@media(min-width:921px) and (max-width:1500px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.storage-summary{grid-template-columns:1fr;gap:16px}}
.church-panels,.home-kinds+.cards{overflow-anchor:none}
.church-panels .church-pane{margin-top:0}.church-panels{margin-top:36px}
@media(max-width:920px){.hero{padding-bottom:28px}}
@media(max-width:600px){.hero h1{font-size:34px}.card-actions{flex-wrap:wrap;gap:10px}html:not([data-reading=on]) .card-actions .button{flex:0 0 auto;max-width:100%;white-space:nowrap}.meeting-date .meeting-month{font-size:26px}}
@media(max-width:600px){.meeting-banner{grid-template-columns:minmax(0,1fr)}.meeting-date{min-width:0;flex-direction:row;flex-wrap:wrap;gap:8px 10px;min-height:0;padding:12px 18px;align-items:baseline}.meeting-date .meeting-month,.meeting-date .meeting-year{margin-top:0}}
.church-panels,.church-pane,.church-pane>*{min-width:0}.church-pane{overflow-wrap:anywhere}.church-lead,.pillars-grid,.books-grid{min-width:0}
@media(max-width:600px){.church-pane{grid-template-columns:minmax(0,1fr)}.church-showcase{padding:28px 20px}.church-panel-head{gap:20px}}
@media(max-width:600px){
  .page-heading:has(+.catalog-kinds){margin:0 0 20px}
  .page-heading:has(+.catalog-kinds) p{margin-top:10px}
  .catalog-kinds{margin-bottom:16px}
  #catalog-filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:12px;margin-bottom:18px}
  #catalog-filter>input[name=q]{grid-column:1/-1;min-width:0;width:100%}
  #catalog-filter .catalog-date{min-width:0;padding:0 8px}
  #catalog-filter .catalog-date input{font-size:16px}
  #catalog-filter>select{min-width:0;width:100%;padding-left:10px}
  #catalog-filter:has(>select)>.button{grid-column:1/-1}
  .collection-guest{padding:20px;gap:16px!important}
  .collection-guest .registration-action{width:100%;text-align:center}
  .collection-guest .registration-action .button{width:100%;justify-content:center}
  .tabs:has([data-library-tab]){flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:8px;scrollbar-width:thin;max-width:100%}
}
.badge{background:transparent}
.section-link,.section-link:hover{background:transparent}
.reading-control{flex:0 0 44px;font-family:var(--font);font-size:22px;font-weight:600;color:var(--text);background:transparent}
@media(max-width:700px){#header .header-actions{gap:8px;justify-content:space-between;width:100%;min-width:0}.header-socials{gap:4px}.header-social{width:28px}}
.reading-dialog{width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:24px}
.reading-dialog::backdrop{background:rgba(0,0,0,.7)}.reading-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.reading-dialog-head h2{font-size:26px}.reading-dialog-head .icon-btn{flex-shrink:0}.reading-dialog p{margin-bottom:20px}.reading-enable{display:flex;align-items:center;gap:12px;margin-bottom:24px}.reading-enable input{width:22px;height:22px;flex:0 0 22px}.reading-dialog .form{gap:20px}.reading-dialog .actions{margin-top:24px}
.reading-dialog select{background:var(--surface);color:var(--text)}
.cards>.card{grid-template-columns:minmax(0,1fr)}.cards>.card>*{min-width:0}.card-actions{flex-wrap:wrap}.card-bottom p{overflow-wrap:anywhere}
html[data-reading=on]{--reading-text:20px}html[data-reading=on][data-reading-size=large]{--reading-text:24px}html[data-reading=on][data-reading-size=largest]{--reading-text:28px}
html[data-reading=on] :is(p,.post-body,.article-content,.sermon-text,.reader-body,.card-meta,.card-bottom,.card-engagement,.form-note,.comment-body,.side-links a,.reading-dialog label){font-size:var(--reading-text)!important;line-height:1.65}
html[data-reading=on] :is(button,.button,input,select,textarea,.chip){font-size:max(18px,calc(var(--reading-text) - 2px))!important}
html[data-reading=on] :is(.card h3,.comment-author){font-size:max(24px,var(--reading-text))!important}
html[data-reading=on][data-reading-spacing=wide] :is(p,.post-body,.article-content,.sermon-text,.reader-body,.comment-body){line-height:2!important;letter-spacing:.035em}
html[data-reading=on][data-reading-contrast=light]{--bg:#fff;--surface:#fff;--surface-2:#fff;--surface-hover:#eee;--text:#000;--muted:#222;--gold:#000;--accent:#000;--accent-hover:#333;--accent-ink:#fff;--accent-soft:transparent;--accent-border:#000;--border:#333;--focus:#000}
html[data-reading=on][data-reading-contrast=dark]{--bg:#000;--surface:#000;--surface-2:#000;--surface-hover:#222;--text:#fff;--muted:#eee;--gold:#fff;--accent:#fff;--accent-hover:#ddd;--accent-ink:#000;--accent-soft:transparent;--accent-border:#fff;--border:#ccc;--focus:#fff}
html[data-reading=on]:not([data-reading-contrast=original]) :is(.hero,.meeting-banner,.church-pane,.card-cover,.reading-dialog,#header,#sidebar,#player){background:var(--surface)!important;color:var(--text)}
html[data-reading=on]:not([data-reading-contrast=original]){--sidebar:var(--surface);--surface-soft:var(--surface);--surface-elevated:var(--surface);--surface-glass:var(--surface);--text-secondary:var(--text);--hero-bg:var(--surface);--hero-text:var(--text);--hero-subtext:var(--text);--shadow-sm:none;--shadow-md:none;--shadow-lg:none;color-scheme:normal}
html[data-reading=on]:not([data-reading-contrast=original]) :is(.hero::before,.hero::after,.hero-glow){background:none!important}
html[data-reading=on]:not([data-reading-contrast=original]) :is(#mobile-nav,.hero-content,.meeting-date,.church-highlight,.church-quote){background:var(--surface)!important;color:var(--text)!important}
html[data-reading=on]:not([data-reading-contrast=original]) :is(.hero h1,.hero p,.hero .eyebrow,#mobile-nav a,.theme-toggle-btn,input,select,textarea){color:var(--text)!important}
html[data-reading=on] :is(.card-meta,.card-engagement,.meeting-meta,.actions){flex-wrap:wrap}
html[data-reading=on] :is(.card,.section,.church-showcase,.panel){overflow-wrap:anywhere;min-width:0}
@media(max-width:600px){html[data-reading=on] .card-actions .button{width:100%;justify-content:center}html[data-reading=on] .card-engagement{gap:10px}html[data-reading=on] #catalog-filter{grid-template-columns:minmax(0,1fr)}html[data-reading=on] #catalog-filter>*{grid-column:1;min-width:0;width:100%}}
@media(max-width:600px){.reading-dialog{padding:20px}.reading-dialog-head h2{font-size:22px}.section-head{align-items:flex-start}.hero .actions{align-items:stretch}.hero .actions .button{justify-content:center;width:100%}.home-kinds{gap:8px}.home-kinds .chip{padding:10px 14px}}
.profile-card{text-align:center}.profile-card .actions{justify-content:center;align-items:flex-start}.profile-card .profile-avatar{width:88px;height:88px;display:grid;place-items:center;margin:0 auto 16px;background:transparent;color:var(--gold)}.profile-avatar svg{width:44px;height:44px}.avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-upload{display:inline-flex;position:relative;align-items:center;justify-content:center;cursor:pointer}.profile-avatar-upload input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.profile-avatar-upload:focus-within{outline:2px solid var(--focus);outline-offset:3px}.avatar-note{margin:10px 0 24px}.profile-card .form{text-align:left}.profile-card>.form{margin-top:24px}.profile-card .profile-full-name{width:100%}
.card .card-bottom{margin-top:0}.card h3{margin-bottom:0}.card-engagement{min-height:40px}.card-actions{align-items:center}.card-seek-wrap{align-self:end}
@supports(grid-template-rows:subgrid){
  .cards{grid-auto-rows:auto}
  .cards>.card{display:grid;grid-template-rows:subgrid;grid-row:span 7;row-gap:0}
  .cards>.card>.card-body{display:contents}
  .cards>.card .card-meta{align-self:start;margin:0;padding:12px 6px 0}
  .cards>.card h3{align-self:start;padding:10px 6px 0}
  .cards>.card .card-bottom{align-self:start;padding:18px 6px 0}
  .cards>.card .card-engagement{margin:14px 6px 0}
  .cards>.card .card-actions{margin:12px 6px 0;align-self:start}
  .cards>.card .card-seek-wrap{margin:12px 6px 0}
}
.comment-thread{min-width:0}.comment-thread>.comment{margin-bottom:0}.comment-replies{margin:8px 0 20px 19px;border-left:1px solid var(--accent-border);padding-left:22px}.comment-replies>summary{font-size:16px;font-weight:500;color:var(--muted);cursor:pointer;padding:8px 0 14px}.comment-replies>summary:hover{color:var(--text)}.comment-replies .comment{padding-top:12px}.comment-thread[data-comment-depth="2"] .comment-replies{margin-left:0;padding-left:12px}.comment-reply-slot .form{margin:18px 0 4px;padding:18px;border:1px solid var(--border);border-radius:16px}.comment-parent{margin-top:10px}.comment-head{flex-wrap:wrap}.comment .text-btn{padding:6px 0;min-height:36px}.comment-compose-home{margin-bottom:20px}
.comment-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.discussion-count{font-size:18px;font-weight:500;color:var(--muted);margin-left:8px}
.comment{scroll-margin-top:150px;scroll-margin-bottom:110px}
.floating-video-toggle,.floating-video-toggle:active:not(:disabled){transform:none!important}
#player.youtube-open #media{display:none!important}
#player.player-docked.has-floating-video #youtube-host{display:block!important;position:absolute!important;inset:auto 0 calc(100% + 12px) auto!important;width:var(--floating-width)!important;height:var(--floating-height)!important;max-height:none!important;opacity:1!important;pointer-events:auto;margin:0;border-radius:14px;border:1px solid var(--border)}
.settings-volume{display:flex;align-items:center;gap:16px;padding:12px 14px;font-size:16px}.settings-volume .player-volume,#player .media-settings-menu .player-volume{display:block!important;width:100px;flex:1;min-width:70px;padding:0}
.material-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.material-mode-switch .button{width:100%;min-height:50px;justify-content:center}.material-mode-switch .button.active,.material-mode-switch .button.active:hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--gold)}
#player.player-docked #player-ui{display:grid;grid-template-columns:minmax(140px,1fr) auto minmax(270px,1fr);gap:10px 16px;align-items:center}
#player .media-bar-info{grid-column:1;grid-row:1}
#player .player-transport{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:6px}
.player-transport .icon-btn{display:grid;place-items:center;flex:0 0 38px;width:38px;height:44px;background:transparent;border:0;color:inherit}
.player-transport .icon-btn.media-main-play{flex-basis:52px;width:52px;height:52px;border-radius:50%;background:var(--accent);color:var(--accent-ink)}
.player-transport .icon-btn.media-main-play:hover{background:var(--accent-hover)}
#player .media-controls{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;width:auto}
#player .media-controls .icon-btn{width:36px;height:40px;flex:0 0 36px;max-width:none}
#player .media-control-time{font-size:15px;position:static;white-space:nowrap}
#player .media-controls .player-volume{width:80px;min-width:0;padding:0}
.media-skip-glyph{display:grid;place-items:center;position:relative;width:30px;height:30px}.media-skip-glyph>svg{width:30px;height:30px}.media-skip-glyph>span{position:absolute;inset:0;display:grid;place-items:center;padding-top:2px;font-size:10px;line-height:1;font-weight:700}
#player .media-quick-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;margin-top:0;position:static}
.media-library-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
#player .media-quick-actions .floating-video-toggle{position:static;left:auto;margin:0;transform:none!important;min-width:172px;justify-self:center;justify-content:center}
#player .media-quick-actions>.material-like{justify-self:end;align-self:center}
#player .media-seek{grid-column:1/-1}
#player.player-inline #player-ui{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px 10px;align-items:center;padding:30px 12px 4px}
#player.player-inline .media-quick-actions{display:none}
#player.player-inline .media-controls [data-player-minimize]{display:none}
#player.player-inline .media-controls .player-volume{width:64px}
#player.player-minimized #player-ui{grid-template-columns:minmax(0,1fr) auto auto;gap:4px;padding:8px}
#player.player-minimized .player-transport .icon-btn:not(.media-main-play){display:none}
#player.player-minimized .player-transport .media-main-play{width:38px;height:38px;flex-basis:38px}
#player.player-minimized .media-controls{gap:2px}
@media(max-width:1500px){#player .media-controls .player-volume{display:none}}
@media(max-width:1100px){
  #player.player-docked #player-ui{grid-template-columns:minmax(0,1fr) auto;gap:8px}
  #player .media-bar-info{grid-column:1;grid-row:1}
  #player .media-controls{grid-column:2;grid-row:1}
  #player .media-controls .player-mute{display:none}
  #player .media-control-time{position:absolute;left:18px;bottom:38px;font-size:14px;pointer-events:none}
  #player .player-transport{grid-column:1/-1;grid-row:2}
  #player .media-quick-actions{grid-row:3}
  #player .media-seek{grid-row:4;margin-top:20px}
  #player.player-inline .player-transport{grid-column:1/-1;grid-row:1}
  #player.player-inline .media-controls{grid-column:3;grid-row:1}
  #player.player-inline .media-controls .player-mute{display:none}
  #player.player-inline .media-control-time{left:14px;bottom:38px}
  #player.player-inline .media-seek{grid-row:2}
  #player.player-minimized #player-ui{grid-template-columns:minmax(0,1fr) auto auto}
  #player.player-minimized .player-transport{grid-column:2;grid-row:1}
  #player.player-minimized .media-controls{grid-column:3;grid-row:1}
}
@media(max-width:600px){
  #player.player-docked #player-ui{padding:10px}
  #player .media-controls{gap:0}
  #player .media-controls .icon-btn{width:32px;flex-basis:32px}
  #player .media-quick-actions{grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .media-library-actions{grid-column:1/-1;grid-row:1}
  #player .media-quick-actions>.material-like{grid-column:2;grid-row:2}
  #player .media-quick-actions .floating-video-toggle{grid-column:1;grid-row:2;min-width:0;justify-self:start}
  #player .media-library-actions .button{padding:7px 9px;font-size:14px}
  #player.player-inline #player-ui{padding:16px 8px 0}
  #player.player-inline{overflow:visible;backdrop-filter:none!important}
  #player.player-inline video{border-radius:20px}
  #player.player-inline .media-settings-menu{position:fixed;left:16px;right:16px;bottom:calc(86px + env(safe-area-inset-bottom));width:auto;min-height:0;max-height:55dvh;z-index:80}
  #player.player-inline .player-transport{grid-column:1/-1;grid-row:1;gap:0;justify-self:center}
  #player.player-inline .player-transport .icon-btn{width:28px;flex-basis:28px;height:36px}
  #player.player-inline .player-transport .media-main-play{width:38px;flex-basis:38px;height:38px}
  #player.player-inline .media-controls{grid-column:3;grid-row:1}
  #player.player-inline .media-seek{grid-row:2;margin-top:24px}
  #player.player-inline .media-control-time{left:12px;bottom:35px}
  #player.player-inline [data-action=close-player]{display:none}
  .material-mode-switch{gap:8px}.material-mode-switch .button{padding:10px 8px;font-size:15px}
}
@media(max-width:600px){.comment-replies{margin-left:12px;padding-left:14px}.comment-thread[data-comment-depth="2"] .comment-replies{padding-left:8px}.profile-card .profile-avatar{width:80px;height:80px}.profile-card .actions{flex-direction:column;align-items:center}}
html[data-intro] .site-intro{display:block!important;pointer-events:auto}
html[data-intro=pending] .site-intro{animation:none!important;opacity:1!important;visibility:visible;transform:none}
.intro-title{font-family:var(--font,Arial),sans-serif}
#player{container-type:inline-size}
@container(max-width:720px){
  #player.player-inline #player-ui{grid-template-columns:minmax(0,1fr);gap:4px;padding:16px 12px 4px}
  #player.player-inline .player-transport{grid-column:1;grid-row:1;justify-self:center;gap:4px}
  #player.player-inline .player-transport .icon-btn{width:32px;height:38px;flex-basis:32px}
  #player.player-inline .player-transport .media-main-play{width:44px;height:44px;flex-basis:44px}
  #player.player-inline .media-controls{grid-column:1;grid-row:2;justify-content:flex-end}
  #player.player-inline .media-control-time{position:absolute;left:12px;bottom:36px;font-size:14px}
  #player.player-inline .media-controls .player-mute,#player.player-inline .media-controls .player-volume,#player.player-inline [data-action=close-player]{display:none}
  #player.player-inline .media-seek{grid-column:1;grid-row:3;margin-top:4px}
}