:root{--paper:#f3efe4;--paper-deep:#e8e0d0;--card:#fffdf7;--ink:#263a33;--muted:#68756f;--forest:#174b3b;--forest-dark:#0d352a;--forest-soft:#dce8df;--amber:#d58b35;--amber-soft:#f3dfbc;--red:#ad513f;--line:#ded6c6;--focus:#e8a752;--shadow:0 20px 60px #1f392f1a;--radius-sm:14px;--radius-md:22px;--radius-lg:34px;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;font-family:Avenir Next,Avenir,Trebuchet MS,sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{background:radial-gradient(circle at 90% 9%, #d58b351f, transparent 27rem), radial-gradient(circle at 8% 44%, #174b3b12, transparent 23rem), var(--paper);min-width:320px;min-height:100vh;margin:0}body:before{z-index:-1;pointer-events:none;content:"";opacity:.34;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");position:fixed;inset:0}button,input{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,p{margin-top:0}h1,h2{color:var(--forest-dark);letter-spacing:-.035em;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{min-height:100vh}.site-header{z-index:10;border-bottom:1px solid #174b3b29;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;width:min(1180px,100% - 40px);min-height:88px;margin:0 auto;display:grid;position:relative}.wordmark{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:max-content;padding:0;display:flex}.wordmark-seal{background:var(--forest);color:#fff7e9;border-radius:50% 50% 44% 56%;place-items:center;width:42px;height:42px;font:700 25px/1 Iowan Old Style,Georgia,serif;display:grid;transform:rotate(-5deg);box-shadow:0 6px #0d352a1f}.wordmark strong{font-family:Iowan Old Style,Georgia,serif;font-size:21px;line-height:1;display:block}.wordmark small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-size:10px;display:block}.desktop-nav{align-items:center;gap:4px;display:flex}.desktop-nav button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:650}.desktop-nav button:hover,.desktop-nav button.is-current{color:var(--forest);background:#fffdf7b3}.connection-state{color:var(--muted);letter-spacing:.02em;justify-self:end;align-items:center;gap:7px;font-size:11px;display:inline-flex}.connection-dot{background:#55a06e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #55a06e24}.connection-state.is-offline .connection-dot{background:var(--amber)}.page-frame{width:min(1180px,100% - 40px);margin:0 auto;padding:46px 0 80px}.page-enter{animation:.55s cubic-bezier(.22,.8,.23,1) both page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.kicker{color:var(--amber);letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:800}.primary-button,.secondary-button{border-radius:var(--radius-sm);min-height:52px;padding:0 22px;font-weight:750;transition:transform .18s,background .18s,box-shadow .18s}.primary-button{border:1px solid var(--forest);background:var(--forest);color:#fffdf7;box-shadow:0 9px 20px #174b3b2e}.primary-button:hover:not(:disabled){background:var(--forest-dark);transform:translateY(-2px);box-shadow:0 13px 25px #174b3b3b}.primary-button:disabled{opacity:.48;cursor:not-allowed}.secondary-button{border:1px solid var(--line);background:var(--card);color:var(--forest)}.secondary-button:hover{border-color:var(--forest)}.text-button{color:var(--forest);background:0 0;border:0;padding:8px 0;font-size:13px;font-weight:750}.hero-panel{border-radius:var(--radius-lg);background:linear-gradient(115deg, #fffdf7f7 0 57%, #dde6dbeb 57%), var(--card);min-height:480px;box-shadow:var(--shadow);border:1px solid #174b3b1c;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:48px;padding:clamp(38px,6vw,74px);display:grid;position:relative;overflow:hidden}.hero-panel:after{content:"";border:1px solid #174b3b1a;border-radius:50%;width:360px;height:260px;position:absolute;bottom:-95px;right:-50px;transform:rotate(-18deg)}.hero-copy{z-index:2;position:relative}.hero-copy h1{max-width:720px;margin-bottom:22px;font-size:clamp(44px,6vw,72px);line-height:.98}.hero-lede{max-width:570px;color:var(--muted);margin-bottom:30px;font-size:17px;line-height:1.65}.hero-action{justify-content:space-between;align-items:center;width:min(100%,310px);display:flex}.due-note{color:var(--muted);margin:16px 0 0;font-size:12px}.due-note span{color:var(--amber);margin-right:8px;font-size:8px}.hero-object{min-height:320px;position:relative}.letter-card{border-radius:28px;place-items:center;font-family:Iowan Old Style,Georgia,serif;display:grid;position:absolute;box-shadow:0 20px 40px #0d352a2e}.letter-card-back{background:var(--amber-soft);color:#9a6125;width:170px;height:205px;font-size:82px;top:2%;right:4%;transform:rotate(13deg)}.letter-card-mid{width:180px;height:220px;color:var(--forest);background:#f8f3e7;font-size:84px;bottom:0;left:3%;transform:rotate(-11deg)}.letter-card-front{z-index:2;background:var(--forest);color:#fffaf0;grid-template-rows:1fr auto;width:210px;height:250px;padding:38px 22px 24px;top:16%;left:27%;transform:rotate(3deg)}.letter-card-front span{font-size:112px;line-height:1}.letter-card-front small{letter-spacing:.18em;text-align:center;text-transform:uppercase;border-top:1px solid #ffffff40;width:100%;padding-top:14px;font:700 11px/1 Avenir Next,sans-serif}.overview-grid{grid-template-columns:1.25fr 1fr 1fr;gap:16px;margin-top:66px;display:grid}.section-heading{grid-column:1/-1;justify-content:space-between;align-items:end;gap:20px;margin-bottom:4px;display:flex}.section-heading h2{margin:0;font-size:34px}.section-heading .kicker{margin-bottom:5px}.progress-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#fffdf7bd;align-items:center;gap:20px;min-height:150px;padding:25px;display:flex}.progress-card-main{background:var(--forest);border-color:var(--forest);color:#fff}.progress-card strong{color:var(--forest-dark);margin:3px 0 2px;font:600 36px/1 Iowan Old Style,Georgia,serif;display:block}.progress-card-main strong{color:#fff}.metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:750}.progress-card-main .metric-label,.progress-card-main small{color:#ffffffad}.progress-card small{color:var(--muted);font-size:11px;line-height:1.35;display:block}.metric-mark{background:var(--forest-soft);width:48px;height:48px;color:var(--forest);border-radius:50%;flex:0 0 48px;place-items:center;font-size:24px;display:grid}.metric-mark.is-amber{background:var(--amber-soft);color:#a46522}.progress-ring{--ring-progress:0deg;background:conic-gradient(var(--amber) var(--ring-progress), #ffffff2e 0);border-radius:50%;flex:0 0 84px;place-items:center;width:84px;height:84px;display:grid;position:relative}.progress-ring:after{background:var(--forest);content:"";border-radius:50%;position:absolute;inset:8px}.progress-ring span{z-index:1;color:#fff;font-weight:750;position:relative}.practice-section{margin-top:62px}.practice-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.practice-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:116px;padding:24px;transition:transform .18s,box-shadow .18s;display:grid}.practice-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #1f392f1a}.practice-card>span:last-child{font-size:22px}.practice-card strong,.practice-card small{display:block}.practice-card strong{color:var(--forest-dark);margin-bottom:5px;font-family:Iowan Old Style,Georgia,serif;font-size:21px}.practice-card small{color:var(--muted)}.practice-icon{background:var(--forest-soft);min-width:66px;height:52px;color:var(--forest);border-radius:16px;place-items:center;font-weight:800;display:grid}.is-match .practice-icon{background:var(--amber-soft);color:#955e22}.content-page,.study-page,.review-page,.account-preview{max-width:1050px;margin:0 auto}.page-title-row{justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px;display:flex}.page-title-row h1{margin-bottom:10px;font-size:clamp(42px,6vw,64px)}.page-title-row p:last-child{color:var(--muted);margin-bottom:0}.lesson-legend{color:var(--muted);gap:16px;font-size:11px;display:flex}.lesson-legend span{align-items:center;gap:6px;display:flex}.lesson-legend i{background:var(--line);border-radius:50%;width:8px;height:8px}.lesson-legend i.is-done{background:var(--forest)}.lesson-legend i.is-active{background:var(--amber)}.lesson-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.lesson-tile{border:1px solid var(--line);text-align:left;background:#fffdf7bf;border-radius:18px;flex-direction:column;align-items:flex-start;min-height:142px;padding:19px;transition:transform .18s,border-color .18s;display:flex}.lesson-tile:hover{border-color:var(--forest);transform:translateY(-3px)}.lesson-number{color:var(--amber);margin-bottom:auto;font:600 28px/1 Iowan Old Style,Georgia,serif}.lesson-tile strong,.lesson-tile small{display:block}.lesson-tile strong{color:var(--forest-dark)}.lesson-tile small{color:var(--muted);margin-top:3px;font-size:10px}.lesson-bar{background:var(--paper-deep);border-radius:9px;width:100%;height:3px;margin-top:12px;overflow:hidden}.lesson-bar i{background:var(--amber);height:100%;display:block}.study-page,.review-page{max-width:760px}.study-topline,.review-topline{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:12px;font-weight:750;display:flex}.back-button{border:1px solid var(--line);background:var(--card);border-radius:50%;width:40px;height:40px;font-size:20px}.session-progress{background:var(--paper-deep);border-radius:9px;height:5px;margin:16px 0 30px;overflow:hidden}.session-progress i{border-radius:inherit;background:var(--amber);height:100%;transition:width .35s;display:block}.study-card,.question-card,.result-card,.account-preview,.empty-state{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow)}.study-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:460px;padding:clamp(34px,7vw,70px);display:flex}.study-card h1{margin:16px 0 30px;font-size:clamp(48px,10vw,82px);line-height:1.05}.study-card mark{color:var(--amber);background:0 0;padding:0}.translation-reveal{border-top:1px solid var(--line);place-items:center;width:100%;min-height:84px;margin-top:34px;padding-top:23px;display:grid}.translation-reveal button{border:0;border-bottom:1px dashed var(--forest);color:var(--forest);background:0 0;font-weight:750}.translation-reveal span,.translation-reveal strong{display:block}.translation-reveal span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:10px}.translation-reveal strong{color:var(--forest-dark);font-size:20px}.study-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.typing-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow);margin-top:16px;padding:clamp(24px,5vw,40px)}.typing-card .kicker{margin-bottom:14px}.typing-display{border:1px dashed var(--line);border-radius:var(--radius-sm);min-height:62px;color:var(--forest-dark);word-break:break-word;background:#fff;justify-content:center;align-items:center;padding:0 16px;font:600 26px/1.15 Iowan Old Style,Georgia,serif;display:flex}.typing-display .typing-placeholder{color:#abb1ad;font-family:inherit;font-size:15px}.typing-display.is-wrong{border-color:var(--red);animation:.18s 2 typing-shake}@keyframes typing-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.kbd{gap:7px;margin-top:18px;display:grid}.kbd-row{justify-content:center;gap:6px;display:flex}.kbd-key{border:1px solid var(--line);min-width:0;max-width:62px;min-height:48px;color:var(--forest-dark);cursor:pointer;background:#fff;border-radius:11px;flex:1 1 0;padding:0 2px;font:650 19px/1 Iowan Old Style,Georgia,serif;transition:border-color .16s,transform .16s}.kbd-key:hover:not(:disabled){border-color:var(--forest);transform:translateY(-2px)}.kbd-key:disabled{opacity:.48;cursor:not-allowed}.kbd-key.is-special{border-color:var(--amber);color:var(--amber);font-weight:800}.kbd-key.is-digit{color:var(--muted);font-size:14px}.kbd-key.is-space{max-width:230px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex-grow:4;font-family:inherit;font-size:12px}.kbd-key.is-wide{flex-grow:2;max-width:84px}.audio-control{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.audio-button{background:var(--forest-soft);min-width:150px;min-height:48px;color:var(--forest);border:1px solid #174b3b3d;border-radius:999px;padding:0 18px;font-weight:750}.audio-button span:first-child{margin-right:7px;font-size:11px}.audio-button.is-compact{width:42px;min-width:42px;height:42px;min-height:42px;padding:0;position:absolute;top:24px;right:24px}.audio-button.is-compact span:first-child{margin:0}.inline-error{color:var(--red);font-size:11px}.question-card{min-height:470px;padding:clamp(32px,7vw,62px);position:relative}.question-label{color:var(--amber);letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:800}.question-card h1{margin-bottom:42px;font-size:clamp(40px,7vw,62px);line-height:1.04}.question-help{color:var(--muted);margin-top:-28px;margin-bottom:30px}.answer-field span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:9px;font-size:11px;font-weight:750;display:block}.answer-field input{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;min-height:66px;color:var(--forest-dark);background:#fff;padding:0 18px;font:600 24px/1 Iowan Old Style,Georgia,serif}.answer-field input::placeholder{color:#abb1ad}.question-footer{justify-content:space-between;align-items:center;gap:16px;margin-top:24px;display:flex}.hint-button{min-height:44px;color:var(--muted);background:0 0;border:0;padding:0}.hint-button:not(:disabled){border-bottom:1px dashed var(--muted)}.choice-list{grid-template-columns:1fr 1fr;gap:12px;display:grid}.choice-list button{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:76px;color:var(--forest-dark);text-align:left;background:#fff;align-items:center;gap:14px;padding:14px 18px;font-weight:700;transition:border-color .16s,transform .16s;display:flex}.choice-list button:hover:not(:disabled){border-color:var(--forest);transform:translateY(-2px)}.choice-list button.is-selected{border-color:var(--forest);background:var(--forest-soft)}.choice-key{background:var(--paper);width:28px;height:28px;color:var(--muted);border-radius:8px;flex:0 0 28px;place-items:center;font-size:11px;display:grid}.reverse-question>h1{text-align:center;font-size:clamp(54px,10vw,86px)}.audio-question{text-align:center}.audio-question>.audio-control{margin:10px 0 42px}.audio-question>.choice-list{text-align:left}.match-question h1{margin-bottom:34px}.match-board{grid-template-columns:1fr 1fr;gap:12px;display:grid}.match-column{gap:9px;display:grid}.match-column button{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:56px;padding:10px 13px;font-weight:650}.match-column button.is-selected{border-color:var(--amber);background:var(--amber-soft)}.match-column button.is-matched{opacity:.35;text-decoration:line-through}.match-counter{color:var(--muted);text-align:center;margin:20px 0 0;font-size:12px}.privacy-note{color:var(--muted);text-align:center;margin:18px 0 0;font-size:11px}.notice-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);color:var(--muted);text-align:center;padding:32px}.result-card,.empty-state{text-align:center;max-width:680px;margin:30px auto;padding:clamp(38px,8vw,72px)}.result-mark,.empty-state>span{background:var(--forest);color:#fff;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 24px;font:600 38px/1 Iowan Old Style,Georgia,serif;display:grid}.result-card h1,.empty-state h1{font-size:clamp(42px,7vw,62px)}.result-card>p:not(.kicker),.empty-state p{color:var(--muted);line-height:1.6}.result-metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:34px 0;padding:24px 0;display:grid}.result-metrics div+div{border-left:1px solid var(--line)}.result-metrics strong,.result-metrics span{display:block}.result-metrics strong{color:var(--forest-dark);font:600 34px/1 Iowan Old Style,Georgia,serif}.result-metrics span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:6px;font-size:10px}.account-preview{text-align:center;max-width:760px;padding:clamp(40px,8vw,78px)}.account-preview h1{font-size:clamp(42px,7vw,64px)}.account-preview>p:not(.kicker){max-width:580px;color:var(--muted);margin:0 auto;line-height:1.65}.account-benefits{color:var(--forest);flex-wrap:wrap;justify-content:center;gap:12px 22px;margin:32px 0;font-size:13px;display:flex}.account-benefits span{align-items:center;gap:7px;display:flex}.account-benefits i{background:var(--forest-soft);border-radius:50%;place-items:center;width:22px;height:22px;font-style:normal;display:grid}.account-recovery-button{margin:20px auto 0;display:block}.account-footnote{color:var(--muted);margin:20px 0 0;font-size:11px}.dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0d352a8a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.recovery-dialog{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);width:min(100%,620px);max-height:calc(100vh - 40px);padding:clamp(28px,6vw,54px);overflow:auto;box-shadow:0 30px 90px #0d352a52}.recovery-dialog h2{margin-bottom:12px;font-size:clamp(34px,6vw,48px)}.recovery-dialog>p:not(.kicker):not(.inline-error){color:var(--muted);line-height:1.55}.phrase-grid{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);grid-template-columns:repeat(3,1fr);gap:8px;margin:26px 0;padding:15px;display:grid}.phrase-grid span{background:var(--card);min-height:38px;color:var(--forest-dark);border-radius:8px;align-items:center;gap:7px;padding:8px;font-size:13px;font-weight:700;display:flex}.phrase-grid i{width:18px;color:var(--muted);font-size:9px;font-style:normal}.mobile-nav{display:none}@media (max-width:880px){.site-header{grid-template-columns:1fr auto}.desktop-nav{display:none}.hero-panel{background:linear-gradient(155deg,#fffdf7f7 0 65%,#dde6dbeb 65%);grid-template-columns:1fr;min-height:0;padding-bottom:22px}.hero-object{width:100%;max-width:430px;min-height:260px;margin:0 auto}.letter-card-back{right:9%}.letter-card-mid{left:8%}.letter-card-front{left:30%}.overview-grid{grid-template-columns:1fr 1fr}.progress-card-main{grid-column:1/-1}.lesson-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:620px){body{padding-bottom:74px}.site-header{width:min(100% - 28px,1180px);min-height:72px}.wordmark small,.connection-state{display:none}.page-frame{width:min(100% - 28px,1180px);padding:24px 0 40px}.hero-panel{border-radius:26px;padding:32px 24px 18px}.hero-copy h1{font-size:clamp(41px,13vw,58px)}.hero-lede{font-size:15px}.hero-object{transform-origin:top;min-height:210px;margin-bottom:-28px;transform:scale(.86)}.letter-card-back{width:130px;height:160px;font-size:64px}.letter-card-mid{width:140px;height:170px;font-size:66px}.letter-card-front{width:155px;height:190px;padding:25px 16px 18px}.letter-card-front span{font-size:80px}.overview-grid,.practice-grid{grid-template-columns:1fr;margin-top:44px}.progress-card-main{grid-column:auto}.section-heading{align-items:center}.practice-section{margin-top:44px}.practice-card{min-height:98px;padding:18px}.page-title-row{flex-direction:column;align-items:flex-start}.lesson-grid{grid-template-columns:repeat(2,1fr)}.lesson-tile{min-height:126px}.study-card,.question-card{border-radius:26px;min-height:420px;padding:30px 22px}.question-card h1{margin-bottom:32px}.choice-list{grid-template-columns:1fr}.choice-list button{min-height:62px}.match-board{gap:8px}.match-column button{min-height:52px;padding:8px;font-size:13px}.question-footer{flex-direction:column-reverse;align-items:stretch}.question-footer .primary-button{width:100%}.hint-button{align-self:center}.audio-button.is-compact{top:16px;right:16px}.study-actions{grid-template-columns:1fr}.result-metrics{gap:8px}.result-metrics strong{font-size:28px}.phrase-grid{grid-template-columns:repeat(2,1fr)}.mobile-nav{z-index:20;min-height:66px;padding:7px max(10px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf7f0;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--muted);background:0 0;border:0;border-radius:12px;place-items:center;gap:2px;font-size:10px;display:grid}.mobile-nav button span{font-size:18px}.mobile-nav button.is-current{color:var(--forest);background:var(--forest-soft)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}