:root{--font-site-name: Albertus, "Albertus MT", "Albertus Nova", "Albertus Std", "Palatino Linotype", Palatino, Georgia, serif;--logo-burgundy: #740d18;color:#17201d;background:#f7f4ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;min-width:320px;min-height:100vh;min-height:100svh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{min-height:100vh;min-height:100svh;background:linear-gradient(180deg,#f7f4eee0,#f7f4ee),radial-gradient(circle at 15% 0%,rgba(42,119,94,.14),transparent 32%),radial-gradient(circle at 90% 5%,rgba(189,82,57,.13),transparent 30%)}.screen{width:min(100%,720px);min-height:100vh;min-height:100svh;margin:0 auto;padding:28px 18px}.home-screen,.feedback-screen{display:flex;flex-direction:column;gap:22px}.feedback-screen,.splash-screen{justify-content:center}.home-screen{justify-content:flex-start}.brand-lockup p,.app-mark,.section-label,.practice-header span,.label,.score-ring small{color:#66736e;font-size:.82rem}.brand-lockup p,.app-mark,.section-label{margin:0 0 8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.splash-screen{display:flex;flex-direction:column;gap:22px}.brand-lockup{display:grid;gap:12px}.brand-lockup p{display:inline-flex;width:fit-content;align-items:center;gap:8px;border:1px solid rgba(116,13,24,.38);border-radius:999px;background:#ffffffb8;padding:7px 11px;color:var(--logo-burgundy);font-size:.95rem;font-weight:700;line-height:1}.app-mark{display:inline-flex;width:fit-content;align-items:center;gap:8px;border:1px solid rgba(116,13,24,.38);border-radius:999px;background:#ffffffb8;padding:7px 11px;color:var(--logo-burgundy);font-size:.9rem;font-weight:700;line-height:1}.splash-mark{font-size:.95rem}button.app-mark{cursor:pointer}button.app-mark:hover,button.app-mark:focus-visible{border-color:#740d189e;background:#fff}.brand-icon{display:block;width:22px;height:22px;border-radius:6px;flex:0 0 auto}.app-mark span,.brand-lockup p span{display:block;transform:translateY(.03em)}h1,h2,p{margin-top:0}.app-mark,.brand-lockup p,.creed-title,.splash-title{font-family:var(--font-site-name)}.creed-title{font-size:1.65rem;font-variant-caps:small-caps}h1{max-width:590px;margin-bottom:0;font-size:clamp(2.15rem,8vw,4.05rem);line-height:1.02;letter-spacing:0}.brand-lockup h1 span,.brand-lockup h1 strong{display:block}.brand-lockup h1 span{font-weight:860}.brand-lockup h1 strong{display:flex;align-items:center;gap:12px;margin-top:6px;color:#bd5239;font-size:.54em;font-weight:850}.brand-lockup h1 strong:before{content:"";display:block;width:.95em;height:.07em;border-radius:999px;background:currentColor}.home-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.topbar-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.sync-menu{position:relative}.sync-menu-trigger{min-width:124px;border:1px solid rgba(23,32,29,.1);background:#fffaf2;white-space:nowrap}.sync-menu-trigger.is-synced{color:#2a775e}.sync-menu-trigger[data-open=true]{border-color:#2a775e57;background:#fff;box-shadow:inset 0 0 0 1px #2a775e2e;color:#17201d}.splash-copy{max-width:500px;color:#4b5954;font-size:1.05rem;line-height:1.5}.splash-quote{position:relative;max-width:560px;margin:0;border-left:3px solid rgba(189,82,57,.56);padding:2px 0 2px 44px;color:#283530;font-size:1rem;font-weight:650;line-height:1.55}.splash-quote:before{content:"“";position:absolute;left:14px;top:-8px;color:#bd5239b8;font-size:3rem;font-weight:850;line-height:1}.splash-citation{max-width:560px;margin:-14px 0 0;padding-left:44px;color:#66736e;font-size:.95rem;line-height:1.4}.splash-action{width:fit-content;min-width:180px;padding:0 22px}.splash-note{max-width:520px;margin:100px 0 0;color:#66736e;font-size:.88rem;line-height:1.45}.splash-note a{color:#2a775e;font-weight:700}h2{font-size:1.45rem;line-height:1.2;letter-spacing:0}.progress-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px}.practice-disclosure{display:grid;border:1px solid rgba(23,32,29,.12);border-radius:8px;background:#ffffff8a;padding:10px}.practice-disclosure-trigger{display:flex;min-height:48px;align-items:center;justify-content:space-between;border:0;background:transparent;color:#17201d;padding:0 4px;font-weight:850}.practice-disclosure-trigger svg{color:#66736e;transition:transform .16s ease}.practice-disclosure-trigger[aria-expanded=true] svg{transform:rotate(90deg)}.practice-disclosure-content{display:grid;gap:14px;border-top:1px solid rgba(23,32,29,.1);margin-top:8px;padding-top:12px}.creed-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.creed-selector button{min-height:72px;border:1px solid rgba(23,32,29,.13);border-radius:8px;background:#ffffffa8;color:#17201d;padding:11px;text-align:left}.creed-selector button.active{border-color:#2a775e6b;background:#2a775e1a;box-shadow:inset 0 0 0 1px #2a775e2e}.creed-selector strong,.creed-selector span{display:block}.creed-selector strong{font-size:.95rem}.creed-selector span{margin-top:5px;color:#66736e;font-size:.78rem;font-weight:750}.progress-panel>div{border:1px solid rgba(23,32,29,.12);border-radius:8px;padding:16px;background:#ffffff9e}.metric,.label{display:block}.metric{font-size:2rem;font-weight:850}.progress-track{height:10px;overflow:hidden;border-radius:999px;background:#17201d1a}.progress-track span{display:block;height:100%;border-radius:inherit;background:#2a775e}.today-study-panel{display:grid;gap:14px;border:1px solid rgba(23,32,29,.12);border-radius:8px;background:#ffffffa8;padding:16px;border-color:#2a775e3d;background:#fffaf2d1}.today-study-panel.is-complete{border-color:#2a775e5c;background:#2a775e17}.section-heading{display:grid;gap:5px}.section-heading h2,.section-heading p{margin:0}.section-heading h2{font-size:1.25rem;line-height:1.25}.section-heading p:not(.section-label){color:#66736e;line-height:1.4}.today-study-summary{color:#17201d;font-size:1.18rem;font-weight:650}.today-study-meta{display:flex;flex-wrap:wrap;gap:8px;color:#4b5954;font-size:.84rem;font-weight:850}.today-study-meta span{border-radius:999px;background:#17201d12;padding:6px 9px}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-row.one-up{grid-template-columns:1fr}.primary-action,.secondary-action,.text-action,.icon-action{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid transparent;font-weight:800}.primary-action{background:#17201d;color:#fffaf2}.primary-action.danger-action{background:#9f402c}.secondary-action,.icon-action{border-color:#17201d29;background:#ffffffad;color:#17201d}.text-action{min-height:36px;border:0;background:transparent;color:#4b5954}.compact{min-height:44px;padding:0 16px}.sync-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(23,32,29,.12);border-radius:8px;background:#fff;padding:12px}.sync-menu .sync-panel{position:absolute;top:calc(100% + 12px);right:0;z-index:5;width:min(92vw,520px);box-shadow:0 18px 50px #17201d38}.sync-menu .sync-panel:before,.sync-menu .sync-panel:after{content:"";position:absolute;right:34px;width:0;height:0;border-right:10px solid transparent;border-left:10px solid transparent}.sync-menu .sync-panel:before{top:-11px;border-bottom:11px solid rgba(23,32,29,.14)}.sync-menu .sync-panel:after{top:-10px;border-bottom:11px solid #fff}.sync-panel.is-synced{border-color:#2a775e3d}.sync-panel.is-paused{border-color:#bd523947}.sync-copy{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:start;min-width:0}.sync-copy>div{min-width:0}.sync-copy>svg{margin-top:3px;color:#2a775e}.sync-copy>small{grid-column:2}.sync-panel strong,.sync-panel small,.sync-kicker{display:block}.sync-panel strong{margin-top:2px}.sync-panel small{margin-top:3px;color:#66736e}.sync-kicker{color:#2a775e;font-size:.78rem;font-weight:900;text-transform:uppercase;white-space:nowrap}.sync-actions{display:flex;min-width:178px;flex-direction:column;gap:8px;align-items:stretch}.session-size-control{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;border:1px solid rgba(23,32,29,.12);border-radius:8px;background:#ffffff94;padding:14px}.session-size-control strong,.session-size-control span{display:block}.session-size-control span{margin-top:4px;color:#66736e;font-size:.85rem}.segmented-control{display:grid;grid-template-columns:repeat(4,minmax(46px,1fr));gap:4px;border-radius:8px;background:#17201d14;padding:4px}.segmented-control.two-up{grid-template-columns:repeat(2,minmax(118px,1fr))}.segmented-control button{min-height:36px;border:0;border-radius:6px;background:transparent;color:#4b5954;font-weight:850}.segmented-control button.active{background:#17201d;color:#fffaf2}.chunk-list{display:flex;flex-direction:column;gap:0;margin-top:10px}.chunk-row{display:block;width:100%;border-bottom:1px solid rgba(23,32,29,.1);border-top:0;border-right:0;border-left:0;background:transparent;color:inherit;padding:12px 0;text-align:left}.chunk-list h2{margin-bottom:2px}.chunk-row:hover,.chunk-row:focus-visible{color:#2a775e}.chunk-row:focus-visible{outline:3px solid rgba(42,119,94,.24);outline-offset:3px}.reset-progress-action{align-self:center;margin-top:18px}.article-display-text{display:block;font-size:1rem;font-weight:500;line-height:1.42}.article-display-line{display:block;padding-left:1.1rem;text-indent:-1.1rem}.article-display-line[data-indent="1"]{padding-left:3.35rem}.article-display-line[data-indent="2"]{padding-left:5.6rem}.practice-screen{display:grid;grid-template-rows:auto auto 1fr auto;gap:18px}.practice-header{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.practice-header strong{display:block;font-size:1.12rem}.icon-action{width:44px;min-height:44px}.phase-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.phase-strip span{border-radius:999px;padding:8px 10px;background:#17201d14;color:#66736e;text-align:center;font-size:.78rem;font-weight:800}.phase-strip .active{background:#bd5239;color:#fff}.practice-body{align-self:center}.practice-body h2{margin-bottom:12px}.practice-body>p:not(.section-label){color:#4b5954;line-height:1.45}.article-meta-row,.article-status-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#66736e;font-size:.86rem;font-weight:800}.article-meta-row{justify-content:space-between;margin-bottom:12px}.article-status-row{margin:10px 0 16px}.article-status-row span,.article-status,.omission-level,.reveal-counter{display:inline-flex;min-height:30px;align-items:center;border:1px solid rgba(23,32,29,.1);border-radius:999px;background:#ffffff94;padding:5px 10px}.article-status{color:#2a775e}.article-status.needs-review,.article-status.lapsed{border-color:#bd523938;background:#bd523914;color:#9f402c}.article-text{min-height:220px;border-top:1px solid rgba(23,32,29,.12);border-bottom:1px solid rgba(23,32,29,.12);padding:22px 0;color:#17201d;font-size:1.16rem;line-height:1.75;overflow-wrap:anywhere;white-space:pre-wrap}.article-token,.visible-word,.revealed-word{white-space:pre-wrap}.blank-word{display:inline-flex;min-width:4ch;min-height:1.55em;align-items:center;justify-content:center;vertical-align:-.12em;margin:0 .08em;border:0;border-bottom:2px solid #2a775e;border-radius:4px 4px 0 0;background:#ffffffbd;color:transparent;padding:0 .2em;line-height:1;touch-action:manipulation}.blank-word:hover{background:#2a775e14}.blank-word:focus-visible{outline:3px solid rgba(42,119,94,.28);outline-offset:3px}.blank-word span{display:block;width:100%;border-radius:999px;background:#2a775e29;color:transparent;line-height:.62}.revealed-word{border-radius:5px;background:#2a775e1a;color:#2a775e;padding:.06em .14em;font-weight:850}.reveal-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:14px}.reveal-counter{color:#4b5954;font-size:.84rem;font-weight:850}.reveal-counter.is-full{border-color:#2a775e38;background:#2a775e14;color:#2a775e}.reveal-counter.limit-reached{border-color:#bd523938;background:#bd523914;color:#9f402c}.full-reveal-note{border:1px solid rgba(42,119,94,.2);border-radius:8px;background:#2a775e14;padding:12px 14px;color:#43524d;font-weight:750;line-height:1.45}.lapsed-note{border:1px solid rgba(189,82,57,.2);border-radius:8px;background:#bd523914;padding:12px 14px;color:#6f3328;font-weight:750;line-height:1.45}.full-reveal-note{margin-top:14px}.self-score-panel{display:grid;gap:10px;border:1px solid rgba(23,32,29,.12);border-radius:8px;background:#ffffff9e;padding:14px}.self-score-panel strong{display:block;font-size:.98rem}.reveal-article-action{width:100%;min-height:58px}.forced-review-action{border-color:#bd523938;background:#bd523914;color:#7b3a2d}.self-score-buttons{display:grid;grid-template-columns:repeat(3,minmax(82px,1fr));gap:8px}.self-score-buttons button{min-height:44px;border:1px solid rgba(23,32,29,.14);border-radius:8px;background:#ffffffbd;color:#17201d;padding:0 12px;font-weight:850}.self-score-buttons button.missed{border-color:#bd523938;background:#bd523914;color:#7b3a2d}.self-score-buttons button.close{border-color:#966d2f3d;background:#966d2f14;color:#665025}.self-score-buttons button.perfect{border-color:#2a775e38;background:#2a775e14;color:#255f4d}.self-score-buttons button:hover,.self-score-buttons button:focus-visible{border-color:#2a775e57;background:#2a775e14}.self-score-buttons button.active{border-color:#17201d;background:#17201d;color:#fffaf2}.recitation-box,.blank-box{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;min-height:190px;border-top:1px solid rgba(23,32,29,.12);border-bottom:1px solid rgba(23,32,29,.12);padding:20px 0}.recitation-box span{border-radius:6px;background:#ffffffc2;padding:8px 10px;font-size:1.08rem}.blank-box span{padding:8px 0;line-height:1.35}.blank-box input{min-width:5ch;max-width:13ch;height:39px;border:0;border-bottom:2px solid #2a775e;border-radius:0;background:#ffffffbd;padding:4px 6px;font-size:16px;text-align:center;outline:none}.recall-input{width:100%;min-height:210px;resize:vertical;border:1px solid rgba(23,32,29,.18);border-radius:8px;background:#ffffffc7;padding:14px;font-size:16px;line-height:1.45;outline-color:#2a775e}.focus-cues{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 12px}.focus-cues span{border:1px solid rgba(42,119,94,.24);border-radius:999px;background:#2a775e14;padding:7px 10px;color:#2a775e;font-size:.86rem;font-weight:800}.practice-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#4b5954;font-weight:750}.score-ring{display:grid;width:168px;height:168px;place-content:center;align-self:center;border:10px solid #2a775e;border-radius:50%;background:#ffffffb8;text-align:center}.score-ring span{display:block;font-size:3.2rem;font-weight:900}.feedback-copy{text-align:center}.feedback-copy h1{margin-inline:auto;font-size:clamp(2rem,9vw,3.9rem)}.feedback-copy p{max-width:520px;margin:12px auto 0;color:#4b5954;line-height:1.45}.feedback-results,.feedback-result-list{display:flex;flex-direction:column;gap:8px}.feedback-result-row,.result-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border-bottom:1px solid rgba(23,32,29,.1);padding:10px 0}.feedback-result-row strong,.result-row strong{display:block;font-size:.96rem;line-height:1.35}.feedback-result-row span,.result-row span{display:block;margin-top:3px;color:#66736e;font-size:.82rem;font-weight:800}.feedback-result-row small,.result-row small{min-width:68px;border:1px solid rgba(23,32,29,.12);border-radius:999px;background:#17201d0a;color:#43524d;padding:5px 9px;text-align:center;font-weight:900;white-space:nowrap}.feedback-result-row.missed small,.result-row.missed small{border-color:#bd523938;background:#bd523914;color:#7b3a2d}.feedback-result-row.close small,.result-row.close small{border-color:#966d2f3d;background:#966d2f14;color:#665025}.feedback-result-row.perfect small,.result-row.perfect small{border-color:#2a775e38;background:#2a775e14;color:#255f4d}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;overflow-y:auto;background:#17201d52;padding:18px}.sync-modal{position:relative;width:min(100%,430px);max-height:calc(100svh - 36px);overflow-y:auto;border-radius:8px;background:#fffaf2;padding:22px;box-shadow:0 24px 80px #17201d3d}.sync-modal h2{max-width:330px;margin-bottom:10px}.sync-modal p:not(.section-label){color:#4b5954;line-height:1.45}.modal-close{position:absolute;top:12px;right:12px}.modal-actions{display:grid;gap:10px;margin-top:18px}.sync-note,.sync-error{border-radius:8px;padding:10px 12px;font-weight:750}.sync-note{background:#2a775e14}.sync-error{background:#bd52391a}.phrase-editor{width:min(100%,560px)}.article-detail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.article-detail-stats div{border:1px solid rgba(23,32,29,.1);border-radius:8px;background:#ffffff94;padding:10px}.article-detail-stats span{display:block;color:#66736e;font-size:.72rem;font-weight:900;text-transform:uppercase}.article-detail-stats strong{display:block;margin-top:4px;color:#17201d;font-size:1rem;line-height:1.2}.article-detail-stats strong.needs-review{color:#9f402c}.phrase-editor-field{display:grid;gap:8px;margin-top:16px}.phrase-editor-field span,.base-phrase span{color:#66736e;font-size:.78rem;font-weight:900;text-transform:uppercase}.phrase-editor-field textarea{min-height:150px;resize:vertical;border:1px solid rgba(23,32,29,.18);border-radius:8px;background:#ffffffc7;padding:12px;font-size:16px;line-height:1.45;outline-color:#2a775e}.base-phrase{border-left:3px solid rgba(42,119,94,.3);margin-top:14px;padding-left:12px}.base-phrase p{margin:5px 0 0;color:#4b5954;line-height:1.45}@media (max-width: 520px){.screen{padding:20px 14px}.home-header{align-items:center;gap:10px}.topbar-actions{flex:1;justify-content:flex-end;min-width:0}.topbar-actions>.text-action,.sync-menu{width:100%}.sync-menu{display:flex;justify-content:flex-end;min-width:0}.sync-menu-trigger{max-width:100%;min-width:0;padding:0 12px}.sync-menu .sync-panel{right:0;left:auto;width:min(calc(100vw - 28px),430px)}.sync-menu .sync-panel:before,.sync-menu .sync-panel:after{right:18px;left:auto}input,textarea{font-size:16px}.article-display-line[data-indent="1"]{padding-left:2.45rem}.article-display-line[data-indent="2"]{padding-left:3.8rem}.article-detail-stats,.progress-panel,.action-row,.sync-panel,.session-size-control,.creed-selector{grid-template-columns:1fr}.sync-actions{justify-content:stretch}.sync-actions>button,.sync-panel>button{width:100%}.practice-footer{align-items:stretch;flex-direction:column}.practice-footer .primary-action{width:100%}.article-meta-row,.reveal-row{align-items:stretch;flex-direction:column}.article-status-row{gap:6px}.article-text{min-height:180px;font-size:1.06rem;line-height:1.7}.blank-word{min-height:1.7em;vertical-align:-.18em}.reveal-counter,.reveal-row .text-action{width:100%}.self-score-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.self-score-buttons button{padding:0 8px;font-size:.9rem;white-space:nowrap}.feedback-result-row,.result-row{grid-template-columns:1fr}}
