/* Lumen's mobile surface: shared icon artwork, compact reading controls, immersive chat. */
.lumen-icon{stroke:none;width:28px;height:28px;filter:drop-shadow(0 2px 2px #9b62251c)}
.mobile-book-picker{display:none}
.chat-is-open{overflow:hidden}
.chat-head .chat-back{margin:0;width:44px;height:44px;flex-shrink:0;font-size:1.5rem;background:#fff9ed;color:#83552f}
.chat-head{gap:.6rem}.chat-head img{width:42px;height:42px}.chat-head small{font-size:.8rem}
.chat-panel{animation:none}
@media(max-width:800px){
 :root{--bg:#fffaf4;--bottom-nav-height:90px}
 body{ -webkit-tap-highlight-color:transparent; }
 .shell{width:calc(100% - 28px);padding-top:10px}
 .topbar{border:0;background:var(--bg)}.brand-mark{width:34px;height:34px;border:0;box-shadow:none}.brand-copy strong{font-size:1.4rem}
 .welcome-card{padding:12px 4px 18px;border:0;box-shadow:none;background:none;grid-template-columns:minmax(0,1fr) 94px;gap:10px}
 .welcome-copy{grid-column:1}.welcome-card h1{font-size:clamp(1.8rem,7vw,2.3rem);margin-bottom:5px}.welcome-copy .eyebrow{font-size:.69rem;letter-spacing:.08em}.welcome-copy .lead{font-size:.95rem}
 .welcome-card .mascot-wrap{grid-column:2;grid-row:1;width:94px}.welcome-card .mascot-wrap img{filter:none}
 .welcome-card .lumen-intro{grid-column:1/-1;grid-row:2;padding:12px 44px 12px 16px;border-radius:20px;background:#fff3df;border:0;box-shadow:none}
 .lumen-intro:after{display:none}.lumen-intro p{font-family:inherit;font-size:.9rem;line-height:1.45}.lumen-intro button{width:34px;height:34px;top:7px;right:7px}
 .section-block{padding:4px 0 20px}.section-heading .eyebrow{display:none}.section-heading h2{font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:0;margin:0 0 12px}
 .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 .quick-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:12px 4px;border-radius:21px;min-height:102px;background:var(--surface);box-shadow:0 4px 12px #aa77400a}
 .quick-grid button>span{width:36px;height:36px;background:none;flex:none}.quick-grid button>span .lumen-icon{width:32px;height:32px;filter:drop-shadow(0 2px 2px #a4763320)}
 .quick-grid strong{font-size:.82rem;line-height:1.25;max-width:80px}.quick-grid small{display:none}
 .today-grid{margin:0;gap:14px}.feature-card{border-radius:26px;padding:22px;min-height:0}.gospel-card{background:linear-gradient(140deg,#ffe9bb,#f9d188);border-color:#efd098}.gospel-card:after{display:none}
 .feature-card h2{font-size:1.7rem;line-height:1.18;margin-bottom:14px;overflow-wrap:normal}.feature-card .eyebrow{font-size:.7rem;letter-spacing:.1em}.scripture-preview{font-size:1.12rem;line-height:1.6;margin-bottom:14px}
 .feature-card .primary{width:100%;text-align:center}.impulse-card{background:#fff1e6}.impulse-card h2{font-size:1.45rem}.impulse-card>p:not(.eyebrow){font-size:.95rem}
 .gentle-row{margin-top:20px}.gentle-row blockquote{display:none}
 .mobile-nav{border-top:1px solid #eedfca;padding:6px 6px max(7px,env(safe-area-inset-bottom));background:var(--surface);box-shadow:0 -7px 24px #946a3310;gap:2px}
 .mobile-nav button{font-size:.72rem;min-height:66px;gap:4px;font-weight:600;justify-content:flex-start;padding-top:4px}
 .mobile-nav .nav-icon{height:34px;width:48px;position:relative;border-radius:18px;background:transparent;box-shadow:none;filter:none;transform:none}
 .mobile-nav .nav-icon .lumen-icon{position:relative;z-index:1;transition:transform .2s,filter .2s}
 .mobile-nav .nav-label{line-height:1.15;min-height:26px;max-width:65px}
 .mobile-nav button.active .nav-icon{background:radial-gradient(ellipse at center,#ffe1a2 0%,#fff1cc 60%,transparent 76%);box-shadow:0 0 14px #edc2753b;filter:none;transform:none}
 .mobile-nav button.active .lumen-icon{transform:translateY(-1px) scale(1.08);filter:drop-shadow(0 0 5px #e9bd6880)}
 .mobile-nav button.active{color:#875522}.mobile-nav button:active .lumen-icon{transform:scale(.9)}
 .page-title{margin-bottom:20px}.page-title h1{font-size:2rem}.page-title>p{font-size:1rem}.page-title>.source-link{font-size:.85rem}
 .mobile-book-picker{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:10px;padding:12px;background:#fff0d9;border-radius:18px;margin:0 0 14px}
 .mobile-book-picker label{display:grid;gap:5px;min-width:0;font-size:.8rem;color:var(--muted)}.mobile-book-picker select{width:100%;min-width:0;background:var(--surface);padding:10px 8px;font-size:16px}
 .book-panel{display:none}.reader-head>select{display:none}.reader-head h2{font-size:1.4rem}.reader-head .eyebrow{font-size:.7rem}.bible-reader{padding:16px}.verses{font-size:1.1rem;line-height:1.9}
 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-grid button{grid-template-columns:1fr;padding:14px 10px;gap:10px;text-align:center;border-radius:22px;min-height:166px;align-content:start}
 .category-grid button>.mood-image{margin:auto;width:74px;height:74px;border-radius:23px}.category-grid button b{display:none}.category-grid strong{font-size:.88rem;line-height:1.3}.category-grid small{font-size:.78rem;line-height:1.35;margin-top:5px}
 .tabs{gap:0;margin-bottom:18px}.tabs button{font-size:.88rem;padding:12px 10px}
 .chat-is-open .mobile-nav,.chat-is-open .topbar,.chat-is-open .shell{visibility:hidden}
 .chat-panel{inset:var(--chat-top,0px) 0 auto 0;width:100%;height:var(--chat-height,100dvh);max-height:none;border:0;border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:var(--surface);grid-template-rows:auto minmax(0,1fr) auto auto auto}
 .chat-head{padding:10px 14px;background:#fff5e4;border-bottom:1px solid #f0e2cd;min-height:70px}.chat-head strong{font-size:1.4rem}.chat-head .chat-back{background:none}
 .chat-messages{padding:22px 16px;gap:16px;background:linear-gradient(#fffcf6,#fff7e9)}
 .chat-message{padding:13px 16px;max-width:88%;font-size:1rem;border-radius:22px;line-height:1.55}.chat-message.assistant{border-color:#eedfc8;border-bottom-left-radius:7px}.chat-message.user{background:#f5d18c;border-bottom-right-radius:7px;color:#533e29}
 .chat-suggestions{padding:10px 14px;border-top:0;background:var(--surface)}.chat-suggestions button{font-size:.82rem;min-height:40px;background:#fff7e9}
 .chat-form{padding:4px 14px 8px;grid-template-columns:minmax(0,1fr) 48px}.chat-form input{border-radius:24px;padding:13px 16px;background:#fffaf2;min-width:0}.chat-form button{height:48px}
 .chat-note{font-size:.7rem;padding:0 20px 8px;line-height:1.4;color:#847260}
}
@media(max-width:350px){.welcome-card{grid-template-columns:minmax(0,1fr) 76px}.welcome-card .mascot-wrap{width:76px}.welcome-card h1{font-size:1.75rem}.quick-grid strong{font-size:.75rem}.feature-card{padding:18px}.mobile-nav button{font-size:.66rem}.category-grid small{display:none}.category-grid button{min-height:140px}}
@media(prefers-reduced-motion:reduce){.lumen-icon{transition:none!important}}

/* Pastel symbols inspired by the supplied navigation reference. */
.mobile-nav .nav-icon,.quick-grid button>span,.pastel-icon{background:radial-gradient(circle,#fff1dd,#fff8ef);border-radius:50%;display:grid;place-items:center}
.mobile-nav .nav-icon{width:42px;height:42px}.mobile-nav .lumen-icon{width:29px;height:29px}.mobile-nav button{color:#806e61}.mobile-nav button:nth-child(3) .nav-icon,.mobile-nav button:nth-child(4) .nav-icon{background:radial-gradient(circle,#fbe6de,#fff6f1)}
.mobile-nav button.active .nav-icon{background:radial-gradient(circle,#ffe4b4,#fff1d4);box-shadow:0 0 13px #edc27570,inset 0 0 0 1px #f4d397;transform:translateY(-1px)}
.quick-grid button>span{width:44px;height:44px}.lumen-icon{filter:none}.mobile-nav button:first-child .lumen-icon,.quick-grid .lumen-icon{color:#efc173}
.pastel-icon{width:60px;height:60px;flex-shrink:0}.pastel-icon .lumen-icon{width:38px;height:38px}.rosary-entry{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:18px;border:1px solid #efddca;border-radius:24px;background:linear-gradient(110deg,#fff4e1,#fff1eb);margin-bottom:22px}.rosary-entry strong,.rosary-entry small{display:block}.rosary-entry small{margin-top:5px;color:#887265;font-size:.84rem}.rosary-entry b{margin-left:auto}
.rosary-hint{color:var(--muted);font-size:.9rem;line-height:1.6;margin-bottom:24px}.rosary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rosary-grid>button{text-align:left;padding:23px;border:1px solid var(--line);background:var(--surface);border-radius:25px}.rosary-grid small{display:block;color:#9e7450;margin:16px 0 8px}.rosary-grid h2{font-size:1.35rem;margin:0 0 10px}.rosary-grid p{font-size:.92rem;color:var(--muted);line-height:1.5}.rosary-grid .source-link{font-size:.85rem}.rosary-guide,.rosary-player{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:24px;margin-bottom:24px}.rosary-guide p{line-height:1.8}.rosary-guide a{display:block;overflow-wrap:anywhere;font-size:.9rem}.mystery-list{padding-left:28px;line-height:1.7}.mystery-list li{padding:8px 0 8px 8px}.mystery-list li::marker{color:#bd8f59}.rosary-subtitle{font-size:1.4rem}.rosary-start{width:100%;margin:20px 0}.rosary-player{margin-top:24px;background:#fff5e7}.rosary-player progress{width:100%;height:8px;accent-color:#d8a860}.rosary-player h2{font-size:1.4rem;margin:24px 0 16px}.rosary-prayer{line-height:1.85;font-size:1.1rem}.rosary-controls{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.rosary-controls button{min-height:48px}.rosary-controls button:disabled{opacity:.4}.rosary-view{max-width:850px;margin:auto}
@media(max-width:600px){.rosary-grid{grid-template-columns:1fr;gap:12px}.rosary-grid>button{padding:20px;display:grid;grid-template-columns:54px 1fr;column-gap:16px}.rosary-grid .pastel-icon{grid-row:1/5;width:54px;height:54px}.rosary-grid small{margin-top:0}.rosary-grid h2,.rosary-grid p,.rosary-grid .source-link{grid-column:2}.rosary-grid h2{font-size:1.25rem}.rosary-guide,.rosary-player{padding:20px}.rosary-entry{padding:14px}.mobile-nav button{min-height:74px}}

.decade-picker{display:flex;gap:10px;justify-content:center;margin-top:20px}.decade-picker button{width:44px;height:44px;border-radius:50%;background:#fffaf2;border:1px solid #e7d4bc;color:#866345}.decade-picker button.active{background:#efc894;box-shadow:0 0 14px #eacb9566}.bead-instruction{text-align:center;color:var(--muted);font-size:.86rem}.digital-rosary{position:relative;width:100%;max-width:340px;aspect-ratio:320/330;margin:12px auto 22px}.digital-rosary>svg{width:100%;height:100%}.rosary-center{position:absolute;top:28%;left:23%;width:54%;text-align:center;pointer-events:none}.rosary-center small{color:#ad805d;font-size:.75rem}.rosary-center strong{display:block;font-family:Georgia,serif;font-size:1.04rem;line-height:1.4;margin-top:9px}.rosary-bead{position:absolute;transform:translate(-50%,-50%);height:36px;width:36px;min-height:36px;padding:0;border-radius:50%;border:2px solid #fff6e9;background:radial-gradient(circle at 30% 25%,#ffeada,#e6b7a0);box-shadow:0 2px 5px #a878522b;color:#77523b;font-size:.8rem;touch-action:manipulation}.rosary-bead.active{background:radial-gradient(circle at 30% 25%,#fff7c4,#efc05d);box-shadow:0 0 0 4px #efc96b40,0 0 20px #ecc363aa;border-color:#fff5bd;color:#654822}.rosary-bead.passed{background:#dab59d}.rosary-bead:focus-visible{outline:3px solid #97663c;outline-offset:3px}.father-bead{left:50%;top:84%;height:42px;width:42px;font-size:1.15rem}.rosary-player progress{display:block;margin-top:15px}

.rosary-player{scroll-margin-top:80px}.rosary-bead{width:42px;height:42px;min-height:42px}.rosary-player .eyebrow{margin-bottom:12px}
@media(max-width:350px){.rosary-center{top:27%;left:24%;width:52%}.rosary-center strong{font-size:.78rem;line-height:1.3;margin-top:6px}.rosary-center small{font-size:.64rem}}

/* Larger rosary with separate bead, connecting chain and cross. */
.digital-rosary{max-width:460px;aspect-ratio:320/420}.rosary-center{top:23%;left:23%;width:54%}.rosary-center strong{font-size:1.08rem;line-height:1.4;margin-top:9px}.rosary-center small{font-size:.8rem}.father-bead{top:77%;height:46px;width:46px;font-size:.9rem}.father-label{position:absolute;top:75%;left:60%;font-size:.75rem;color:#8e6b4f}.rosary-bead{width:46px;height:46px;min-height:46px}.rosary-player{padding:24px 16px}.rosary-player .digital-rosary{margin:20px auto}.rosary-center strong{overflow-wrap:anywhere}
@media(max-width:600px){.rosary-player{margin-left:-10px;margin-right:-10px;padding:22px 10px}.rosary-player>div[aria-live],.rosary-player>.eyebrow,.rosary-controls{margin-left:10px;margin-right:10px}.rosary-center strong{font-size:1rem}.rosary-center{top:24%}}
@media(max-width:350px){.rosary-center strong{font-size:.88rem;line-height:1.35}.rosary-center small{font-size:.72rem}.rosary-center{top:23%}.rosary-bead{width:42px;height:42px;min-height:42px}}

/* Center every icon and label in equal rows, with a soft light-only active state. */
@media(max-width:800px){
 .mobile-nav{align-items:start;gap:0;padding-left:4px;padding-right:4px}
 .mobile-nav button{display:grid;grid-template-rows:42px 28px;justify-items:center;align-items:center;align-content:start;gap:4px;padding:3px 0 0;min-height:77px;font-weight:600;text-align:center}
 .mobile-nav .nav-icon,.mobile-nav button:nth-child(n) .nav-icon,.mobile-nav button.active .nav-icon,.mobile-nav button:active .nav-icon{width:42px;height:42px;display:grid;place-items:center;background:transparent;border:0;border-radius:0;box-shadow:none;filter:none;transform:none}
 .mobile-nav .nav-icon .lumen-icon{width:32px;height:32px;margin:0;transform:none;filter:none;color:#f0c479;transition:filter .18s ease}
 .mobile-nav .nav-label{display:flex;align-items:flex-start;justify-content:center;min-height:28px;max-width:68px;width:100%;line-height:1.18;text-align:center;font-size:.7rem}
 .mobile-nav button.active{font-weight:600;color:#8b6b4f}
 .mobile-nav button.active .lumen-icon,.mobile-nav button:active .lumen-icon{transform:none;filter:drop-shadow(0 0 4px #edc67c80)}
 .mobile-nav button:focus-visible{outline:2px solid #bd9264;outline-offset:-2px;border-radius:10px}
}
.quick-grid button>span .lumen-icon{filter:none}.quick-grid button:active .lumen-icon{transform:none;filter:drop-shadow(0 0 4px #edc67c80)}

/* Coordinated dark surfaces and readable foregrounds. */
:root[data-theme="dark"]{--bg:#1b1917;--surface:#28241f;--surface-soft:#332d26;--text:#faf1e5;--muted:#d4c6b5;--border:#56483a;--line:#56483a;--gold-dark:#edc58c;--rose:#3b2c28;--peach:#3a2e24;--butter:#3b3223;--navy:#403322;}
:root[data-theme="dark"] .category-grid button:nth-child(n),:root[data-theme="dark"] .quick-grid button,:root[data-theme="dark"] .rosary-grid>button,:root[data-theme="dark"] .rosary-guide{background:#28241f;color:#faf1e5;border-color:#56483a;}
:root[data-theme="dark"] .category-grid small,:root[data-theme="dark"] .rosary-grid p,:root[data-theme="dark"] .rosary-hint,:root[data-theme="dark"] .lead,:root[data-theme="dark"] .page-title>p,:root[data-theme="dark"] .chat-note,:root[data-theme="dark"] .bead-instruction{color:#d4c6b5;}
:root[data-theme="dark"] .welcome-card .lumen-intro,:root[data-theme="dark"] .gospel-card,:root[data-theme="dark"] .impulse-card,:root[data-theme="dark"] .rosary-entry,:root[data-theme="dark"] .mobile-book-picker,:root[data-theme="dark"] .rosary-player{background:#352c23;color:#faf1e5;border-color:#65503a;}
:root[data-theme="dark"] .lumen-intro p,:root[data-theme="dark"] .gospel-card h2,:root[data-theme="dark"] .gospel-card .scripture-preview,:root[data-theme="dark"] .impulse-card h2,:root[data-theme="dark"] .rosary-center strong,:root[data-theme="dark"] .rosary-prayer{color:#faf1e5;}
:root[data-theme="dark"] .mobile-nav{background:#28241f;border-color:#56483a;}
:root[data-theme="dark"] .mobile-nav button,:root[data-theme="dark"] .mobile-nav button.active{color:#e5d5bd;}
:root[data-theme="dark"] .source-link,:root[data-theme="dark"] .eyebrow,:root[data-theme="dark"] .rosary-grid small,:root[data-theme="dark"] .rosary-center small,:root[data-theme="dark"] .father-label,:root[data-theme="dark"] .rosary-entry small{color:#edc58c;}
:root[data-theme="dark"] .chat-head,:root[data-theme="dark"] .chat-suggestions,:root[data-theme="dark"] .chat-panel,:root[data-theme="dark"] .chat-form{background:#28241f;color:#faf1e5;border-color:#56483a;}
:root[data-theme="dark"] .chat-messages{background:#1f1b17;}
:root[data-theme="dark"] .chat-message.assistant,:root[data-theme="dark"] .chat-suggestions button,:root[data-theme="dark"] .chat-form input{background:#332d26;color:#faf1e5;border-color:#665342;}
:root[data-theme="dark"] .chat-message.user{background:#e6c18a;color:#302317;}
:root[data-theme="dark"] .chat-head .chat-back{color:#edc58c;background:transparent;}
:root[data-theme="dark"] .chat-message blockquote{background:#403326;color:#fae6c6;}
:root[data-theme="dark"] .primary,:root[data-theme="dark"] .chat-form button{background:#e6c18a;color:#302317;}
:root[data-theme="dark"] .soft,:root[data-theme="dark"] .decade-picker button{background:#45372b;color:#fae6cc;border-color:#796047;}
:root[data-theme="dark"] .decade-picker button.active{background:#e6c18a;color:#302317;}
:root[data-theme="dark"] .lumen-intro button{background:#45372b;color:#fae6cc;}
:root[data-theme="dark"] .rosary-bead,:root[data-theme="dark"] .rosary-bead.active{color:#50331f;}
@media(prefers-color-scheme:dark){
:root[data-theme="system"]{--bg:#1b1917;--surface:#28241f;--surface-soft:#332d26;--text:#faf1e5;--muted:#d4c6b5;--border:#56483a;--line:#56483a;--gold-dark:#edc58c;--rose:#3b2c28;--peach:#3a2e24;--butter:#3b3223;--navy:#403322;}
:root[data-theme="system"] .category-grid button:nth-child(n),:root[data-theme="system"] .quick-grid button,:root[data-theme="system"] .rosary-grid>button,:root[data-theme="system"] .rosary-guide{background:#28241f;color:#faf1e5;border-color:#56483a;}
:root[data-theme="system"] .category-grid small,:root[data-theme="system"] .rosary-grid p,:root[data-theme="system"] .rosary-hint,:root[data-theme="system"] .lead,:root[data-theme="system"] .page-title>p,:root[data-theme="system"] .chat-note,:root[data-theme="system"] .bead-instruction{color:#d4c6b5;}
:root[data-theme="system"] .welcome-card .lumen-intro,:root[data-theme="system"] .gospel-card,:root[data-theme="system"] .impulse-card,:root[data-theme="system"] .rosary-entry,:root[data-theme="system"] .mobile-book-picker,:root[data-theme="system"] .rosary-player{background:#352c23;color:#faf1e5;border-color:#65503a;}
:root[data-theme="system"] .lumen-intro p,:root[data-theme="system"] .gospel-card h2,:root[data-theme="system"] .gospel-card .scripture-preview,:root[data-theme="system"] .impulse-card h2,:root[data-theme="system"] .rosary-center strong,:root[data-theme="system"] .rosary-prayer{color:#faf1e5;}
:root[data-theme="system"] .mobile-nav{background:#28241f;border-color:#56483a;}
:root[data-theme="system"] .mobile-nav button,:root[data-theme="system"] .mobile-nav button.active{color:#e5d5bd;}
:root[data-theme="system"] .source-link,:root[data-theme="system"] .eyebrow,:root[data-theme="system"] .rosary-grid small,:root[data-theme="system"] .rosary-center small,:root[data-theme="system"] .father-label,:root[data-theme="system"] .rosary-entry small{color:#edc58c;}
:root[data-theme="system"] .chat-head,:root[data-theme="system"] .chat-suggestions,:root[data-theme="system"] .chat-panel,:root[data-theme="system"] .chat-form{background:#28241f;color:#faf1e5;border-color:#56483a;}
:root[data-theme="system"] .chat-messages{background:#1f1b17;}
:root[data-theme="system"] .chat-message.assistant,:root[data-theme="system"] .chat-suggestions button,:root[data-theme="system"] .chat-form input{background:#332d26;color:#faf1e5;border-color:#665342;}
:root[data-theme="system"] .chat-message.user{background:#e6c18a;color:#302317;}
:root[data-theme="system"] .chat-head .chat-back{color:#edc58c;background:transparent;}
:root[data-theme="system"] .chat-message blockquote{background:#403326;color:#fae6c6;}
:root[data-theme="system"] .primary,:root[data-theme="system"] .chat-form button{background:#e6c18a;color:#302317;}
:root[data-theme="system"] .soft,:root[data-theme="system"] .decade-picker button{background:#45372b;color:#fae6cc;border-color:#796047;}
:root[data-theme="system"] .decade-picker button.active{background:#e6c18a;color:#302317;}
:root[data-theme="system"] .lumen-intro button{background:#45372b;color:#fae6cc;}
:root[data-theme="system"] .rosary-bead,:root[data-theme="system"] .rosary-bead.active{color:#50331f;}
}
@media(max-width:800px){.mobile-nav button{grid-template-columns:minmax(0,1fr);justify-content:stretch}}

.daily-extras{display:grid;gap:18px;margin-top:20px}.companion-card{padding:26px;border:1px solid var(--border);border-radius:25px;background:var(--surface);color:var(--text);margin:0 0 20px}.companion-card h2{font-size:1.6rem}.companion-card h3{margin-top:24px;font-size:1rem;color:var(--gold-dark)}.companion-card p{line-height:1.8}.daily-prayer{font-family:Georgia,serif;font-size:1.14rem;line-height:1.85}.gratitude-entry{display:flex;align-items:center;gap:18px;text-align:left;width:100%;background:var(--surface-soft)}.gratitude-entry img{width:82px;height:82px;border-radius:22px}.gratitude-entry strong{display:block;font-family:Georgia,serif;font-size:1.35rem;margin:8px 0}.gratitude-entry small,.gratitude-entry span>span{color:var(--muted);font-size:.88rem}.gratitude-mochi{display:block;width:125px;margin:0 auto 22px;border-radius:28px}.pool-filters{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.pool-filters label,.companion-card label{display:grid;gap:8px;color:var(--muted);font-size:.9rem}.pool-filters input,.pool-filters select{min-width:0;width:100%}.pool-count,.edition-note,.note-hint{font-size:.84rem;color:var(--muted);line-height:1.65}.edition-note{padding:16px;background:var(--surface-soft);border-radius:16px}.humility-note{padding:16px;background:var(--surface-soft);border-radius:16px;color:var(--muted);line-height:1.7}.companion-card textarea{width:100%;margin:8px 0 18px}.note-hint{display:block;margin-top:12px}.daily-extras>.companion-card{margin-bottom:0}
@media(max-width:600px){.companion-card{padding:21px}.pool-filters{grid-template-columns:1fr}.gratitude-entry{padding:16px;gap:12px}.gratitude-entry img{width:66px;height:66px}.gratitude-entry strong{font-size:1.18rem}.daily-extras .action-row{display:grid;grid-template-columns:1fr}.companion-card h2{font-size:1.4rem}}

/* Quiet reading hierarchy; edition information stays below the text. */
.gospel-view>h1{font-size:clamp(1.65rem,5vw,2.3rem);font-weight:500;line-height:1.3;letter-spacing:-.015em;margin-bottom:1.3rem}
.gospel-view .reading-text{font-size:1.08rem;line-height:1.85;font-weight:400}
.gospel-view .reading-text p:first-letter{font:inherit;float:none;margin:0;color:inherit}
.gospel-view>.eyebrow{font-size:.7rem;font-weight:500;letter-spacing:.07em}
.gospel-view .church-text-card{padding:1rem;background:var(--surface);box-shadow:none;border-radius:18px}
.gospel-view .church-text-card strong{font-family:inherit;font-size:.98rem;font-weight:500}
.gospel-view .church-text-card p,.gospel-view .church-text-card small{font-size:.83rem;line-height:1.6}
.gospel-view .church-text-card .primary{font-size:.86rem;font-weight:500;box-shadow:none}
.gospel-view>.source-link{display:block;font-size:.76rem;font-weight:400;margin:1rem 0 1.5rem;color:var(--muted)}
footer.edition-note{display:block;background:none;border:0;border-top:1px solid var(--border);border-radius:0;padding:14px 0;margin:28px 0 0;font-family:inherit;font-size:.72rem;font-weight:400;line-height:1.6;color:var(--muted)}
footer.edition-note .source-link{font-size:inherit;font-weight:400;color:inherit}

.account-view{max-width:480px}.account-card{padding:clamp(24px,6vw,40px);border-radius:30px;background:var(--surface);border:1px solid var(--border);text-align:center}.account-mochi{display:block;width:100px;height:100px;object-fit:contain;margin:0 auto 22px;border-radius:28px}.account-card h1{font-size:clamp(1.8rem,7vw,2.3rem);font-weight:500;line-height:1.2}.account-card .eyebrow{font-size:.68rem;font-weight:500}.account-lead{font-size:.95rem;line-height:1.7;color:var(--muted);margin-bottom:28px}.account-form{text-align:left;display:grid;gap:16px}.account-form h2{font-size:1.2rem;margin:0}.account-form p{font-size:.9rem;color:var(--muted);margin:0}.account-form label{display:grid;gap:7px;font-size:.85rem}.account-form input{width:100%;min-height:50px;border-radius:15px;font-size:16px;background:var(--bg)}.account-form .primary{width:100%;min-height:50px;margin-top:8px}.account-footnote{font-size:.76rem;line-height:1.65;color:var(--muted);margin:24px 0 0}.account-symbol{color:var(--gold-dark)}

.account-preview{display:grid;gap:16px;border:0;padding:0;margin:0;min-width:0}.account-preview input:disabled{opacity:.75}.account-preview button:disabled{cursor:default;opacity:.65}

/* Keep the introduction physically next to its speaker at every screen size. */
.welcome-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;min-height:0;overflow:visible}
.welcome-card:before{display:none}.welcome-card .welcome-copy{grid-column:1;grid-row:1}
.lumen-companion{display:flex;align-items:center;gap:12px;min-width:0;grid-column:2;grid-row:1}
.welcome-card .lumen-companion .lumen-intro{position:relative;inset:auto;grid-area:auto;flex:1;width:auto;min-width:0;padding:17px 38px 17px 18px;border-radius:28px;margin:0;background:var(--surface-soft);border:0;box-shadow:none}
.welcome-card .lumen-companion .lumen-intro:after{display:block;content:"";position:absolute;right:-7px;top:50%;bottom:auto;width:16px;height:16px;background:inherit;border:0;border-radius:0 4px 0 0;transform:translateY(-50%) rotate(45deg)}
.welcome-card .lumen-companion .lumen-intro p{font-family:inherit;font-size:.88rem;line-height:1.55;color:var(--text)}
.welcome-card .lumen-companion .lumen-intro button{right:5px;top:5px;width:30px;height:30px;background:none}
.welcome-card .lumen-companion .mascot-wrap{position:relative;inset:auto;grid-area:auto;flex:0 0 112px;width:112px;margin:0}.lumen-companion .mascot-wrap img{display:block;filter:none}
.topbar .account-access{display:flex;flex-direction:column;justify-content:center;gap:2px;flex-shrink:0;min-width:48px;height:50px;margin-left:auto;border:0;background:transparent;color:var(--gold-dark)}.account-access span{font-size:.65rem;line-height:1.2;font-weight:500}
.gospel-sources{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:28px 0 0}.gospel-sources a{font-size:.75rem;font-weight:400;line-height:1.6;color:var(--muted);text-underline-offset:3px;padding:4px 0}
@media(max-width:800px){.welcome-card{grid-template-columns:minmax(0,1fr);gap:14px}.welcome-card .welcome-copy{grid-column:1;grid-row:1}.lumen-companion{grid-column:1;grid-row:2;gap:10px}.welcome-card .lumen-companion .mascot-wrap{flex-basis:88px;width:88px}.welcome-card .lumen-companion .lumen-intro{padding:13px 35px 13px 16px}.welcome-card .lumen-companion .lumen-intro p{font-size:.85rem}.welcome-card h1{font-size:1.85rem}.welcome-card .lead{margin-bottom:0}}

.account-signin{display:flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;box-sizing:border-box}.account-signout{display:block;text-align:center;padding:12px;color:var(--muted);font-size:.9rem;text-underline-offset:3px}.account-status{color:var(--success)!important;font-weight:600}.account-email,.account-form h2{overflow-wrap:anywhere}