.learning{position:relative;z-index:8;margin:48px auto 24px;max-width:440px;background:#fff1ed;padding:24px 20px;border:1px solid #ad753e;border-radius:48% 48% 16px 16px / 36px 36px 16px 16px;min-height:590px;color:#630c33}
.learning h1{font:600 40px/1.1 var(--font-heading);margin:22px 0 8px;text-align:center}.learning h2{font:600 30px/1.2 var(--font-heading);margin:16px 0}.learning p{line-height:1.55}.learning button{min-height:48px;border-radius:12px;padding:12px 16px;font:inherit;cursor:pointer}.learn-back{border:0;background:transparent;color:#630c33;text-decoration:underline;text-underline-offset:4px}.learn-intro{text-align:center;margin-bottom:26px}.translation{font-family:var(--font-body);line-height:1.5}.learn-primary{width:100%;background:#8c2852;color:#fff5ed;border:1px solid #ad753e;margin-top:16px}.learn-secondary{background:transparent;border:1px solid #a86c79;color:#630c33;width:100%;margin-top:12px}.lesson-list{margin:24px 0}.lesson-row{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;background:transparent;border:0;border-bottom:1px solid #dab8ab;border-radius:0!important;gap:12px;padding:18px 0!important}.lesson-row strong{font:600 27px/1.1 var(--font-heading);display:block}.lesson-row small{display:block;font-size:14px;margin-top:5px}.lesson-row .lesson-count{color:#27635c;white-space:nowrap;font-size:14px}.learn-note{font-size:13px;color:#754350}.learn-progress{display:flex;justify-content:space-between;font-size:14px;margin:20px 0 8px}.learning progress{width:100%;height:8px;accent-color:#34776f}.word-sheet{text-align:center;padding:32px 12px 26px;margin-top:22px;border-block:1px solid #c19a63;background:#fffbf6;min-height:228px}.word-nl{font:600 42px/1.2 var(--font-heading);margin:8px 0 12px}.word-translation{font-size:28px;margin:12px 0}.word-example{font-size:16px}.listen{border:1px solid #34776f;background:transparent;color:#245e58;font-size:15px!important}.answer-list{display:grid;gap:10px;margin-top:22px}.answer{background:#fffbf6;color:#630c33;border:1px solid #b58c81;font-size:23px!important}.answer:disabled{opacity:1;cursor:default}.answer.correct{background:#e1eee5;border-color:#296451;color:#1e513f}.answer.wrong{background:#f5d8df;border-color:#963857}.learn-feedback{min-height:52px;margin:16px 0 0;font-size:16px}.learn-finish{text-align:center;padding-top:32px}.learn-finish svg{width:56px;height:56px}.learn-saving{font-size:13px;line-height:1.5;margin:14px 0;color:#754350}.is-learning .palace{padding:12px 18px;min-height:100svh}.is-learning .rose-layer{opacity:.45}.is-learning .flying-things{z-index:7}.is-learning #magic{opacity:.3}.learning button:focus-visible{outline:3px solid #27635c;outline-offset:4px}.learning button:active{transform:translateY(1px)}.learning [hidden]{display:none!important}@media(min-width:600px){.learning{margin-top:60px;padding:30px;min-height:650px}}@media(max-width:359px){.is-learning .palace{padding:10px}.learning{padding:22px 16px}.word-nl{font-size:36px}}@media(prefers-reduced-motion:no-preference){.word-sheet{animation:page-open .35s ease-out}@keyframes page-open{from{opacity:.6;transform:translateY(7px)}to{opacity:1;transform:none}}}

.learning[data-phase="quiz"] .word-sheet{min-height:0;padding:20px 10px}.learning[data-phase="quiz"] h1{font-size:35px}.learning[data-phase="quiz"] .learn-intro{margin-bottom:16px}
/* Full-screen app surfaces; padding also reserves room for the settings control. */
body{height:100dvh;overflow:hidden}.palace,.is-learning .palace{height:100dvh;min-height:0;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.home,.learning{transform-origin:top left;position:relative}.home{margin:0 auto}.learning{margin:0 auto;min-height:0;max-width:440px;padding:16px 18px;border-radius:28px 28px 16px 16px}.is-learning .palace{padding-top:max(68px,calc(env(safe-area-inset-top) + 52px))}.learning h1,.learning[data-phase="quiz"] h1{font-size:30px;margin:8px 0}.learning p{line-height:1.35}.learning button{min-height:44px;padding:9px 12px}.learn-back{padding:4px 8px!important;min-height:36px!important}.learn-intro{margin:6px 0 12px!important;font-size:14px}.learn-progress{margin:10px 0 6px;font-size:13px}.lesson-list{margin:10px 0}.lesson-row{padding:10px 0!important}.lesson-row strong{font-size:24px}.lesson-row small{margin-top:2px}.learn-note{margin:8px 0;font-size:12px}.learn-note:empty{display:none}.word-sheet,.learning[data-phase="quiz"] .word-sheet{min-height:0;padding:14px 10px;margin-top:12px}.word-nl{font-size:36px;margin:0 0 8px}.word-translation{font-size:25px;margin:10px 0}.word-example{font-size:15px;margin:8px 0 0}.answer-list{gap:8px;margin-top:12px}.answer{font-size:20px!important}.learn-feedback{min-height:0;margin:12px 0 0;font-size:15px}.learn-feedback:empty{display:none}.learn-feedback small{font-size:12px}.learn-primary,.learn-secondary{margin-top:12px}.learn-saving{font-size:11px;margin:12px 0 0;line-height:1.3}.learn-finish{padding-top:12px}.learn-finish svg{width:40px;height:40px}
@media(max-height:700px){.masthead h1{font-size:80px}.greeting{margin-bottom:10px}.home-footer{margin-top:8px}.learning{padding:12px 16px}.learning h1,.learning[data-phase="quiz"] h1{font-size:27px}.word-sheet,.learning[data-phase="quiz"] .word-sheet{padding:10px}.lesson-row{padding:8px 0!important}}
dialog{position:fixed;inset:auto;top:50%;left:50%;margin:0;max-height:none;transform-origin:center;transform:translate(-50%,-50%)}
.course-menu{margin:12px 0;display:grid;gap:0}.course-menu button{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid #d9b3a7;border-radius:0;background:transparent;padding:14px 4px}.course-menu strong{display:block;font:600 29px/1.1 var(--font-heading)}.course-menu small,.course-menu span{display:block;margin-top:4px;font-size:13px}.course-menu button:first-child{color:#245e58}.learn-links{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.learn-links button{font-size:12px;padding:8px;background:transparent;border:0;text-decoration:underline;text-underline-offset:3px}.learn-links button:disabled{opacity:.45}.day-summary{padding:18px 0;margin:18px 0;border-block:1px solid #c19a63;text-align:center}.day-summary strong{font:600 28px/1.2 var(--font-heading)}.conversation-situation{font-size:14px;margin:10px 0}.speaker{font-size:12px;margin:0 0 8px}.prompt-translation{font-size:14px;margin:8px 0}.learning[data-phase="quiz"] .word-nl{font-size:30px}.learning[data-phase="quiz"] .answer{font-size:17px!important}.progress-facts{margin:20px 0}.progress-facts div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #d9b3a7;padding:12px 0;font-size:14px}.progress-facts dd{margin:0;font-weight:600}.learning[data-phase="library"] .lesson-row strong{font-size:22px}.learning[data-phase="library"] .lesson-row{min-height:60px}.learning[data-phase="library"] .lesson-row small{font-size:13px}
.learning:focus{outline:none}

.learning .answer-countdown{display:block;appearance:none;border:0;border-radius:6px;overflow:hidden;height:8px;margin:10px 0 2px;background:#e1d0c5;color:#34776f}.answer-countdown::-webkit-progress-bar{background:#e1d0c5;border-radius:6px}.answer-countdown::-webkit-progress-value{background:#34776f;border-radius:6px}.answer-countdown::-moz-progress-bar{background:#34776f;border-radius:6px}