/* Motion is deliberately small; hover runs only on devices with a real pointer. */
:root{--ease-pop:cubic-bezier(.2,.75,.25,1);--motion-fast:180ms}.appTopNav :is(.primary,.outline,.textbtn,.languagecard,.learningCard,.practiceInsteadCard,.stopDot,.nav>button,.navMore>summary,.accountMenu>summary){transition:transform var(--motion-fast) var(--ease-pop),box-shadow var(--motion-fast) var(--ease-pop),border-color var(--motion-fast) ease,background-color var(--motion-fast) ease}.appTopNav :is(input,textarea,select){transition:border-color 160ms ease,box-shadow 160ms ease}.appTopNav :is(input,textarea,select):focus{border-color:#a17ad8;box-shadow:0 0 0 4px #a680d819}.appTopNav #sectionView>.learningShell,.appTopNav #sectionView>.dialectStudio,.appTopNav #browseView>.viewintro{animation:contentArrives 190ms var(--ease-pop)}.appTopNav [hidden]{display:none!important}.practiceInstead{padding:8px 0}.practiceInstead>h2{margin:10px 0;font-size:23px;color:#76538e}.practiceInstead>p{font-size:12px;line-height:1.85;color:#947b9f;max-width:670px}.practiceInsteadGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.practiceInsteadCard{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:20px;background:#faf6ff;border:1px solid #e7dbf3;border-bottom:4px solid #dfcdec;border-radius:16px;min-height:155px;color:#7c5a94}.practiceInsteadCard>span{font-size:23px;margin-bottom:10px;color:#a07cb9}.practiceInsteadCard strong{font-family:var(--font-display);font-size:14px;line-height:1.6}.practiceInsteadCard small{font-size:11px;color:#a18aae;margin-top:6px}.practiceInsteadCard b{font-size:11px;color:#9267b5;margin-top:auto;padding-top:17px}.practiceInstead .learningNote{margin-bottom:0}.appTopNav .dialectMessages:has(.practiceInstead){max-height:none}.appTopNav :is(.primary,.outline,.languagecard,.practiceInsteadCard):disabled{cursor:not-allowed}.appTopNav .navExtra button:focus-visible,.appTopNav summary:focus-visible{outline:3px solid #ac86df;outline-offset:3px}.appTopNav .nav button[aria-current=page] .navtext{font-weight:800}.appTopNav .aiConnectionNotice{background:#fff6df;border-color:#f0deb0}.appTopNav .aiConnectionNotice p{max-width:700px}
@media(hover:hover) and (pointer:fine){.appTopNav :is(.primary,.outline,.languagecard,.practiceInsteadCard):not(:disabled):hover{transform:translateY(-2px) scale(1.012);box-shadow:0 7px 18px #62448320;filter:none}.appTopNav .nav>button:not(:disabled):hover,.appTopNav .navMore>summary:hover{transform:translateY(-2px)}.appTopNav .nav>button.active:hover{transform:translateY(-3px);box-shadow:0 5px 0 #5830b2,0 9px 18px #6e4bc02b}.appTopNav .stopDot:not(:disabled):hover{transform:translateY(-2px) scale(1.045);filter:brightness(1.04)}.appTopNav .textbtn:hover{transform:translateY(-1px);color:#a275cf}.appTopNav .accountMenu>summary:hover{transform:translateY(-1px)}}.appTopNav :is(.primary,.outline,.languagecard,.practiceInsteadCard):not(:disabled):active{transform:translateY(1px) scale(.99);transition-duration:70ms}@keyframes contentArrives{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:760px){.appTopNav .appTopbar{backdrop-filter:none;background:#fffefa}.practiceInsteadGrid{grid-template-columns:1fr}.practiceInstead>h2{font-size:20px}.practiceInsteadCard{min-height:140px}.appTopNav .dialectMessages{padding:18px}.appTopNav .aiConnectionNotice strong{font-size:12px}}@media(prefers-reduced-motion:reduce){.appTopNav *, .appTopNav *:before,.appTopNav *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.appTopNav :is(.primary,.outline,.textbtn,.languagecard,.practiceInsteadCard,.stopDot,.nav>button,.navMore>summary,.accountMenu>summary):hover{transform:none!important}}
@media(prefers-color-scheme:dark){body.appTopNav{color-scheme:dark;--ink:#f2eafa;--muted:#baaccb;--paper:#17131e;--line:#3c304e;background:radial-gradient(ellipse at 3% 5%,#38234d66,transparent 45%),#17131e;color:#f0e8f7}.appTopNav .appTopbar{background:#211a2af5;border-color:#443251}.appTopNav .brand,.appTopNav h1{color:#f5ecff}.appTopNav :is(.panel,.lessonPanel,.learningCard,.dialectChatPanel,.navExtra,.accountMenu .asidebottom,.lessonrow){background:#251e30;border-color:#473354}.appTopNav :is(.nav>button,.navMore>summary,.accountMenu>summary){color:#cdbadd}.appTopNav :is(.intro p,.learningHeader p,.learningNote,.dialectIntro p,.dialectEmpty p,.practiceInstead>p,.courseAvailability,.stat small){color:#baa8ca}.appTopNav :is(.outline,.learningTabs button,.simpleLanguageCard,.practiceInsteadCard){background:#30243e;color:#d9c2ed;border-color:#574067}.appTopNav :is(.phraseStudy,.dialectTurn){background:#342545;border-color:#534061}.appTopNav .dialectTurn.fromUser{background:#1f3d36}.appTopNav :is(.phraseStudy strong,.dialectTurn>p,.dialectChatTop strong,.reviewRow strong,.learningCard h3,.practiceInstead h2){color:#e0c9f4}.appTopNav :is(.phraseStudy span,.phraseStudy p,.dialectTranslation,.dialectChatTop small,.dialectCoach,.reviewRow span,.practiceInsteadCard small,.practiceInsteadCard b){color:#bea6d0}.appTopNav :is(.answerInput,#aiReply,select,.search,.learningSearch){background:#201927;color:#eee1fa;border-color:#634476}.appTopNav .lessonFeedback.good{background:#173d2c;color:#a1e7ba}.appTopNav .lessonFeedback.retry{background:#433319;color:#f0cf91}.appTopNav .aiConnectionNotice{background:#3e2f18;border-color:#776030;color:#f0d194}.appTopNav :is(.trailSummary,.dialectRoute,.hubBanner){background:linear-gradient(110deg,#352344,#362b23);border-color:#60416f}.appTopNav :is(.trailSummary h2,.dialectRoute strong,.dialectEmpty h2){color:#e4cbf8}.appTopNav :is(.trailSummary p,.dialectRoute small,.hubBanner p){color:#c3aacd}.appTopNav .stat:nth-child(1){background:#30213e;border-color:#594069}.appTopNav .stat:nth-child(2){background:#3a2b1b;border-color:#6a4a29}.appTopNav .stat:nth-child(3){background:#1a342c;border-color:#2b5a48}.appTopNav .pandaMap{background:linear-gradient(180deg,#1d342b,#302c20 70%,#20372c);border-color:#3c5b44}.appTopNav :is(.mapHeading h2,.stopLabel h3,.mapBeyond){color:#c4e3cc}.appTopNav :is(.mapHeading p,.stopLabel p,.stopLabel>span){color:#a0b7a4}.appTopNav .isCurrent .stopLabel h3{color:#dac1f7}.appTopNav .goalring:before{background:#251e30}.appTopNav .goalring{background:conic-gradient(#a47bea 0deg,#3c2f50 0deg)}.appTopNav .learningPill{background:#342443;border-color:#614273;color:#d8bdeb}.appTopNav .stat strong,.appTopNav .panel h3{color:#eee0f8}}