/* Bible27 final visual layer. Page-local styles provide structure; this file is
   the only shared theme and component layer loaded by the application. */
@font-face{font-family:Montserrat;src:url('/assets/fonts/montserrat-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/fonts/montserrat-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/fonts/montserrat-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--b27-bg:#a9c0b4;--b27-bg-deep:#315f50;--b27-ink:#142421;--b27-muted:#667772;--b27-milk:rgba(249,251,247,.72);--b27-milk-solid:#f8faf7;--b27-line:rgba(255,255,255,.72);--b27-shadow:0 16px 38px rgba(25,61,48,.16);--b27-radius:28px;--b27-violet:#7b61ca;--b27-yellow:#e2b939;--b27-green:#0d6a56;--b27-dock-h:76px}
html[data-theme="dark"]{--b27-bg:#172723;--b27-bg-deep:#0e1916;--b27-ink:#edf5ef;--b27-muted:#b2c1b9;--b27-milk:rgba(35,54,48,.78);--b27-milk-solid:#21332e;--b27-line:rgba(255,255,255,.16);--b27-shadow:0 18px 40px rgba(0,0,0,.30)}
html,body{min-height:100%;background:var(--b27-bg);color:var(--b27-ink);font-family:Montserrat,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif}
body:has(.app),body:has(.calendar-app){background:radial-gradient(100% 48% at 88% 7%,rgba(241,215,149,.34),transparent 64%),radial-gradient(75% 46% at 0 52%,rgba(218,245,228,.32),transparent 68%),linear-gradient(160deg,#bfd0c8 0%,#9db8aa 45%,#6a9682 100%)}
html[data-theme="dark"] body:has(.app),html[data-theme="dark"] body:has(.calendar-app){background:radial-gradient(100% 48% at 88% 7%,rgba(102,85,36,.28),transparent 64%),linear-gradient(160deg,#293f38,#12241f)}
button,input,select,textarea{font-family:inherit}
/* shared liquid glass: opacity, edge and material are deliberately identical */
.nav,.calendar-nav{height:var(--b27-dock-h);background:linear-gradient(135deg,rgba(255,255,255,.83),rgba(239,246,240,.70))!important;border:1px solid rgba(255,255,255,.88)!important;box-shadow:0 16px 34px rgba(21,56,44,.19),inset 0 1px 0 rgba(255,255,255,.82)!important;-webkit-backdrop-filter:blur(28px) saturate(145%);backdrop-filter:blur(28px) saturate(145%)}
html[data-theme="dark"] .nav,html[data-theme="dark"] .calendar-nav{background:rgba(31,50,43,.78)!important}
.nav>a,.calendar-nav>a{display:grid!important;grid-template-rows:27px 16px;justify-items:center;align-items:center;gap:2px;min-width:0;color:#75837c!important;font-size:10px!important;line-height:1.1!important}.nav .active,.calendar-nav .active{color:var(--b27-ink)!important;font-weight:700!important}.nav i,.calendar-nav span[aria-hidden="true"]{position:relative;display:block!important;width:29px!important;height:27px!important;margin:0!important;font-size:0!important;color:transparent!important}.nav i:before,.calendar-nav span[aria-hidden="true"]:before{content:"";display:block;width:22px;height:22px;background:currentColor;opacity:.78;-webkit-mask:var(--b27-icon) center/contain no-repeat;mask:var(--b27-icon) center/contain no-repeat}.nav a:nth-child(1) i,.calendar-nav a:nth-child(1) span{--b27-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4.5 10.5 3v16L4 20.5v-16ZM13.5 3 20 4.5v16L13.5 19V3ZM10.5 5.1l3-2.1v16l-3 2.1v-16Z' fill='black'/%3E%3C/svg%3E")}.nav a:nth-child(2) i,.calendar-nav a:nth-child(2) span{--b27-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11.2 12 3l9 8.2v9.3a.9.9 0 0 1-.9.9h-5.4v-6.1H9.3v6.1H3.9a.9.9 0 0 1-.9-.9v-9.3Z' fill='black'/%3E%3C/svg%3E")}.nav a:nth-child(3) i,.calendar-nav a:nth-child(3) span{--b27-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3v3M18 3v3M4.5 9h15M6.2 5h11.6a1.7 1.7 0 0 1 1.7 1.7v11.1a1.7 1.7 0 0 1-1.7 1.7H6.2a1.7 1.7 0 0 1-1.7-1.7V6.7A1.7 1.7 0 0 1 6.2 5Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}.nav a:nth-child(4) i,.calendar-nav a:nth-child(4) span{--b27-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 11.4A3.2 3.2 0 1 0 8 5a3.2 3.2 0 0 0 0 6.4ZM16.4 10.3a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2ZM2.5 20.2c0-3.1 2.8-5.4 5.5-5.4s5.5 2.3 5.5 5.4H2.5ZM14.3 20.2c.1-1.4-.3-2.8-1.2-3.8.9-.5 1.9-.7 3.1-.7 2.6 0 4.8 1.9 5.1 4.5h-7Z' fill='black'/%3E%3C/svg%3E")}.nav .active i:before,.calendar-nav .active span:before{opacity:1}.nav .active i,.calendar-nav .active span{background:rgba(255,255,255,.84)!important;border-radius:12px;box-shadow:0 3px 10px rgba(28,65,51,.12)}
/* All scrolling page roots reserve real dock space. */
.app,.calendar-app,.reader,.read-page{padding-bottom:calc(116px + env(safe-area-inset-bottom))!important}.legal,.footer{padding-bottom:calc(96px + env(safe-area-inset-bottom));margin-bottom:0!important}
/* Home: no separate rectangular photographic layer; the image fades through the page. */
body[data-page="home"] .app{isolation:isolate;overflow:visible!important;background:linear-gradient(180deg,transparent 0 480px,rgba(213,230,220,.42) 730px,transparent 940px)}
body[data-page="home"] .scene{height:620px!important;overflow:visible!important;background:transparent!important;z-index:-1!important}
body[data-page="home"] .scene:before{opacity:.82!important;background-position:76% 10%!important;filter:saturate(.78) contrast(.94)!important;mask-image:linear-gradient(180deg,#000 0 42%,rgba(0,0,0,.75) 60%,transparent 96%);-webkit-mask-image:linear-gradient(180deg,#000 0 42%,rgba(0,0,0,.75) 60%,transparent 96%)}
body[data-page="home"] .scene:after{background:linear-gradient(90deg,rgba(67,111,93,.95) 0%,rgba(76,121,101,.68) 36%,rgba(100,138,113,.18) 76%,transparent),linear-gradient(180deg,rgba(38,79,62,.12),rgba(134,170,150,.12) 42%,rgba(174,198,184,.88) 87%,rgba(174,198,184,0))!important}
body[data-page="home"] .brand{margin-bottom:47px!important}body[data-page="home"] .brand b{color:#fff!important}body[data-page="home"] .brand span{color:rgba(255,255,255,.78)!important}body[data-page="home"] .headline{color:#fff!important;text-shadow:0 2px 18px rgba(12,48,36,.18)}
body[data-page="home"] .date-row{grid-template-columns:1fr!important;margin-bottom:24px!important}body[data-page="home"] .date-row>.round{display:none!important}body[data-page="home"] .date-pill{background:rgba(242,248,241,.26)!important;border-color:rgba(255,255,255,.28)!important;box-shadow:none!important;color:#fff!important;backdrop-filter:blur(18px) saturate(130%)}body[data-page="home"] .date-pill span{color:rgba(255,255,255,.76)!important}
body[data-page="home"] .reading-card{min-height:222px!important;border:1px solid rgba(255,255,255,.70)!important;box-shadow:var(--b27-shadow)!important;-webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%)}body[data-page="home"] .reading-card.old{background:linear-gradient(145deg,rgba(254,248,220,.84),rgba(226,230,188,.66))!important}body[data-page="home"] .reading-card.new{background:linear-gradient(145deg,rgba(254,251,255,.86),rgba(232,226,247,.68))!important}body[data-page="home"] .testament{font-size:14px!important}body[data-page="home"] .old .testament{color:#806019!important}body[data-page="home"] .new .testament{color:#7140a9!important}body[data-page="home"] .progress-row{margin-top:auto!important}
body[data-page="home"] .golden-verse{margin-top:18px!important;border:1px solid rgba(255,255,255,.68)!important;border-radius:28px!important;background:linear-gradient(135deg,rgba(246,252,247,.82),rgba(218,237,226,.67))!important;box-shadow:var(--b27-shadow)!important;-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%)}body[data-page="home"] .golden-verse__eyebrow{color:#697a73!important}body[data-page="home"] .golden-verse__text{color:#173e35!important;border-color:var(--b27-yellow)!important}body[data-page="home"] .golden-verse__reference{color:#6e7e76!important}
body[data-page="home"] .resource-cards{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}body[data-page="home"] .resource-cards a{min-height:108px;padding:18px 16px;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:linear-gradient(140deg,rgba(249,252,247,.80),rgba(218,235,224,.66));box-shadow:var(--b27-shadow);backdrop-filter:blur(22px) saturate(135%)}body[data-page="home"] .resource-cards b,body[data-page="home"] .resource-cards span{display:block}body[data-page="home"] .resource-cards b{font-size:17px;line-height:1.13}body[data-page="home"] .resource-cards span{margin-top:17px;color:#687c73;font-size:12px}
/* Bible reader keeps a quiet paper surface; settings are a real modal sheet. */
body:has(.reader){background:#f4f6f1!important}html[data-theme="dark"] body:has(.reader){background:#151d19!important}.reader{background:linear-gradient(90deg,rgba(230,239,232,.82),rgba(250,251,248,.96) 18%,rgba(250,251,248,.96) 82%,rgba(230,239,232,.82))!important}.reader-header{background:rgba(246,249,246,.82)!important;border-bottom:1px solid rgba(68,93,82,.12)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.scripture{color:#162521!important}.verse{margin-bottom:19px!important}.verse.selected{background:linear-gradient(100deg,rgba(201,182,239,.62),rgba(190,174,231,.44))!important;border-left:5px solid var(--b27-violet)!important;border-radius:22px!important;padding:11px 12px 11px 4px!important;margin-left:-4px!important}.verse.selected .verse-number{color:#fff!important;background:var(--b27-violet)!important;border-radius:50%;width:21px;height:21px;padding:4px 0!important;margin-top:3px!important}
.settings-panel[hidden]{display:none!important}.settings-panel{z-index:80!important;left:50%!important;right:auto!important;bottom:calc(100px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;width:min(calc(100vw - 36px),640px)!important;max-width:none!important;max-height:min(62svh,520px)!important;padding:22px!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(248,252,248,.90),rgba(218,234,224,.78))!important;box-shadow:0 22px 52px rgba(20,57,43,.28)!important;-webkit-backdrop-filter:blur(32px) saturate(150%)!important;backdrop-filter:blur(32px) saturate(150%)!important}.b27-settings-open~.reader-selector,.b27-settings-open~.reader-more{visibility:hidden}.reader-more{z-index:28!important}.settings-panel:before{content:"";position:absolute;top:8px;left:50%;width:42px;height:5px;transform:translateX(-50%);border-radius:99px;background:rgba(38,66,56,.22)}.settings-title{margin-top:12px!important;color:#182622!important;font-size:22px!important;letter-spacing:-.45px!important;text-transform:none}.settings-label{font-size:13px!important;letter-spacing:.04em!important}.font-size-controls button,.font-size-controls output,.font-options button,.theme-options button{background:rgba(255,255,255,.78)!important;border-color:rgba(91,112,102,.13)!important;border-radius:16px!important}.font-options button,.theme-options button{min-height:64px!important}.font-options button.is-active,.theme-options button.is-active{border-color:var(--b27-violet)!important;background:rgba(226,220,244,.78)!important;color:var(--b27-violet)!important}.bar[data-verse-actions]{z-index:65!important;bottom:calc(90px + env(safe-area-inset-bottom))!important;width:min(520px,calc(100vw - 32px))!important;min-height:74px!important;padding:8px 11px!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:26px!important;background:rgba(248,251,248,.82)!important;box-shadow:0 16px 34px rgba(27,59,47,.22)!important;-webkit-backdrop-filter:blur(28px) saturate(145%)!important;backdrop-filter:blur(28px) saturate(145%)!important}.bar[data-verse-actions] button{min-width:0!important;font-size:12px!important;white-space:normal!important;overflow-wrap:anywhere!important}.bar[data-verse-actions] button span{display:block!important}
/* Calendar and contacts: cards are individual, not one giant foggy container. */
.calendar-app{max-width:640px;margin:0 auto}.calendar-panel,.week-section,.day-card,.empty-day{background:linear-gradient(135deg,rgba(250,253,249,.76),rgba(224,239,229,.62))!important;border:1px solid rgba(255,255,255,.76)!important;box-shadow:var(--b27-shadow)!important;-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%)}.calendar-panel{border-radius:28px!important}.timeline{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}.week-section{padding-bottom:18px!important}.event-row{background:rgba(255,255,255,.78)!important;border-color:rgba(255,255,255,.84)!important}.calendar-hero h1,.calendar-hero p{color:#143f34!important}
body:has(.intro) .app{overflow:visible!important}body:has(.intro) .hero{height:570px!important;opacity:.72;filter:saturate(.75)}body:has(.intro) .card{background:linear-gradient(135deg,rgba(248,252,248,.79),rgba(222,239,229,.66))!important;border-color:rgba(255,255,255,.80)!important;box-shadow:var(--b27-shadow)!important;-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%)}body:has(.intro) .cards{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}body:has(.intro) .link,body:has(.intro) .church-link,body:has(.intro) .schedule{background:rgba(255,255,255,.74)!important}
@media(max-width:390px){body[data-page="home"] .headline{font-size:40px!important}body[data-page="home"] .reading-card{min-height:205px!important}body[data-page="home"] .reading-title{font-size:19px!important}.settings-panel{width:calc(100vw - 24px)!important;bottom:calc(88px + env(safe-area-inset-bottom))!important}.font-options{gap:7px!important}.font-options button{font-size:11px!important}.calendar-app{padding-left:16px!important;padding-right:16px!important}}
.settings-backdrop[hidden]{display:none!important}.settings-backdrop{position:fixed;z-index:79;inset:0;background:rgba(20,48,39,.24);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body.b27-settings-open .reader-selector,body.b27-settings-open .reader-more{visibility:hidden}
/* Shared postcard editor: one 16:9 flow in daily and free reading. */
.b27-studio{position:fixed;z-index:300;inset:0;display:none;background:rgba(12,34,26,.46);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.b27-studio.show{display:grid;place-items:end center}.b27-studio__sheet{position:relative;display:none;width:min(680px,100%);max-height:92svh;overflow:auto;padding:13px 18px calc(22px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.83);border-bottom:0;border-radius:30px 30px 0 0;background:linear-gradient(145deg,rgba(249,252,248,.94),rgba(219,235,225,.88));box-shadow:0 -20px 54px rgba(9,35,25,.26);text-align:center;-webkit-backdrop-filter:blur(30px) saturate(145%);backdrop-filter:blur(30px) saturate(145%)}.b27-studio__sheet.show{display:block}.b27-studio__sheet>i{display:block;width:42px;height:5px;margin:0 auto 10px;border-radius:99px;background:rgba(34,62,51,.28)}.b27-studio__sheet h2{margin:4px 0 15px;color:#173126;font-size:21px}.b27-studio__sheet p{margin:11px 0;color:#64766e;font-size:13px}.b27-studio__close{position:absolute;top:14px;right:15px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.76);color:#173126;font-size:25px}.b27-studio canvas{display:block;width:min(100%,560px);height:auto;margin:auto;border-radius:17px;box-shadow:0 14px 34px rgba(19,50,38,.23);touch-action:none}.b27-studio__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.b27-studio__actions button,.b27-studio__upload,.b27-studio__primary{min-height:48px;border:1px solid rgba(63,91,78,.14);border-radius:15px;background:rgba(255,255,255,.78);color:#1d392d;font-weight:700;font-size:12px}.b27-studio__actions button:first-child,.b27-studio__primary{background:#176a55;color:#fff;border-color:#176a55}.b27-studio__upload{width:100%;margin:0 0 12px;border-style:dashed;color:#176a55}.b27-studio__templates{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.b27-studio__templates button{aspect-ratio:16/9;border:0;border-radius:15px;background:center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(19,50,38,.16)}.b27-studio__sheet label{display:block;margin:11px 0;color:#53675e;font-size:13px;text-align:left}.b27-studio__sheet input[type=range]{display:block;width:100%;margin-top:7px;accent-color:#176a55}.b27-studio__primary{width:100%;margin-top:10px;font-size:14px}
/* Daily reading is a reader, not a dashboard. Controls remain, but are compact. */
body[data-page="read"]{background:#f4f6f1!important}body[data-page="read"] .app{max-width:680px;background:linear-gradient(90deg,rgba(226,237,230,.78),rgba(250,251,248,.96) 18%,rgba(250,251,248,.96) 82%,rgba(226,237,230,.78));padding-top:calc(8px + env(safe-area-inset-top))!important}body[data-page="read"] .top{position:sticky;z-index:16;top:0;height:56px;margin:0 -18px 8px;padding:calc(8px + env(safe-area-inset-top)) 18px 8px;background:rgba(247,250,247,.83);border-bottom:1px solid rgba(63,90,79,.12);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body[data-page="read"] .top h1{font-size:0!important}body[data-page="read"] .top h1:after{content:attr(data-title)}body[data-page="read"] .cards{display:none!important}body[data-page="read"] .b27-date-nav{display:flex!important;justify-content:center!important;margin:6px 0 12px!important}body[data-page="read"] .b27-date-arrow{display:none!important}body[data-page="read"] .b27-date-button{min-height:36px!important;padding:6px 14px!important;border-radius:18px!important;background:rgba(231,241,234,.68)!important;border:1px solid rgba(79,111,96,.12)!important;box-shadow:none!important}body[data-page="read"] .b27-date-button b{font-size:12px!important}body[data-page="read"] .b27-date-button span{display:none!important}body[data-page="read"] .head{margin:0 0 10px!important}body[data-page="read"] .head h2{font-size:22px!important}body[data-page="read"] .head p{font-size:14px!important}body[data-page="read"] .ch-nav{grid-template-columns:32px auto 36px!important;gap:3px!important}body[data-page="read"] .ch-nav a,body[data-page="read"] .ch-nav span{height:34px!important;font-size:21px!important}body[data-page="read"] .next{width:36px!important;height:36px!important;box-shadow:none!important}body[data-page="read"] .actions{display:grid!important;grid-template-columns:44px 1fr 1fr 1fr!important;gap:7px!important;margin:0 0 22px!important}body[data-page="read"] .act{min-height:44px!important;padding:5px!important;border:1px solid rgba(72,100,89,.12)!important;border-radius:14px!important;background:rgba(255,255,255,.76)!important;box-shadow:none!important;font-size:10px!important;text-align:center!important}body[data-page="read"] .act .ico{font-size:16px!important}body[data-page="read"] .act.done{background:rgba(231,243,235,.90)!important;color:#176a55!important}body[data-page="read"] .scripture{color:#162521!important}body[data-page="read"] .verse{margin-bottom:19px!important}body[data-page="read"] .verse.selected{border-left:5px solid var(--b27-violet)!important;background:linear-gradient(100deg,rgba(201,182,239,.62),rgba(190,174,231,.44))!important;border-radius:20px!important;padding:10px 10px 10px 28px!important}body[data-page="read"] .verse.selected sup{color:#fff!important;background:var(--b27-violet)!important;border-radius:50%;padding:4px!important;top:10px!important;left:3px!important}body[data-page="read"] .chapter-finish{margin-top:26px!important;background:rgba(229,240,232,.72)!important}body[data-page="read"] .fontbox{z-index:60!important;background:linear-gradient(145deg,rgba(249,252,248,.94),rgba(219,235,225,.88))!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 20px 45px rgba(20,57,43,.20)!important;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}
body[data-page="read"] .top h1{font-size:18px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body[data-page="read"] .top h1:after{content:none!important}
/* Audio: player is the first action, while plan switching stays available. */
body[data-page="listen"] .app{overflow:visible!important;background:linear-gradient(180deg,rgba(196,216,204,.74),rgba(245,249,245,.95) 340px,#edf4ef 100%)!important}body[data-page="listen"] .hero{display:none!important}body[data-page="listen"] .church{margin:12px 0 6px!important}body[data-page="listen"] .ey,body[data-page="listen"] .date,body[data-page="listen"] .weekday{display:none!important}body[data-page="listen"] .b27-date-nav{display:flex!important;justify-content:center;margin:8px 0 14px!important}body[data-page="listen"] .b27-date-arrow{display:none!important}body[data-page="listen"] .b27-date-button{min-height:36px!important;padding:6px 14px!important;border-radius:18px!important;background:rgba(255,255,255,.55)!important;border:1px solid rgba(255,255,255,.70)!important;color:#214237!important;box-shadow:none!important}body[data-page="listen"] .b27-date-button b{font-size:12px!important}body[data-page="listen"] .b27-date-button span{display:none!important}body[data-page="listen"] .cards{order:2;margin:14px 0!important}body[data-page="listen"] .content{display:flex;flex-direction:column}body[data-page="listen"] .player{order:1;margin:0!important;border:1px solid rgba(255,255,255,.80)!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(249,252,248,.89),rgba(219,236,225,.77))!important;box-shadow:var(--b27-shadow)!important;-webkit-backdrop-filter:blur(28px) saturate(140%);backdrop-filter:blur(28px) saturate(140%)}body[data-page="listen"] .day-list{order:3;border:1px solid rgba(255,255,255,.75)!important;border-radius:28px!important;background:rgba(249,252,248,.72)!important;box-shadow:var(--b27-shadow)!important;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}body[data-page="listen"] .plan-card{min-height:68px!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:18px!important;box-shadow:none!important}body[data-page="listen"] .plan-card b{margin:5px 18px 0 0!important;font-size:14px!important}body[data-page="listen"] .transport{margin-top:10px}body[data-page="listen"] .round.play{width:86px!important;height:86px!important;background:linear-gradient(145deg,#246f5d,#0b5042)!important;box-shadow:0 12px 25px rgba(11,80,66,.27)!important}body[data-page="listen"] .round.side{background:rgba(255,255,255,.72)!important;border:1px solid rgba(82,111,96,.12)}
/* Sunday should not claim an unverified map point. */
body[data-page="sunday"] .photo{filter:saturate(.77) contrast(.95)}body[data-page="sunday"] .photo:after{background:linear-gradient(90deg,rgba(239,247,239,.93),rgba(239,247,239,.58) 48%,rgba(239,247,239,.08)),linear-gradient(180deg,transparent 38%,rgba(237,245,238,.90) 88%,#edf5ee)!important}body[data-page="sunday"] .service,body[data-page="sunday"] .other-date{border:1px solid rgba(255,255,255,.78);background:rgba(249,252,248,.72)!important;box-shadow:var(--b27-shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
/* Book chooser matches the approved four-column mobile grid. */
.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.book-tile{min-height:48px!important;border-radius:14px!important;background:rgba(255,255,255,.70)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.58)}.book-tile.is-selected{border-color:var(--b27-violet)!important;background:rgba(230,222,247,.88)!important;color:var(--b27-violet)!important}
/* Correct the dock masks: the icon glyph itself is intentionally hidden, not its SVG mask. */
.nav i:before,.calendar-nav span[aria-hidden="true"]:before{background:#78867f!important}.nav .active i:before,.calendar-nav .active span:before{background:var(--b27-violet)!important}.calendar-nav .active span:before{background:var(--b27-yellow)!important}
/* Home keeps one calm date control and a photograph only as a distant sage layer. */
body[data-page="home"] .b27-date-nav{display:flex!important;justify-content:center!important;margin:0 0 24px!important}body[data-page="home"] .b27-date-arrow{display:none!important}body[data-page="home"] .b27-date-button{min-width:min(100%,250px)!important;min-height:48px!important;border-radius:24px!important;background:rgba(237,246,238,.28)!important;border:1px solid rgba(255,255,255,.36)!important;color:#fff!important;box-shadow:none!important}body[data-page="home"] .b27-date-button b{font-size:15px!important}body[data-page="home"] .b27-date-button span{display:block!important;color:rgba(255,255,255,.78)!important;font-size:12px!important}body[data-page="home"] .scene:before{opacity:.48!important;filter:saturate(.58) contrast(.86) blur(.35px)!important}body[data-page="home"] .scene:after{background:linear-gradient(90deg,rgba(38,81,63,.97),rgba(61,106,84,.80) 42%,rgba(101,137,110,.32) 74%,rgba(181,203,189,.05)),linear-gradient(180deg,rgba(40,78,62,.12),rgba(126,161,139,.32) 48%,rgba(183,207,191,.96) 87%,rgba(183,207,191,0))!important}
/* Daily reader: no duplicate date/book dashboard above Scripture. */
body[data-page="read"] .b27-date-nav{display:none!important}body[data-page="read"] .head{justify-content:flex-end!important;margin:0 0 7px!important}body[data-page="read"] .head>div{display:none!important}body[data-page="read"] .actions{margin-bottom:16px!important}body[data-page="read"] .scripture{padding-top:3px!important}
/* Flex order on audio must include its footer, otherwise it occupies the first slot. */
body[data-page="listen"] .top,body[data-page="listen"] .church,body[data-page="listen"] .b27-date-nav{order:0}body[data-page="listen"] .footer{order:4!important;margin-top:28px!important}body[data-page="listen"] .player{order:1!important}body[data-page="listen"] .cards{order:2!important}body[data-page="listen"] .day-list{order:3!important}
body[data-page="listen"] .audio-brand{order:0;display:flex;align-items:center;gap:11px;margin:8px 2px 10px}body[data-page="listen"] .audio-brand a{display:block;line-height:0}body[data-page="listen"] .audio-brand img{width:46px;height:46px;padding:3px;border-radius:14px;background:rgba(255,255,255,.84);box-shadow:0 5px 15px rgba(25,61,48,.10)}body[data-page="listen"] .audio-brand b,body[data-page="listen"] .audio-brand span{display:block}body[data-page="listen"] .audio-brand b{font-size:18px;letter-spacing:-.5px}body[data-page="listen"] .audio-brand span{margin-top:2px;color:#63776e;font-size:13px}body[data-page="listen"] .b27-date-nav{order:0;margin-top:2px!important}