:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f5ef;color:#1d2522;-webkit-text-size-adjust:100%;text-size-adjust:100%}:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f1e8;color:#17211e;--ink: #17211e;--muted: #60716a;--paper: #fffdf8;--paper-strong: #ffffff;--line: #ddd5c5;--line-strong: #cfc3ae;--brand: #13594f;--brand-strong: #0d4039;--brand-soft: #e3f0eb;--gold: #b8872f;--gold-soft: #f8ead0;--coral: #ba5b45;--red: #8c3a3a;--green: #2f7651;--shadow: 0 20px 60px rgba(28, 38, 33, .12);--shadow-soft: 0 10px 28px rgba(28, 38, 33, .08);--radius: 8px}button,.link-button{border-radius:var(--radius);background:var(--brand);color:#fffdf8;box-shadow:0 1px #ffffff40 inset;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease}button:disabled{cursor:not-allowed;opacity:.58}input,select,textarea{border-color:var(--line-strong);border-radius:var(--radius);background:var(--paper-strong)}.auth-hero{min-height:min(760px,calc(100dvh - 112px));display:grid;align-content:center;max-width:820px;border:1px solid rgba(221,213,197,.82);border-radius:12px;background:linear-gradient(180deg,#fffdf8c7,#fffdf87a),url(/pwa-512.svg) right clamp(16px,5vw,56px) bottom clamp(18px,5vw,60px) / min(34vw,260px) no-repeat;padding:clamp(24px,6vw,70px);box-shadow:var(--shadow)}.auth-hero h1{max-width:780px;margin:12px 0 16px;color:var(--ink);font-size:clamp(2.35rem,6vw,5.25rem);line-height:.98}.auth-card h2{color:var(--ink);font-size:1.6rem}.brand-mark{border-radius:var(--radius);background:var(--brand);box-shadow:0 10px 24px #13594f38}.topbar{grid-template-columns:44px minmax(0,1fr);gap:12px;border-bottom-color:#ddd5c5db;background:#fffdf8d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding-inline:16px}.topbar-label{color:var(--ink);font-size:1.04rem}.topbar-detail{color:var(--muted)}.scripture-search{max-width:460px;height:44px;border-color:#cfc3aee6;border-radius:var(--radius);background:#fffdf8f0;box-shadow:0 8px 24px #1c262112}.brand{min-width:0}.brand strong{color:var(--ink)}.nav-button.active{box-shadow:0 9px 18px #13594f14}.nav-detail{color:#7a7f76}.page-heading h1{color:var(--ink)}.page-heading.compact h1{max-width:900px}.daily-toolbar{align-items:stretch}.daily-controls,.week-summary,.daily-study-row,.reading-list li,.parallel-verse,.phrase-row,.history-day,.quiz-option{border-color:var(--line);border-radius:var(--radius)}.daily-study-title h2,.daily-study-body h2{color:var(--ink)}.complete-button.done,.quiz-option.correct,.result-screen.good,.status.success,.success{background:#e2f2e8;color:#23563b}blockquote{border-left-color:var(--gold);color:#263631;background:linear-gradient(90deg,#f8ead0ad,#f8ead000);border-radius:var(--radius);padding:12px 14px}.reader{font-size:1.02rem}.reader sup{color:var(--gold)}.word-tooltip{border-color:var(--line);background:var(--paper);box-shadow:var(--shadow)}@media(min-width:1024px){.app{display:grid;grid-template-columns:292px minmax(0,1fr)}.drawer{position:relative;z-index:1;width:auto;max-width:none;transform:none;border-right-color:#ddd5c5e6;padding:22px 16px}.drawer-backdrop{display:none}.workspace{min-width:0}.topbar{grid-template-columns:minmax(0,1fr)}.topbar>.icon-button{display:none}}@media(max-width:720px){.workspace{grid-template-rows:62px minmax(0,1fr) auto}.page{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.mobile-tabbar{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:24;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;border:1px solid rgba(207,195,174,.86);border-radius:12px;background:#fffdf8eb;box-shadow:var(--shadow);padding:5px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-tab{min-width:0;min-height:54px;display:grid;gap:3px;justify-items:center;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:#4b5a54;padding:7px 3px;font-size:.68rem;font-weight:900}.mobile-tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-tab.active{border-color:#13594f1f;background:var(--brand-soft);color:var(--brand-strong)}.drawer{border-radius:0 12px 12px 0}}@media(max-width:560px){.auth-layout{padding:12px}.auth-hero,.auth-card{padding:18px}.auth-hero h1{font-size:clamp(2.05rem,12vw,3.4rem)}.auth-feature-grid span{flex:1 1 100%}.topbar{background:#fffdf8e6}.topbar-label{font-size:.96rem}.daily-study-row{padding:12px}.handbook-quiz-options{grid-template-columns:1fr}.scripture-search:focus-within{left:64px;right:10px;width:auto}}:root{background:#f3f8f4;color:#17211d;--ink: #17211d;--muted: #5d6f66;--paper: #ffffff;--paper-strong: #ffffff;--line: #cddfd6;--line-strong: #a9c3b8;--brand: #007665;--brand-strong: #004f45;--brand-soft: #dff4ed;--gold: #c48313;--gold-soft: #fff0c9;--coral: #d45d3c;--red: #9b2f30;--green: #287a4f;--sky: #2f76b7;--shadow: 0 20px 58px rgba(17, 44, 35, .13);--shadow-soft: 0 10px 28px rgba(17, 44, 35, .08)}body,.app{background:radial-gradient(circle at 8% 0%,rgba(0,118,101,.16),transparent 34%),radial-gradient(circle at 96% 14%,rgba(212,93,60,.13),transparent 30%),linear-gradient(135deg,#f3f8f4,#eef7f8 52%,#fff7e5)}.auth-layout{background:radial-gradient(circle at 10% 10%,rgba(0,118,101,.2),transparent 34%),radial-gradient(circle at 84% 18%,rgba(212,93,60,.18),transparent 32%),linear-gradient(135deg,#f5fbf7,#edf8f7 55%,#fff4d8)}.auth-hero{border-color:#a9c3b8d1;background:linear-gradient(180deg,#ffffffe0,#f2fbf7b3),url(/pwa-512.svg) right clamp(16px,5vw,56px) bottom clamp(18px,5vw,60px) / min(34vw,260px) no-repeat}.auth-feature-grid span{border-color:#a9c3b8db;background:#ffffffd6;color:#18342d}.drawer{background:linear-gradient(180deg,#fff,#eff9f5 58%,#fff7e6)}.topbar,.mobile-tabbar{border-color:#a9c3b8b8;background:#ffffffe6}.scripture-search,.search-results,.auth-card,.panel,.setup-panel,.quiz-card,.result-screen,.daily-study-row{border-color:var(--line);background:#fffffff5}.week-summary,.reading-list li,.parallel-verse-heading,.phrase-row{background:#eef8f3}.source-tabs,.study-view-toggle{border-color:var(--line);background:#e7f3ee}blockquote{border-left-color:var(--coral);background:linear-gradient(90deg,#ffe4cddb,#fff0)}.score{background:var(--gold-soft);color:#72470c}.nav-button.active,.nav-button:hover,.mobile-tab.active{border-color:#00766538;background:var(--brand-soft);color:var(--brand-strong)}.status.success,.success,.result-screen.good{background:#dff4e8;color:#215b3d}.result-screen.bad,.status.error{background:#ffe4dc;color:var(--red)}:root{--ink: #192027;--muted: #61707a;--paper: #ffffff;--paper-strong: #ffffff;--line: #d4dde2;--line-strong: #aebdc6;--brand: #315f73;--brand-strong: #1e4658;--brand-soft: #e4f0f4;--action: #c95432;--action-strong: #9d3e26;--action-soft: #ffe6dc;--gold: #b98212;--gold-soft: #fff0c7;--coral: #c95432;--green: #2d7652;--sky: #2e78ad}body,.app{background:radial-gradient(circle at 6% 0%,rgba(49,95,115,.15),transparent 34%),radial-gradient(circle at 96% 18%,rgba(201,84,50,.14),transparent 31%),linear-gradient(135deg,#f7faf8,#eef5f8,#fff4e8)}button,.link-button,.source-tabs button.active,.study-view-toggle label.active{background:var(--action);color:#fffaf6}@media(hover:hover)and (pointer:fine){button:hover,.link-button:hover,.source-tabs button.active:hover{background:var(--action-strong)}}button.secondary,.link-button.secondary{border:1px solid var(--line-strong);background:#fff;color:var(--ink)}@media(hover:hover)and (pointer:fine){button.secondary:hover,.link-button.secondary:hover{background:#eef5f8;color:var(--brand-strong)}}.complete-button.done{background:#2d7652;color:#fff}.icon-button,.word-speak-button,.level-switcher span{background:var(--brand-soft);color:var(--brand-strong)}.brand-mark{background:var(--brand)}.drawer,.auth-hero{background:linear-gradient(180deg,#fffffff5,#eff6f8e6 62%,#fff4e8cc)}.nav-button.active,.nav-button:hover,.mobile-tab.active{border-color:#c9543238;background:var(--action-soft);color:var(--action-strong)}.page{width:100%;max-width:1240px;margin:0 auto;grid-template-columns:minmax(0,1fr);align-content:start}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;max-width:1120px;width:100%}.page-heading h1{max-width:820px;font-size:clamp(1.55rem,2.4vw,2.45rem);line-height:1.04}.setup-panel,.quiz-card,.result-screen,.panel{width:100%;border-color:var(--line);background:#fffffff7}.daily-combined-card{max-width:1120px;align-self:start;gap:16px}.daily-toolbar{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:16px}.daily-controls,.week-summary{min-height:100%}.week-summary{align-content:center;background:linear-gradient(135deg,#eef5f8,#fff4e8)}.daily-study-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.daily-study-row{grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;min-height:100%}.daily-study-action{order:2;align-items:end}.daily-study-content,.daily-study-content.handbook{grid-template-columns:minmax(0,1fr)}.complete-button,.complete-button.compact{width:100%;min-width:0}.learn-setup,.quiz-toolbar.setup-panel,.form-panel{max-width:980px}.quiz-toolbar.setup-panel,.learn-setup{align-content:start}.quiz-card,.learn-card{max-width:960px;min-height:min(520px,72vh);align-content:start}.prompt-text{max-height:48vh}.reader.panel,.language-study-panel.panel{max-width:1020px;border-color:var(--line)}.reader{padding:clamp(18px,3vw,34px);font-size:clamp(1rem,1.3vw,1.12rem)}.picker-row,.language-study-controls,.quiz-toolbar,.answer-grid{max-width:1020px;width:100%}.editor-layout{max-width:1180px;grid-template-columns:minmax(280px,.78fr) minmax(360px,1.22fr)}.action-grid{max-width:1120px}.action{background:#fffffff7}.handbook-quiz-panel{border-top-color:var(--line)}@media(max-width:900px){.page{max-width:none}.daily-study-stack,.daily-toolbar{grid-template-columns:minmax(0,1fr)}.quiz-card,.learn-card{min-height:0}}@media(max-width:560px){.page-heading{align-items:start}.page-heading h1{max-width:none}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;max-width:100%;overflow-x:hidden}body{margin:0;width:100%;max-width:100%;min-width:0;overflow:hidden;touch-action:manipulation}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:8px;padding:10px 14px;background:#1f4f46;color:#fff;font-weight:800;cursor:pointer;-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){button:hover{background:#173d37}}button.secondary{background:#e4dfd1;color:#24302c}.link-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;padding:10px 14px;background:#1f4f46;color:#fff;font-weight:800;text-decoration:none}.link-button.secondary{background:#e4dfd1;color:#24302c}input,select,textarea{width:100%;border:1px solid #c9c1b2;border-radius:8px;font-size:16px;line-height:1.2;padding:10px 12px;background:#fffdfa;color:#1d2522}textarea{resize:none;line-height:1.45}label{display:grid;gap:6px;min-width:0;color:#45524d;font-size:.88rem;font-weight:800}.auth-layout{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:center;overflow:auto;padding:28px;background:linear-gradient(135deg,#1f4f4614,#7b5a2c1a),#f7f5ef}.auth-hero{max-width:700px}.auth-hero h1{margin:10px 0 14px;font-size:clamp(2.2rem,5vw,4.8rem);line-height:1}.auth-hero p{max-width:560px;color:#56645e;line-height:1.55}.auth-card,.panel{border:1px solid #ded6c8;border-radius:8px;background:#fffdfa;box-shadow:0 16px 36px #29231914}.auth-card{display:grid;gap:14px;padding:20px}.auth-card h2,.panel h2{margin:0}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#1f4f46;color:#fffdfa;flex:0 0 auto}.brand-mark.large{width:68px;height:68px}.brand-mark.favicon-mark{background:transparent}.brand-mark.favicon-mark img{width:100%;height:100%;display:block}.eyebrow{margin:0;color:#8a6f3d;font-size:.74rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.app{width:100%;max-width:100%;height:100%;overflow:hidden;background:#f7f5ef}.workspace{width:100%;max-width:100%;height:100%;display:grid;grid-template-rows:62px minmax(0,1fr);min-width:0;overflow:hidden}.topbar{min-width:0;width:100%;max-width:100%;display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;border-bottom:1px solid #ded6c8;background:#fffdfaf5;padding:max(10px,env(safe-area-inset-top)) 12px 10px;z-index:10}.topbar-title{display:flex;align-items:center;gap:10px;min-width:0;font-weight:900}.topbar-title svg{flex:0 0 auto}.topbar-copy{min-width:0;display:grid;gap:1px;flex:0 1 auto}.topbar-label,.topbar-detail{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-detail{color:#75817b;font-size:.72rem;font-weight:800}.icon-button{width:42px;min-height:42px;padding:0;background:#e8efe8;color:#173d37}.collection-picker{min-width:0}.collection-picker select{height:40px;padding:8px 10px}.scripture-search{position:relative;display:flex;align-items:center;gap:8px;flex:1 1 260px;min-width:180px;max-width:380px;height:40px;border:1px solid #d8d0c2;border-radius:8px;background:#fffdfa;padding:0 10px;color:#52605b}.scripture-search svg{flex:0 0 auto;cursor:text}.scripture-search input{min-width:0;width:100%;height:38px;border:0;background:transparent;padding:0}.scripture-search input:focus{outline:none;box-shadow:none}.search-results{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:grid;gap:6px;width:min(520px,88vw);max-height:min(560px,70vh);overflow:auto;border:1px solid #d8d0c2;border-radius:8px;background:#fffdfa;box-shadow:0 16px 32px #23282429;padding:8px}.search-results p{margin:0;padding:8px}.search-results button{display:grid;gap:4px;min-height:0;justify-items:start;border:1px solid transparent;background:transparent;color:#26312d;padding:9px;text-align:left}.search-results button:hover{border-color:#d7decf;background:#f8f4eb}.search-results button strong{color:#173d37}.search-results button span{color:#5f6b66;font-size:.86rem;font-weight:700;line-height:1.35}.notice{position:fixed;top:70px;right:12px;z-index:20;border-radius:8px;background:#e6f2ea;color:#24563d;padding:10px 12px;font-weight:800}.drawer-backdrop{position:fixed;inset:0;z-index:30;background:#181c1947;opacity:0;pointer-events:none;transition:opacity .16s ease}.drawer{position:fixed;top:0;bottom:0;left:0;z-index:40;width:min(82dvw,320px);max-width:calc(100vw - 28px);display:grid;grid-template-rows:auto auto 1fr auto;gap:18px;border-right:1px solid #ded6c8;background:#fffdfa;padding:18px;transform:translate(-102%);transition:transform .18s ease}.brand{display:flex;gap:12px;align-items:center}.brand strong,.brand span{display:block}.brand span{margin-top:3px;color:#6c746f;font-size:.84rem}nav{display:grid;align-content:start;gap:7px}.nav-button{justify-content:flex-start;width:100%;min-height:44px;background:transparent;color:#33403b;font-weight:800}.nav-button svg{flex:0 0 auto}.nav-copy{min-width:0;display:grid;gap:2px;text-align:left}.nav-label,.nav-detail{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-detail{color:#75817b;font-size:.72rem;font-weight:800}.nav-button:hover,.nav-button.active{background:#e8efe8;color:#173d37}.nav-button:hover .nav-detail,.nav-button.active .nav-detail{color:#4f625b}.nav-button.logout{color:#7c2f28}.page{width:100%;max-width:100%;min-height:0;height:100%;display:grid;gap:12px;align-content:start;overflow:auto;overflow-x:hidden;padding:16px;overscroll-behavior:contain}.app-view{grid-template-rows:auto auto minmax(0,1fr)}.page.narrow{max-width:820px}.page-heading h1{margin:4px 0 0;font-size:clamp(1.45rem,4vw,2.4rem);line-height:1.05}.page-heading.compact h1{font-size:clamp(1.25rem,3vw,1.9rem)}.dashboard-page{grid-template-rows:auto minmax(0,1fr)}.action-grid{width:100%;max-width:100%;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.action{width:100%;max-width:100%;min-width:0;min-height:150px;display:grid;justify-items:start;align-content:start;text-align:left;border:1px solid #ded6c8;border-radius:8px;background:#fffdfa;color:#1d2522;padding:16px}@media(hover:hover)and (pointer:fine){.action:hover{background:#f0eee6}}.action span,.muted{color:#66736d}.action strong,.action span{min-width:0;overflow-wrap:anywhere}.picker-row,.quiz-toolbar,.answer-grid,.button-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.picker-row label,.quiz-toolbar label,.answer-grid label{min-width:180px;flex:1}.editor-layout{width:100%;max-width:100%;min-height:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:12px}.panel{width:100%;max-width:100%;min-height:0;overflow:hidden;padding:16px}.preview-panel,.card-editor-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px}.verse-list,.reader{min-height:0;overflow:auto;line-height:1.55}.verse-list p,.reader p{margin:0 0 10px}.reader{padding-bottom:28px}.reader sup{display:inline-flex;min-width:24px;color:#8a6f3d;font-weight:900}.reader p.target{border-radius:8px;background:#eef5ea;box-shadow:0 0 0 6px #eef5ea}.language-study-controls{display:grid;gap:8px}.language-study-control-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:8px;align-items:center}.language-study-control-row.compact{grid-template-columns:minmax(82px,.45fr) minmax(150px,1fr)}.language-study-controls select{min-width:0;width:100%;min-height:44px}.language-study-panel{display:grid;gap:10px;min-height:0;overflow:auto}.parallel-header,.parallel-columns,.phrase-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.parallel-header{position:sticky;top:0;z-index:2;border-bottom:1px solid #e2dacd;background:#fffdfa;padding-bottom:8px;color:#8a6f3d}.parallel-verse{display:grid;gap:9px;border:1px solid #e2dacd;border-radius:8px;background:#fffdfa;padding:10px}.parallel-verse-heading{display:flex;min-height:34px;align-items:center;gap:8px;background:#f8f4eb;color:#26312d;padding:7px 9px;border-radius:8px}.parallel-verse-heading span{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#8a6f3d;color:#fff;font-size:.78rem}.study-view-toggle{display:flex;min-width:0;border:1px solid #d8d1c6;border-radius:8px;background:#fffdfa;padding:3px;gap:3px}.study-view-toggle label{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:38px;flex:1;min-width:0;border-radius:6px;color:#43504b;font-weight:900;cursor:pointer}.study-view-toggle input{position:absolute;opacity:0;pointer-events:none}.study-view-toggle label.active{background:#e9f1e8;color:#1f4f46}.parallel-columns p{margin:0;line-height:1.55}.word-text{line-height:inherit}.word-wrap{position:relative;display:inline}.word-token{display:inline;min-height:0;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;line-height:inherit;padding:0 1px;text-align:inherit;vertical-align:baseline}.word-token:active,.word-token:hover{background:#e9f1e8;color:#1f4f46}.word-tooltip{position:fixed;z-index:60;display:grid;gap:5px;max-width:calc(100vw - 16px);border:1px solid #d8d1c6;border-radius:8px;background:#fffdfa;box-shadow:0 16px 38px #26312d2e;color:#26312d;padding:10px 34px 10px 10px;font-size:.9rem;line-height:1.35;text-align:left}.word-tooltip em,.word-tooltip small{color:#8a6f3d}.word-tooltip-title{display:flex;align-items:center;gap:8px;min-width:0}.word-speak-button{display:inline-grid;place-items:center;min-height:30px;width:30px;border-radius:7px;padding:0;background:#e9f1e8;color:#1f4f46}.word-speak-button.inline{min-height:24px;width:24px;margin-left:6px;vertical-align:middle}.word-tooltip-close{position:absolute;top:6px;right:6px;min-height:26px;width:26px;border-radius:6px;padding:0;background:#f8f4eb;color:#43504b}.vocab-toolbar{display:flex;justify-content:flex-end}.vocab-card{display:grid;gap:14px}.vocab-card-title{display:flex;align-items:center;gap:10px;min-width:0}.vocab-card-title h1{margin:0;overflow-wrap:anywhere}.vocab-definition{display:grid;gap:8px}.vocab-definition p{margin:0}.vocab-list{display:grid;gap:10px}.vocab-list-item{display:grid;gap:8px}.vocab-list-item div{display:flex;justify-content:space-between;gap:10px}.vocab-list-item span,.vocab-list-item p{margin:0;color:#5f6a65}.phrase-alignments{display:grid;gap:6px;border-top:1px solid #e2dacd;padding-top:8px}.phrase-row{border-radius:8px;background:#f8f4eb;padding:8px}.phrase-row span{color:#26312d;font-weight:800;line-height:1.35}.card-editor-panel textarea{height:100%;min-height:160px}.quiz-page,.learn-page{grid-template-rows:auto minmax(0,1fr)}.quiz-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.daily-page{grid-template-rows:auto minmax(0,1fr);align-content:stretch}.daily-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.daily-heading-actions{display:flex;gap:8px;align-items:center;flex:0 0 auto}.setup-panel,.quiz-card,.result-screen{align-self:stretch;max-width:min(880px,100%);width:100%;min-height:0;display:grid;gap:14px;border:1px solid #ded6c8;border-radius:8px;background:#fffdfa;padding:16px}.learn-setup{align-content:center}.daily-card{align-content:start;overflow:auto}.daily-combined-card{max-width:min(1040px,100%);gap:12px}.daily-toolbar{display:grid;gap:12px;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);align-items:end}.daily-study-stack{display:grid;gap:8px}.daily-study-row{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:stretch;border:1px solid #e2dacd;border-radius:8px;background:#fffdfa;padding:12px}.daily-study-action{display:flex;align-items:start}.daily-study-body{display:grid;gap:9px;min-width:0}.daily-study-title h2,.daily-study-body h2{margin:4px 0 0;color:#26312d;font-size:1.08rem;line-height:1.2}.daily-study-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:10px;align-items:start}.daily-study-content.handbook{grid-template-columns:minmax(0,1fr) auto;align-items:end}.daily-detail{display:grid;gap:5px;min-width:0}.daily-heading-list{display:grid;gap:4px}.daily-controls{display:grid;grid-template-columns:74px minmax(0,1fr) 74px;gap:8px;align-items:end}.daily-controls label{min-width:0}.daily-controls button{width:100%;padding-inline:8px}.daily-section{display:grid;gap:8px;border-top:1px solid #e2dacd;padding-top:12px}.daily-section.compact{gap:6px;padding-top:10px}.reading-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.reading-list li{border:1px solid #e2dacd;border-radius:8px;background:#f8f4eb;padding:10px 12px;color:#26312d;font-weight:900}.reading-list.compact{gap:6px}.reading-list.compact li{padding:8px 10px}.reading-list.inline{display:flex;flex-wrap:wrap;gap:6px}.reading-list.inline li{width:auto}.source-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border:1px solid #d8d0c2;border-radius:8px;background:#eee8da;padding:4px}.source-tabs button{min-height:38px;background:transparent;color:#3d4844}.source-tabs button.active{background:#1f4f46;color:#fff}.cfm-scope-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.week-summary{display:grid;gap:4px;border:1px solid #e2dacd;border-radius:8px;background:#f8f4eb;padding:12px}.week-summary strong{color:#26312d}.week-summary span{color:#66736d;font-weight:700}.daily-complete-row{display:grid;grid-template-columns:minmax(132px,auto) minmax(0,1fr);gap:10px;align-items:center}.daily-complete-row span{color:#61706a;font-weight:800}.complete-button{justify-self:start;min-width:132px}.complete-button.compact{min-width:116px;min-height:38px;padding:8px 10px}.button-row.compact{gap:8px}.compact-status{margin:0}.handbook-quiz-panel{display:grid;gap:10px;border-top:1px solid #e2dacd;padding-top:10px}.handbook-quiz-summary{display:flex;gap:10px;align-items:center;justify-content:space-between;color:#26312d}.handbook-quiz-summary span{color:#66736d;font-size:.86rem;font-weight:800}.handbook-quiz-list{display:grid;gap:8px;max-height:520px;margin:0;padding:0 0 0 22px;overflow:auto}.handbook-quiz-item{border:1px solid #e2dacd;border-radius:8px;background:#f8f4eb;padding:10px}.handbook-quiz-item p{margin:0 0 8px;color:#26312d;font-weight:800}.handbook-quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.quiz-option{min-height:36px;justify-content:start;border:1px solid #d8d0c2;background:#fffdfa;color:#26312d;padding:8px 10px;text-align:left}.quiz-option.selected{border-color:#1f4f46}.quiz-option.correct{background:#2f7651;color:#fff}.quiz-option.wrong{background:#8c3a3a;color:#fff}.complete-button.done{background:#2f7651}.daily-history{display:grid;gap:12px;border:1px solid #d8d0c2;border-radius:8px;background:#f8f4eb;padding:12px}.daily-history-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.history-summary{display:grid;justify-items:center;min-width:64px;border:1px solid #d7decf;border-radius:8px;background:#fffdfa;padding:7px 9px;color:#173d37}.history-summary strong{line-height:1;font-size:1.15rem}.history-summary span{color:#66736d;font-size:.75rem;font-weight:900;text-transform:uppercase}.history-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.history-day{min-width:0;min-height:54px;display:grid;gap:2px;padding:7px 4px;border:1px solid #ddd4c5;background:#fffdfa;color:#25312c}.history-day.done{border-color:#8eb19d;background:#e6f2ea;color:#24563d}.history-day.missed{border-color:#d6b7a7;background:#f8e8df;color:#783f2b}.history-day span{font-weight:900}.history-day small{overflow:hidden;text-overflow:ellipsis;color:inherit;font-size:.66rem;font-weight:900;text-transform:uppercase}.learn-card{grid-template-rows:auto auto minmax(0,1fr) auto auto auto}.learn-progress{display:flex;gap:8px;justify-content:space-between;color:#66736d;font-size:.88rem;font-weight:800}.learn-read{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px}.learn-read-header{display:flex;gap:12px;align-items:center;justify-content:space-between}.learn-read-header>div{min-width:0;flex:1 1 auto}.learn-read-header h2{margin-top:4px}.setup-panel{align-content:center}.daily-card{align-content:start;align-self:start}.quiz-card{grid-template-rows:auto minmax(0,1fr) auto auto}.prompt-label{margin:0;color:#8a6f3d;font-weight:900}blockquote{margin:0;border-left:4px solid #8a6f3d;padding:8px 0 8px 14px;color:#2d3834;font-size:1.05rem;line-height:1.55}.prompt-text{min-height:0;overflow:auto}.score{flex:0 0 auto;border-radius:8px;background:#e8efe8;color:#173d37;padding:9px 11px;font-weight:900;white-space:nowrap}.result-screen{align-content:center;justify-items:stretch;min-height:320px}.result-screen strong{display:block;font-size:clamp(2rem,7vw,4rem);line-height:1}.result-screen span{display:block;margin-top:12px;font-size:1.15rem;font-weight:800}.result-screen.good,.status.success,.success{background:#e6f2ea;color:#24563d}.result-screen.bad,.status.error{background:#fae8e3;color:#7c2f28}.status{margin:0;border-radius:8px;padding:10px 12px}.help-text{margin:-6px 0 0;color:#66736d;font-size:.9rem;line-height:1.4}.empty{color:#66736d}.game-page{grid-template-rows:auto minmax(0,1fr)}.game-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.chapel-game{min-height:0;display:grid;grid-template-rows:auto minmax(260px,1fr) auto auto;gap:12px}.level-switcher{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}.level-switcher span{min-width:58px;border-radius:8px;background:#e8efe8;color:#173d37;padding:10px 12px;text-align:center;font-weight:900}.chapel-stage{position:relative;min-height:260px;overflow:hidden;border:1px solid #ded6c8;border-radius:8px;background:linear-gradient(180deg,#fffdfaf5,#e8efe8db 68%,#8a6f3d29 68%),#f7f5ef}.chapel-building{position:absolute;left:50%;bottom:22px;width:min(70%,360px);aspect-ratio:1.15;transform:translate(-50%)}.chapel-body,.chapel-roof,.chapel-steeple,.chapel-door,.chapel-window,.chapel-scripture,.sunbeam,.sparkle,.chapel-burst{position:absolute}.chapel-body{left:13%;right:13%;bottom:0;height:58%;border:6px solid #1f4f46;border-radius:8px 8px 6px 6px;background:#fffdfa}.level-temple .chapel-body{height:66%;border-color:#6f694f}.level-temple .chapel-roof,.level-temple .chapel-steeple{background:#f7f5ef}.level-garden .chapel-body{border-color:#24563d;border-radius:44% 44% 8px 8px;background:#e6f2ea}.level-garden .chapel-roof{background:#24563d}.level-ark .chapel-body{height:48%;border-color:#7b5a2c;border-radius:0 0 44px 44px;background:#c8714d}.level-ark .chapel-roof{bottom:45%;background:#7b5a2c}.level-plates .chapel-body,.level-scripture .chapel-body{height:52%;border-color:#8a6f3d;border-radius:10px;background:#f6d56f}.level-plates .chapel-roof,.level-scripture .chapel-roof{background:#8a6f3d}.level-missionary .chapel-body,.level-service .chapel-body{border-color:#1f4f46;background:#e8efe8}.level-missionary .chapel-roof,.level-service .chapel-roof{background:#c8714d}.level-family .chapel-body,.level-primary .chapel-body{border-color:#7c2f28;background:#fffdfa}.level-family .chapel-roof,.level-primary .chapel-roof{background:#7c2f28}.level-baptism .chapel-body{border-color:#1f4f46;border-radius:999px 999px 8px 8px;background:linear-gradient(180deg,#fffdfaeb,#e8efe8b3),#dcefeb}.level-baptism .chapel-roof{background:#1f4f46}.chapel-roof{left:5%;right:5%;bottom:52%;height:23%;background:#8a6f3d;clip-path:polygon(50% 0,100% 100%,0 100%)}.chapel-steeple{left:43%;bottom:71%;width:14%;height:28%;border:6px solid #1f4f46;border-bottom:0;border-radius:8px 8px 0 0;background:#fffdfa;opacity:0;transform:translateY(14px) scale(.9);transition:opacity .18s ease,transform .18s ease}.chapel-steeple:before{content:"";position:absolute;left:50%;top:-28px;width:5px;height:30px;border-radius:999px;background:#1f4f46;transform:translate(-50%)}.chapel-door{left:50%;bottom:-6px;width:22%;height:45%;border:5px solid #1f4f46;border-bottom:0;border-radius:999px 999px 0 0;background:#c8714d;opacity:0;transform:translate(-50%,12px);transition:opacity .16s ease,transform .16s ease}.chapel-window{top:22%;width:19%;aspect-ratio:.75;border:5px solid #1f4f46;border-radius:999px 999px 8px 8px;background:linear-gradient(90deg,transparent 46%,#1f4f46 46% 54%,transparent 54%),linear-gradient(180deg,transparent 46%,#1f4f46 46% 54%,transparent 54%),#f6d56f;opacity:0;transform:scale(.7);transition:opacity .16s ease,transform .16s ease}.chapel-window.left{left:17%}.chapel-window.right{right:17%}.chapel-scripture{left:8%;bottom:2%;width:22%;height:16%;border:5px solid #1f4f46;border-radius:6px;background:linear-gradient(90deg,transparent 47%,#1f4f46 47% 53%,transparent 53%),#f7f5ef;opacity:0;transform:rotate(-8deg) scale(.7);transition:opacity .18s ease,transform .18s ease}.sunbeam{top:24px;right:28px;width:70px;aspect-ratio:1;border-radius:50%;background:#f6d56f;box-shadow:0 0 0 12px #f6d56f47,0 0 42px #f6d56fb8;opacity:0;transform:scale(.6);transition:opacity .18s ease,transform .18s ease}.sparkle{color:#8a6f3d;font-size:2.6rem;font-weight:900;opacity:0;transform:scale(.5) rotate(-12deg);transition:opacity .16s ease,transform .16s ease}.sparkle-one{left:12%;top:20%}.sparkle-two{right:14%;top:42%;color:#c8714d}.chapel-burst{left:50%;top:16%;color:#1f4f46;font-size:clamp(2rem,8vw,4rem);font-weight:900;transform:translate(-50%);animation:chapel-pop .9s ease both}.show{opacity:1;transform:none}.chapel-door.show{transform:translate(-50%)}.chapel-scripture.show{transform:rotate(-8deg) scale(1)}.scene-book .chapel-body,.scene-water .chapel-body,.scene-tree .chapel-body,.scene-ark .chapel-body,.scene-jesus .chapel-body,.scene-gift .chapel-body,.scene-badge .chapel-body,.scene-heart .chapel-body{overflow:hidden}.scene-book .chapel-body{left:6%;right:6%;bottom:7%;height:52%;border-color:#8a6f3d;border-radius:18px 18px 10px 10px;background:linear-gradient(90deg,transparent 48%,#8a6f3d 48% 52%,transparent 52%),linear-gradient(110deg,#ffffffb8 0 44%,#fff0 45%),#f6d56f;transform:skewY(-2deg)}.scene-book .chapel-roof{left:20%;right:20%;bottom:60%;height:8%;border-radius:999px;clip-path:none;background:#8a6f3d}.scene-book .chapel-steeple{left:48%;bottom:15%;width:4%;height:43%;border:0;border-radius:999px;background:#8a6f3d}.scene-book .chapel-steeple:before{display:none}.scene-book .chapel-window{top:18%;width:16%;border-color:#7c2f28;border-radius:999px;background:#fffdfa}.scene-book .chapel-door{bottom:0;width:14%;height:38%;border:0;border-radius:0 0 999px 999px;background:#7c2f28}.scene-water .chapel-body{left:4%;right:4%;bottom:4%;height:44%;border-color:#1f4f46;border-radius:50% 50% 18px 18px;background:radial-gradient(circle at 28% 38%,rgba(255,255,255,.72) 0 9%,transparent 10%),linear-gradient(180deg,#dcefeb 0 30%,#7dbfc3 31% 100%)}.scene-water .chapel-roof{left:13%;right:13%;bottom:43%;height:15%;border-radius:999px 999px 0 0;clip-path:none;background:repeating-linear-gradient(90deg,#1f4f46 0 24px,#7dbfc3 24px 48px)}.scene-water .chapel-steeple{left:42%;bottom:67%;width:16%;height:16%;border:0;border-radius:50%;background:#f6d56f}.scene-water .chapel-steeple:before{display:none}.scene-water .chapel-door{bottom:18%;width:30%;height:15%;border:4px solid #1f4f46;border-left:0;border-right:0;border-radius:999px;background:transparent}.scene-water .chapel-window{top:24%;border-radius:999px;background:#fffdfa}.scene-tree .chapel-body{left:16%;right:16%;bottom:22%;height:54%;border-color:#24563d;border-radius:48% 48% 42% 42%;background:radial-gradient(circle at 25% 34%,#e6f2ea 0 13%,transparent 14%),radial-gradient(circle at 72% 28%,#f6d56f 0 9%,transparent 10%),#5f9b57}.scene-tree .chapel-roof{left:45%;right:45%;bottom:0;height:35%;border-radius:999px;clip-path:none;background:#7b5a2c}.scene-tree .chapel-steeple{left:47%;bottom:72%;width:8%;height:14%;border:0;border-radius:999px 999px 0 0;background:#24563d}.scene-tree .chapel-steeple:before{display:none}.scene-tree .chapel-door,.scene-tree .chapel-window{border-color:#1f4f46;border-radius:999px;background:#f6d56f}.scene-ark .chapel-body{left:5%;right:5%;bottom:9%;height:38%;border-color:#7b5a2c;border-radius:0 0 55px 55px;background:linear-gradient(180deg,#c8714d,#9f5a35)}.scene-ark .chapel-roof{left:30%;right:30%;bottom:45%;height:20%;border-radius:10px 10px 0 0;clip-path:none;background:#7b5a2c}.scene-ark .chapel-steeple{left:45%;bottom:65%;width:10%;height:20%;border:0;border-radius:999px;background:#f6d56f}.scene-ark .chapel-steeple:before{display:none}.scene-ark .chapel-window{top:22%;width:14%;border-radius:50%;background:#f6d56f}.scene-ark .chapel-door{bottom:7%;width:22%;height:28%;border-radius:6px;background:#7b5a2c}.scene-jesus .chapel-body{left:17%;right:17%;bottom:12%;height:58%;border-color:#7c2f28;border-radius:50% 50% 44% 44%;background:radial-gradient(circle at 50% 38%,#fffdfa 0 18%,transparent 19%),radial-gradient(circle,#f6d56f 0 48%,#f0b967 49% 100%);box-shadow:0 0 0 14px #f6d56f3d}.scene-jesus .chapel-body:after,.scene-heart .chapel-body:after{content:"♥";position:absolute;left:50%;top:50%;color:#7c2f28;font-size:clamp(2.6rem,10vw,5rem);font-weight:900;transform:translate(-50%,-48%)}.scene-jesus .chapel-roof{left:47%;right:47%;bottom:70%;height:24%;border-radius:999px;clip-path:none;background:#7c2f28}.scene-jesus .chapel-steeple{left:42%;bottom:76%;width:16%;height:16%;border:0;border-radius:50%;background:#f6d56f}.scene-jesus .chapel-steeple:before{display:none}.scene-jesus .chapel-window{top:25%;width:14%;border:0;border-radius:50%;background:#fffdfa;box-shadow:0 0 0 7px #fffdfa57}.scene-jesus .chapel-door{bottom:8%;width:18%;height:18%;border:0;border-radius:50%;background:#7c2f28}.scene-gift .chapel-body{left:12%;right:12%;bottom:4%;height:56%;border-color:#1f4f46;border-radius:10px;background:linear-gradient(90deg,transparent 43%,#f6d56f 43% 57%,transparent 57%),linear-gradient(180deg,transparent 43%,#f6d56f 43% 57%,transparent 57%),#e8efe8}.scene-gift .chapel-roof{left:9%;right:9%;bottom:61%;height:14%;border-radius:10px;clip-path:none;background:linear-gradient(90deg,transparent 43%,#f6d56f 43% 57%,transparent 57%),#1f4f46}.scene-gift .chapel-steeple{left:40%;bottom:76%;width:20%;height:13%;border:5px solid #1f4f46;border-radius:50% 50% 0 0;background:transparent}.scene-gift .chapel-steeple:before{display:none}.scene-gift .chapel-door,.scene-gift .chapel-window{border-radius:999px;background:#fffdfa}.scene-badge .chapel-body{left:18%;right:18%;bottom:6%;height:62%;border-color:#1f4f46;border-radius:18px 18px 48% 48%;background:#e8efe8}.scene-badge .chapel-roof{left:28%;right:28%;bottom:63%;height:16%;border-radius:999px;clip-path:none;background:#1f4f46}.scene-badge .chapel-steeple{left:44%;bottom:72%;width:12%;height:16%;border:0;border-radius:999px;background:#f6d56f}.scene-badge .chapel-steeple:before{display:none}.scene-badge .chapel-door{bottom:18%;width:34%;height:13%;border:0;border-radius:999px;background:#1f4f46}.scene-badge .chapel-window{top:28%;width:15%;border-radius:50%;background:#f6d56f}.scene-heart .chapel-body{left:18%;right:18%;bottom:12%;height:56%;border-color:#7c2f28;border-radius:46% 46% 40% 40%;background:#fffdfa}.scene-heart .chapel-roof{left:29%;right:29%;bottom:61%;height:18%;border-radius:50% 50% 0 0;clip-path:none;background:#7c2f28}.scene-heart .chapel-steeple{left:44%;bottom:74%;width:12%;height:12%;border:0;border-radius:50%;background:#f6d56f}.scene-heart .chapel-steeple:before{display:none}.scene-heart .chapel-window{top:26%;width:14%;border:0;border-radius:50%;background:#f6d56f}.scene-heart .chapel-door{bottom:10%;width:18%;height:18%;border:0;border-radius:50%;background:#7c2f28}.piece-tray{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.piece-button{width:100%;min-height:64px;padding:0;border:1px solid #ded6c8;background:#fffdfa;color:#1f4f46}.piece-button.active{background:#e8efe8;box-shadow:inset 0 0 0 3px #1f4f46}.game-reset{justify-self:stretch}@keyframes chapel-pop{0%{opacity:0;transform:translate(-50%) translateY(18px) scale(.6)}30%{opacity:1;transform:translate(-50%) translateY(0) scale(1.05)}to{opacity:0;transform:translate(-50%) translateY(-34px) scale(1)}}.form-panel{display:grid;gap:14px}.offline-progress{display:grid;gap:8px}.offline-progress span{color:#66736d;font-weight:900}.offline-progress progress{width:100%;height:12px;accent-color:#1f4f46}.toggle{grid-template-columns:auto 1fr;align-items:center}.toggle input{width:auto}.session-row{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e7dfd2;padding-top:12px}@media(min-width:1000px){.workspace{max-width:1180px;margin:0 auto;border-left:1px solid #ded6c8;border-right:1px solid #ded6c8;background:#f7f5ef}}@media(max-width:820px){.auth-layout{grid-template-columns:1fr;align-content:start;gap:16px;padding:18px}.auth-hero h1{font-size:2rem}.auth-hero p{display:none}.brand-mark.large{width:52px;height:52px}.topbar{grid-template-columns:44px minmax(0,1fr)}.scripture-search{flex:0 1 300px;min-width:170px}.action-grid,.editor-layout{grid-template-columns:1fr}.action-grid{grid-template-rows:repeat(4,minmax(84px,1fr))}.action{min-height:84px;grid-template-columns:32px minmax(0,1fr);column-gap:10px;align-items:center;padding:12px}.action svg{grid-row:span 2}.action span{font-size:.9rem}.preview-panel{display:none}}@media(max-width:560px){body,.app,.workspace{width:100%;height:100dvh}.workspace{grid-template-rows:58px minmax(0,1fr)}.topbar{grid-template-columns:42px minmax(0,1fr);padding:max(8px,env(safe-area-inset-top)) 10px 8px}.scripture-search{flex:0 0 42px;min-width:42px;max-width:42px;height:38px;padding-inline:8px;justify-content:center}.scripture-search input{width:0;min-width:0;height:36px;font-size:.9rem;opacity:0}.scripture-search:focus-within{position:fixed;top:calc(8px + env(safe-area-inset-top));left:10px;right:10px;z-index:45;width:auto;max-width:none;justify-content:start;box-shadow:0 16px 32px #23282429}.scripture-search:focus-within input{width:100%;opacity:1}.search-results{position:fixed;top:calc(54px + env(safe-area-inset-top));left:10px;right:10px;width:auto;max-height:68vh}.page{gap:10px;padding:10px}.page-heading h1,.page-heading.compact h1{font-size:1.25rem}.action-grid{gap:8px}.action{min-height:78px;padding:10px}.action strong{font-size:.96rem}.action span{font-size:.82rem;line-height:1.28}.picker-row,.quiz-toolbar,.answer-grid,.button-row{align-items:stretch;display:flex;flex-direction:column}.language-study-controls{gap:8px}.language-study-control-row{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.language-study-control-row.compact{grid-template-columns:minmax(76px,.45fr) minmax(148px,1fr)}.picker-row label,.quiz-toolbar label,.answer-grid label,.daily-controls label{min-width:0}.daily-complete-row,.daily-history-header,.daily-toolbar,.daily-study-row,.daily-study-content,.daily-study-content.handbook,.parallel-header,.parallel-columns,.phrase-row{grid-template-columns:minmax(0,1fr);align-items:stretch}.complete-button{width:100%}.daily-study-action{display:block}.quiz-heading{align-items:start}.quiz-heading h1{max-width:220px}.quiz-card{grid-template-rows:auto minmax(120px,1fr) auto auto}blockquote{font-size:1rem}.result-screen{min-height:0}.result-screen strong{font-size:2.3rem}.chapel-game{grid-template-rows:auto minmax(250px,1fr) auto auto}.piece-tray{grid-template-columns:repeat(4,minmax(0,1fr))}.piece-button{min-height:58px}}:root{background:#f4f1e8;color:#17211e;--ink: #17211e;--muted: #60716a;--paper: #fffdf8;--paper-strong: #ffffff;--line: #ddd5c5;--line-strong: #cfc3ae;--brand: #13594f;--brand-strong: #0d4039;--brand-soft: #e3f0eb;--gold: #b8872f;--gold-soft: #f8ead0;--green: #2f7651;--shadow: 0 20px 60px rgba(28, 38, 33, .12);--shadow-soft: 0 10px 28px rgba(28, 38, 33, .08);--radius: 8px}body{background:linear-gradient(135deg,#13594f14,#b8872f14 42%,#ba5b450f),#f4f1e8}button,.link-button{border-radius:var(--radius);background:var(--brand);color:#fffdf8;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease}button.secondary,.link-button.secondary{border:1px solid var(--line);background:#f5efe4;color:#23302c}@media(hover:hover)and (pointer:fine){button:hover,.link-button:hover{background:var(--brand-strong);transform:translateY(-1px)}}input,select,textarea{border-color:var(--line-strong);background:var(--paper-strong)}input:focus,select:focus,textarea:focus,button:focus-visible,.link-button:focus-visible{outline:3px solid rgba(184,135,47,.28);outline-offset:2px}.auth-layout{min-height:100%;grid-template-columns:minmax(0,1fr) minmax(340px,430px);gap:clamp(22px,5vw,64px);align-items:stretch;padding:clamp(18px,4vw,56px);background:linear-gradient(132deg,#13594f24,#f8ead0d1 54%,#ba5b451f),#f4f1e8}.auth-hero{min-height:min(760px,calc(100dvh - 112px));display:grid;align-content:center;max-width:820px;border:1px solid rgba(221,213,197,.82);border-radius:12px;background:linear-gradient(180deg,#fffdf8c7,#fffdf87a),url(/pwa-512.svg) right clamp(16px,5vw,56px) bottom clamp(18px,5vw,60px) / min(34vw,260px) no-repeat;padding:clamp(24px,6vw,70px);box-shadow:var(--shadow)}.auth-hero h1{max-width:780px;color:var(--ink);font-size:clamp(2.35rem,6vw,5.25rem);line-height:.98}.auth-hero p:not(.eyebrow){max-width:620px;color:#46564f;font-size:clamp(1rem,2vw,1.16rem)}.auth-feature-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.auth-feature-grid span{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(207,195,174,.9);border-radius:var(--radius);background:#fffdf8c2;color:#25312c;padding:10px 12px;font-weight:900}.auth-card,.panel,.setup-panel,.quiz-card,.result-screen{border-color:var(--line);border-radius:var(--radius);background:#fffdf8f0;box-shadow:var(--shadow-soft)}.auth-card{align-self:center;gap:16px;padding:22px}.brand-mark{background:var(--brand);box-shadow:0 10px 24px #13594f38}.brand-mark.favicon-mark{background:transparent;box-shadow:none}.eyebrow,.prompt-label{color:var(--gold)}.app{background:linear-gradient(135deg,#13594f14,#b8872f12 48%,#ba5b450f),#f4f1e8}.workspace{grid-template-rows:70px minmax(0,1fr)}.topbar{gap:12px;border-bottom-color:#ddd5c5db;background:#fffdf8d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding-inline:16px}.topbar-title{justify-content:space-between}.topbar-label,.page-heading h1{color:var(--ink)}.topbar-detail,.action span,.muted{color:var(--muted)}.scripture-search{max-width:460px;height:44px;border-color:#cfc3aee6;background:#fffdf8f0;box-shadow:0 8px 24px #1c262112}.search-results{border-color:var(--line);background:var(--paper);box-shadow:var(--shadow)}.drawer{background:linear-gradient(180deg,#fffdf8,#f8f4ea)}.brand strong,.week-summary strong,.daily-study-title h2,.daily-study-body h2{color:var(--ink)}.brand span{color:var(--muted);line-height:1.25}.nav-button{border:1px solid transparent;color:#31403a}.nav-button.active,.nav-button:hover{border-color:#13594f1f;background:var(--brand-soft);color:var(--brand-strong)}.drawer-account{min-width:0;display:grid;gap:3px;border:1px solid var(--line);border-radius:var(--radius);background:#fffdf8d1;padding:11px}.drawer-account span,.drawer-account strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-account span{color:var(--muted);font-size:.76rem;font-weight:900;text-transform:uppercase}.drawer-account strong{color:var(--ink);font-size:.88rem}.page{gap:16px;padding:clamp(14px,2.4vw,28px)}.page.narrow{max-width:980px}.daily-combined-card,.setup-panel,.quiz-card,.result-screen{max-width:min(1120px,100%)}.daily-combined-card{padding:clamp(14px,2vw,22px)}.daily-controls,.week-summary,.daily-study-row,.reading-list li,.parallel-verse,.phrase-row,.history-day,.quiz-option{border-color:var(--line)}.week-summary,.reading-list li,.parallel-verse-heading,.phrase-row{background:#f7f1e6}.daily-study-row{background:#fffdf8f5;box-shadow:0 1px #ffffffe6 inset}.complete-button.done{background:var(--green);color:#fff}.source-tabs,.study-view-toggle{border-color:var(--line);background:#efe7d8}.source-tabs button.active,.study-view-toggle label.active{background:var(--brand);color:#fffdf8}blockquote{border-left-color:var(--gold);background:linear-gradient(90deg,#f8ead0ad,#f8ead000);color:#263631}.score{background:var(--gold-soft);color:#6c4714}.reader.panel,.language-study-panel.panel{background:linear-gradient(180deg,#fffdf8fa,#fffdf8eb),#fffdf8}.word-token:active,.word-token:hover{background:var(--brand-soft);color:var(--brand-strong)}.mobile-tabbar{display:none}@media(min-width:1024px){.app{display:grid;grid-template-columns:292px minmax(0,1fr)}.drawer{position:relative;z-index:1;width:auto;max-width:none;transform:none;border-right-color:#ddd5c5e6;padding:22px 16px}.drawer-backdrop{display:none}.topbar{grid-template-columns:minmax(0,1fr)}.topbar>.icon-button{display:none}}@media(max-width:900px){.auth-layout{grid-template-columns:1fr;align-content:start;overflow:auto}.auth-hero{min-height:auto;background:linear-gradient(180deg,#fffdf8db,#fffdf89e),#fffdf8}}@media(max-width:720px){.workspace{grid-template-rows:62px minmax(0,1fr) auto}.page{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.mobile-tabbar{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:24;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;border:1px solid rgba(207,195,174,.86);border-radius:12px;background:#fffdf8eb;box-shadow:var(--shadow);padding:5px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-tab{min-width:0;min-height:54px;display:grid;gap:3px;justify-items:center;border:1px solid transparent;background:transparent;color:#4b5a54;padding:7px 3px;font-size:.68rem;font-weight:900}.mobile-tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-tab.active{border-color:#13594f1f;background:var(--brand-soft);color:var(--brand-strong)}}@media(max-width:560px){.auth-layout{padding:12px}.auth-hero,.auth-card{padding:18px}.auth-hero h1{font-size:clamp(2.05rem,12vw,3.4rem)}.auth-feature-grid span{flex:1 1 100%}.handbook-quiz-options{grid-template-columns:1fr}.scripture-search:focus-within{left:64px;right:10px;width:auto}}.menu-is-open .drawer{transform:translate(0)}.menu-is-open .drawer-backdrop{opacity:1;pointer-events:auto}@media(max-width:1023px){.app>.drawer{left:min(-82dvw,-320px);transform:none;transition:left .18s ease}.app>.drawer.open,.app.menu-is-open>.drawer{left:0;transform:none}}button:not(.secondary):not(.nav-button):not(.icon-button):not(.word-token):not(.word-speak-button):not(.mobile-tab),.link-button:not(.secondary),.complete-button.compact,.complete-button:not(.done),.game-reset,.piece-button:not(.active){background:#c95432;color:#fffaf6}@media(hover:hover)and (pointer:fine){button:not(.secondary):not(.nav-button):not(.icon-button):not(.word-token):not(.word-speak-button):not(.mobile-tab):hover,.link-button:not(.secondary):hover,.complete-button.compact:hover,.complete-button:not(.done):hover,.game-reset:hover,.piece-button:not(.active):hover{background:#9d3e26}}button.secondary,.link-button.secondary{border-color:#aebdc6;background:#fff;color:#192027}.mobile-tabbar .mobile-tab{background:transparent;color:#4f5e66}.mobile-tabbar .mobile-tab.active{background:#ffe6dc;color:#9d3e26}.page{max-width:1240px;margin-inline:auto}.daily-study-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-study-row,.daily-study-content,.daily-study-content.handbook{grid-template-columns:minmax(0,1fr)}.daily-study-action{order:2}.complete-button,.complete-button.compact{width:100%}@media(max-width:900px){.daily-study-stack{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){html,body,#root{width:100%;max-width:100%;min-width:0;overflow-x:hidden}.app{width:100%;min-width:0;max-width:100%;min-height:100dvh;display:block;overflow-x:hidden}.workspace{width:100%;min-width:0;max-width:100%;min-height:100dvh;display:grid;grid-template-rows:auto 1fr;overflow-x:hidden}.topbar{position:sticky;top:0;z-index:20;width:100%;min-width:0;grid-template-columns:42px minmax(0,1fr)}.topbar-title,.topbar-copy{min-width:0}.topbar-detail{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer{width:min(84vw,320px);max-width:320px}.page{width:100%;min-width:0;max-width:100%;padding:12px 12px calc(94px + env(safe-area-inset-bottom));margin:0}.page-heading{grid-template-columns:minmax(0,1fr);gap:8px}.setup-panel,.quiz-card,.result-screen,.daily-card,.daily-combined-card,.reader.panel,.language-study-panel.panel{width:100%;min-width:0;max-width:100%;overflow:visible}.daily-toolbar,.daily-controls,.daily-study-stack,.daily-study-row,.daily-study-content,.daily-study-content.handbook{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}.daily-controls{display:grid;gap:8px}.daily-controls label{display:grid;gap:5px}.daily-controls select{width:100%;min-width:0}.daily-study-row{gap:12px;padding:12px}.daily-study-body,.daily-detail,.daily-heading-list,.reading-list{min-width:0}.daily-study-action{order:2;width:100%}.button-row,.handbook-actions{width:100%;min-width:0}.button-row>*,.handbook-actions>*{min-width:0}.mobile-tabbar{display:grid}}@media(max-width:720px){.topbar{min-height:70px;padding:max(10px,env(safe-area-inset-top)) 14px 10px;align-items:center}.icon-button,.scripture-search{width:44px;min-width:44px;height:44px;min-height:44px;border-radius:8px}.topbar-label{font-size:1.35rem;line-height:1}.topbar-detail{display:none}.daily-page{gap:12px}.daily-heading h1{font-size:2rem;line-height:1.05}.daily-combined-card{gap:14px;padding:14px}.daily-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.daily-controls label{grid-column:1 / -1;order:-1}.daily-controls button,.daily-controls select{min-height:44px;padding:9px 12px;font-size:1rem;line-height:1.15}.week-summary{padding:12px}.week-summary strong{font-size:1.05rem;line-height:1.2}.week-summary span{font-size:.98rem;line-height:1.28}.daily-study-stack{gap:12px}.daily-study-row{padding:12px}.daily-study-title h2{font-size:1.35rem;line-height:1.12}.daily-study-body{gap:10px}.daily-detail .prompt-label,.prompt-label{font-size:1rem}.daily-heading-list strong,.reading-list.compact.inline li{font-size:1rem;line-height:1.25}.reading-list.compact.inline{gap:8px}.complete-button,.complete-button.compact{min-height:48px;padding:11px 14px;font-size:1rem}.mobile-tabbar{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));padding:4px}.mobile-tab{min-height:50px;padding:6px 2px;font-size:.66rem}}