.hero-top{display:flex;direction:ltr;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.hero-top .age{margin:0;text-align:left;font-size:14px;color:#ac8138;font-weight:600;letter-spacing:.03em}.hero-top .language-nav{margin:0;gap:0}.hero-top .language-nav label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hero-top .language-nav select{background:rgba(255,255,255,.65);max-width:155px;min-height:36px;padding:7px 24px 7px 9px;font-size:13px}.learning{margin-top:26px}.learning>h2{font-size:25px;line-height:1.2;margin:0 0 6px}.learning-intro{margin:0 0 18px;color:#62515a;font-size:15px;line-height:1.5}.topic-group{margin-top:16px}.topic-group h3{font-size:14px;font-weight:600;color:#79616a;margin:0 0 8px}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.topic-tile{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:57px;padding:14px 16px;border:1px solid transparent;border-radius:15px;font:600 16px/1.3 Arial,sans-serif;color:#701c32;text-align:start;cursor:pointer;transition:transform .15s,box-shadow .15s}.topic-tile>span:last-child{font-size:23px;font-weight:400;opacity:.6}.topic-tile:last-child:nth-child(odd){grid-column:1/-1}.tone-0{background:#f3e8ef;border-color:#e9dce4}.tone-1{background:#edf3e8;border-color:#e0e9d9}.tone-2{background:#e8f1f5;border-color:#dae7ed}.tone-3{background:#f7efe4;border-color:#eee2d2}.topic-tile:hover{transform:translateY(-2px);box-shadow:0 5px 14px #701c3210}.topic-tile:focus-visible,.lesson-dialog button:focus-visible{outline:3px solid #ac8138;outline-offset:3px}.lesson-dialog{border:1px solid #e8dce0;border-radius:25px;padding:28px;width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;background:#fff;color:#701c32;box-shadow:0 22px 80px #35101b30;text-align:start}.lesson-dialog::backdrop{background:#2b152a66;backdrop-filter:blur(3px)}.lesson-open{overflow:hidden}.lesson-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.lesson-eyebrow{font-size:13px;font-weight:600;color:#8e6d33}.lesson-close{border:0;border-radius:50%;background:#f6eff1;color:#701c32;width:38px;height:38px;flex:none;font-size:25px;cursor:pointer}.lesson-dialog h2{font-size:28px;margin:0 0 12px}.lesson-scenario{color:#57494f;font-size:17px;line-height:1.55;margin:0 0 20px}.lesson-question{font-size:15px;font-weight:700;margin:0 0 10px}.lesson-choices{display:grid;gap:9px}.lesson-choices button{font:400 16px/1.45 Arial,sans-serif;padding:14px 16px;text-align:start;border:1px solid #e4d7dc;border-radius:14px;background:#faf7f8;color:#542437;cursor:pointer}.lesson-choices button[aria-pressed=true]{border:2px solid #701c32;padding:13px 15px;background:#f2e7ec}.lesson-result{margin-top:20px;padding:19px;border-radius:16px;background:#edf3e8;line-height:1.5;outline:none}.lesson-result[hidden]{display:none}.lesson-result h3{font-size:16px;margin:14px 0 5px}.lesson-result p{font-size:15px;color:#4d5147;margin:0 0 10px}.lesson-result #lesson-selected{font-size:13px;color:#656657}.lesson-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.lesson-actions button{padding:11px 15px;border:1px solid #701c32;border-radius:22px;background:#701c32;color:white;font:600 14px Arial,sans-serif;cursor:pointer}.lesson-actions #lesson-retry{background:transparent;color:#701c32}@media(max-width:500px){.hero-top{margin-bottom:6px}.hero-top .age{font-size:12px;letter-spacing:0}.hero-top .language-nav select{max-width:136px}.learning{margin-top:22px}.learning>h2{font-size:22px}.topic-tile{font-size:15px;padding:13px 12px;min-height:54px}.lesson-dialog{padding:20px}.lesson-dialog h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.topic-tile{transition:none}.topic-tile:hover{transform:none}}