@font-face{font-family:DeungbulSans;src:url('/assets/fonts/sans.woff2') format('woff2');font-display:swap}
@font-face{font-family:DeungbulSerif;src:url('/assets/fonts/serif.woff2') format('woff2');font-display:swap}
:root{--ink:#07131d;--ink-soft:#102431;--panel:#122b3a;--panel-2:#173748;--line:rgba(193,213,220,.14);--muted:#91abb4;--muted-2:#617f8a;--paper:#f6f4ed;--paper-dim:#d9ddd4;--cream:#f2e9d4;--amber:#f4c878;--amber-bright:#ffd992;--coral:#ed8c74;--teal:#78c5ba;--blue:#83b4d8;--white:#f7faf8;--sans:DeungbulSans,'Apple SD Gothic Neo',sans-serif;--serif:DeungbulSerif,Georgia,serif;--radius:18px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);font-size:15px;line-height:1.5}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.skip-link{position:absolute;left:14px;top:-50px;padding:10px 14px;background:var(--amber);color:var(--ink);z-index:99}.skip-link:focus{top:12px}.app-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 8% 0%,rgba(46,105,119,.27),transparent 31rem),radial-gradient(circle at 100% 19%,rgba(54,90,123,.22),transparent 28rem),var(--ink)}
.topbar{height:78px;max-width:1380px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--amber);color:var(--ink)}.brand b{display:block;font-family:var(--serif);font-size:19px;line-height:1}.brand small{display:block;margin-top:3px;color:var(--muted);font-size:9px;letter-spacing:.04em}.topbar-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(120,197,186,.12)}.date-mark{margin-left:18px;color:var(--cream);font-variant-numeric:tabular-nums}.topbar-actions{display:flex;align-items:center;gap:9px}.icon-button{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);transition:.2s var(--ease)}.icon-button:hover{color:var(--cream);border-color:rgba(244,200,120,.5);background:rgba(244,200,120,.08)}.icon-button.small{width:31px;height:31px}.avatar{width:35px;height:35px;border:1px solid rgba(244,200,120,.4);border-radius:50%;background:rgba(244,200,120,.15);color:var(--amber);font-weight:800;font-size:12px}
.main-content{max-width:1380px;margin:auto;padding:48px 40px 76px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(370px,.8fr);gap:70px;align-items:end;padding:36px 36px 50px;border-bottom:1px solid var(--line)}.eyebrow,.section-label{color:var(--amber);font-size:10px;font-weight:800;letter-spacing:.15em}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:20px}.eyebrow-line{width:32px;height:1px;background:var(--amber)}h1,h2,h3,p{margin-top:0}h1{margin:0;color:var(--paper);font-family:var(--serif);font-size:clamp(52px,6.1vw,92px);font-weight:400;line-height:.98;letter-spacing:-.065em}h1 em{color:var(--amber);font-style:normal}.hero-lede{margin:25px 0 32px;color:var(--muted);font-size:14px;line-height:1.9}.progress-cluster{display:flex;align-items:center;gap:17px}.progress-ring{--progress:1%;position:relative;width:69px;height:69px;border-radius:50%;background:conic-gradient(var(--amber) var(--progress),rgba(255,255,255,.1) 0);display:grid;place-items:center}.progress-ring:before{content:'';position:absolute;inset:6px;border-radius:50%;background:var(--ink)}.progress-ring span{position:relative;font-size:17px;color:var(--paper);font-weight:800}.progress-ring small{font-size:10px;color:var(--amber)}.progress-cluster strong{display:block;color:var(--paper);font-size:14px}.progress-cluster>div:last-child>span{display:block;margin-top:2px;color:var(--muted-2);font-size:11px}.mini-progress{width:174px;height:4px;margin-top:9px;overflow:hidden;border-radius:4px;background:rgba(255,255,255,.1)}.mini-progress i{display:block;height:100%;border-radius:inherit;background:var(--amber)}.hero-plan{padding:23px 24px 19px;border:1px solid var(--line);background:rgba(20,47,61,.72);border-radius:var(--radius)}.plan-head,.plan-footer,.note-top,.section-topline,.now-playing-top,.player-bottom,.scripture-foot{display:flex;align-items:center;justify-content:space-between;gap:16px}.plan-head strong{display:block;margin-top:4px;color:var(--paper);font-size:15px}.plan-count{color:var(--amber);font-size:12px;font-weight:800}.week-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:25px 0 21px}.day-item{display:grid;place-items:center;gap:6px;color:var(--muted-2);font-size:10px}.day-item b{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--line);border-radius:50%;font-size:9px}.day-item.is-done{color:var(--teal)}.day-item.is-done b{border-color:rgba(120,197,186,.5);background:rgba(120,197,186,.12)}.day-item.is-today{color:var(--amber)}.day-item.is-today b{border-color:var(--amber);background:var(--amber);color:var(--ink)}.plan-footer{padding-top:16px;border-top:1px solid var(--line);color:var(--muted-2);font-size:10px}.plan-dot{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--teal)}.plan-footer button,.text-button{display:inline-flex;align-items:center;gap:3px;padding:0;border:0;background:none;color:var(--cream);font-size:10px}.plan-footer button:hover,.text-button:hover{color:var(--amber)}
.mode-bar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 36px;border-bottom:1px solid var(--line)}.mode-intro strong{display:block;margin-top:5px;color:var(--paper);font-family:var(--serif);font-size:18px;font-weight:400}.mode-switch{display:flex;gap:7px;padding:4px;border:1px solid var(--line);border-radius:13px;background:rgba(0,0,0,.12)}.mode-option{display:flex;align-items:center;gap:9px;min-width:156px;padding:10px 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);text-align:left;transition:.2s var(--ease)}.mode-option b,.mode-option small{display:block}.mode-option b{font-size:11px;color:inherit}.mode-option small{margin-top:1px;font-size:9px;color:var(--muted-2)}.mode-option.is-active{background:var(--amber);color:var(--ink)}.mode-option.is-active small{color:rgba(7,19,29,.65)}.mode-option:hover:not(.is-active){background:rgba(255,255,255,.05);color:var(--paper)}
.reading-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr);gap:22px;margin:36px 0 22px}.workspace-main,.commute-note,.visual-guide-panel,.summary-panel,.scripture-panel,.reflection-panel{border:1px solid var(--line);border-radius:var(--radius);background:rgba(15,39,51,.66)}.workspace-main{padding:28px}.section-topline{align-items:flex-start;margin-bottom:23px}.section-topline h2,.summary-panel h2,.scripture-panel h2,.reflection-panel h2{margin:5px 0 0;color:var(--paper);font-size:22px;font-weight:500;letter-spacing:-.045em}.chapter-picker{display:flex;align-items:end;gap:12px;padding:13px 15px;margin-bottom:12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}.chapter-picker label{display:grid;gap:3px}.chapter-picker label>span{color:var(--muted-2);font-size:9px}.chapter-picker select{appearance:none;padding:0 22px 0 0;border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2391abb4' stroke-width='1.5'%3E%3Cpath d='m3 4 3 3 3-3M3 8l3 3 3-3'/%3E%3C/svg%3E") no-repeat right center;color:var(--paper);font-size:13px;font-weight:700;cursor:pointer}.chapter-picker select option{background:var(--ink)}.picker-divider{padding-bottom:1px;color:var(--muted-2)}.picker-category{display:flex;align-items:center;gap:7px;margin-left:auto;padding-bottom:2px;color:var(--muted);font-size:10px}.picker-category i{width:6px;height:6px;border-radius:50%;background:var(--coral)}
.now-playing-card{position:relative;padding:23px 25px 19px;overflow:hidden;border:1px solid rgba(244,200,120,.21);border-radius:15px;background:linear-gradient(135deg,rgba(28,62,74,.95),rgba(13,32,44,.96));box-shadow:0 20px 50px rgba(0,0,0,.16)}.now-playing-card:before{content:'';position:absolute;right:-70px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(244,200,120,.12),transparent 68%);pointer-events:none}.now-playing-top{position:relative;margin-bottom:27px;color:var(--muted);font-size:10px}.now-label,.sound-pulse{display:flex;align-items:center;gap:7px}.sound-pulse{height:16px;color:var(--amber)}.sound-pulse i{display:block;width:2px;height:6px;border-radius:2px;background:var(--amber);animation:equalize .8s ease-in-out infinite alternate}.sound-pulse i:nth-child(2){height:12px;animation-delay:.15s}.sound-pulse i:nth-child(3){height:8px;animation-delay:.3s}@keyframes equalize{to{transform:scaleY(.4)}}.audio-status{color:var(--muted-2);font-size:9px}.now-playing-content{position:relative;display:flex;align-items:center;gap:16px}.chapter-number{color:var(--amber);font-family:var(--serif);font-size:43px;line-height:1;letter-spacing:-.08em}.now-title h3{margin:0;color:var(--paper);font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:-.05em}.now-title p{margin:4px 0 0;color:var(--muted);font-size:11px}.now-title p span{padding:0 5px;color:var(--amber)}.chapter-complete{display:grid;place-items:center;width:28px;height:28px;margin-left:auto;border:1px solid var(--line);border-radius:50%;color:var(--ink)}.chapter-complete.is-complete{border-color:var(--teal);background:var(--teal)}.waveform{position:relative;display:flex;align-items:center;gap:3px;height:56px;margin:22px 0 15px;padding:0 2px;border-top:1px solid rgba(193,213,220,.1);border-bottom:1px solid rgba(193,213,220,.1)}.waveform i{display:block;width:3px;height:var(--h);max-height:34px;border-radius:5px;background:linear-gradient(to top,var(--amber),var(--coral));opacity:.58;animation:wave 1.2s ease-in-out var(--d) infinite alternate}.now-playing-card:not(.is-playing) .waveform i{animation-play-state:paused;opacity:.35}.waveform i:nth-child(3n){background:var(--teal)}@keyframes wave{to{height:9px}}.player-controls{position:relative;display:flex;align-items:center;justify-content:center;gap:27px}.skip-button{display:flex;align-items:center;gap:2px;padding:6px;border:0;background:none;color:var(--muted);font-size:10px}.skip-button:hover{color:var(--amber)}.play-button{display:grid;place-items:center;width:54px;height:54px;border:0;border-radius:50%;background:var(--amber);color:var(--ink);box-shadow:0 0 0 7px rgba(244,200,120,.1);transition:.2s var(--ease)}.play-button:hover{transform:scale(1.05);background:var(--amber-bright)}.player-time{position:absolute;right:0;left:0;bottom:-23px;display:flex;justify-content:space-between;color:var(--muted-2);font-size:9px;pointer-events:none}.player-caption{display:flex;align-items:flex-start;gap:13px;margin-top:32px;padding:12px 14px;border-left:2px solid var(--amber);background:rgba(0,0,0,.12)}.caption-index{color:var(--amber);font-family:var(--serif);font-size:13px}.player-caption p{margin:0;color:var(--paper);font-family:var(--serif);font-size:15px;line-height:1.5}.player-bottom{position:relative;margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.speed-control{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px}.speed-control input{width:90px;accent-color:var(--amber)}.speed-control b{color:var(--amber);font-size:10px}.complete-button{padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font-size:10px}.complete-button:hover{border-color:var(--amber);color:var(--amber)}.complete-button.is-complete{border-color:rgba(120,197,186,.45);background:rgba(120,197,186,.08);color:var(--teal)}.chapter-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 4px 0;color:var(--muted-2);font-size:10px}.chapter-nav button{display:inline-flex;align-items:center;gap:5px;padding:5px;border:0;background:transparent;color:var(--muted);font-size:10px}.chapter-nav button:hover{color:var(--amber)}
.commute-note{position:relative;display:flex;flex-direction:column;min-height:430px;padding:25px 23px;overflow:hidden;background:linear-gradient(155deg,rgba(244,200,120,.12),rgba(15,39,51,.78) 58%)}.commute-note:after{content:'✦';position:absolute;right:-2px;bottom:-42px;color:rgba(244,200,120,.1);font-family:var(--serif);font-size:180px}.note-date{color:var(--muted-2);font-size:9px}.note-quote{position:relative;margin:auto 0;color:var(--paper);font-family:var(--serif);font-size:32px;line-height:1.17;letter-spacing:-.06em}.note-quote em{color:var(--amber);font-style:normal}.note-rule{width:45px;height:1px;margin-bottom:15px;background:var(--amber)}.commute-note p{position:relative;max-width:200px;margin:0;color:var(--muted);font-size:11px;line-height:1.8}.route-line{position:relative;display:flex;align-items:center;gap:8px;margin-top:27px;color:var(--amber);font-size:11px}.route-line>i{display:block;width:88px;height:1px;background:repeating-linear-gradient(90deg,var(--amber) 0 4px,transparent 4px 8px)}.route-pin{font-size:17px}.route-pin.is-end{color:var(--teal)}.route-line div{display:flex;justify-content:space-between;width:60px;margin-left:-2px;color:var(--muted-2);font-size:9px}
.lower-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.visual-guide-panel,.summary-panel{padding:28px}.guide-tabs{display:flex;gap:5px}.guide-tabs button{padding:5px 8px;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--muted-2);font-size:10px}.guide-tabs button.is-active{border-color:var(--amber);color:var(--amber)}.visual-stage{display:grid;place-items:center;height:250px;margin:0 -4px;border-radius:12px;background:radial-gradient(circle at 50% 54%,rgba(244,200,120,.12),transparent 45%),rgba(4,17,26,.37)}.guide-svg{width:100%;height:100%;font-family:var(--sans);overflow:visible}.guide-svg text{fill:var(--muted);font-size:11px}.guide-svg .center-label{fill:var(--paper);font-size:12px;font-family:var(--serif)}.ground{stroke:rgba(193,213,220,.16);stroke-width:1}.outer{fill:rgba(244,200,120,.05);stroke:rgba(244,200,120,.55);stroke-width:1.2}.inner{fill:rgba(120,197,186,.05);stroke:rgba(120,197,186,.56);stroke-width:1.2}.curtain{stroke:rgba(244,200,120,.4);stroke-dasharray:3 3}.altar{fill:rgba(237,140,116,.23);stroke:var(--coral);stroke-width:1}.basin{fill:rgba(131,180,216,.2);stroke:var(--blue);stroke-width:1}.holy{fill:rgba(244,200,120,.2);stroke:var(--amber);stroke-width:1}.gold{stroke:var(--amber);stroke-width:2}.guide-link{stroke:rgba(244,200,120,.33);stroke-dasharray:2 4}.hotspot,.map-node{fill:var(--amber);stroke:var(--ink);stroke-width:4;cursor:pointer;transition:.2s}.hotspot.is-active,.map-node.is-active{fill:var(--coral);stroke:var(--amber);stroke-width:3;filter:drop-shadow(0 0 7px rgba(244,200,120,.6))}.map-line{fill:none;stroke:var(--amber);stroke-width:2;stroke-dasharray:3 7;stroke-linecap:round}.map-node{fill:var(--teal)}.map-stem,.map-arrow{stroke:rgba(193,213,220,.37);stroke-width:1}.vision-svg .orbit{fill:none;stroke:rgba(131,180,216,.46);stroke-width:1.2;stroke-dasharray:3 6}.vision-svg .orbit-b{stroke:rgba(237,140,116,.52)}.vision-svg .orbit-c{stroke:rgba(244,200,120,.55)}.vision-core{fill:rgba(244,200,120,.17);stroke:var(--amber);stroke-width:1}.vision-svg .ray{stroke:rgba(244,200,120,.45);stroke-width:1}.vision-svg text{font-size:10px}.hotspot-detail{display:flex;align-items:center;gap:12px;padding-top:19px}.hotspot-index{color:var(--amber);font-family:var(--serif);font-size:19px}.hotspot-detail strong{color:var(--paper);font-size:12px}.hotspot-detail p{margin:3px 0 0;color:var(--muted);font-size:10px}.hotspot-detail button{display:grid;place-items:center;width:29px;height:29px;margin-left:auto;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--amber)}.summary-panel{background:linear-gradient(160deg,rgba(246,244,237,.96),rgba(234,236,226,.98));color:var(--ink)}.summary-panel .section-label{color:#ad714d}.summary-panel h2{color:var(--ink)}.summary-time{padding:4px 7px;border:1px solid rgba(7,19,29,.16);border-radius:5px;color:#57747a;font-size:9px}.summary-panel h3{margin:13px 0 8px;font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:-.05em}.summary-lede{margin-bottom:22px;color:#587078;font-size:11px;line-height:1.85}.point-list{display:grid;gap:9px}.point-item{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start;padding-top:9px;border-top:1px solid rgba(7,19,29,.11)}.point-item span{color:#ad714d;font-family:var(--serif);font-size:12px}.point-item p{margin:0;color:#304b56;font-size:11px}.verse-block{display:flex;gap:11px;margin-top:23px;padding:14px 15px;border-radius:9px;background:rgba(7,19,29,.06)}.verse-mark{color:#ad714d}.verse-block p{margin:0 0 3px;color:var(--ink);font-family:var(--serif);font-size:14px;line-height:1.45}.verse-block span{color:#769099;font-size:9px}
.verse-reflection-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;margin-top:22px}.scripture-panel,.reflection-panel{padding:28px}.scripture-copy{position:relative;padding:24px 24px 20px 33px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quotation-mark{position:absolute;left:0;top:13px;color:var(--amber);font-family:var(--serif);font-size:56px;line-height:1}.scripture-copy blockquote{margin:0;color:var(--paper);font-family:var(--serif);font-size:25px;line-height:1.35;letter-spacing:-.045em}.scripture-copy cite{display:block;margin-top:12px;color:var(--amber);font-size:10px;font-style:normal}.scripture-foot{padding-top:14px;color:var(--muted);font-size:10px}.scripture-foot button{display:inline-flex;align-items:center;gap:3px;border:0;background:none;color:var(--cream);font-size:10px}.reflection-panel{position:relative;background:linear-gradient(145deg,rgba(237,140,116,.12),rgba(15,39,51,.73))}.reflection-panel h2{font-family:var(--serif);font-weight:400}.reflection-mark{margin:25px 0 8px;color:var(--coral);font-size:25px}.reflection-panel p{max-width:300px;margin-bottom:25px;color:var(--paper);font-family:var(--serif);font-size:19px;line-height:1.45}.reflection-button{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(237,140,116,.45);border-radius:8px;background:transparent;color:var(--coral);font-size:10px}.reflection-button:hover,.reflection-button.is-saved{background:rgba(237,140,116,.13)}.app-footer{display:flex;justify-content:space-between;gap:20px;max-width:1380px;margin:auto;padding:22px 40px 28px;border-top:1px solid var(--line);color:var(--muted-2);font-size:10px}
.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:start center;padding:12vh 20px;background:rgba(2,10,15,.72);backdrop-filter:blur(8px)}.search-modal,.settings-modal{width:min(560px,100%);padding:27px;border:1px solid rgba(244,200,120,.25);border-radius:18px;background:#122b3a;box-shadow:0 30px 80px rgba(0,0,0,.35)}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.modal-heading h2{margin:5px 0 0;color:var(--paper);font-family:var(--serif);font-size:25px;font-weight:400}.search-field{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;color:var(--amber);background:rgba(0,0,0,.13)}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--paper);font-size:12px}.search-field input::placeholder{color:var(--muted-2)}kbd{padding:3px 5px;border:1px solid var(--line);border-radius:4px;color:var(--muted-2);font-size:8px}.search-results{display:grid;gap:3px;margin-top:13px}.search-results button{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:8px;padding:10px 8px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);text-align:left}.search-results button:hover{background:rgba(255,255,255,.04);color:var(--paper)}.search-results span,.search-results small{font-size:9px}.search-results strong{font-size:12px;color:inherit}.search-results svg{grid-column:3;grid-row:1 / span 2;color:var(--amber)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}.settings-row strong,.settings-row span{display:block}.settings-row strong{color:var(--paper);font-size:12px}.settings-row span{margin-top:4px;color:var(--muted);font-size:10px}.segmented{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:8px}.segmented button{padding:6px 9px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:10px}.segmented button.is-active{background:var(--amber);color:var(--ink)}.toggle{width:39px;height:23px;padding:3px;border:0;border-radius:20px;background:var(--muted-2)}.toggle i{display:block;width:17px;height:17px;border-radius:50%;background:var(--paper);transition:.2s}.toggle.is-on{background:var(--teal)}.toggle.is-on i{transform:translateX(16px)}.modal-save{display:inline-flex;align-items:center;gap:7px;margin-top:21px;padding:10px 14px;border:0;border-radius:8px;background:var(--amber);color:var(--ink);font-size:10px;font-weight:800}.toast{position:fixed;right:24px;bottom:24px;z-index:20;padding:11px 14px;border:1px solid rgba(120,197,186,.35);border-radius:9px;background:#163a45;color:var(--paper);font-size:11px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s var(--ease)}.toast.is-visible{opacity:1;transform:translateY(0)}
body[data-mode="driving"]{--panel:#08151e;--line:rgba(245,248,243,.19);--muted:#aebebc;--muted-2:#78908d;--amber:#ffd05e;--coral:#ff987d}body[data-mode="driving"] .app-shell{background:radial-gradient(circle at 50% -10%,rgba(90,112,65,.21),transparent 32rem),#050b10}body[data-mode="driving"] .hero-grid{padding-top:50px}body[data-mode="driving"] .player-caption p{font-size:18px}body[data-mode="driving"] .mode-bar{border-color:rgba(255,208,94,.2)}body[data-mode="driving"] .visual-guide-panel,body[data-mode="driving"] .summary-panel,body[data-mode="driving"] .reflection-panel{opacity:.72}body[data-mode="driving"] .mode-option.is-active{background:var(--amber)}
@media (max-width:1000px){.topbar,.main-content,.app-footer{padding-left:24px;padding-right:24px}.hero-grid{grid-template-columns:1fr;gap:36px;padding-left:20px;padding-right:20px}.hero-plan{max-width:520px}.reading-workspace,.lower-grid,.verse-reflection-grid{grid-template-columns:1fr}.commute-note{min-height:260px}.commute-note .note-quote{margin:24px 0}.route-line{margin-top:22px}.visual-stage{height:230px}}
@media (max-width:680px){body{font-size:14px}.topbar{height:67px;padding:0 16px}.topbar-meta{display:none}.topbar-actions{gap:5px}.topbar-actions .icon-button:first-child{display:none}.main-content{padding:27px 14px 52px}.hero-grid{gap:28px;padding:21px 7px 34px}.eyebrow{margin-bottom:17px;font-size:9px}h1{font-size:57px}.hero-lede{margin:18px 0 25px;font-size:12px;line-height:1.75}.progress-cluster{gap:12px}.progress-ring{width:61px;height:61px}.hero-plan{padding:18px 16px}.mode-bar{display:block;padding:22px 7px}.mode-switch{margin-top:15px}.mode-option{min-width:0;flex:1;padding:9px 8px}.mode-option small{font-size:8px}.reading-workspace{margin-top:25px;gap:14px}.workspace-main,.visual-guide-panel,.summary-panel,.scripture-panel,.reflection-panel{padding:20px 16px;border-radius:15px}.section-topline{margin-bottom:18px}.section-topline h2,.summary-panel h2,.scripture-panel h2,.reflection-panel h2{font-size:20px}.text-button{font-size:9px}.chapter-picker{gap:8px;padding:11px}.picker-category{font-size:9px}.now-playing-card{padding:19px 17px 16px}.now-playing-top{margin-bottom:21px}.now-title h3{font-size:22px}.chapter-number{font-size:36px}.waveform{gap:2px;margin:20px -2px 12px}.waveform i{width:2px}.player-controls{gap:22px}.play-button{width:50px;height:50px}.player-caption{margin-top:30px;padding:10px 11px}.player-caption p{font-size:14px}.player-bottom{display:block}.speed-control{margin-bottom:13px}.speed-control input{width:120px}.complete-button{width:100%}.chapter-nav{padding:14px 0 0}.chapter-nav span{display:none}.commute-note{min-height:280px;padding:21px 17px}.note-quote{font-size:29px}.visual-stage{height:205px}.guide-tabs button{padding:4px 5px;font-size:9px}.hotspot-detail p{line-height:1.4}.summary-panel h3{font-size:22px}.scripture-copy{padding:20px 10px 18px 26px}.scripture-copy blockquote{font-size:21px}.scripture-foot{display:block;line-height:1.6}.scripture-foot button{margin-top:7px}.reflection-panel p{font-size:18px}.app-footer{display:block;padding:20px 16px;font-size:9px;line-height:1.8}.app-footer span{display:block}.app-footer span+span{margin-top:3px}.modal-backdrop{padding:5vh 14px}.search-modal,.settings-modal{padding:20px}.toast{right:14px;bottom:14px;left:14px;text-align:center}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* The caption uses a quiet field tint; the route uses a dotted rule to keep the map readable. */
.player-caption{border-left:0;background:rgba(244,200,120,.07)}
.route-line>i{height:0;background:none;border-top:1px dotted var(--amber)}
.app-shell{background:var(--ink)}
.workspace-main{border-color:transparent;background:transparent}
.brand small,.topbar-meta,.date-mark,.plan-footer,.mode-option small,.picker-category,.audio-status,.now-title p,.player-time,.speed-control,.complete-button,.chapter-nav,.note-date,.summary-time,.scripture-foot,.scripture-copy cite,.reflection-button,.app-footer,.search-results small,.search-results span,.search-empty{font-size:11px}
.section-label,.eyebrow{font-size:11px}
.summary-lede,.commute-note p,.point-item p{font-size:13px}
.topbar-meta,.picker-category,.audio-status,.now-title p,.player-time,.speed-control,.chapter-nav,.note-date,.summary-time,.scripture-foot,.scripture-copy cite,.search-results small,.search-results span{color:var(--muted)}
.search-empty{margin:18px 0 6px;color:var(--muted)}
.now-playing-card{background:var(--panel-2)}
.commute-note{background:var(--panel)}
.summary-panel{background:var(--paper)}
.book-jump{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:13px 15px;border:1px solid rgba(244,200,120,.32);border-radius:11px;background:rgba(244,200,120,.08);color:var(--paper);text-align:left;transition:.2s var(--ease)}.book-jump:hover{border-color:var(--amber);background:rgba(244,200,120,.14)}.book-jump-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--amber);color:var(--ink)}.book-jump-copy{display:grid;gap:2px}.book-jump-copy small{color:var(--muted);font-size:10px}.book-jump-copy strong{font-family:var(--serif);font-size:18px;font-weight:400}.book-jump-meta{display:flex;align-items:center;gap:12px;margin-left:auto;color:var(--muted);font-size:10px}.book-jump-meta b{display:inline-flex;align-items:center;gap:3px;color:var(--amber);font-weight:700}.modal-hint{margin:7px 0 0;color:var(--muted);font-size:11px}
.translation-switch{display:flex;gap:4px;margin:-6px 0 12px;padding:3px;width:max-content;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.12)}
.translation-switch button,.book-filter-tabs button{padding:7px 10px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:11px}.translation-switch button.is-active,.book-filter-tabs button.is-active{background:var(--amber);color:var(--ink)}
.book-browser-modal{width:min(820px,100%);max-height:min(80vh,720px);padding:27px;overflow:auto;border:1px solid rgba(244,200,120,.25);border-radius:18px;background:#122b3a;box-shadow:0 30px 80px rgba(0,0,0,.35)}.book-filter-tabs{display:flex;gap:5px;margin-bottom:17px;padding-bottom:12px;border-bottom:1px solid var(--line)}.book-browser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.book-browser-item{position:relative;display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto;gap:1px 8px;padding:12px 11px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025);color:var(--muted);text-align:left;transition:.2s var(--ease)}.book-browser-item:hover,.book-browser-item.is-current{border-color:rgba(244,200,120,.55);background:rgba(244,200,120,.09);color:var(--paper)}.book-browser-item>span{grid-row:span 2;color:var(--amber);font-family:var(--serif);font-size:13px}.book-browser-item strong{font-size:12px}.book-browser-item small{font-size:10px;color:var(--muted-2)}.book-browser-item i{position:absolute;right:9px;top:9px;color:var(--teal);font-size:9px;font-style:normal}
@media (max-width:680px){.translation-switch{width:100%}.translation-switch button{flex:1}.book-browser-modal{padding:20px 16px}.book-browser-grid{grid-template-columns:repeat(2,1fr);gap:5px}.book-browser-item{padding:10px 8px;grid-template-columns:23px 1fr;gap:1px 5px}.book-browser-item strong{font-size:11px}.book-browser-item small{font-size:9px}}
.scripture-full{max-height:470px;overflow:auto;padding:15px 18px;background:rgba(0,0,0,.1);scrollbar-color:var(--amber) transparent}
.scripture-full .verse-row{display:grid;grid-template-columns:27px 1fr;gap:11px;margin:0;padding:10px 5px;border-bottom:1px solid rgba(193,213,220,.09);color:var(--paper);font-family:var(--serif);font-size:15px;line-height:1.75;transition:.2s var(--ease)}
.scripture-full .verse-row:last-child{border-bottom:0}.scripture-full .verse-row:hover,.scripture-full .verse-row.is-current-verse{background:rgba(244,200,120,.1)}.verse-number{color:var(--amber);font-family:var(--sans);font-size:11px;font-weight:800;text-align:right}.verse-row strong{color:var(--amber-bright);font-weight:500}.scripture-loading{display:flex;align-items:center;gap:9px;min-height:180px;padding:22px;color:var(--muted);font-size:13px}.loading-dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 6px rgba(244,200,120,.1);animation:pulse-dot 1.2s ease-in-out infinite alternate}@keyframes pulse-dot{to{opacity:.35;transform:scale(.72)}}
body[data-mode="driving"] .scripture-full{opacity:.58}body[data-mode="driving"] .scripture-full .verse-row{font-size:14px}
@media (max-width:680px){.scripture-full{max-height:430px;padding:10px}.scripture-full .verse-row{grid-template-columns:22px 1fr;gap:8px;padding:9px 3px;font-size:14px}.scripture-loading{min-height:140px}}

/* Readability pass: Korean-first hierarchy, fewer micro-labels, and larger reading targets. */
:root{--muted:#bed0d2;--muted-2:#9db5ba;--line:rgba(193,213,220,.19)}
body{font-size:16px;line-height:1.65}
.section-label,.eyebrow{font-size:12px;letter-spacing:.06em}
.hero-grid{gap:54px;padding-top:42px;padding-bottom:46px}
.hero-lede{font-size:16px;line-height:1.8}
.mode-bar{padding-top:28px;padding-bottom:28px}
.mode-option{min-height:54px}
.mode-option b{font-size:14px}
.mode-option small{font-size:12px}
.workspace-main{padding:30px 32px}
.section-topline h2,.summary-panel h2,.scripture-panel h2,.reflection-panel h2{font-size:25px}
.book-jump{min-height:64px;padding:14px 16px}
.book-jump-copy small{font-size:12px}
.book-jump-copy strong{font-size:21px}
.book-jump-meta{font-size:12px}
.chapter-picker{min-height:58px;padding:14px 16px}
.chapter-picker label>span{font-size:11px}
.chapter-picker select{font-size:15px}
.picker-category{font-size:12px}
.now-playing-card{padding:26px 28px 22px}
.now-playing-top,.audio-status,.now-title p{font-size:12px}
.now-title h3{font-size:30px}
.now-title p{line-height:1.5}
.player-caption p{font-size:17px;line-height:1.75}
.speed-control,.complete-button,.chapter-nav{font-size:12px}
.plan-footer button,.chapter-nav button,.speed-control b,.route-line div,.route-line small{font-size:12px}
.day-item b{font-size:11px}
.complete-button{min-height:44px;padding:9px 13px}
.skip-button{min-width:52px;min-height:44px;justify-content:center;font-size:12px}
.play-button{width:62px;height:62px}
.commute-note{padding:28px 26px}
.note-date,.summary-time{font-size:12px}
.note-quote{font-size:36px}
.commute-note p{font-size:14px;line-height:1.85}
.visual-guide-panel,.summary-panel,.scripture-panel,.reflection-panel{padding:30px}
.guide-tabs button{min-height:44px;padding:7px 10px;font-size:12px}
.visual-stage{height:270px}
.guide-svg text{font-size:13px}
.guide-svg .center-label{font-size:14px}
.hotspot-detail{padding-top:22px}
.hotspot-detail strong{font-size:14px}
.hotspot-detail p{font-size:13px;line-height:1.65}
.summary-lede{font-size:14px;line-height:1.9}
.point-item p{font-size:14px;line-height:1.7}
.point-item{grid-template-columns:27px 1fr;gap:10px;padding-top:12px}
.point-item span{font-size:14px}
.verse-block p{font-size:16px;line-height:1.6}
.verse-block span{font-size:12px}
.summary-panel .section-label{color:#7d482f}
.summary-panel .summary-time{color:#3f5a61}
.summary-panel .verse-block span{color:#3f5a61}
.summary-panel .point-item span,.summary-panel .verse-mark{color:#7d482f}
.translation-switch button,.book-filter-tabs button{min-height:42px;padding:8px 12px;font-size:13px}
.scripture-full{max-height:560px;padding:18px 22px}
.scripture-full .verse-row{grid-template-columns:32px 1fr;gap:13px;padding:12px 7px;font-size:17px;line-height:1.95}
.verse-number{font-size:12px}
.scripture-foot{font-size:12px;line-height:1.7}
.scripture-foot button{font-size:12px;min-height:40px}
.reflection-panel p{font-size:21px;line-height:1.6}
.reflection-button{min-height:44px;font-size:12px}
.app-footer{font-size:12px}
.search-field input{font-size:14px}
.search-results strong{font-size:14px}
.search-results span,.search-results small{font-size:12px}
.book-browser-item{min-height:66px;padding:13px 12px}
.book-browser-item strong{font-size:14px}
.book-browser-item small{font-size:12px}
.book-browser-item i{font-size:11px}
.modal-hint{font-size:13px}
@media (max-width:1000px){.hero-grid{gap:32px}.workspace-main{padding:26px 24px}.visual-guide-panel,.summary-panel,.scripture-panel,.reflection-panel{padding:26px}}
@media (max-width:1000px){.hero-plan{width:100%;max-width:none}}
@media (max-width:680px){
  body{font-size:15px}
  .main-content{padding-top:20px}
  .hero-grid{gap:20px;padding:17px 7px 26px}
  .eyebrow{margin-bottom:13px;font-size:11px}
  h1{font-size:49px;line-height:1.02;letter-spacing:-.07em}
  .hero-lede{margin:15px 0 20px;font-size:14px;line-height:1.7}
  .hero-plan{padding:16px 15px}
  .week-row{margin:17px 0 15px}
  .day-item{font-size:12px}
  .day-item b{width:34px;height:34px;font-size:11px}
  .plan-footer{font-size:12px}
  .plan-footer button{font-size:12px}
  .mode-bar{padding:18px 7px}
  .mode-intro strong{font-size:20px}
  .mode-switch{gap:4px;margin-top:12px}
  .mode-option{min-height:66px;padding:9px 10px;gap:7px}
  .mode-option b{font-size:13px}
  .mode-option small{font-size:10px;line-height:1.35}
  .reading-workspace{margin-top:20px}
  .workspace-main{padding:18px 14px}
  .section-topline{margin-bottom:15px}
  .section-topline h2,.summary-panel h2,.scripture-panel h2,.reflection-panel h2{font-size:22px}
  .book-jump{gap:10px;padding:12px 13px}
  .book-jump-mark{width:38px;height:38px;flex:0 0 38px}
  .book-jump-copy small{font-size:11px}
  .book-jump-copy strong{font-size:20px}
  .book-jump-meta{display:grid;justify-items:end;gap:2px;font-size:11px;line-height:1.25;text-align:right}
  .book-jump-meta b{font-size:11px;white-space:nowrap}
  .chapter-picker{min-height:58px;padding:12px}
  .chapter-picker select{font-size:14px}
  .picker-category{font-size:11px}
  .now-playing-card{padding:21px 17px 18px}
  .now-title h3{font-size:25px}
  .chapter-number{font-size:38px}
  .player-caption p{font-size:16px;line-height:1.75}
  .player-bottom{gap:15px}
  .speed-control{font-size:12px}
  .complete-button{font-size:13px}
  .chapter-nav button{font-size:12px;min-height:42px}
  .commute-note{padding:23px 18px}
  .note-quote{font-size:31px}
  .visual-guide-panel,.summary-panel,.scripture-panel,.reflection-panel{padding:22px 17px}
  .visual-stage{height:220px}
  .guide-tabs{gap:2px}
  .guide-tabs button{padding:6px 8px;font-size:11px}
  .summary-panel h3{font-size:25px}
  .summary-lede{font-size:15px}
  .point-item p{font-size:15px}
  .scripture-full{max-height:520px;padding:12px 10px}
  .scripture-full .verse-row{grid-template-columns:25px 1fr;gap:10px;padding:11px 3px;font-size:16px;line-height:1.95}
  .scripture-foot{font-size:12px}
  .reflection-panel p{font-size:20px}
}

/* Editorial reading surface: quiet typography, flat paper-like panels, and fewer generated-looking ornaments. */
:root{--sans:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;--serif:"AppleMyungjo","Noto Serif KR",Georgia,serif;--radius:8px;--ink:#0c1821;--ink-soft:#142631;--panel:#142b37;--panel-2:#1b3745}
body{font-family:var(--sans);letter-spacing:-.015em}
.app-shell{background:var(--ink);background-image:none}
.topbar{background:var(--ink)}
.brand-mark,.avatar,.icon-button{border-radius:6px}
.avatar{border-radius:6px}
.brand b{font-family:var(--sans);font-weight:800;letter-spacing:-.06em}
.brand small{font-size:11px;letter-spacing:0}
.hero-grid{padding-top:34px;gap:48px}
h1{font-family:var(--sans);font-size:clamp(48px,5.3vw,76px);font-weight:800;line-height:1.04;letter-spacing:-.09em}
h1 em{color:var(--amber);font-weight:800}
.hero-lede{font-size:15px;line-height:1.75}
.section-label,.eyebrow{font-family:var(--sans);font-weight:700;letter-spacing:0}
.hero-plan,.workspace-main,.commute-note,.visual-guide-panel,.summary-panel,.scripture-panel,.reflection-panel,.now-playing-card,.book-browser-modal,.search-modal,.settings-modal{box-shadow:none;border-radius:8px}
.hero-plan,.commute-note,.visual-guide-panel,.scripture-panel,.reflection-panel{background:var(--panel);background-image:none}
.now-playing-card{background:var(--panel-2);background-image:none}
.now-playing-card:before{display:none}
.summary-panel{background:var(--paper);background-image:none}
.mode-switch{border-radius:6px;background:transparent}
.mode-option{border-radius:4px}
.mode-option.is-active{background:transparent;color:var(--paper);outline:1px solid var(--amber);outline-offset:-1px}
.mode-option.is-active small{color:var(--muted)}
.mode-option.is-active svg{color:var(--amber)}
.book-jump{border-radius:6px;background:var(--panel);border-color:rgba(244,200,120,.4)}
.book-jump-mark{border-radius:4px}
.chapter-picker{border-radius:6px;background:transparent}
.picker-field{display:grid;gap:3px}
.picker-field>span{color:var(--muted-2);font-size:11px}
.book-picker-button{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0;border:0;background:transparent;color:var(--paper);text-align:left}
.book-picker-button strong{font-size:15px}
.book-picker-button svg{color:var(--amber)}
.picker-divider{padding-bottom:3px}
.chapter-picker label{gap:3px}
.audio-progress{position:relative;height:5px;margin:25px 0 20px;overflow:hidden;border-top:1px solid rgba(193,213,220,.18);border-bottom:1px solid rgba(193,213,220,.18);background:rgba(255,255,255,.06)}
.audio-progress i{display:block;width:var(--audio-progress);height:100%;background:var(--amber);transition:width .2s var(--ease)}
.player-controls{gap:24px}
.play-button{border-radius:6px;box-shadow:none}
.visual-stage{background:rgba(4,17,26,.25);border-radius:6px}
.guide-tabs button,.book-filter-tabs button,.translation-switch button{border-radius:0}
.translation-switch{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.translation-switch button.is-active,.book-filter-tabs button.is-active{background:transparent;color:var(--amber);border-bottom:2px solid var(--amber)}
.book-filter-tabs{gap:16px}
.book-browser-item{border-radius:5px;background:transparent}
.book-browser-item:hover,.book-browser-item.is-current{background:rgba(244,200,120,.08)}
.reflection-panel{border-left:3px solid var(--coral)}
.modal-backdrop{backdrop-filter:none;background:rgba(2,10,15,.84)}
.modal-save,.complete-button,.reflection-button{border-radius:5px}
@media (max-width:680px){
  h1{font-size:47px;line-height:1.05}
  .hero-grid{padding-top:22px}
  .mode-option.is-active{outline-offset:-2px}
  .book-picker-button strong{font-size:14px}
  .audio-progress{margin-top:21px}
}

/* Subway mode is the default reading surface: warm paper, ink text, and quiet borders. */
:root{--ink:#f3f1ea;--ink-soft:#fffdf8;--panel:#fffdf8;--panel-2:#f0eee7;--line:rgba(29,49,52,.16);--muted:#586a6b;--muted-2:#788686;--paper:#1d2b2c;--paper-dim:#526260;--cream:#334544;--amber:#a85e27;--amber-bright:#c87935;--coral:#ba644d;--teal:#287f78;--blue:#39759a;--white:#1d2b2c}
body{background:var(--ink);color:var(--paper)}
.app-shell{background:var(--ink);color:var(--paper)}
.topbar{background:var(--ink);border-color:var(--line)}
.brand-mark{background:var(--amber);color:var(--ink)}
.date-mark{color:var(--paper)}
.icon-button{color:var(--muted);border-color:var(--line)}
.avatar{color:var(--amber);border-color:rgba(168,94,39,.42);background:rgba(168,94,39,.1)}
h1,.section-topline h2,.summary-panel h2,.scripture-panel h2,.reflection-panel h2{color:var(--paper)}
.hero-lede,.topbar-meta,.progress-cluster>div:last-child>span{color:var(--muted)}
.progress-ring:before{background:var(--ink)}
.hero-plan,.commute-note,.visual-guide-panel,.scripture-panel,.reflection-panel{background:var(--panel);border-color:var(--line)}
.hero-plan{background:#ebe8df}
.mode-bar{border-color:var(--line)}
.mode-switch{border-color:var(--line)}
.mode-option{color:var(--muted)}
.mode-option:hover:not(.is-active){background:rgba(29,49,52,.06);color:var(--paper)}
.mode-option.is-active{color:var(--paper)}
.mode-option.is-active small{color:var(--muted)}
.workspace-main{border-color:transparent;background:transparent}
.book-jump{background:#ebe8df;border-color:rgba(168,94,39,.38);color:var(--paper)}
.book-jump:hover{background:#e3dfd4}
.chapter-picker{border-color:var(--line);background:transparent}
.chapter-picker select,.book-picker-button{color:var(--paper)}
.chapter-picker select option{background:var(--ink);color:var(--paper)}
.now-playing-card{background:#e6e2d8;border-color:rgba(29,49,52,.16)}
.now-playing-top,.audio-status,.now-title p,.player-time,.speed-control,.chapter-nav{color:var(--muted)}
.player-caption{background:rgba(29,49,52,.06)}
.player-caption p{color:var(--paper)}
.complete-button{color:var(--muted);border-color:var(--line)}
.skip-button{color:var(--muted)}
.commute-note{border-left:3px solid var(--amber)}
.note-date{color:var(--muted)}
.note-quote,.reflection-panel p{color:var(--paper)}
.visual-stage{background:#e9e6de}
.guide-svg text{fill:var(--muted)}
.guide-svg .center-label{fill:var(--paper)}
.hotspot,.map-node{stroke:var(--ink)}
.summary-panel{background:#fffdf8;color:var(--paper)}
.summary-panel h2,.summary-panel h3,.summary-panel .verse-block p{color:var(--paper)}
.summary-lede{color:#526260}
.point-item p{color:#314746}
.verse-block{background:rgba(29,49,52,.07)}
.scripture-full{background:rgba(29,49,52,.055)}
.scripture-full .verse-row{color:var(--paper);border-color:rgba(29,49,52,.12)}
.scripture-full .verse-row:hover,.scripture-full .verse-row.is-current-verse{background:rgba(168,94,39,.1)}
.scripture-foot{color:var(--muted)}
.reflection-panel{background:#e9e5dc;border-left-color:var(--coral)}
.reflection-button{color:var(--coral);border-color:rgba(186,100,77,.45)}
.app-footer{color:var(--muted-2);border-color:var(--line)}
.search-modal,.settings-modal,.book-browser-modal{background:#fffdf8;border-color:rgba(29,49,52,.2)}
.modal-heading h2,.search-results strong,.settings-row strong{color:var(--paper)}
.search-field{border-color:var(--line);background:rgba(29,49,52,.05)}
.search-field input{color:var(--paper)}
.search-results button{color:var(--muted);border-color:var(--line)}
.search-results button:hover{background:rgba(29,49,52,.05);color:var(--paper)}
.book-filter-tabs{border-color:var(--line)}
.book-browser-item{border-color:var(--line);color:var(--muted)}
.book-browser-item:hover,.book-browser-item.is-current{background:rgba(168,94,39,.08);border-color:rgba(168,94,39,.45);color:var(--paper)}
.settings-row{border-color:var(--line)}
.toast{background:#245e5b;color:#fffdf8}
body[data-mode="driving"]{--ink:#050b10;--ink-soft:#0e1d26;--panel:#08151e;--panel-2:#173748;--line:rgba(245,248,243,.19);--muted:#aebebc;--muted-2:#78908d;--paper:#f6f4ed;--cream:#f2e9d4;--amber:#ffd05e;--amber-bright:#ffe39a;--coral:#ff987d;--teal:#78c5ba;--blue:#83b4d8;--white:#f7faf8}
body[data-mode="driving"] .app-shell{background:#050b10;color:var(--paper)}
body[data-mode="driving"] .hero-plan,body[data-mode="driving"] .book-jump{background:var(--panel-2)}
body[data-mode="driving"] .now-playing-card{background:var(--panel-2)}
body[data-mode="driving"] .summary-panel{background:#f6f4ed;color:#07131d}
body[data-mode="driving"] .summary-panel h2,body[data-mode="driving"] .summary-panel h3,body[data-mode="driving"] .summary-panel .verse-block p{color:#07131d}
body[data-mode="driving"] .reflection-panel{background:rgba(15,39,51,.73)}

/* Cool daylight palette keeps the bright mode readable without looking like a beige template. */
:root{--ink:#eef3f1;--ink-soft:#ffffff;--panel:#ffffff;--panel-2:#e3ece9;--muted:#4f6261;--muted-2:#4e6460;--paper:#1b2b2b;--paper-dim:#536562;--cream:#2f4643;--amber:#8f4b16;--amber-bright:#a85d20;--coral:#984c3a;--teal:#1f6e68;--blue:#2e6e91;--white:#1b2b2b}
.hero-plan{background:#e4ece9}
.book-jump{background:#e4ece9}
.book-jump:hover{background:#dce8e4}
.now-playing-card{background:#e0ebe7}
.visual-stage{background:#e5eeeb}
.reflection-panel{background:#e5eeeb;border-left:0;border-top:1px solid var(--coral)}
.commute-note{border-left:0;border-top:1px solid var(--amber)}
body[data-mode="driving"] .hero-plan,body[data-mode="driving"] .book-jump{background:var(--panel-2)}
body[data-mode="driving"] .now-playing-card{background:var(--panel-2)}
body[data-mode="driving"] .visual-stage{background:rgba(4,17,26,.37)}
body[data-mode="driving"] .reflection-panel{border-top:0;border-left:0;background:rgba(15,39,51,.73)}
body[data-mode="driving"] .commute-note{border-top:0;border-left:0}