body{--ink:#252c30;--muted:#53626c;--paper:#fff;--soft:#f0f4f7;--accent:#345c7b;--accent-ink:#fff;--second:#a27e38;--line:#dce4e9;--night:#171d21;background:var(--paper)}body[data-theme="B"]{--accent:#22664e;--soft:#f0f5f1;--line:#dce5df;--muted:#52645a;--night:#17211c}.skip-link{position:absolute;left:16px;top:-80px;background:white;color:#222;padding:12px;z-index:20}.skip-link:focus{top:8px}header{position:relative}.appearance{margin:0;padding:0;border:0;position:relative;flex:0 0 42px}.appearance summary{display:grid;place-items:center;list-style:none;width:42px;height:42px;margin:0;border:1px solid var(--line);border-radius:4px}.appearance summary::-webkit-details-marker{display:none}.appearance fieldset{position:absolute;right:0;top:45px;width:190px;margin:0;padding:16px;background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 5px 18px #0002;z-index:10}.appearance label{display:flex;align-items:center;gap:9px;padding:8px 0;white-space:nowrap}.appearance input{accent-color:var(--accent)}.swatch{width:18px;height:18px;border-radius:50%;border:1px solid #fff;box-shadow:0 0 0 1px #aaa}.blue{background:#345c7b}.green{background:#22664e}.hero .eyebrow{max-width:430px;text-transform:none;font-size:14px;line-height:1.6}.hero h1{font-size:64px}.short-feature{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:36px;border-top:1px solid var(--line);margin-top:44px;padding-top:36px}.short-media{aspect-ratio:9/16;width:100%;background:#141414}.short-media img{object-fit:cover}.short-feature h3{max-width:550px;font-size:30px}.verse-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.verse-top label{font-size:13px}.verse-top select{margin-left:8px}.daily blockquote{min-height:170px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filters button{background:white;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:8px 14px;font-size:14px}.filters button[aria-pressed="true"]{background:var(--accent);color:white;border-color:var(--accent)}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.video-item{min-width:0}.thumbnail{position:relative;width:100%;aspect-ratio:16/9;padding:0;background:#161c20;border:0;overflow:hidden;border-radius:4px}.thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.thumbnail>span{position:absolute;right:10px;bottom:10px;background:#fff;color:#222;display:grid;place-items:center;width:36px;height:36px;border-radius:50%}.video-item h3{font:18px/1.4 Arial,sans-serif;margin:10px 0 5px}.video-item small{color:var(--accent)}.video-item a{font-size:13px}.reflection-band .narrow{margin-left:auto;margin-right:auto}.cooperate p{max-width:650px}.cooperate #share-status{margin:14px 0 0;min-height:26px}.dialog-top{display:flex;justify-content:space-between;align-items:start;gap:16px}.dialog-top h2{font:22px/1.4 Arial,sans-serif;margin:0 0 18px}.icon-button{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;background:white;border:1px solid var(--line);border-radius:4px}#video-dialog{width:min(900px,calc(100% - 32px))}#video-dialog[data-kind="short"]{width:min(390px,calc(100% - 32px))}#video-dialog[data-kind="short"] .media{aspect-ratio:9/16;max-height:65vh}#video-dialog iframe{width:100%;height:100%;border:0}footer .socials{max-width:520px}
#video-dialog .media{min-height:200px}
body[data-theme="C"]{--accent:#a64038;--soft:#f6f3f3;--line:#e7dfdf;--muted:#63595a;--night:#232629}.coral{background:#a64038}.appearance fieldset{width:230px}
.highlight{position:relative;overflow:hidden;background:#151a1d;height:min(620px,calc(100svh - 170px));min-height:520px;isolation:isolate}.highlight-backdrop{position:absolute;inset:-14px;transform:translate(var(--pointer-x,0px),var(--pointer-y,0px));transition:transform .6s ease;z-index:-2}.highlight-backdrop img{position:absolute;right:3%;top:0;width:53%;height:100%;object-fit:contain;transform:scale(1.03);transform-origin:65% 50%;animation:quiet-light 16s ease-in-out infinite alternate}.highlight[data-slide="2"] .highlight-backdrop img{right:0;width:62%;object-fit:cover;object-position:center}.highlight::after{content:"";position:absolute;inset:0 44% 0 0;background:#151a1ddf;z-index:-1}.highlight-inner{height:100%;display:flex;flex-direction:column;padding:30px 0 22px}.highlight .highlight-brand h1{font-size:42px;margin:8px 0 0;max-width:500px}.highlight .highlight-brand .eyebrow{font-size:13px;max-width:430px;text-transform:none}.highlight-slides{position:relative}#highlight-slides{display:flex;align-items:center;flex:1;min-height:0;padding:24px 0}.highlight-slide{width:min(510px,52%)}.highlight .highlight-slide h2{font-size:48px;line-height:1.12;margin:12px 0 20px;overflow-wrap:anywhere}.highlight .highlight-slide p{font-size:18px;max-width:420px;margin-bottom:24px}.highlight .highlight-slide .eyebrow{font-size:12px;text-transform:uppercase}.highlight .button:hover{transform:translateY(-2px)}.highlight .button{transition:transform .2s ease;white-space:normal}.highlight-controls{display:flex;align-items:center;justify-content:space-between;gap:16px}.slide-navigation,.slide-dots{display:flex;align-items:center;gap:8px}.hero-icon{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid #ffffff69;border-radius:4px;background:#151a1daa;color:#fff}.hero-icon:hover{background:#fff;color:#151a1d}.hero-icon:disabled{opacity:.6;color:white}.slide-dots button{width:40px;height:44px;border:0;background:transparent;padding:0;display:grid;place-items:center;color:#fff}.slide-dots span{width:8px;height:8px;background:#ffffff79;border-radius:50%;transition:width .2s ease}.slide-dots button[aria-current="true"] span{width:24px;background:#fff;border-radius:4px}.highlight[data-motion="off"] .highlight-backdrop img{animation-play-state:paused}.highlight[data-motion="off"] .highlight-backdrop{transition:none;transform:none}.highlight[data-motion="off"] .button,.highlight[data-motion="off"] .slide-dots span{transition:none}.highlight[data-motion="off"] .button:hover{transform:none}#leitura{scroll-margin-top:20px}#reflexao{scroll-margin-top:24px}.highlight~.reflection-band{padding:42px 0}.highlight~.reflection-band .note{max-width:520px}
@keyframes quiet-light{from{transform:scale(1.03) translateY(-3px)}to{transform:scale(1.07) translateY(3px)}}
@media(max-width:850px){header nav{order:3;width:100%}.appearance{margin-left:auto}.hero h1{font-size:54px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hero h1{font-size:40px}.hero .eyebrow{max-width:240px;font-size:12px}.hero p{max-width:230px}.hero-inner{padding-top:26px}.short-feature{grid-template-columns:125px minmax(0,1fr);gap:18px}.short-feature h3{font-size:22px;line-height:1.25;overflow-wrap:anywhere}.short-feature p{font-size:14px}.short-feature .text-link{font-size:13px}.video-grid{gap:22px 14px}.video-item h3{font-size:15px}.daily blockquote{min-height:190px}.section-top .text-link{margin-top:8px}header .brand{max-width:calc(100% - 65px)}.brand{font-size:21px}.hero{min-height:520px}.hero .button{font-size:13px}.socials{gap:16px}dialog{padding:18px}}
@media(max-width:850px){.highlight-slide{width:58%}.highlight .highlight-slide h2{font-size:40px}.highlight::after{right:30%}.highlight-backdrop img{width:65%;right:-8%}}
@media(max-width:600px){.highlight{min-height:540px}.highlight-inner{padding:24px 0 18px}.highlight .highlight-brand h1{font-size:30px;max-width:300px}.highlight .highlight-brand .eyebrow{font-size:12px;max-width:310px}.highlight-slide{width:100%;max-width:310px}.highlight .highlight-slide h2{font-size:34px;max-width:300px;margin:12px 0 18px}.highlight .highlight-slide p{font-size:17px;max-width:260px}.highlight::after{right:0;background:#151a1d99}.highlight-backdrop img{width:100%;height:85%;top:auto;bottom:-30px;right:-24%;object-fit:contain;opacity:.8}.highlight[data-slide="2"] .highlight-backdrop img{width:100%;height:100%;bottom:0;right:0;opacity:.55}.highlight-controls{gap:8px}.slide-navigation,.slide-dots{gap:3px}.slide-dots button{width:34px}.highlight~.reflection-band{padding:34px 0}}
@media(prefers-reduced-motion:reduce){.highlight-backdrop img{animation:none;transform:none}.highlight-backdrop,.highlight .button,.slide-dots span{transition:none}.highlight .button:hover{transform:none}}
.highlight .highlight-brand h1{font-size:64px;line-height:1.1;max-width:700px}.highlight .highlight-slide h2{font:28px/1.3 Georgia,serif;max-width:430px;margin:10px 0 16px}.highlight .highlight-slide p{font-size:18px}.highlight{height:min(620px,calc(100svh - 200px))}.highlight-backdrop #highlight-blend{opacity:0}.hero-edge{position:absolute;top:0;bottom:0;height:100%;width:52px;border:0;border-radius:0;background:transparent!important;color:white!important;z-index:3;opacity:.65}.hero-edge:hover{opacity:1}.edge-left{left:0}.edge-right{right:0}.weekly-feature{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}.weekly-feature img{width:100%;height:auto;display:block}.weekly-feature .text-link{display:flex;margin-top:12px}
@media(max-width:600px){.highlight-inner{width:calc(100% - 72px)}.highlight .highlight-brand h1{font-size:40px;max-width:300px}.highlight .highlight-brand .eyebrow{font-size:12px}.highlight .highlight-slide h2{font-size:24px}.highlight .highlight-slide p{font-size:16px}.hero-edge{width:30px}.weekly-feature{grid-template-columns:1fr;gap:24px}.highlight{min-height:520px}}
@media(hover:none){.hero-edge{position:static;width:44px;height:44px;border:1px solid #ffffff69;border-radius:4px;opacity:1}.highlight-inner{width:calc(100% - 36px)}}
@media(max-width:600px){.highlight{height:min(590px,calc(100svh - 270px));min-height:470px}}
.highlight .highlight-brand{width:min(660px,60%)}.highlight .highlight-brand h1{margin:14px 0 26px}.highlight .highlight-brand .eyebrow{text-transform:none;font-size:14px;max-width:430px}.highlight .highlight-slide h2{font-size:46px;margin:10px 0 20px}.highlight .highlight-slide h3{font:24px/1.3 Georgia,serif;margin:0 0 14px;color:#fff}.highlight .highlight-slide p{max-width:440px}.highlight[data-slide="1"] .highlight-backdrop img{width:65%;right:0;object-fit:cover}.highlight[data-slide="1"]::after{right:25%;background:linear-gradient(90deg,#151a1df2,#151a1d99,transparent)}
@media(max-width:850px){.highlight .highlight-brand{width:70%}}
@media(max-width:600px){.highlight .highlight-brand{width:100%}.highlight .highlight-brand .eyebrow{font-size:12px;max-width:260px}.highlight .highlight-slide h2{font-size:36px;margin-bottom:16px}.highlight .highlight-slide h3{font-size:22px}.highlight .highlight-slide p{max-width:270px}.highlight[data-slide="1"] .highlight-backdrop img{width:100%;right:0;height:100%;bottom:0;opacity:.55}.highlight[data-slide="1"]::after{right:0;background:#151a1d99}}

/* ===== V3.1 (10/10, 22h): V3 anterior + críticas do dono + escolhas do Híbrido. ===== */
body[data-v31] .highlight{overflow:clip;height:auto;min-height:max(540px,min(660px,calc(100svh - 150px)))}
body[data-v31] .highlight-inner{height:auto;min-height:inherit}
body[data-v31] .highlight::after{display:none}
body[data-v31] .highlight-backdrop{opacity:0;transition:opacity .9s ease}
body[data-v31] .highlight[data-scene="song"] .highlight-backdrop{opacity:1}
body[data-v31] .highlight[data-scene="song"]::after{display:block;inset:0 44% 0 0}
body[data-v31] .highlight-backdrop img{right:0;width:62%;height:100%;object-fit:cover;object-position:center;animation:none}
#highlight-slides{display:flex;align-items:center;flex:1;min-height:0;padding:24px 0}
body[data-v31] .highlight-slide{width:min(760px,100%)}
/* Capa: só no primeiro quadro, centralizada, vaso inteiro. */
body[data-v31] .slide-brand{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}
.brand-vase{display:block;width:clamp(200px,30vw,340px);aspect-ratio:1;height:auto;object-fit:contain;-webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent 100%);mask-image:radial-gradient(closest-side,#000 70%,transparent 100%)}
body[data-v31] .slide-brand h1{font:clamp(42px,6.4vw,72px)/1.05 Georgia,serif;margin:-4px 0 0;max-width:none;color:#fff}
body[data-v31] .brand-line{font:italic clamp(18px,2.1vw,22px)/1.45 Georgia,serif;color:#ffffffd9;margin:12px 0 0;max-width:30ch}
body[data-v31] .highlight[data-scene="brand"]{background:#0f0c0a}
/* Mensagem do Dia e Palavra da Semana: referência, versículo, começo da explicação, ler mais. */
.slide-ref{font-size:15px!important;font-weight:600;color:#f7d58d;margin:4px 0 8px!important}
.slide-verse{font:clamp(24px,3vw,36px)/1.32 Georgia,serif;color:#fff;margin:0 0 16px;max-width:30ch}
.slide-explain{font-size:17px!important;line-height:1.6;color:#ffffffd1;max-width:560px!important;margin:0 0 20px!important;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
/* Barra larga de progresso, uma parte por quadro. */
body[data-v31] .highlight-controls{gap:12px}
body[data-v31] .slide-navigation{flex:1;min-width:0;gap:10px}
.story-bar{display:flex;gap:6px;flex:1;min-width:0}
.story-bar button{flex:1;height:44px;padding:0;border:0;background:transparent;display:flex;align-items:center;cursor:pointer}
.story-bar button span{display:block;width:100%;height:4px;border-radius:2px;background:#ffffff40;overflow:hidden}
.story-bar button i{display:block;height:100%;width:0;background:#f7d58d}
.story-bar button.done i{width:100%}
body[data-v31] .hero-edge{position:static;width:44px;height:44px;border:1px solid #ffffff69;border-radius:4px;opacity:1;flex:none}
/* Blocos de leitura no formato aprovado (explicação à esquerda, versículo à direita). */
#semana .explain-full p{margin:0 0 16px}
body[data-v31] .reflection-band + .reflection-band{border-top:1px solid var(--line)}
/* Acabamento do Híbrido (Framer). */
body[data-v31] .cooperate-panel{border-radius:16px;padding:44px 48px}
body[data-v31] #participar{padding-top:8px}
@media(max-width:850px){body[data-v31] .highlight-slide{width:100%}}
@media(max-width:600px){
  body[data-v31] .highlight{min-height:max(520px,calc(100svh - 190px))}
  body[data-v31] .highlight[data-scene="song"] .highlight-backdrop img{width:100%;opacity:.55}
  body[data-v31] .highlight[data-scene="song"]::after{inset:0;background:#151a1d99}
  .brand-vase{width:min(70vw,290px)}
  .slide-verse{font-size:23px}
  .slide-explain{font-size:16px!important}
  body[data-v31] .cooperate-panel{padding:30px 22px;border-radius:12px}
  body[data-v31] .cooperate-panel h2{font-size:32px}
}
@media(prefers-reduced-motion:reduce){body[data-v31] .highlight-backdrop{transition:none}}
#semana .explain-full{margin-top:12px}

/* ===== V3.2 (11/10): áreas laterais invisíveis com setas semitransparentes; capa centralizada de verdade. ===== */
body[data-v32] .highlight{--zone:clamp(44px,6vw,96px)}
body[data-v32] .highlight-inner{width:min(1160px,calc(100% - 2 * var(--zone) - 16px))}
body[data-v32] .highlight-slide{max-width:none}
body[data-v32] .slide-brand{margin-inline:auto;align-self:center}
body[data-v32] .slide-brand p{max-width:30ch;margin-inline:auto}
.brand-title{font:clamp(40px,6.4vw,72px)/1.05 Georgia,serif;margin:-4px 0 0;color:#fff;text-align:center}
body[data-v32] #highlight-slides{padding:28px 0 40px}
.side-zone{position:absolute;top:0;bottom:0;width:var(--zone);z-index:3;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;transition:background .4s ease}
.side-prev{left:0}.side-next{right:0}
.side-zone:hover{background:linear-gradient(90deg,#ffffff0d,transparent)}
.side-next:hover{background:linear-gradient(270deg,#ffffff0d,transparent)}
.side-arrow{display:grid;place-items:center;width:40px;height:40px;color:color-mix(in srgb,var(--accent) 45%,#fff);opacity:.55;transition:opacity .3s ease,transform .3s ease}
.side-arrow svg{width:30px;height:30px;stroke-width:1.6}
.side-zone:hover .side-arrow,.side-zone:focus-visible .side-arrow{opacity:.95}
.side-prev:hover .side-arrow{transform:translateX(-3px)}.side-next:hover .side-arrow{transform:translateX(3px)}
.side-zone:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 50%,#fff);outline-offset:-6px}
.ghost-pause{position:absolute;right:calc(var(--zone) + 4px);bottom:12px;z-index:4;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;opacity:.45}
.ghost-pause:hover,.ghost-pause:focus-visible{opacity:.9;background:#ffffff14}
.ghost-pause svg{width:18px;height:18px}
@media(max-width:600px){
  body[data-v32] .highlight-inner{width:calc(100% - 2 * var(--zone) - 8px)}
  .side-arrow{width:32px;height:32px}
  .side-arrow svg{width:26px;height:26px}
  .ghost-pause{bottom:8px}
}
@media(prefers-reduced-motion:reduce){.side-zone,.side-arrow{transition:none}}
body[data-v32] .highlight .highlight-slide .brand-title{font:clamp(42px,6.4vw,72px)/1.05 Georgia,serif;max-width:none;margin:-4px 0 0;color:#fff}
body[data-v32] .highlight .highlight-slide .brand-line{font:italic clamp(18px,2.1vw,22px)/1.45 Georgia,serif;max-width:30ch;margin:12px auto 0}

/* ===== V3.3 (11/10): setas legíveis sobre fotografia; revisão do Astra. ===== */
.side-arrow{filter:drop-shadow(0 0 2px #000c) drop-shadow(0 1px 6px #0009);opacity:.7}
.highlight[data-scene="song"] .side-prev{background:linear-gradient(90deg,#0f0c0a8c,transparent)}
.highlight[data-scene="song"] .side-next{background:linear-gradient(270deg,#0f0c0a8c,transparent)}
.highlight[data-scene="song"] .side-arrow{opacity:.85}

/* ===== V3.4 (11/10): o bloco diário passa a se chamar "Palavra do Dia" (escolha do dono). Nenhuma outra mudança. ===== */

/* ===== V3.5 (11/10): NVI e KJA no botão de traduções (pedido do dono). Nenhuma outra mudança. ===== */

/* ===== V3.6 (11/10): o bloco diário se chama "Mensagem do Dia" (sugestão do dono, para comparar com a V3.5). Nenhuma outra mudança. ===== */

/* ===== V3.7 (Astra, 11/10): Mensagem do Dia com os dados do app (Bíblia Livre e NBV), com áudio. ===== */
.day-listen{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0}
.day-listen audio{max-width:100%;height:40px}
.day-listen select{margin-left:6px}

/* ===== V3.9 (dono, 12/10): voltam os botões "Mensagem do Dia | Reflexão da Semana" com os cartões que deslizam (forma do V3 Híbrido) e a foto ilustrativa da série no cartão semanal. ===== */
.today{background:var(--soft);padding:40px 0 34px;scroll-margin-top:0}
.today-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.today-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.today-tabs::-webkit-scrollbar{display:none}
.today-tabs button{flex:none;min-height:40px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font-size:14px;font-weight:600}
.today-tabs button[aria-current="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.today-pause{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);padding:0;flex:none}
.today-track{position:relative;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px max(32px,calc((100vw - 1160px)/2)) 6px;scroll-padding-inline:max(32px,calc((100vw - 1160px)/2))}
.today-track::-webkit-scrollbar{display:none}
.today-card{flex:0 0 min(1060px,86%);scroll-snap-align:start;background:var(--paper);border:1px solid transparent;border-radius:16px;box-shadow:0 12px 34px #151a1d1f;padding:34px 40px;display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:start;align-content:start}
.today-card .card-label{grid-column:1/-1;order:0;margin:0 0 -18px}
.today-card .explain{order:1;min-width:0}
.today-card .word{order:2;padding-left:36px;border-left:2px solid #c8a25a;min-width:0}
.today-card .card-title{font:26px/1.25 Georgia,serif;margin:0 0 12px}
.today-card .note{margin:8px 0 0}
.word-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.word-top strong{font-size:18px}
.word-top label{font-size:13px}
.word-top select{margin-left:8px}
.word blockquote{font:clamp(22px,2.6vw,32px)/1.3 Georgia,serif;margin:14px 0 12px}
.word small{display:block;color:var(--muted);font-size:12px;margin-top:12px}
.explain-text{color:var(--ink);font-size:17px;line-height:1.65;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.explain-text p{margin:0 0 14px}
.today-card[data-open="true"] .explain-text{display:block;-webkit-line-clamp:unset}
.read-more{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:10px 0;border:0;background:none;color:var(--accent);font-weight:600;font-size:15px}
.read-more[hidden]{display:none}
.week-photo{grid-column:1/-1;order:0;margin:0;border-radius:12px;overflow:hidden;position:relative;aspect-ratio:16/7;background:var(--soft)}
.week-photo img{width:100%;height:100%;object-fit:cover;display:block}
.week-photo figcaption{position:absolute;right:10px;bottom:8px;font-size:11px;background:#000a;padding:2px 8px;border-radius:999px}
.week-photo figcaption a{color:#fff;text-decoration:none}
.today-foot{display:flex;align-items:center;gap:14px;margin-top:14px}
.today-progress{flex:1;height:3px;background:var(--line);overflow:hidden;border-radius:2px}
.today-progress[hidden]{display:block!important;visibility:hidden}
.today-progress span{display:block;height:100%;width:0;background:#c8a25a}
@media(max-width:850px){
  .today-card{grid-template-columns:1fr;gap:20px;padding:26px 22px}
  .today-card .card-label{margin-bottom:-6px}
  .today-card .word{order:1;padding-left:0;border-left:0}
  .today-card .explain{order:2;padding-top:18px;border-top:2px solid #c8a25a}
  .week-photo{aspect-ratio:16/9}
}
@media(max-width:600px){
  .today-track{padding-inline:18px;scroll-padding-inline:18px;gap:12px}
  .today-card{flex-basis:88%}
  .explain-text{font-size:16px}
}
.today-card .daily blockquote{min-height:0}

/* ===== V3.10 (dono, 12/10): barra do topo no estilo do app (faixa escura fixa, logo redondo, nome em serifa clara), mantendo o menu e as cores do site. ===== */
header.topo-site{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;display:block;padding:0;background:var(--night);color:#fff;border-bottom:1px solid #ffffff14}
.topo-inner{display:flex;align-items:center;gap:20px;min-height:56px;padding-block:10px}
.topo-site .brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:600 19px/1 Georgia,"Times New Roman",serif;letter-spacing:.2px;flex:none}
.topo-site .brand img{border-radius:50%;width:34px;height:34px}
.topo-site nav{display:flex;gap:22px;align-items:center;margin-left:auto;font-size:14px;width:auto}
.topo-site nav a{color:#c7d0d6;text-decoration:none;padding-block:6px;border-bottom:2px solid transparent;white-space:nowrap}
.topo-site nav a:hover,.topo-site nav a:focus-visible{color:#fff;border-bottom-color:#d9c08a}
.topo-site .appearance{flex:0 0 38px}
.topo-site .appearance summary{width:38px;height:38px;border:1px solid #ffffff33;border-radius:50%;color:#fff;background:transparent}
.topo-site .appearance summary:hover{border-color:#d9c08a}
.topo-site .appearance fieldset{color:var(--ink)}
@media(max-width:700px){
  .topo-inner{flex-wrap:wrap;gap:6px 12px;padding-block:10px 0}
  .topo-site .brand{font-size:17px}
  .topo-site .appearance{margin-left:auto}
  .topo-site nav{order:3;width:100%;margin:0 -16px;padding:0 16px 6px;display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;font-size:14px}
  .topo-site nav::-webkit-scrollbar{display:none}
}

/* ===== V3.11 (dono, 12/10 + JEV 0,73 e 0,84): barra escura de uma linha, compacta como a do app, fixa no topo; o menu sai dela e fica logo abaixo, em fundo claro, rolando com a página. ===== */
.topo-inner{min-height:0;padding-block:10px;gap:10px;flex-wrap:nowrap}
.topo-site .brand{font:600 17px/1 Georgia,"Times New Roman",serif}
.topo-site .appearance{margin-left:auto;flex:0 0 34px}
.topo-site .appearance summary{width:34px;height:34px}
.atalhos{background:var(--paper);border-bottom:1px solid var(--line)}
.atalhos-inner{display:flex;gap:24px;overflow-x:auto;scrollbar-width:none;padding-block:10px;font-size:14px}
.atalhos-inner::-webkit-scrollbar{display:none}
.atalhos a{color:var(--ink);text-decoration:none;white-space:nowrap;padding-block:4px;border-bottom:2px solid transparent}
.atalhos a:hover,.atalhos a:focus-visible{color:var(--accent);border-bottom-color:#c8a25a}
@media(max-width:700px){
  .topo-inner{flex-wrap:nowrap;padding-block:10px}
  .atalhos-inner{gap:20px}
}

/* ===== V3.12 (ajustes do Sol 6.1, 12/10): atalhos maiores, com área de toque de 44 px, e cada seção para logo abaixo da barra fixa. ===== */
.atalhos-inner{font-size:16px;padding-block:4px;gap:22px}
.atalhos a{display:inline-flex;align-items:center;min-height:44px;padding-block:0}
#leitura,#musicas,#galeria,#sobre,#participar,#inicio{scroll-margin-top:64px}

/* ===== V3.13 (dono, 12/10): a faixa clara dos atalhos com a mesma espessura da barra escura (54 px + a linha de 1 px) e os atalhos um pouco mais abaixo dentro dela. ===== */
.topo-inner{box-sizing:border-box;height:54px;padding-block:0;align-items:center}
.atalhos-inner{box-sizing:border-box;height:54px;padding-block:8px 2px;align-items:center}

/* ===== V3.14 (dono, 12/10): faixa clara dos atalhos um pouco mais fina que a barra escura, mantendo a área de toque de 44 px. ===== */
.atalhos-inner{height:48px;padding-block:3px 1px}

/* ===== V3.17 (revisão do Codex, 12/10): atribuição das traduções numa linha, com a explicação ao tocar; menu cabe em telas de 320 px. ===== */
.licencas{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.5}
.licencas summary{cursor:pointer;list-style:none;font-weight:400;color:var(--muted);margin-bottom:0;display:inline-flex;align-items:center;gap:6px;min-height:32px}
.licencas summary::-webkit-details-marker{display:none}
.licencas summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);flex:none}
.licencas[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.licencas p{margin:4px 0 0;font-size:12px}
@media(max-width:360px){.atalhos-inner{gap:12px;font-size:15px}}

/* ===== V3.19 (dono, 12/10): a frase da capa fica, alinhada: uma linha no computador, duas linhas equilibradas no celular, sem palavra sozinha. ===== */
body[data-v32] .highlight .highlight-slide .brand-line{max-width:min(46ch,100%);text-wrap:balance;text-align:center}

/* ===== V3.21 (dono, 12/10: "essa opção app não aparece no site"): seção do app, antes de Participar. ===== */
.app-band{padding-bottom:0}
.app-cta{display:flex;gap:24px;align-items:flex-start;background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:32px 36px}
.app-cta img{border-radius:20px;flex:none;box-shadow:0 6px 18px #0002}
.app-cta h2{margin:6px 0 10px}
.app-cta p{max-width:560px}
.app-cta .actions{margin-top:16px}
.app-dica{color:var(--muted);font-size:14px;margin-top:14px}
@media(max-width:700px){.app-cta{flex-direction:column;gap:16px;padding:24px 20px}.app-cta img{width:64px;height:64px;border-radius:16px}}
#app{scroll-margin-top:64px}