:root{
  --immersive-ink:#fff;
  --immersive-muted:rgba(255,255,255,.56);
  --immersive-faint:rgba(255,255,255,.22);
  --immersive-glass:rgba(18,14,48,.68);
  --immersive-line:rgba(255,255,255,.18);
  --immersive-violet:#7653ee;
  --immersive-cyan:#55d8f4;
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0}
.immersive-body{overflow:hidden;background:#171238;color:var(--immersive-ink);font-family:Manrope,system-ui,sans-serif}
.immersive-reader{position:relative;isolation:isolate;width:100%;height:100svh;min-height:560px;overflow:hidden;background:#171238}
.immersive-background,.immersive-shade{position:absolute;inset:0;z-index:-2;pointer-events:none}
.immersive-background{background-image:var(--immersive-image);background-size:cover;background-position:center;transform:scale(1.025)}
.immersive-shade{z-index:-1;background:
  radial-gradient(circle at 78% 76%,rgba(255,185,92,.14),transparent 32%),
  linear-gradient(180deg,rgba(19,15,52,.70) 0%,rgba(16,48,78,.62) 48%,rgba(15,13,43,.94) 100%);
  backdrop-filter:saturate(.82)
}
.immersive-topbar{position:absolute;z-index:5;top:0;left:50%;translate:-50% 0;width:min(1100px,100%);height:calc(84px + env(safe-area-inset-top));padding:calc(16px + env(safe-area-inset-top)) clamp(16px,3vw,30px) 12px;display:grid;grid-template-columns:56px 1fr 56px;align-items:center;gap:12px;background:linear-gradient(180deg,rgba(18,14,49,.58),transparent)}
.immersive-round-button{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(255,255,255,.42);border-radius:19px;background:rgba(17,15,47,.20);backdrop-filter:blur(15px);color:#fff;text-decoration:none;font-size:22px;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.immersive-round-button:hover,.immersive-round-button:focus-visible{transform:translateY(-2px);background:rgba(255,255,255,.14);border-color:#fff;outline:0}
.immersive-brand{min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;text-align:left}
.immersive-brand img{width:38px;height:38px;padding:4px;border-radius:12px;background:rgba(255,255,255,.94);object-fit:contain}
.immersive-brand div{display:grid;gap:1px}.immersive-brand strong{font-size:13px;letter-spacing:.01em}.immersive-brand span{color:var(--immersive-muted);font-size:10px;font-weight:700}
.immersive-reading{position:absolute;inset:calc(86px + env(safe-area-inset-top)) 0 232px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:12vh max(24px,calc((100vw - 820px)/2)) 24vh;mask-image:linear-gradient(transparent 0,#000 11%,#000 84%,transparent 100%)}
.immersive-reading::-webkit-scrollbar{display:none}
.immersive-status{margin:0;text-align:center;color:rgba(255,255,255,.72);font-size:12px;font-weight:800;letter-spacing:.04em}
.immersive-status.is-error{display:block;padding:14px 16px;border:1px solid rgba(255,198,198,.38);border-radius:16px;background:rgba(98,20,35,.46);color:#fff}
.immersive-verses{display:grid;gap:1.25em;font-family:'Source Serif 4',Georgia,serif;font-size:clamp(23px,2vw,34px);font-weight:560;line-height:1.48;letter-spacing:-.012em}
.immersive-verse{margin:0;color:rgba(255,255,255,.25);text-wrap:pretty;transform:none!important;translate:none!important;transition:none;scroll-margin-block:40vh}
.immersive-verse.is-current,.immersive-verse.is-past{color:rgba(255,255,255,.25);transform:none!important;translate:none!important}
.immersive-verse-number{display:inline-block;min-width:1.65em;margin-right:.24em;color:rgba(174,226,255,.62);font-family:Manrope,sans-serif;font-size:.43em;font-weight:800;vertical-align:.28em;text-align:right}
.immersive-word{color:rgba(255,255,255,.25);border-radius:.18em;transition:none}
.immersive-word.is-past{color:rgba(255,255,255,.25)}
.immersive-word.is-current{color:#fff;background:transparent;box-shadow:none;text-shadow:none}
.immersive-player{position:absolute;z-index:6;left:50%;bottom:0;translate:-50% 0;width:min(1100px,100%);padding:15px clamp(20px,4vw,48px) calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(17,13,46,.55) 14%,rgba(17,13,46,.94) 45%);backdrop-filter:blur(5px)}
.immersive-chapter-meta{display:flex;align-items:end;justify-content:space-between;gap:20px}.immersive-chapter-meta p{margin:0 0 4px;color:#9ddff3;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.immersive-chapter-meta h1{margin:0;font-family:'Source Serif 4',Georgia,serif;font-size:clamp(32px,3.8vw,47px);font-weight:650;line-height:1;letter-spacing:-.03em}.immersive-chapter-meta>div>span{display:block;margin-top:3px;color:var(--immersive-muted);font-size:10px;font-weight:700}
.immersive-reference-button{display:inline-flex;align-items:center;gap:8px;min-height:43px;padding:0 14px;border:1px solid var(--immersive-line);border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font:800 11px/1 Manrope,sans-serif;cursor:pointer}
.immersive-progress-row{display:grid;grid-template-columns:48px 1fr 55px;align-items:center;gap:10px;margin-top:13px;color:var(--immersive-muted);font-size:10px;font-variant-numeric:tabular-nums}.immersive-progress-row time:last-child{text-align:right}
.immersive-progress-row input{--progress:0%;width:100%;height:18px;margin:0;appearance:none;background:transparent;cursor:pointer}.immersive-progress-row input::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(90deg,#fff 0 var(--progress),rgba(255,255,255,.24) var(--progress) 100%)}.immersive-progress-row input::-moz-range-track{height:5px;border-radius:999px;background:rgba(255,255,255,.24)}.immersive-progress-row input::-moz-range-progress{height:5px;border-radius:999px;background:#fff}.immersive-progress-row input::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5.5px;appearance:none;border:3px solid #fff;border-radius:50%;background:var(--immersive-violet);box-shadow:0 3px 12px rgba(0,0,0,.28);opacity:0;transition:opacity .2s}.immersive-progress-row input:focus::-webkit-slider-thumb,.immersive-progress-row input:hover::-webkit-slider-thumb{opacity:1}
.immersive-controls{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));align-items:center;justify-items:center;width:min(460px,100%);margin:5px auto 0}.immersive-control{position:relative;display:grid;place-items:center;width:54px;height:54px;border:0;border-radius:18px;background:transparent;color:#fff;font:800 16px/1 Manrope,sans-serif;cursor:pointer}.immersive-control i{font-size:31px}.immersive-control:hover,.immersive-control:focus-visible{background:rgba(255,255,255,.10);outline:0}.immersive-control.is-play{width:70px;height:70px;border:1px solid rgba(255,255,255,.54);border-radius:24px;background:rgba(23,88,112,.68);box-shadow:0 17px 34px rgba(11,10,33,.26)}.immersive-control.is-play i{font-size:38px;translate:2px 0}
.immersive-reader.is-playing [data-reading-state]{color:#fff}
.immersive-library,.immersive-settings{width:min(620px,calc(100% - 24px));max-height:min(82svh,760px);padding:0;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:#f9f8fe;color:#18152a;box-shadow:0 40px 100px rgba(8,6,30,.48)}
.immersive-library::backdrop,.immersive-settings::backdrop{background:rgba(12,9,33,.60);backdrop-filter:blur(11px)}
.immersive-library-sheet{padding:25px}.immersive-library header{display:flex;align-items:start;justify-content:space-between;gap:20px}.immersive-library header p{margin:0;color:#714be0;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.immersive-library h2{margin:6px 0 0;font:700 clamp(27px,5vw,40px)/1 'Source Serif 4',Georgia,serif}.immersive-library header button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ded8ef;border-radius:14px;background:#fff;color:#221d36;cursor:pointer}.immersive-book-field{display:grid;gap:7px;margin-top:24px}.immersive-book-field span{color:#6f687c;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.immersive-book-field select{width:100%;height:52px;padding:0 14px;border:1px solid #ddd7ee;border-radius:15px;background:#fff;color:#1f1a31;font:800 13px/1 Manrope,sans-serif;outline:0}.immersive-book-field select:focus{border-color:#7653ee;box-shadow:0 0 0 4px rgba(118,83,238,.1)}
.immersive-chapter-picker{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;max-height:42svh;overflow:auto;margin-top:17px;padding:2px}.immersive-chapter-picker button{aspect-ratio:1;border:1px solid #e1dcee;border-radius:13px;background:#fff;color:#3b354b;font:850 11px/1 Manrope,sans-serif;cursor:pointer}.immersive-chapter-picker button:hover,.immersive-chapter-picker button:focus-visible{border-color:#7653ee;color:#5e39cf;outline:0}.immersive-chapter-picker button.is-active{border-color:#211943;background:#211943;color:#fff;box-shadow:0 8px 18px rgba(33,25,67,.22)}
.immersive-settings{width:min(560px,calc(100% - 24px))}.immersive-settings-sheet{padding:25px}.immersive-settings header{display:flex;align-items:start;justify-content:space-between;gap:20px}.immersive-settings header p{margin:0;color:#714be0;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.immersive-settings h2{margin:6px 0 0;font:700 clamp(27px,5vw,40px)/1 'Source Serif 4',Georgia,serif}.immersive-settings header button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ded8ef;border-radius:14px;background:#fff;color:#221d36;cursor:pointer}.immersive-setting-group{display:grid;gap:14px;margin-top:22px;padding-top:20px;border-top:1px solid #e5e0ef}.immersive-setting-group h3{margin:0;font-size:14px}.immersive-setting-group p{margin:4px 0 0;color:#746d82;font-size:11px}.immersive-setting-options{display:flex;flex-wrap:wrap;gap:8px}.immersive-setting-options button{min-height:42px;padding:0 14px;border:1px solid #ded8ef;border-radius:13px;background:#fff;color:#332d42;font:800 11px/1 Manrope,sans-serif;cursor:pointer}.immersive-setting-options button:hover,.immersive-setting-options button:focus-visible{border-color:#7653ee;color:#5d3bc6;outline:0}.immersive-setting-options button.is-active{border-color:#241a4e;background:#241a4e;color:#fff;box-shadow:0 9px 20px rgba(36,26,78,.18)}.immersive-settings-status{margin:20px 0 0;padding:13px 15px;border-radius:14px;background:#eee9ff;color:#5133ad;font-size:10px;font-weight:850}

/* Carte intégrée à l'accueil. */
.wow-immersive-card{position:relative;min-height:340px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.78fr);border-radius:34px;background:linear-gradient(135deg,#1a153a,#352176 58%,#17657d);color:#fff;box-shadow:0 26px 70px rgba(35,24,84,.18)}
.wow-immersive-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(27px,5vw,55px)}.wow-immersive-copy .wow-kicker{color:#8fe6f5}.wow-immersive-copy h3{margin:9px 0 13px;font:700 clamp(34px,5vw,58px)/.98 'Source Serif 4',Georgia,serif;letter-spacing:-.045em}.wow-immersive-copy>p:not(.wow-kicker){max-width:600px;margin:0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.68}.wow-immersive-copy .wow-actions{margin-top:23px}.wow-immersive-copy .wow-button{background:#fff;color:#24184f}.wow-immersive-resume{display:flex;align-items:center;gap:9px;min-height:22px;margin-top:14px;color:#aeeafa;font-size:10px;font-weight:800}.wow-immersive-resume i{width:7px;height:7px;border-radius:50%;background:#58dcef;box-shadow:0 0 0 5px rgba(88,220,239,.12)}
.wow-immersive-visual{position:relative;min-height:340px;background-image:linear-gradient(90deg,#2f2170 0,rgba(29,22,70,.20) 42%,rgba(29,22,70,.10)),url('/assets/gpt/images/bible-immersive-dawn.webp');background-size:cover;background-position:center}.wow-immersive-visual::after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(transparent,rgba(18,14,46,.65))}.wow-immersive-now{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;padding:17px;border:1px solid rgba(255,255,255,.22);border-radius:19px;background:rgba(17,14,47,.50);backdrop-filter:blur(12px)}.wow-immersive-now span{display:block;color:#9ee8f6;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.wow-immersive-now strong{display:block;margin-top:5px;font-family:'Source Serif 4',Georgia,serif;font-size:24px}.wow-immersive-now div{display:flex;align-items:center;gap:8px;margin-top:11px;color:rgba(255,255,255,.68);font-size:9px;font-weight:800}.wow-immersive-now div::before{content:"";width:36px;height:4px;border-radius:999px;background:linear-gradient(90deg,#58dcef,#8263f0)}

@media(max-width:760px){
  .immersive-topbar{height:calc(74px + env(safe-area-inset-top));grid-template-columns:48px 1fr 48px;padding:calc(12px + env(safe-area-inset-top)) 14px 9px}.immersive-round-button{width:46px;height:46px;border-radius:16px}.immersive-brand img{display:none}.immersive-brand strong{font-size:12px}.immersive-brand span{font-size:9px}.immersive-reading{inset:calc(73px + env(safe-area-inset-top)) 0 218px;padding:9vh 22px 25vh}.immersive-verses{gap:1.3em;font-size:clamp(22px,6.4vw,30px);line-height:1.5}.immersive-verse-number{min-width:1.35em;margin-right:.12em;text-align:left}.immersive-player{padding:12px 20px calc(10px + env(safe-area-inset-bottom))}.immersive-chapter-meta h1{font-size:33px}.immersive-chapter-meta p{font-size:8px}.immersive-reference-button{width:43px;padding:0;justify-content:center}.immersive-reference-button span{display:none}.immersive-progress-row{margin-top:8px}.immersive-controls{width:min(330px,100%);margin-top:0}.immersive-control{width:46px;height:46px}.immersive-control i{font-size:26px}.immersive-control.is-play{width:62px;height:62px;border-radius:22px}.immersive-control.is-play i{font-size:34px}.immersive-library,.immersive-settings{margin:auto 12px 12px;width:calc(100% - 24px);max-height:78svh;border-radius:27px}.immersive-library[open],.immersive-settings[open]{position:fixed;inset:auto 0 0}.immersive-library-sheet,.immersive-settings-sheet{padding:21px 17px calc(20px + env(safe-area-inset-bottom))}.immersive-chapter-picker{grid-template-columns:repeat(6,minmax(0,1fr));max-height:37svh}.immersive-setting-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.immersive-setting-options button{padding-inline:8px}.wow-immersive-card{grid-template-columns:1fr;min-height:0;border-radius:25px}.wow-immersive-visual{order:-1;min-height:230px}.wow-immersive-copy{padding:25px 21px 29px}.wow-immersive-copy h3{font-size:39px}.wow-immersive-now{left:18px;right:18px;bottom:18px}.wow-immersive-now strong{font-size:21px}
}
@media(max-width:380px){.immersive-reading{padding-inline:17px}.immersive-verses{font-size:21px}.immersive-player{padding-inline:15px}.immersive-control{width:43px}.immersive-control.is-play{width:58px;height:58px}.immersive-chapter-picker{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}