.header-actions{display:flex;align-items:center;gap:16px}.header-actions button{font-size:1.4rem;min-width:44px;min-height:44px}.catalog-stats{display:flex;gap:30px;flex-wrap:wrap;margin:28px 0;color:var(--muted);padding:20px 0;border-bottom:1px solid var(--line)}.catalog-stats strong{font-size:1.4rem;color:var(--ink);display:block}.quiet-callout{margin-top:34px;border-left:3px solid #668d7b;padding:12px 22px;color:var(--muted)}.quiet-callout strong{color:var(--ink)}.quiet-callout p{margin:8px 0 0}.source-tag{font-size:.7rem;text-transform:uppercase;border:1px solid #ffffff70;border-radius:4px;padding:3px 7px;align-self:flex-start}.source-card .study-card-top{min-height:190px;gap:16px}.source-card h3{font-size:1.55rem;line-height:1.25}.source-card .study-card-body p{font-size:.85rem}.source-card .study-card-body small{color:var(--muted);font-size:.75rem}.source-card .study-card-body .plain{margin-top:16px}.resource-results{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}.resource-item{padding:18px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;line-height:1.5;font-weight:600;color:var(--ink)}.resource-item span{font-size:.75rem;display:block;font-weight:400;color:var(--muted);margin-top:5px}#resource-browser{margin-top:50px;padding-top:30px;border-top:1px solid var(--line)}#resource-search{display:block;width:100%;max-width:600px;margin-top:8px}#resource-more,#plan-more{margin-top:24px}.study-panel select{width:100%;margin:10px 0}.context-entry{border-bottom:1px solid var(--line);padding:15px 0}.context-entry button{font-size:.95rem;line-height:1.5;text-align:left}.context-entry small{display:block;color:var(--muted)}.study-panel .context-entry p{font-size:.85rem;line-height:1.6;margin:8px 0}.panel-tabs{gap:18px}#context-content{max-height:450px;overflow:auto}#footnotes-wrap{border-top:1px solid var(--line);margin-top:25px;padding-top:15px;font-size:.85rem;color:var(--muted)}#footnotes p{margin:12px 0}.offline-bar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:22px 0}.offline-bar span{font-size:.8rem;color:var(--muted)}.source-credit{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:.8rem;line-height:1.7;color:var(--muted)}.source-credit a,.reader-credit a{color:var(--blue);text-decoration:underline}.article-prose{font-size:1.05rem;line-height:1.85}.article-prose h2,.article-prose h3{font-family:var(--serif);font-size:1.5rem;line-height:1.3;margin-top:30px}.article-prose table{width:100%;font-size:.85rem;border-collapse:collapse;display:block;overflow:auto}.article-prose td,.article-prose th{border:1px solid var(--line);padding:8px}.article-prose img{max-width:100%;height:auto}.article-prose a.bible-ref{color:var(--blue);text-decoration:underline;cursor:pointer}#article-dialog{width:min(860px,calc(100vw - 24px));max-height:90vh;overflow:auto}#article-dialog h2{font-size:2rem;margin-top:8px}#compare-content{margin-top:22px;max-height:550px;overflow:auto}#compare-content .verse-row{font-size:1.05rem;padding:6px}.notebook-controls{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;margin:25px 0}.notebook-controls label{display:grid;gap:6px;font-size:.8rem}.notebook-controls label:first-child{flex:1;min-width:200px}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.account-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:28px}.account-card h2{font-size:1.8rem}.account-card p{color:var(--muted);font-size:.9rem}.account-card .actions{flex-wrap:wrap}.account-card .plain{margin:15px 15px 0 0}.file-label{cursor:pointer;position:relative;overflow:hidden}.file-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer;min-height:0}.danger{color:#974238}.account-summary{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:24px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.account-summary p{margin:0;color:var(--muted)}.account-summary .button{margin-left:auto}.empty-state{background:var(--paper);border:1px dashed var(--line);border-radius:12px;padding:32px;margin:20px 0;color:var(--muted)}.empty-state h3{color:var(--ink)}.saved-card{background:var(--paper);border:1px solid var(--line);padding:24px;border-radius:10px;margin:14px 0}.saved-card p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}.saved-card small{color:var(--muted)}.saved-card .actions{margin-top:16px;gap:24px}.plan-summary{margin-top:20px}.plan-day .actions{flex-wrap:wrap}.plan-day ul{color:var(--muted)}.plan-day .day-question{font-weight:400;color:var(--muted);font-style:italic}.plan-day.completed{background:var(--ok-bg,#eef5f1)}.map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.map-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:14px;text-align:left}.map-card img{width:100%;height:160px;object-fit:contain;background:white;margin-bottom:14px}.map-card span{display:block;font-size:.85rem;font-weight:600}.preview-pill{background:#f0e9da;border:1px solid #dfceb0;border-radius:6px;padding:16px;color:#5b4830;margin-bottom:16px}.empty-state .button{margin-top:10px}.sign-in-link{display:inline-flex}.source-license-list{display:grid;gap:24px}.source-license-list article{border-bottom:1px solid var(--line);padding-bottom:22px}.source-license-list h2{margin-top:0}.source-license-list p{overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}#collection-dialog input{width:100%;margin:12px 0 20px}
body.night{--ink:#e1e7ee;--muted:#a5b3c4;--blue:#94b9ff;--paper:#152432;--wash:#1c3042;--line:#344959;background:#101c28;color:var(--ink)}.night .sidebar,.night .nav-item,.night .app-header,.night .daily-card,.night .scripture,.night .study-panel,.night .study-card,.night .search-result,.night dialog,.night .font-controls button,.night .filter,.night .plan-day{background:var(--paper);color:var(--ink)}.night input,.night select,.night textarea{background:var(--surface);color:var(--ink);border-color:var(--line)}.night .nav-item.active,.night .verse-row.selected,.night .verse-row:hover,.night .notice{background:var(--tint)}.night .nav-item.active,.night .nav-item.active span{color:var(--blue)}.night .plan-day.completed{background:var(--ok-bg)}.night .study-card-top{color:white}.night .button{background:var(--btn,#497de8);color:var(--btn-ink,white)}.night .button.secondary{background:transparent;border-color:var(--line);color:var(--ink)}.night .daily-quote,.night .plan-summary{color:white}.night .preview-pill{background:#41351f;color:#f0dcb5;border-color:#6a5632}
@media(max-width:700px){.header-actions{gap:5px}.account-grid{grid-template-columns:1fr}.resource-results{grid-template-columns:1fr}.map-grid{grid-template-columns:1fr}.reader-controls label{width:100%}.reader-controls label:has(#book){width:calc(100% - 110px)}.reader-controls .chapter-label{width:100px}.font-controls{margin-left:0}.app-header .demo-badge{max-width:170px;overflow-wrap:anywhere}.account-summary{align-items:flex-start}.account-summary .button{margin-left:0}.catalog-stats{gap:20px}.catalog-stats strong{font-size:1.2rem}.sidebar nav{display:grid;grid-template-columns:repeat(3,1fr)}.nav-item{width:100%;margin:0}.notebook-controls{display:grid;grid-template-columns:1fr 1fr}.notebook-controls label:first-child{grid-column:1/-1}.notebook-controls input,.notebook-controls select{width:100%}.notebook-controls button{grid-column:1/-1}.view>h1{font-size:2.6rem}.chapter-nav .button{white-space:normal}.app-header{height:auto;min-height:82px}#article-dialog{padding:34px 20px 24px}.account-card{padding:22px}.source-card .study-card-top{min-height:160px}}

#mobile-tools{max-height:80vh;overflow:auto;padding:45px 18px 22px;width:calc(100vw - 24px);max-width:600px}#mobile-tools .study-panel{position:static;border:0;padding:0}#mobile-tools #context-content{max-height:42vh}#open-tools{margin:4px 0 20px}#notebook-consent{min-height:0;width:20px;height:20px;vertical-align:middle;margin:8px}.account-card:has(#notebook-consent) .button{margin-top:20px}

.study-panel .plain.full{display:block;width:100%;min-height:44px;text-align:center}dialog .actions{flex-wrap:wrap}#share-dialog .actions .button{flex:1 1 120px;min-width:0;white-space:normal}#whatsapp-share{flex:1 1 100%;overflow-wrap:anywhere}@media(max-width:700px){dialog{padding:38px 20px 24px;width:calc(100vw - 24px)}}
.email-sign-in{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.email-sign-in input{flex:1 1 220px;width:auto}