@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-gov.css');
:root{--paper:#f7f4ea;--surface:#fffdf8;--ink:#17352d;--muted:#718079;--line:#d9ddd4;--green:#1f5a48;--green-2:#2d725b;--lime:#dceb92;--orange:#f0714e;--shadow:0 18px 50px rgba(31,68,55,.09);--font-scale:1;font-size:calc(16px * var(--font-scale))}
[data-theme="dark"]{--paper:#101815;--surface:#17231f;--ink:#edf4e8;--muted:#9aaca5;--line:#33443e;--green:#8bc9ae;--green-2:#a8dac5;--lime:#405b37;--orange:#ff8564;--shadow:0 18px 55px rgba(0,0,0,.26)}
*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{margin:0;max-width:100%;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:'Pretendard GOV','Pretendard',sans-serif;font-size:1rem;line-height:1.65;transition:background .25s,color .25s}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.kicker{font-size:.78rem;font-weight:700;letter-spacing:.13em;color:var(--green-2);margin:0 0 18px;text-transform:uppercase}.login-view{min-height:100vh;width:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.login-view>*{min-width:0}.login-card{display:flex;flex-direction:column;justify-content:center;padding:9vw;position:relative}.login-mark,.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:50% 50% 50% 8px;background:var(--green);color:var(--surface);font-weight:700;margin-bottom:48px}.church-mark{font-size:.7rem;letter-spacing:-.06em}.login-mark.church-mark{width:58px;height:58px;font-size:.86rem}.login-card h1{font-size:clamp(3rem,6vw,6.3rem);line-height:1.03;letter-spacing:-.055em;margin:0 0 28px;font-weight:700}.login-copy{color:var(--muted);font-size:1.08rem;max-width:430px;margin-bottom:42px;word-break:keep-all}.name-form{width:100%;max-width:540px}.name-form label,.dialog-form label,.settings-card label{display:flex;flex-direction:column;gap:8px;font-size:.88rem;font-weight:650}.input-row{display:flex;min-width:0;border-bottom:2px solid var(--ink)}input,select{min-width:0;max-width:100%;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:9px;padding:12px 13px;outline:none}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 14%,transparent)}.input-row input{width:100%;flex:1 1 auto;border:0;border-radius:0;padding:17px 3px;font-size:1.05rem;box-shadow:none}.input-row button,.primary-button{border:0;background:var(--green);color:var(--surface);padding:13px 21px;border-radius:9px;font-weight:700}.input-row button{background:transparent;color:var(--ink);display:flex;gap:25px;align-items:center;white-space:nowrap;flex:none}.admin-entry{position:absolute;left:9vw;bottom:34px;border:0;background:none;color:var(--muted);font-size:.82rem;text-decoration:underline;text-underline-offset:4px}.login-verse{position:relative;overflow:hidden;background:var(--green);color:#f8f5e9;padding:7vw;display:flex;flex-direction:column;justify-content:center}.login-verse>span{position:absolute;top:45px;right:55px;font-size:.72rem;letter-spacing:.18em;opacity:.6}.login-verse blockquote{position:relative;z-index:2;margin:0;font-size:clamp(2.2rem,4.1vw,4.8rem);line-height:1.32;letter-spacing:-.04em;font-weight:600}.login-verse>p{position:relative;z-index:2;margin-top:32px;opacity:.72}.sun{position:absolute;width:460px;height:460px;border-radius:50%;right:-130px;bottom:-130px;background:var(--lime);box-shadow:0 0 0 60px rgba(220,235,146,.09),0 0 0 120px rgba(220,235,146,.06)}
.app-header{height:78px;padding:0 clamp(20px,5vw,70px);display:flex;align-items:center;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-weight:750}.brand-mark{width:34px;height:34px;margin:0;font-size:.82rem}.app-header nav{display:flex;align-self:stretch;margin-left:8vw;gap:32px}.app-header nav a{display:flex;align-items:center;color:var(--muted);font-size:.92rem;border-bottom:2px solid transparent}.app-header nav a.active{color:var(--ink);border-color:var(--green)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:13px}.icon-button,.logout-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 12px}.icon-button{width:37px;height:37px;padding:0}.user-name{font-size:.86rem;font-weight:650}.logout-button{border:0;background:transparent;color:var(--muted)}.page{min-height:calc(100vh - 78px)}.challenge-strip{height:48px;background:var(--green);color:var(--surface);padding:0 clamp(22px,5vw,70px);display:flex;align-items:center;justify-content:space-between;font-size:.79rem}.challenge-strip div{display:flex;align-items:center;gap:11px}.challenge-strip strong{font-size:.8rem}.challenge-strip div>span:last-child{opacity:.65}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}
.reading-layout{display:grid;grid-template-columns:minmax(300px,35%) 1fr;min-height:calc(100vh - 126px)}.today-panel{padding:70px clamp(28px,5vw,76px);border-right:1px solid var(--line)}.today-panel h1,.page-title h1{font-size:clamp(3.2rem,5vw,5.8rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 55px}.passage-card,.progress-card,.settings-card,.calendar-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.passage-card{padding:25px;margin-bottom:18px}.passage-card>span{font-size:.68rem;letter-spacing:.14em;color:var(--orange);font-weight:750}.passage-card strong{display:block;font-size:1.45rem;margin:10px 0 5px}.passage-card p,.progress-card p{color:var(--muted);font-size:.84rem;margin:0}.progress-card{padding:20px 24px}.progress-head{display:flex;justify-content:space-between;margin-bottom:12px;font-size:.86rem}.progress-head strong{color:var(--orange)}.progress-track{height:7px;background:var(--line);border-radius:99px;overflow:hidden;margin-bottom:10px}.progress-track span{display:block;height:100%;width:0;background:var(--orange);border-radius:99px;transition:width .4s}.scripture-panel{padding:50px clamp(24px,6vw,90px) 40px;display:flex;flex-direction:column}.scripture-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0 18px;border-bottom:1px solid var(--line);position:sticky;top:78px;z-index:8;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(12px);box-shadow:0 10px 18px -18px rgba(0,0,0,.35)}.translation-tabs{padding:4px;background:color-mix(in srgb,var(--line) 60%,transparent);border-radius:10px;flex:none}.translation-tabs button{border:0;background:transparent;color:var(--muted);padding:9px 16px;border-radius:7px;font-size:.86rem}.translation-tabs button.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 10px rgba(0,0,0,.06);font-weight:700}.reading-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.reading-actions>.primary-button{padding:10px 16px;white-space:nowrap}.timer-box,.check-summary{text-align:right;min-width:88px}.timer-box span,.check-summary span{display:block;color:var(--muted);font-size:.72rem}.timer-box strong,.check-summary strong{font-variant-numeric:tabular-nums;font-size:1.35rem;letter-spacing:.04em}.scripture-body{max-width:820px;width:100%;margin:0 auto;padding:50px 0 60px;flex:1}.scripture-body h2{font-size:1.8rem;margin:0 0 32px}.verse{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;margin-bottom:17px;font-size:1.1rem;line-height:1.9;word-break:keep-all}.verse-number{color:var(--orange);font-size:.72rem;font-weight:750;padding-top:6px}.verse-check{display:grid;place-items:center;align-self:start;margin-top:4px}.verse-check input{position:absolute;opacity:0;pointer-events:none}.verse-check span{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:transparent;background:var(--surface);font-size:.9rem;transition:.18s}.verse-check input:checked+span{background:var(--green);border-color:var(--green);color:var(--surface)}.verse-check input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--green) 25%,transparent);outline-offset:2px}.verse-check input:disabled:not(:checked)+span{opacity:.42;cursor:not-allowed}.chapter-divider{margin:42px 0 25px;color:var(--green);font-size:1.15rem}.empty-state{text-align:center;color:var(--muted);padding:12vh 0}.empty-state span{font-size:2.5rem;color:var(--orange)}.reading-footer{border-top:1px solid var(--line);padding-top:20px}.reading-footer p{margin:0;color:var(--muted);font-size:.82rem}.primary-button:disabled{opacity:.45;cursor:not-allowed}
.calendar-page,.admin-page,.bible-page{padding:70px clamp(22px,7vw,110px) 100px}.page-title{max-width:760px;margin-bottom:45px}.page-title h1{margin-bottom:16px}.page-title>p:last-child{color:var(--muted)}.calendar-card{max-width:920px;padding:30px;margin:auto}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.calendar-header h2{margin:0;font-size:1.45rem}.calendar-header button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:50%;width:38px;height:38px}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.weekdays span{text-align:center;color:var(--muted);font-size:.78rem;padding:8px}.calendar-day{min-height:92px;border-top:1px solid var(--line);padding:10px;position:relative;font-size:.82rem}.calendar-day.muted{opacity:.27}.calendar-day.today b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--ink);color:var(--surface)}.stamp{position:absolute;width:46px;height:46px;border:2px solid var(--orange);color:var(--orange);border-radius:50%;display:grid;place-items:center;right:12px;bottom:10px;transform:rotate(-10deg);font-size:.67rem;font-weight:750;line-height:1.05;text-align:center}.calendar-legend{display:flex;gap:22px;justify-content:flex-end;padding-top:18px;border-top:1px solid var(--line);font-size:.76rem;color:var(--muted)}.calendar-legend span{display:flex;align-items:center;gap:7px}.legend-stamp,.legend-today{display:inline-block;width:11px;height:11px;border-radius:50%;border:2px solid var(--orange)}.legend-today{background:var(--ink);border-color:var(--ink)}
.reader-title{margin-bottom:34px}.reader-title h1{margin-bottom:12px}.reader-shell{display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:24px;align-items:start;max-width:1280px}.reader-controls{position:sticky;top:102px}.reader-mode-tabs{display:grid;grid-template-columns:1fr 1fr;background:color-mix(in srgb,var(--line) 58%,transparent);border-radius:10px;padding:4px;margin-bottom:18px}.reader-mode-tabs button{border:0;background:transparent;color:var(--muted);padding:10px 7px;border-radius:7px;font-size:.78rem}.reader-mode-tabs button.active{background:var(--surface);color:var(--ink);font-weight:700;box-shadow:0 2px 9px rgba(0,0,0,.06)}.reader-version-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:26px}.reader-form{display:flex;flex-direction:column;gap:17px}.reader-form>.field-grid{margin-bottom:0}.reader-result{padding:35px clamp(25px,5vw,65px);background:var(--surface);border:1px solid var(--line);border-radius:14px;min-height:680px;box-shadow:var(--shadow)}.reader-result-head{padding-bottom:22px;border-bottom:1px solid var(--line)}.reader-result-head h2{font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.3;margin:0}.reader-result .scripture-body{padding-top:35px}.reader-result .empty-state{padding-top:15vh}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1200px}.settings-card{padding:28px}.card-title{display:flex;gap:15px;margin-bottom:28px}.card-title>span{color:var(--orange);font-size:.78rem;font-weight:750}.card-title h2{font-size:1.25rem;margin:0}.card-title p{color:var(--muted);font-size:.82rem;margin:3px 0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;margin-bottom:24px}.passage-fields{grid-template-columns:repeat(3,1fr)}.settings-card>.primary-button{width:100%}.check-row{flex-direction:row!important;align-items:center!important;margin:-5px 0 24px;color:var(--muted);font-weight:500!important}.check-row input{width:18px;height:18px;accent-color:var(--green);box-shadow:none}.automation-card,.schedule-list-card,.users-card{max-width:1200px;margin-top:22px}.automation-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.automation-form{border:1px solid var(--line);border-radius:12px;padding:23px;display:flex;flex-direction:column;gap:17px}.automation-form>.primary-button{margin-top:auto}.form-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line)}.form-heading strong{font-size:1.05rem}.form-heading span{color:var(--green-2);background:color-mix(in srgb,var(--lime) 45%,transparent);border-radius:999px;padding:4px 9px;font-size:.7rem;font-weight:700}.form-help{color:var(--muted);font-size:.78rem;margin:0;word-break:keep-all}.settings-card small{color:var(--muted);font-weight:450}.automation-result{margin-top:18px;padding:13px 16px;border-radius:9px;background:color-mix(in srgb,var(--lime) 32%,transparent);color:var(--green-2);font-size:.84rem}.schedule-list{display:flex;flex-direction:column}.schedule-item{display:grid;grid-template-columns:130px 1fr auto;gap:20px;padding:15px 0;border-top:1px solid var(--line);align-items:center;font-size:.9rem}.schedule-item button{border:0;background:transparent;color:var(--orange);font-weight:650}.schedule-item em{display:inline-block;margin-left:8px;color:var(--green-2);font-size:.68rem;font-style:normal;font-weight:700}.schedule-empty{color:var(--muted);padding:20px 0}.user-list{display:flex;flex-direction:column}.user-row{display:grid;grid-template-columns:minmax(120px,1fr) 120px 140px auto;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line);font-size:.86rem}.user-row span{color:var(--muted)}.user-row button{border:1px solid color-mix(in srgb,var(--orange) 45%,var(--line));background:transparent;color:var(--orange);border-radius:8px;padding:7px 12px;font-weight:650}.user-empty{color:var(--muted);padding:18px 0}
dialog{border:0;border-radius:16px;background:var(--surface);color:var(--ink);padding:0;box-shadow:0 25px 90px rgba(0,0,0,.3);max-width:min(92vw,450px);width:100%}dialog::backdrop{background:rgba(8,18,15,.68);backdrop-filter:blur(4px)}.dialog-form{padding:38px;display:flex;flex-direction:column;gap:17px;position:relative}.dialog-form h2{font-size:1.8rem;margin:0}.dialog-form>p:not(.kicker){color:var(--muted);margin:-10px 0 5px}.dialog-close{position:absolute;right:18px;top:14px;border:0;background:transparent;color:var(--muted);font-size:1.7rem}.complete-dialog{text-align:center}.complete-content{padding:45px 38px}.complete-stamp{width:112px;height:112px;border:3px solid var(--orange);color:var(--orange);border-radius:50%;display:grid;place-content:center;margin:0 auto 28px;transform:rotate(-9deg);font-size:1.15rem;font-weight:800;line-height:1.1}.complete-stamp span{font-size:2rem}.complete-content h2{font-size:2rem;line-height:1.25;margin:0 0 15px}.complete-content>p:not(.kicker){color:var(--muted)}.complete-content .primary-button{margin-top:15px}.toast{position:fixed;z-index:50;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:var(--surface);padding:11px 18px;border-radius:999px;font-size:.86rem;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.login-view{grid-template-columns:1fr}.login-card{min-height:72vh;padding:70px 8vw}.login-verse{min-height:48vh}.login-mark{margin-bottom:35px}.app-header nav{margin-left:5vw;gap:18px}.user-name{display:none}.reading-layout{grid-template-columns:1fr}.today-panel{border-right:0;border-bottom:1px solid var(--line);padding-top:45px;padding-bottom:45px}.today-panel h1{margin-bottom:35px}.scripture-panel{padding-top:35px}.admin-grid,.automation-grid,.reader-shell{grid-template-columns:1fr}.reader-controls{position:static}.reader-result{min-height:540px}}
@media(max-width:600px){.app-header{padding:0 12px}.brand>span:last-child{display:none}.app-header nav{margin-left:12px;gap:13px;overflow-x:auto;white-space:nowrap}.app-header nav a{font-size:.76rem;flex:none}.header-actions{gap:4px}.logout-button{display:none}.challenge-strip{padding:0 16px}.challenge-strip div>span:last-child{display:none}.scripture-toolbar{align-items:flex-start}.reading-footer{align-items:stretch;flex-direction:column;gap:14px}.calendar-page,.admin-page,.bible-page{padding-top:45px}.calendar-card{padding:18px 10px}.calendar-day{min-height:68px;padding:7px}.stamp{width:36px;height:36px;right:5px;bottom:5px;font-size:.56rem}.field-grid,.passage-fields{grid-template-columns:1fr}.schedule-item{grid-template-columns:1fr auto}.schedule-item span{grid-column:1/-1}.user-row{grid-template-columns:1fr auto}.user-row span{grid-column:1}.login-card h1{font-size:3.4rem}.login-verse blockquote{font-size:2.4rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.challenge-strip{height:auto;min-height:48px;padding-top:6px;padding-bottom:6px}.challenge-strip select{width:auto;min-width:130px;padding:5px 28px 5px 8px;border-color:color-mix(in srgb,var(--surface) 28%,transparent);background:color-mix(in srgb,var(--green) 85%,#000);color:var(--surface);font-size:.78rem}.challenge-strip select option{color:#17352d;background:#fff}.challenge-manager{max-width:1200px;margin-bottom:22px;display:flex;align-items:end;justify-content:space-between;gap:20px}.challenge-manager label{min-width:min(100%,420px)}.challenge-manager>div{display:flex;gap:9px}.secondary-button,.danger-button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:9px;padding:10px 15px;font-weight:700}.danger-button{color:var(--orange);border-color:color-mix(in srgb,var(--orange) 45%,var(--line))}.full-field{grid-column:1/-1}@media(max-width:600px){.challenge-manager{align-items:stretch;flex-direction:column}.challenge-manager>div{display:grid;grid-template-columns:1fr 1fr}.challenge-strip strong{display:none}.challenge-strip select{min-width:150px}}
.verification-settings{border:1px solid var(--line);border-radius:12px;padding:17px;margin:0 0 22px}.verification-settings legend{padding:0 7px;font-weight:750;font-size:.9rem}.verification-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.verification-options>label{flex-direction:row!important;align-items:flex-start!important;padding:13px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 75%,transparent)}.verification-options input{width:19px;height:19px;accent-color:var(--green);box-shadow:none;margin-top:2px;flex:none}.verification-options span{display:flex;flex-direction:column;gap:2px}.verification-options small{font-size:.75rem}.check-interval-fields{display:grid;grid-template-columns:1fr 90px 90px;gap:10px;align-items:end;margin:14px 0}.check-interval-fields>span{font-size:.84rem;font-weight:700;padding-bottom:12px}.check-interval-fields label{font-size:.75rem}
@media(max-width:900px){.user-name{display:inline-block;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:600px){.app-header{height:auto;min-height:112px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:58px 44px;padding:4px 12px}.brand{grid-column:1}.header-actions{grid-column:2;margin-left:auto;min-width:0}.app-header nav{grid-column:1/-1;grid-row:2;margin:0;gap:19px;overflow-x:auto;white-space:nowrap}.user-name{max-width:68px;font-size:.76rem}.logout-button{display:inline-block;padding:6px 8px;font-size:.76rem}.icon-button{width:34px;height:34px}.scripture-toolbar{top:110px;align-items:center;padding:9px 0 13px;flex-wrap:wrap}.translation-tabs button{padding:8px 10px}.reading-actions{gap:9px;flex:1;min-width:240px}.reading-actions>.primary-button{padding:8px 11px}.timer-box,.check-summary{min-width:68px}.timer-box strong,.check-summary strong{font-size:1.05rem}.verification-options{grid-template-columns:1fr}.check-interval-fields{grid-template-columns:1fr 76px 76px}}
.brand-mark.church-mark{width:42px;border-radius:13px}.font-icon{font-weight:800}.date-with-info{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:10px;align-items:end}.date-with-info label{min-width:0}.lamp-button{height:46px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:1.15rem}.lamp-button:hover{border-color:var(--green);transform:translateY(-1px)}.reader-calendar-label{margin:8px 0 0;color:var(--muted);font-size:.84rem}.record-filter{max-width:920px;margin:0 auto 18px;padding:17px 20px;display:flex;align-items:end;justify-content:space-between;gap:20px}.record-filter label{width:min(100%,390px)}.record-filter p{margin:0;color:var(--muted);font-size:.82rem}.calendar-info-content h2{margin-bottom:8px}.calendar-info-grid{display:grid;grid-template-columns:115px 1fr;gap:12px 18px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.calendar-info-grid span{color:var(--muted);font-size:.82rem}.calendar-info-grid strong{font-size:.95rem}.font-range-label{position:relative}.font-range-label>strong{position:absolute;right:0;top:0;color:var(--orange)}.font-range-label input{width:100%;padding:12px 0;accent-color:var(--green);box-shadow:none}.font-preview{font-size:1.1rem!important;line-height:1.8;padding:18px;border:1px solid var(--line);border-radius:11px;color:var(--ink)!important;background:color-mix(in srgb,var(--lime) 22%,transparent)}
@media(max-width:600px){.login-card{min-height:100vh;padding:48px 20px 82px}.login-mark{margin-bottom:30px}.login-card h1{font-size:clamp(2.45rem,13vw,3.6rem);overflow-wrap:anywhere}.login-copy{font-size:1rem;margin-bottom:30px}.input-row{display:grid;grid-template-columns:minmax(0,1fr) auto}.input-row input{padding-right:8px}.input-row button{gap:8px;padding:12px 5px 12px 10px;font-size:.9rem}.admin-entry{left:20px}.login-verse{display:none}.header-actions{gap:3px}.user-name{max-width:54px}.record-filter{align-items:stretch;flex-direction:column}.record-filter label{width:100%}.calendar-info-grid{grid-template-columns:95px 1fr}}

/* Keep manual Bible controls inside the reader card at every width. */
.reader-form,.reader-form .field-grid,.reader-form .field-grid>label{min-width:0}
.reader-form .field-grid>label{width:100%}
.reader-form input,.reader-form select{display:block;width:100%;max-width:100%;min-width:0}
#reader-manual-form .field-grid{grid-template-columns:minmax(76px,.55fr) minmax(0,1.45fr)}
@media(max-width:600px){#reader-manual-form .field-grid{grid-template-columns:1fr}}

.completion-card{max-width:1200px;margin-top:22px}.completion-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.completion-toolbar label{width:min(100%,280px)}.completion-toolbar p{margin:0;color:var(--muted);font-size:.84rem}.completion-list{display:flex;flex-direction:column}.completion-row{display:grid;grid-template-columns:minmax(120px,1fr) 92px 150px 100px;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line);font-size:.86rem}.completion-row>span:nth-child(3){color:var(--muted)}.completion-row button{padding:8px 11px;white-space:nowrap}.completion-status{display:inline-flex;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:4px 9px;color:var(--muted);font-size:.75rem;font-weight:700}.completion-status.is-complete{border-color:color-mix(in srgb,var(--green) 45%,var(--line));background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green-2)}.completion-empty{color:var(--muted);padding:18px 0}
@media(max-width:600px){.completion-toolbar{align-items:stretch;flex-direction:column}.completion-toolbar label{width:100%}.completion-row{grid-template-columns:minmax(0,1fr) auto}.completion-row>span:nth-child(3){grid-column:1}.completion-row button{grid-column:2;grid-row:1/3}.completion-status{justify-self:start}}

/* Mobile reading controls stay pinned below the two-row app header. */
@media(max-width:600px){
  html,body{overflow-x:clip}
  #reading-page,.reading-layout,.scripture-panel{overflow:visible}
  #reading-page .scripture-toolbar{position:sticky;top:112px;z-index:30;background:color-mix(in srgb,var(--paper) 97%,transparent);box-shadow:0 12px 20px -18px rgba(0,0,0,.55)}
}

.record-filter>.primary-button{flex:none;white-space:nowrap}.complete-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.complete-actions .primary-button,.complete-actions .secondary-button{margin:0;width:100%}.history-card{max-width:1200px;margin-top:22px}.history-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:14px;align-items:end}.history-toolbar button{height:48px}.history-context{margin:18px 0 8px;color:var(--muted);font-size:.82rem}.history-list{display:flex;flex-direction:column;gap:14px}.history-item{border:1px solid var(--line);border-radius:12px;padding:18px;background:color-mix(in srgb,var(--surface) 82%,transparent)}.history-item header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:14px;border-bottom:1px solid var(--line)}.history-item header>div{display:flex;flex-direction:column;min-width:0}.history-item header strong{font-size:1rem}.history-item header div span{color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}.history-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 0}.history-summary>span{display:flex;flex-direction:column;color:var(--muted);font-size:.72rem}.history-summary strong{color:var(--ink);font-size:.83rem;overflow-wrap:anywhere}.history-item details{border-top:1px solid var(--line);padding-top:12px}.history-item summary{cursor:pointer;color:var(--green-2);font-size:.84rem;font-weight:700}.history-item ol{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:7px 18px}.history-item li{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.76rem}.history-item li span{color:var(--ink);font-weight:650}.history-item time{white-space:nowrap}.history-no-checks,.history-empty{color:var(--muted);font-size:.82rem;margin:8px 0 0}.history-empty{padding:20px 0}.history-no-checks{border-top:1px solid var(--line);padding-top:12px}
@media(max-width:700px){.complete-actions{grid-template-columns:1fr}.history-toolbar{grid-template-columns:1fr}.history-summary{grid-template-columns:1fr 1fr}.history-item ol{grid-template-columns:1fr}.history-item li{align-items:flex-start;flex-direction:column;gap:1px}}
@media(max-width:600px){.record-filter>.primary-button{width:100%}}

.today-panel h1{margin-bottom:25px}.reading-day-picker{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:9px;align-items:end;margin-bottom:8px}.reading-day-picker label{display:flex;flex-direction:column;gap:4px;min-width:0}.reading-day-picker label span{color:var(--muted);font-size:.72rem;font-weight:700}.reading-day-picker input{width:100%;background:var(--surface)}.reading-day-picker button{height:47px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-weight:800}.reading-day-picker button:disabled{opacity:.35;cursor:not-allowed}.reading-day-note{min-height:1.5em;margin:0 0 20px;color:var(--muted);font-size:.78rem;word-break:keep-all}
@media(max-width:600px){.reading-day-picker{grid-template-columns:38px minmax(0,1fr) 38px}.reading-day-picker button{height:45px}}