@import "https://cdn.jsdelivr.net/gh/toss/tossface/dist/tossface.css";:root{--color-text-strong:#191f28;--color-text-default:#333d4b;--color-text-subtle:#4e5968;--color-text-hint:#8b95a1;--color-text-disabled:#b0b8c1;--color-text-inverse:#fff;--color-bg:#fff;--color-bg-canvas:#f2f4f6;--color-danger:#f04452;--color-success:#03b26c;--color-warning:#fe9800;--brand-primary:#191f28;--font-size-display:28px;--font-weight-display:700;--font-size-title:20px;--font-weight-title:700;--font-size-subtitle:15px;--font-weight-subtitle:600;--font-size-body:17px;--font-weight-body:400;--font-size-body-small:15px;--font-weight-body-small:400;--font-size-caption:13px;--font-weight-caption:400;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--dim:#0006}*,:before,:after{box-sizing:border-box}body{word-break:keep-all;overflow-wrap:break-word;letter-spacing:0;color:var(--color-text-default);background:var(--color-bg);margin:0;font-family:Tossface,-apple-system,system-ui,Malgun Gothic,sans-serif}.tf{font-family:Tossface,sans-serif;font-style:normal}.canvas{min-height:100dvh}.text-hint{color:var(--color-text-hint)}.text-inverse{color:var(--color-text-inverse)}.bg-canvas{background:var(--color-bg-canvas)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{-webkit-tap-highlight-color:transparent}body{min-width:320px;font-family:-apple-system,system-ui,Apple SD Gothic Neo,Malgun Gothic,sans-serif,Tossface}#root{width:100%;min-height:100vh;display:block}@media (width>=481px){body{background-color:var(--color-bg-canvas)}#root{background-color:var(--color-bg);max-width:480px;margin:0 auto;box-shadow:0 0 0 1px #191f280f}}:root{--brand-primary:#3182f6;--brand-soft:#e8f1fe;--bottom-safe:max(34px, env(safe-area-inset-bottom,0px));--side-safe-left:env(safe-area-inset-left,0px);--side-safe-right:env(safe-area-inset-right,0px);--verse-size:17px}.screen{gap:var(--space-4);padding:var(--space-5) calc(var(--space-4) + var(--side-safe-right)) calc(var(--space-6) * 3 + var(--bottom-safe)) calc(var(--space-4) + var(--side-safe-left));background:var(--color-bg);flex-direction:column;min-height:100dvh;display:flex}.page-title{font-size:var(--font-size-title);font-weight:var(--font-weight-title);color:var(--color-text-strong);margin:0;line-height:1.35}.page-subtitle{margin:var(--space-1) 0 0;font-size:var(--font-size-body-small);color:var(--color-text-subtle);line-height:1.5}.step-header{gap:var(--space-2);flex-direction:column;display:flex}.step-dots{gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.step-dots li{align-items:center;gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.step-dot{background:var(--color-bg-canvas);border-radius:3px;width:100%;height:6px;display:block}.step-dots li.done .step-dot{background:var(--color-text-disabled)}.step-dots li.active .step-dot{background:var(--brand-primary)}.step-label{font-size:var(--font-size-caption);color:var(--color-text-hint);white-space:nowrap}.step-dots li.active .step-label{color:var(--brand-primary);font-weight:600}.step-count{font-size:var(--font-size-caption);color:var(--color-text-hint);margin:0}.home-header{align-items:center;gap:var(--space-3);display:flex}.home-heading{gap:var(--space-1);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.start-square{background:var(--brand-primary);width:104px;height:104px;color:var(--color-text-inverse);cursor:pointer;border:0;border-radius:22px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;font-size:17px;font-weight:700;display:flex;box-shadow:0 6px 16px #3182f647}.start-square:active{transform:scale(.97)}.start-square-icon{background:#ffffff38;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.screen.home{padding-bottom:calc(var(--space-5) + var(--bottom-safe))}.home-date{font-size:var(--font-size-body-small);color:var(--color-text-subtle);margin:0}.home-title{font-size:var(--font-size-display);font-weight:var(--font-weight-display);color:var(--color-text-strong);margin:0}.home-subtitle{color:var(--color-text-strong);margin:0;font-size:19px;font-weight:700}.card{gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-canvas);border-radius:16px;flex-direction:column;display:flex}.card p{font-size:var(--font-size-body-small);margin:0;line-height:1.55}.card-title{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-subtitle);color:var(--color-text-subtle);margin:0}.today-card{gap:0}.today-card .card-title{margin-bottom:var(--space-2)}.row-button{align-items:center;gap:var(--space-3);width:100%;min-height:52px;padding:var(--space-2) 0;border:0;border-top:1px solid var(--color-bg);color:var(--color-text-subtle);font:inherit;text-align:left;cursor:pointer;background:0 0;display:flex}.row-label{font-size:var(--font-size-body-small);color:var(--color-text-hint);flex:0 0 48px}.row-value{font-size:var(--font-size-body);color:var(--color-text-strong);flex:1;line-height:1.4}.row-meta{font-size:var(--font-size-body-small);color:var(--color-text-subtle);font-weight:400}.progress-track{background:var(--color-bg);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:var(--brand-primary);border-radius:4px;height:100%;transition:width .3s}.progress-text{font-size:var(--font-size-body-small);color:var(--color-text-subtle);margin:0}.progress-sub{margin-top:2px;font-size:15px}.card-hint{margin:0 0 var(--space-1);color:var(--color-text-subtle);font-size:15px}.order-list{padding:0 0 0 var(--space-5);font-size:var(--font-size-body-small);color:var(--color-text-subtle);margin:0;line-height:1.9}.text-link{min-height:44px;padding:0 var(--space-1);color:var(--brand-primary);font:inherit;font-size:var(--font-size-body-small);cursor:pointer;background:0 0;border:0;align-self:flex-start;font-weight:600}.back-link{align-items:center;gap:var(--space-1);min-height:44px;margin-left:calc(var(--space-2) * -1);padding:0 var(--space-2);color:var(--color-text-subtle);font:inherit;font-size:var(--font-size-body-small);cursor:pointer;background:0 0;border:0;align-self:flex-start;display:inline-flex}.btn{min-height:52px;padding:0 var(--space-4);font:inherit;font-size:var(--font-size-body);cursor:pointer;border:0;border-radius:14px;flex:1 1 0;justify-content:center;align-items:center;font-weight:600;transition:opacity .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--brand-primary);color:var(--color-text-inverse)}.btn-secondary{background:var(--color-bg-canvas);color:var(--color-text-strong)}.btn-ghost{color:var(--color-text-subtle);background:0 0}.btn-full{width:100%}.button-row{gap:var(--space-2);display:flex}.bottom-bar{gap:var(--space-2);max-width:480px;padding:var(--space-3) calc(var(--space-4) + var(--side-safe-right)) var(--bottom-safe) calc(var(--space-4) + var(--side-safe-left));background:var(--color-bg);flex-direction:column;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #191f280f}.lyrics,.reading{padding:var(--space-2) 0;gap:var(--space-1);flex-direction:column;margin:0;list-style:none;display:flex}.lyric-button{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;line-height:1.5}.lyric,.reading-line{color:var(--color-text-disabled);font-size:19px;transition:color .2s,background .2s}.lyric.past,.reading-line.past{color:var(--color-text-hint)}.lyric.current,.reading-line.current{color:var(--color-text-strong);font-size:23px;font-weight:700}.lyric.current .lyric-button,.reading-line.current .lyric-button{background:var(--brand-soft)}.refrain-tag{margin-right:var(--space-2);background:var(--color-bg-canvas);font-size:var(--font-size-caption);color:var(--color-text-subtle);vertical-align:middle;border-radius:8px;padding:2px 8px;font-weight:600;display:inline-block}.hymn-note{font-size:var(--font-size-body-small);color:var(--color-text-hint);margin:0;line-height:1.5}.error-text{font-size:var(--font-size-body-small);color:var(--color-danger);margin:0}.player-row{font-size:var(--font-size-caption);color:var(--color-text-hint);justify-content:space-between;display:flex}.player-status{color:var(--brand-primary);font-weight:600}.count-in{z-index:20;justify-content:center;align-items:center;gap:var(--space-3);pointer-events:none;color:var(--color-text-strong);flex-direction:column;display:flex;position:fixed;inset:0}.count-in-label{background:var(--color-bg);font-size:var(--font-size-body-small);color:var(--color-text-subtle);border-radius:12px;margin:0;padding:6px 14px;font-weight:600;box-shadow:0 4px 16px #191f281f}.countdown-number{color:var(--color-text-inverse);background:var(--brand-primary);font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;font-size:96px;font-weight:700;line-height:1;animation:.5s ease-out countdown-pop;display:flex;box-shadow:0 10px 30px #3182f659}@keyframes countdown-pop{0%{opacity:.4;transform:scale(.6)}30%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (orientation:landscape) and (width>=640px){.countdown-number{width:120px;height:120px;font-size:72px}}.pick-list,.family-list,.turn-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pick-item{align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-3) var(--space-4);background:var(--color-bg-canvas);color:var(--color-text-strong);font:inherit;font-size:var(--font-size-body);text-align:left;cursor:pointer;border:2px solid #0000;border-radius:14px;display:flex}.pick-item.selected{border-color:var(--brand-primary);background:var(--brand-soft)}.pick-item.done{color:var(--color-text-subtle)}.pick-number{font-size:var(--font-size-body-small);color:var(--color-text-subtle);flex:0 0 52px;font-weight:600}.pick-title{flex:1;line-height:1.4}.pick-done{background:var(--color-bg);font-size:var(--font-size-caption);color:var(--color-success);border-radius:8px;padding:2px 8px;font-weight:600}.reader-controls{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.inline-actions{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.segmented{background:var(--color-bg-canvas);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.seg{min-height:40px;padding:0 var(--space-3);color:var(--color-text-subtle);font:inherit;font-size:var(--font-size-body-small);cursor:pointer;background:0 0;border:0;border-radius:9px;font-weight:600}.segmented.small .seg{min-height:36px;padding:0 var(--space-2)}.seg.on{background:var(--color-bg);color:var(--color-text-strong);box-shadow:0 1px 3px #191f281a}.seg.toggle{background:var(--color-bg-canvas);border-radius:12px;min-height:48px}.seg.toggle.on{background:var(--brand-soft);color:var(--brand-primary)}.prayer-intro p{color:var(--color-text-subtle)}.verses{gap:var(--space-3);padding:var(--space-2) 0;flex-direction:column;display:flex}.verse{color:var(--color-text-default);margin:0;line-height:1.75}.version-switch{align-self:flex-start}.verse-sub{padding-left:var(--space-3);border-left:3px solid var(--color-bg-canvas);color:var(--color-text-subtle);margin-top:2px;font-size:.88em}.verse-missing{color:var(--color-text-hint);font-size:.9em}.verse-chapter{color:var(--color-text-strong);font-weight:700}.verse-number{color:var(--brand-primary);margin-right:4px;font-size:.72em;font-weight:600}.verse-credit{font-size:var(--font-size-caption);color:var(--color-text-hint);text-align:right;margin:0}.summary-list{padding-left:var(--space-4);font-size:var(--font-size-body-small);color:var(--color-text-default);margin:0;line-height:1.6}.summary-list li+li{margin-top:var(--space-1)}.card p.question{font-size:var(--font-size-body);color:var(--color-text-strong);font-weight:600}.answer{gap:var(--space-1);padding:var(--space-3);background:var(--color-bg);border-radius:12px;flex-direction:column;display:flex}.card p.answer-label{font-size:var(--font-size-caption);color:var(--brand-primary);font-weight:600}.card p.prompt{font-size:var(--font-size-body);color:var(--color-text-strong);font-weight:600}.turn-card{text-align:center;padding:var(--space-5) var(--space-4);background:var(--brand-soft);align-items:center}.turn-label{color:var(--color-text-subtle)}.card p.turn-name{font-size:var(--font-size-display);color:var(--color-text-strong);font-weight:700}.card p.turn-timer{font-size:var(--font-size-title);color:var(--brand-primary);font-variant-numeric:tabular-nums}.turn-list li{align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);color:var(--color-text-subtle);font-size:var(--font-size-body-small);border-radius:12px;display:flex}.turn-list li.active{background:var(--color-bg-canvas);color:var(--color-text-strong);font-weight:600}.turn-list li.done{color:var(--color-text-hint)}.turn-index{background:var(--color-bg-canvas);width:24px;height:24px;font-size:var(--font-size-caption);color:var(--color-text-subtle);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.link-row{gap:var(--space-4);display:flex}.option-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.option-list li{gap:var(--space-2);display:flex}.option{min-height:56px;padding:var(--space-2) var(--space-3);background:var(--color-bg);color:var(--color-text-strong);font:inherit;text-align:left;cursor:pointer;border:2px solid #0000;border-radius:14px;flex-direction:column;flex:1;align-items:flex-start;gap:2px;display:flex}.option.on{border-color:var(--brand-primary);background:var(--brand-soft)}.option-label{font-size:var(--font-size-body);font-weight:600}.option-side{min-width:72px;min-height:56px;padding:0 var(--space-3);background:var(--color-bg);color:var(--brand-primary);font:inherit;font-size:var(--font-size-body-small);cursor:pointer;border:0;border-radius:14px;flex:none;font-weight:600}.add-row{gap:var(--space-2);display:flex}.add-row .btn{flex:none}.text-input{min-width:0;min-height:52px;padding:0 var(--space-4);border:1px solid var(--color-text-disabled);font:inherit;font-size:var(--font-size-body);color:var(--color-text-strong);background:var(--color-bg);border-radius:14px;flex:1}.text-input:focus{outline:2px solid var(--brand-primary);outline-offset:0;border-color:#0000}.family-list li{align-items:center;gap:var(--space-2);min-height:56px;padding:var(--space-2) var(--space-3);background:var(--color-bg-canvas);border-radius:14px;display:flex}.family-name{font-size:var(--font-size-body);color:var(--color-text-strong);flex:1}.icon-button{background:var(--color-bg);width:44px;height:44px;color:var(--color-text-subtle);font:inherit;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.icon-button:disabled{opacity:.3;cursor:default}.empty-text{font-size:var(--font-size-body-small);color:var(--color-text-hint);margin:0}.screen.done{padding-bottom:calc(var(--space-6) * 4 + var(--bottom-safe))}.done-hero{align-items:center;gap:var(--space-2);padding:var(--space-6) 0 var(--space-4);text-align:center;flex-direction:column;display:flex}.done-emoji{margin:0;font-size:64px;line-height:1}.splash{justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-text-inverse);opacity:1;cursor:pointer;background:linear-gradient(160deg,#2f7cf2 0%,#3182f6 45%,#5aa0ff 100%);flex-direction:column;transition:opacity .35s;display:flex;position:fixed;inset:0;overflow:hidden}.splash.leaving{opacity:0}.splash-glow{background:radial-gradient(circle,#ffffff38 0%,#fff0 65%);border-radius:50%;width:70vmax;height:70vmax;animation:1.6s ease-out forwards splash-glow;position:absolute}.splash-logo{animation:.7s cubic-bezier(.2,.8,.2,1) both splash-rise;position:relative}.splash-title{letter-spacing:.04em;margin:0;font-size:34px;font-weight:700;animation:.7s cubic-bezier(.2,.8,.2,1) .2s both splash-rise;position:relative}.splash-tagline{font-size:var(--font-size-body-small);opacity:.85;margin:0;animation:.7s cubic-bezier(.2,.8,.2,1) .35s both splash-rise;position:relative}@keyframes splash-rise{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes splash-glow{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.verse-heading{margin:var(--space-3) 0 0;color:var(--color-text-strong);font-size:.95em;font-weight:700}.note-marker{background:var(--brand-soft);min-width:18px;color:var(--brand-primary);text-align:center;vertical-align:super;border-radius:6px;margin-left:3px;padding:0 4px;font-size:.68em;font-weight:600;line-height:1.5;text-decoration:none;display:inline-block}.inline-link{color:var(--brand-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.notes{margin-top:var(--space-2);padding:var(--space-4);background:var(--color-bg-canvas);font-size:var(--font-size-body-small);border-radius:16px}.notes-title{margin:0 0 var(--space-2);font-size:var(--font-size-subtitle);font-weight:var(--font-weight-subtitle);color:var(--color-text-subtle)}.note-list{padding-left:var(--space-5);gap:var(--space-2);color:var(--color-text-default);flex-direction:column;margin:0;line-height:1.6;display:flex}.note-ref{margin-right:var(--space-2);color:var(--color-text-strong);font-weight:700}.note-kind{background:var(--color-bg);font-size:var(--font-size-caption);color:var(--color-text-subtle);border-radius:6px;margin-left:4px;padding:1px 6px;font-weight:600}.bible-body{gap:var(--space-4);flex-direction:column;display:flex}.bible-side{gap:var(--space-3);flex-direction:column;display:flex}.card.collapsible{gap:0;padding:0}.card.collapsible>:not(.collapse-toggle){margin:0 var(--space-4) var(--space-4)}.collapse-toggle{width:100%;min-height:56px;padding:0 var(--space-4);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;display:flex}.collapse-toggle .card-title{color:var(--color-text-strong)}.chevron{color:var(--color-text-hint);transition:transform .2s;display:inline-flex}.chevron.open{transform:rotate(180deg)}@media (orientation:landscape) and (width>=640px){:root{--bottom-safe:max(12px, env(safe-area-inset-bottom,0px))}#root,.bottom-bar{max-width:1080px}.screen{gap:var(--space-3);padding-top:var(--space-3);padding-bottom:calc(96px + var(--bottom-safe));padding-left:calc(var(--space-5) + var(--side-safe-left));padding-right:calc(var(--space-5) + var(--side-safe-right))}.step-header{gap:var(--space-1)}.step-dot{height:4px}.step-label,.step-count{display:none}.page-title{font-size:var(--font-size-title)}.page-subtitle{display:none}.home-header{align-items:baseline;gap:var(--space-3);flex-direction:row}.home-title{font-size:var(--font-size-display)}.lyrics,.reading{gap:2px;padding:0}.lyric,.reading-line{font-size:22px}.lyric.current,.reading-line.current{font-size:28px}.lyric-button{min-height:40px;padding:var(--space-1) var(--space-3);line-height:1.4}.hymn-note{display:none}.reader-controls,.inline-actions{gap:var(--space-2)}:root{--verse-size:19px}.verses{gap:var(--space-2)}.verse{line-height:1.6}.card{padding:var(--space-3) var(--space-4)}.card p,.summary-list,.progress-text{font-size:var(--font-size-body)}.card p.question,.card p.prompt{font-size:var(--font-size-title)}.turn-card{padding:var(--space-3) var(--space-4)}.card p.turn-name{font-size:34px}.order-list{columns:2;line-height:1.7}.bottom-bar{gap:var(--space-1);padding-top:var(--space-2)}.btn{min-height:46px}.player-row{display:none}.splash-title{font-size:40px}}.ad-slot{justify-content:center;width:100%;min-height:100px;display:flex}.ad-placeholder{border:1px dashed var(--color-text-disabled);color:var(--color-text-hint);font-size:var(--font-size-caption);border-radius:12px;align-items:center}.error-detail{padding:var(--space-3);background:var(--color-bg-canvas);font-size:var(--font-size-caption);color:var(--color-text-hint);word-break:break-all;border-radius:12px;margin:0}.credit-card{gap:var(--space-1)}.credit-title{margin:0 0 var(--space-1);font-size:var(--font-size-subtitle);font-weight:var(--font-weight-subtitle);color:var(--color-text-strong)}.credit-line{color:var(--color-text-subtle)}.credit-note{color:var(--color-text-hint)}.credits a{color:var(--brand-primary);word-break:break-all}.walk{gap:var(--space-2);height:100dvh;padding:var(--space-3) calc(var(--space-4) + var(--side-safe-right)) 0 calc(var(--space-4) + var(--side-safe-left));background:var(--color-bg);flex-direction:column;display:flex;overflow:hidden}.walk-top{gap:var(--space-1);flex-direction:column;display:flex}.walk-caption{font-size:var(--font-size-body-small);color:var(--color-text-subtle);margin:0}.garden-nav{align-items:center;gap:var(--space-1);display:flex}.garden-nav .walk-caption{text-align:center;flex:1}.garden-nav strong{color:var(--color-text-default);font-weight:700}.garden-nav-button{background:var(--color-bg-canvas);width:44px;height:44px;color:var(--color-text-default);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.garden-nav-button:disabled{opacity:.3;cursor:default}.garden-total{text-align:center}.walk-progress{background:var(--color-bg-canvas)}.walk-sentence{margin:var(--space-1) 0 0;min-height:3em;font-size:var(--font-size-body);color:var(--color-text-strong);font-weight:600;line-height:1.5}.walk-blank{color:var(--brand-primary)}.walk-stage{min-height:240px;margin:0 calc(-1 * (var(--space-4) + var(--side-safe-right))) 0 calc(-1 * (var(--space-4) + var(--side-safe-left)));background:linear-gradient(#cfe6ff 0%,#e9f5ff 55%,#dcf1cf 100%);flex:1;position:relative;overflow:hidden}.walk-stage canvas{touch-action:manipulation;display:block}.walk-tap{z-index:10;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:50%;padding:0;position:absolute;top:0;bottom:0}.walk-tap.left{left:0}.walk-tap.right{right:0}.walk-tap:active{background:#3182f614}.walk-scene{position:absolute;inset:0}.walk-labels{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.gate-label{visibility:hidden;background:var(--color-bg);color:var(--color-text-strong);font-size:var(--font-size-body);white-space:nowrap;border-radius:999px;padding:6px 12px;font-weight:600;line-height:1.3;transition:background .2s,opacity .2s;position:absolute;top:0;left:0;box-shadow:0 2px 8px #191f282e}.gate-label.correct{background:var(--color-success);color:var(--color-text-inverse)}.gate-label.wrong{background:var(--color-danger);color:var(--color-text-inverse);opacity:.8}.gate-label.dim{opacity:.45}.walk-hint{left:var(--space-4);right:var(--space-4);bottom:calc(var(--space-4) + var(--bottom-safe));padding:var(--space-2) var(--space-3);font-size:var(--font-size-body-small);color:var(--color-text-subtle);text-align:center;pointer-events:none;z-index:11;background:#ffffffe6;border-radius:12px;margin:0;position:absolute}.walk-card{left:var(--space-3);right:var(--space-3);bottom:calc(var(--space-3) + var(--bottom-safe));gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);z-index:20;border-radius:16px;flex-direction:column;display:flex;position:absolute;box-shadow:0 8px 24px #191f282e}.walk-card p{margin:0}.walk-card-ref{font-size:var(--font-size-body-small);color:var(--color-text-subtle)}.walk-card-text{font-size:var(--font-size-body);color:var(--color-text-strong);line-height:1.6}.walk-card-done{font-size:var(--font-size-body-small);color:var(--color-success);font-weight:600}.card-button{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;border:0}.card-button:active{opacity:.85}.card-title-row{justify-content:space-between;align-items:center;display:flex}.card-title-link{font-size:var(--font-size-body-small);color:var(--brand-primary);align-items:center;gap:2px;font-weight:600;display:inline-flex}.card-button .progress-track,.card-button .progress-fill,.card-button .progress-text{display:block}.walk-topbar{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.walk-music{align-items:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-3);background:var(--color-bg-canvas);color:var(--color-text-hint);font:inherit;font-size:var(--font-size-body-small);cursor:pointer;border:0;border-radius:999px;font-weight:600;display:inline-flex}.walk-music.on{background:var(--brand-soft);color:var(--brand-primary)}.activity{gap:var(--space-3);flex-direction:column;display:flex}.tiles{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.tiles-single{grid-template-columns:1fr}.tiles-single .tile{align-content:center;align-items:center;column-gap:var(--space-3);grid-template-rows:auto auto;grid-template-columns:112px 1fr;row-gap:2px;min-height:0;display:grid}.tiles-single .tile>svg{grid-row:1/3;width:112px;height:72px;margin:0}.tiles-single .tile .tile-title{align-self:end}.tiles-single .tile .tile-meta{align-self:start}.tiles-single .tile .tile-title,.tiles-single .tile .tile-meta{display:block}.tiles-single .tile .tile-title svg{width:18px;height:18px;display:inline}.tile{gap:var(--space-1);min-height:160px;padding:var(--space-3);font:inherit;text-align:left;color:var(--color-text-strong);cursor:pointer;border:0;border-radius:16px;flex-direction:column;transition:transform .12s;display:flex}.tile:active{transform:scale(.98)}.tile-walk{background:linear-gradient(#d6ebff 0%,#e9f5ff 100%)}.tile-garden{background:linear-gradient(#ddf3cf 0%,#eef9e6 100%)}.tile svg{width:100%;height:84px;margin-bottom:var(--space-1)}.tile-title{font-size:var(--font-size-body);align-items:center;gap:2px;font-weight:700;line-height:1.3;display:flex}.tile-title svg{width:18px;height:18px;color:var(--color-text-hint);margin:0}.tile-meta{font-size:var(--font-size-body-small);color:var(--color-text-subtle);line-height:1.4}.garden-stage{touch-action:none;background:linear-gradient(#cfe6ff 0%,#e9f5ff 45%,#d3eec6 100%)}.garden-scene{cursor:grab}.garden-scene:active{cursor:grabbing}.garden-card{gap:var(--space-2)}@media (orientation:landscape) and (width>=640px){.walk{padding-left:calc(var(--space-5) + var(--side-safe-left));padding-right:calc(var(--space-5) + var(--side-safe-right))}.walk-stage{margin:0 calc(-1 * (var(--space-5) + var(--side-safe-right))) 0 calc(-1 * (var(--space-5) + var(--side-safe-left)))}.walk-sentence{min-height:1.5em}.walk-card{left:auto;right:var(--space-4);width:min(420px,50%)}}.step-back{min-height:40px;margin:calc(var(--space-2) * -1) 0 0 calc(var(--space-2) * -1);padding:0 var(--space-2);color:var(--color-text-subtle);font:inherit;font-size:var(--font-size-body-small);cursor:pointer;background:0 0;border:0;border-radius:10px;align-self:flex-start;align-items:center;gap:2px;font-weight:600;display:inline-flex}.step-back:active{background:var(--color-bg-canvas)}.home-brand{align-items:center;gap:var(--space-2);font-size:var(--font-size-subtitle);color:var(--color-text-strong);margin:0;font-weight:700;display:inline-flex}.home-brand-mark{background:var(--brand-primary);border-radius:8px;padding:3px;display:inline-flex}.bible-tools{gap:var(--space-3);flex-direction:column;display:flex}.bible-foot{gap:var(--space-2);flex-direction:column;display:flex}.verse-heading h3{font-size:inherit;margin:0}.card p.verse-heading-note,.verse-heading-note{color:var(--color-text-hint);margin:2px 0 0;font-size:.8em;font-weight:400}.card p.summary-text{font-size:var(--font-size-body-small);color:var(--color-text-default);line-height:1.7}.notes{padding:var(--space-1) var(--space-4);margin-top:0}.notes[open]{padding-bottom:var(--space-4)}.notes>summary{align-items:center;gap:var(--space-2);cursor:pointer;min-height:44px;margin:0;list-style:none;display:flex}.notes>summary::-webkit-details-marker{display:none}.notes>summary .chevron{margin-left:auto}.notes[open]>summary .chevron{transform:rotate(180deg)}.notes-count{background:var(--color-bg);font-size:var(--font-size-caption);color:var(--color-text-hint);border-radius:999px;padding:0 7px}.notes .note-list{margin-top:var(--space-1)}.note-text{margin-top:2px;display:block}.bible-credit{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-bg-canvas);color:var(--color-text-hint);word-break:keep-all;overflow-wrap:anywhere;flex-direction:column;gap:6px;font-size:12px;line-height:1.6;display:flex}.bible-credit p{margin:0}.bible-credit b{color:var(--color-text-subtle);font-weight:600}.bible-credit a{color:inherit;text-underline-offset:2px;text-decoration:underline}.bible-credit-head{color:var(--color-text-subtle);font-weight:700}.bible-credit .inline-link{align-self:flex-start;min-height:40px;font-size:13px}code.hash{word-break:break-all;color:var(--color-text-subtle);font-size:11px}@media (orientation:landscape) and (width>=640px){.step-header{align-items:center;column-gap:var(--space-3);grid-template-columns:auto auto minmax(0,1fr);row-gap:2px;display:grid}.step-back{margin:0 0 0 calc(var(--space-2) * -1);grid-area:1/1;min-height:36px}.step-dots{grid-area:1/2/auto/-1}.step-header .page-title{white-space:nowrap;grid-area:2/1/auto/3}.step-header .page-subtitle{white-space:nowrap;text-overflow:ellipsis;grid-area:2/3;margin:0;display:block;overflow:hidden}.bible-tools{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-flow:wrap}.bible-tools .inline-actions{flex:auto}.bible-tools .version-switch{order:-1}.bible-body{align-items:start;gap:var(--space-4) var(--space-5);grid-template-columns:minmax(0,1fr) clamp(240px,32vw,340px);grid-template-areas:"text side""foot side";display:grid}.bible-body>.verses{grid-area:text;max-width:40em;padding-top:0}.bible-side{top:var(--space-3);max-height:calc(100dvh - 96px - var(--space-3));overscroll-behavior:contain;grid-area:side;position:sticky;overflow-y:auto}.bible-foot{max-width:calc(var(--verse-size) * 40);grid-area:foot}.bible-credit{font-size:13px}.collapse-toggle{min-height:48px}.screen.bible .bottom-bar{padding-top:var(--space-4);background:linear-gradient(to bottom, #fff0, var(--color-bg) 45%);box-shadow:none;pointer-events:none;flex-direction:row;justify-content:flex-end}.screen.bible .bottom-bar .btn{pointer-events:auto;flex:none;width:auto;min-width:240px;box-shadow:0 4px 16px #3182f640}}.card.collapsible>.btn-full{width:auto}.link-row{gap:0 var(--space-3);flex-wrap:wrap}a.text-link{align-items:center;text-decoration:none;display:inline-flex}