.study-example{text-align:left;color:#443653;flex:none;min-width:0;background:#f2edf8!important;border:1px solid #ded7e8!important;border-radius:16px!important;padding:10px 14px!important}.study-example .study-example-bar{color:#685774;align-items:center;gap:6px;margin:0 0 6px;font-size:13px;display:flex}.study-example-bar>span{flex:1;font-weight:650}.study-example-bar>div{gap:2px;display:flex}.study-example-bar button{min-width:38px;min-height:40px;color:inherit;background:0 0;border:0;border-radius:9px;place-items:center;padding:5px;font-size:14px;display:grid}.study-example-bar button[aria-pressed=true]{color:#553c73;background:#fffdfa;box-shadow:0 1px 3px #49325512}.study-example>p{overflow-wrap:anywhere;text-align:left;min-height:3em;font-weight:500;font-size:var(--study-example-size,19px)!important;color:#443653!important;margin:0!important;line-height:1.5!important}.study-example mark{color:#493064;background:#e4d7f2;border-radius:3px;padding:0 2px;font-weight:700}.study-example-foot{justify-content:space-between;align-items:center;gap:4px;min-height:28px;margin-top:6px;display:flex}.study-example-foot>span{color:#746981;font-size:11px;line-height:1.25}.study-example-foot nav{align-items:center;gap:4px;font-size:12px;display:flex}.study-example-foot button{background:#e4d9ed;border:0;border-radius:8px;place-items:center;min-width:32px;min-height:32px;display:grid}.study-example-foot button:disabled{opacity:.4}@container study (height<=560px){.study-example{padding:6px 10px!important}.study-example>p{font-size:var(--study-example-size,18px)!important}.study-example-bar>span{font-size:12px}}.download-actions{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.download-select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.download-choice{border:1px solid #d5e6f1;border-radius:16px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.download-choice input{flex:none;width:20px;height:20px}.download-choice .game-art{aspect-ratio:4/3;border-radius:10px;flex:none;width:64px}.download-choice span{overflow-wrap:anywhere;min-width:0}.download-choice small{margin-top:4px;display:block}.download-row{border-top:1px solid #d5e6f1;align-items:flex-start;gap:14px;padding:18px 0;display:flex}.download-row>.game-art{aspect-ratio:4/3;border-radius:12px;flex:none;width:96px}.download-row>div{overflow-wrap:anywhere;min-width:0}.download-row h3{margin:0}.download-row p{margin:8px 0}.download-error{color:#a13d20}@media (width<=600px){.download-select-grid{grid-template-columns:1fr}.download-row>.game-art{width:64px}.download-actions button{min-height:44px}}.download-row strong{margin:8px 0;display:block}.download-row .text-button{margin-top:8px;display:inline-flex}.word-study{color:#183d5d;max-width:660px;margin:0 auto;padding:0 6px 12px}.word-study-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.word-study-header h1{margin:0;font-size:1.25rem}.word-study-header>a,.word-study-header>button{color:#236188;background:#e7f3fb;border:0;border-radius:14px;place-items:center;width:44px;height:44px;padding:8px;display:grid}.word-study-course{color:#5f7d94;justify-content:center;align-items:center;gap:7px;margin:12px 0 18px;font-size:.875rem;display:flex}.word-study-course>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;max-width:80%;overflow:hidden}.word-study-course>span:last-child{white-space:nowrap;color:#1379b5}.study-progress{color:#66849a;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:16px;font-size:.8125rem;display:flex}.study-progress progress{accent-color:#14b998;border:0;border-radius:10px;width:100%;height:6px;overflow:hidden}.study-progress progress::-webkit-progress-bar{background:#ddeef5}.study-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#20b7c9,#19c396);border-radius:10px}.study-word-card{background:#fff;border:1px solid #dcecf4;border-radius:26px;padding:22px 26px;box-shadow:0 12px 40px #3086b40a}.study-card-label{color:#188daa;justify-content:space-between;gap:8px;font-size:.8125rem;display:flex}.study-word-prompt{text-align:center;padding:26px 0 20px}.study-word-prompt h2{overflow-wrap:anywhere;letter-spacing:.01em;color:#154772;margin:0 0 14px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.9rem,9vw,4.7rem);font-weight:700;line-height:1.15}.study-word-prompt h2:focus{outline:none}.study-pronunciation{color:#5c8198;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:1.1rem;display:flex}.study-pronunciation button{color:#008667;background:#e5f8f1;border:0;border-radius:22px;align-items:center;gap:6px;min-height:44px;padding:9px 13px;font-size:.875rem;display:inline-flex}.study-meaning{color:#254a64;margin:18px 0 0;font-size:1.65rem;font-weight:700;line-height:1.45}.study-example{background:linear-gradient(120deg,#effafa,#eff7fd);border:1px solid #dceff2;border-radius:18px;padding:18px 20px}.study-example-label{color:#177f8c;align-items:center;gap:12px;font-size:.8125rem;font-weight:700;display:flex}.study-example-label>span{color:#75939f;font-size:.75rem;font-weight:400}.study-example>p[lang=en]{color:#214960;overflow-wrap:anywhere;margin:12px 0 8px;font-size:1.3rem;line-height:1.65}.study-example-translation{color:#66808f;margin:0;font-size:1rem;line-height:1.7}.study-example-missing{color:#6c8593;font-size:.9375rem;line-height:1.7}.study-bottom{padding:8px 4px 0}.study-bottom>.primary,.study-start-actions>.primary{border-radius:17px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:54px;font-size:1.1rem;display:flex}.study-audio-status{color:#68899d;text-align:center;min-height:22px;font-size:.8125rem;display:block}.study-sync{text-align:center;color:#7394a5;min-height:18px;margin:12px 0 0;font-size:.75rem}.study-feedback{color:#805322;background:#fff1db;border-radius:12px;margin:0 0 12px;padding:10px 12px;font-size:.9375rem;line-height:1.6}.study-feedback.correct{color:#087655;background:#e8f9f1}.study-tip{text-align:center;color:#7092a4;margin:10px 0;font-size:.875rem}.study-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:4px;display:grid}.study-options button{color:#214e70;overflow-wrap:anywhere;background:#f6fbff;border:1px solid #d3e7f4;border-bottom:3px solid #c2deef;border-radius:17px;min-height:64px;padding:14px 10px;font-size:1.125rem;line-height:1.5}.study-options button:hover:not(:disabled){background:#e4f6fa;border-color:#5dbdca}.study-chinese h2{font-family:inherit;font-size:2rem;line-height:1.5}.study-chinese>p{color:#658499;font-size:.9375rem}.study-listening{text-align:center;color:#189db1;padding:24px 0}.study-listening h2{color:#24516b;font-size:1.4rem}.study-listening button{gap:10px;min-height:52px;margin:10px auto 18px;display:inline-flex}.study-spelling>label{font-size:.875rem;display:block}.study-spelling input,.study-spelling output{color:#215471;overflow-wrap:anywhere;background:#f6fcff;border:1px solid #b7dce6;border-radius:13px;width:100%;min-height:55px;margin-top:8px;padding:13px;font-size:1.375rem;display:block}.study-letter-bank{flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 8px;display:flex}.study-letter-bank button{color:#157257;background:#eefbf4;border:1px solid #bfe3d8;border-bottom:3px solid #a6d6c5;border-radius:10px;min-width:42px;min-height:47px;font-size:1.3rem}.study-letter-bank button:disabled{opacity:.3}.study-setup{background:#fff;border:1px solid #dcecf4;border-radius:24px;padding:22px}.study-setup-heading{justify-content:space-between;align-items:center;gap:6px;margin-bottom:12px;display:flex}.study-setup-heading h2{margin:8px 0;font-size:1.4rem}.study-setup-heading>img{object-fit:contain;width:85px;height:85px}.study-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.study-modes button{text-align:left;color:#28516d;background:#f9fcff;border:1px solid #dfebf4;border-radius:15px;padding:15px 12px}.study-modes button.selected{background:#edfafa;border:2px solid #1ba9a3;padding:14px 11px}.study-modes strong{margin-bottom:6px;font-size:1.0625rem;display:block}.study-modes span{color:#648497;font-size:.8125rem;line-height:1.6;display:block}.study-start-actions{flex-direction:column;gap:10px;margin-top:20px;display:flex}.study-start-actions>button:not(.primary){color:#3281a9;background:#fff;border:1px solid #d5e9f4;border-radius:14px;min-height:44px}.study-custom{border:1px solid #d5e9f4;border-radius:15px;margin:18px 0 0;padding:12px}.study-custom label{align-items:center;gap:10px;padding:6px;font-size:1rem;display:flex}.study-custom input{width:20px;height:20px}.study-finished{text-align:center;padding:32px 20px}.study-finished>img,.study-setup>img{object-fit:contain;width:110px;height:120px}.study-success{color:#0a9a7b;justify-content:center;align-items:center;gap:8px;font-size:1.1rem;display:flex}.study-finished h2{font-size:1.8rem}.study-finished p{color:#6c879b;line-height:1.7}.study-finished .primary{justify-content:center;gap:12px;min-height:52px;display:flex}.study-finished .text-button{margin:14px auto;display:inline-flex}.word-study~.app-footer{display:none}.app-main:has(.word-study){padding-top:max(16px,env(safe-area-inset-top))}@media (width<=700px){.app-main:has(.word-study){padding:12px 12px calc(84px + env(safe-area-inset-bottom));padding-top:max(12px,env(safe-area-inset-top))}.word-study{max-width:500px;padding:0}.word-study-course{margin:6px 0 12px}.study-progress{margin-bottom:12px}.study-word-card{border-radius:22px;padding:18px 18px 20px}.study-word-prompt{padding:25px 0 23px}.study-word-prompt h2{font-size:clamp(3.4rem,13vw,4.3rem)}.study-word-prompt.study-chinese h2{font-size:1.8rem}.study-meaning{font-size:1.5rem}.study-example{padding:16px}.study-example>p[lang=en]{font-size:1.25rem}.study-setup{padding:18px}.study-bottom{padding-top:5px}.study-sync{margin-top:8px}}@media (height<=710px) and (width<=700px){.study-word-prompt{padding:15px 0}.study-word-card{padding:15px}.study-example{padding:12px 15px}.study-meaning{margin-top:12px}.study-bottom>.primary{min-height:49px}}@media (prefers-reduced-motion:reduce){.word-study *{scroll-behavior:auto}}.wordbook-list{gap:12px;margin:16px 0;display:grid}.wordbook-row{background:var(--surface,#fff);border:1px solid #dce9f4;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.wordbook-row h2{overflow-wrap:anywhere;margin:0 0 5px;font-size:24px}.wordbook-row p{margin:0 0 7px}.wordbook-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wordbook-actions button{min-width:44px;min-height:44px}.wordbook-actions button[aria-pressed=true]{color:#137fa1;background:#e3f6fb}.wordbook-plan label{max-width:300px}.study-records .chips{flex-wrap:wrap;margin:14px 0}.study-records input{width:100%}@media (width<=540px){.wordbook-row{flex-direction:column;align-items:stretch;padding:15px}.wordbook-actions{justify-content:flex-end}.wordbook-row h2{font-size:26px}.wordbook-plan .study-start-actions{flex-wrap:wrap}}.parent-settings [hidden]{display:none!important}.parent-settings fieldset{border:1px solid #d6e7f5;border-radius:16px;min-width:0;margin:14px 0;padding:16px}.parent-settings legend{padding:0 6px;font-weight:700}.parent-settings fieldset label{margin:10px 0}.parent-settings fieldset p,.parent-settings fieldset small{line-height:1.6}.game-count{justify-content:space-between;align-items:center;gap:8px;font-size:.9rem;display:flex}.game-count select{width:auto;min-width:96px;padding:8px}.standalone.word-study{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.offline-study-sync{margin-top:20px}.study-header-tools{gap:4px;display:flex}.study-header-tools>button{color:#236188;background:#e7f3fb;border:0;border-radius:14px;place-items:center;min-width:44px;min-height:44px;padding:8px;display:grid}@media (width<=700px){.app-shell:has(.study-word-card)>.sidebar{display:none}.app-main:has(.study-word-card){padding-bottom:max(12px,env(safe-area-inset-bottom))}}@media (width<=700px) and (height<=640px){.word-study-course{margin:2px 0 6px}.study-progress{gap:4px;margin-bottom:6px}.study-word-card{padding:10px 12px}.study-word-prompt{padding:6px 0}.study-word-prompt h2{margin-bottom:4px}.study-meaning{margin-top:6px}.study-example{padding:9px 12px}.study-example>p[lang=en]{margin:5px 0 3px}.study-example-label>span{display:none}.study-sync{margin-top:4px}}@media (width<=700px) and (height<=560px){.study-word-card{padding-block:8px}.study-word-prompt{padding-block:3px}.study-example{padding-block:6px}}@media (width<=700px) and (height<=640px){.app-main:has(.study-word-card){box-sizing:border-box;height:100dvh;min-height:0}.word-study:has(.study-word-card){flex-direction:column;height:100%;min-height:0;display:flex}.word-study:has(.study-word-card)>*{flex-shrink:0}.word-study>.study-word-card{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:0;overflow:auto}.study-word-card:focus-visible{outline-offset:1px;outline:2px solid #1379b5}.study-bottom{background:#f2f9fc}.study-feedback{margin-bottom:5px;padding:6px 10px}}.word-study.study-paper{--study-example-size:19px;--paper-word:44px;--paper-answer:22px;color:#40314e;background:#fffdf8;width:100%;min-height:0;container:study/size;gap:10px!important;max-width:460px!important;margin-inline:auto!important;padding:12px!important}.word-study.study-paper[data-study-density=junior]{--paper-word:40px;--paper-answer:20px;--study-example-size:18px}.word-study.study-paper[data-study-density=adult]{--paper-word:36px;--paper-answer:18px;--study-example-size:17px}.study-paper .word-study-header{grid-template-columns:84px 1fr 84px;min-height:48px;margin:0;padding:0;display:grid}.study-paper .word-study-header h1{text-align:center;font-size:21px}.study-paper .study-header-tools{justify-content:flex-end}.study-paper .word-study-course{margin:0;font-size:13px}.study-paper .study-word-card{box-shadow:none;background:#fffefd;border:1px solid #e4dce8;border-radius:18px;gap:12px;min-height:0;padding:14px}.study-paper .study-word-prompt h2{font-size:var(--paper-word);overflow-wrap:anywhere;line-height:1.2}.study-paper .study-meaning{font-size:var(--paper-answer);color:#39654f}.study-paper .study-word-prompt{gap:10px;min-height:0;padding:12px 0}.study-paper .study-chinese h2{font-size:calc(var(--paper-answer) + 3px)}.study-paper .study-options{gap:9px}.study-paper .study-options button{min-height:58px;font-size:var(--paper-answer);color:#443252;background:#fffdfa;border:1px solid #dcd2e5;border-radius:13px;padding:10px 12px;line-height:1.35}.study-paper .primary{background:#70519a;border-color:#70519a;border-radius:14px;justify-content:center;min-height:54px;line-height:1.3;box-shadow:0 3px #523874;font-size:19px!important}.study-paper .study-bottom{flex:none;gap:7px}.study-paper .study-feedback{margin:0;font-size:15px;line-height:1.45}.study-paper .study-sync{margin:0;font-size:12px}.study-paper .study-spelling input,.study-paper .study-spelling output{min-height:54px;font-size:26px}.study-paper .study-letter-bank button{min-width:36px;min-height:44px;font-size:22px}.study-example-pending{background:#f4eef8;border-radius:12px;padding:12px;font-size:14px}.study-example-pending button{min-height:40px;margin-left:10px}@container study (height<=650px){.study-paper .study-options{grid-template-columns:1fr 1fr;display:grid}.study-paper .study-word-prompt h2{font-size:calc(var(--paper-word) - 4px)}.study-paper .study-word-card{gap:8px;padding:10px}.study-paper .study-options button{min-height:52px}.study-paper .study-word-prompt{padding:6px 0}.study-paper .study-chinese h2{font-size:var(--paper-answer)}}@media (prefers-reduced-motion:reduce){.study-paper *{transition:none!important;animation:none!important}}.pet-compact-header{border:1px solid var(--border);background:#fff;border-radius:20px;align-items:center;gap:12px;padding:12px 16px;display:flex}.pet-compact-header>img{object-fit:contain;width:64px;height:64px}.pet-compact-header>div{flex:1;min-width:0}.pet-compact-header small{margin-top:5px;line-height:1.5;display:block}.pet-compact-header button{flex-shrink:0}.pet-card .pet-item-art{object-fit:contain;width:100%;height:110px!important}.pet-wear-preview{width:100%;font-size:14px}.pet-wear-preview summary{cursor:pointer}.pet-wear-preview img{display:block}.pet-card .pet-route-art{object-fit:cover;object-position:50% 65%;border-radius:12px;width:100%;height:180px!important}.pet-active-route{object-fit:cover;object-position:center 65%;border-radius:16px;width:100%;max-height:240px}.pet-grid:has(>.pet-route-card){grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=700px){.pet-grid:has(>.pet-route-card){scroll-snap-type:x proximity;padding-bottom:10px;display:flex;overflow-x:auto}.pet-route-card{scroll-snap-align:start;flex:0 0 82%}.pet-route-card .pet-route-art{height:150px!important}.pet-route-card:focus-within{scroll-margin-inline:8px}}.pet-discoveries{background:#eef7fc;border-radius:16px;margin:18px 0;padding:16px}.pet-discovery-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;display:grid}.pet-discovery-list>div{background:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.pet-discovery-list img{object-fit:contain;width:72px;height:72px}.pet-discovery-list small{margin-top:5px;display:block}.pet-discoveries>small{line-height:1.6;display:block}.pet-set-list{gap:12px;margin-top:16px;display:grid}.pet-set-list article{border:1px solid var(--border);border-radius:16px;align-items:center;gap:14px;padding:14px;display:flex}.pet-set-list img{object-fit:contain;width:80px;height:80px}.pet-set-list .uncollected img{filter:grayscale();opacity:.65}.pet-set-list h3{margin:0;font-size:16px}.pet-set-list p{margin:6px 0}.pet-set-list small{line-height:1.6}@media (width<=360px){.pet-route-card{grid-column:1/-1}.pet-compact-header{gap:8px;padding:10px}.pet-compact-header>img{width:46px;height:46px}.pet-compact-header button{padding:9px;font-size:13px}.pet-set-list article{align-items:flex-start}.pet-set-list img{width:54px;height:54px}}.pet-action-pending{display:block}.pet-action-pending p{margin:.5rem 0}.pet-action-pending button{white-space:normal;width:100%}.pet-home.pet-rich-home{grid-template-columns:minmax(280px,1.3fr) minmax(240px,1fr);align-items:center;gap:24px;padding:0;display:grid;overflow:hidden}.pet-rich-home>.pet-summary{padding:20px 24px 20px 0}.pet-scene{background-position:50%;background-size:cover;border-radius:22px;place-items:center;height:100%;min-height:310px;display:grid;position:relative}.pet-touch{width:250px;height:250px;box-shadow:none;touch-action:manipulation;background:0 0;border:0;margin-top:30px;padding:0;position:relative}.pet-touch:disabled{opacity:1}.pet-touch:focus-visible{outline-offset:3px;outline:3px solid #1590cc}.pet-body{z-index:2;object-fit:contain;width:100%;height:100%;position:relative}.pet-touch-hint{color:#533a23;white-space:nowrap;pointer-events:none;background:#fff8e6ed;border-radius:20px;padding:5px 12px;font-size:13px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.pet-away{color:#513621;text-align:center;background:#fff9eae8;border-radius:20px;gap:12px;margin:30px;padding:24px;display:grid}.pet-dynamic-equipment-overlay{z-index:4;object-fit:contain;pointer-events:none;transform-origin:50% 56%;width:100%;height:100%;position:absolute;inset:0}.pet-dynamic-equipment-overlay.is-pet-scarf{transform:translateY(23%)scale(.72)}.pet-dynamic-equipment-overlay.is-pet-scarf.pet-blueberry-cloud{transform:translateY(22%)scale(.72)}.pet-dynamic-equipment-overlay.is-pet-scarf.pet-chestnut-bun,.pet-dynamic-equipment-overlay.is-pet-scarf.pet-moonmilk-pup{transform:translateY(20%)scale(.74)}.pet-dynamic-equipment-overlay.is-pet-scarf.pet-sunseed{transform:translateY(23%)scale(.68)}.pet-dynamic-equipment-overlay.is-pet-scarf.pet-mossdrop{transform:translateY(22%)scale(.7)}.pet-touch[data-direct-animation=state-hungry] .is-pet-scarf,.pet-touch[data-direct-animation=state-low-mood] .is-pet-scarf{transform:translateY(43%)scale(.58)}.pet-touch[data-direct-animation=daily-feed] .is-pet-scarf,.pet-touch[data-direct-animation=fruit-treat] .is-pet-scarf,.pet-touch[data-direct-animation=petting] .is-pet-scarf{z-index:1}.pet-dynamic-equipment-overlay.is-travel-satchel{transform:translate(8%,12%)scale(.72)}.pet-dynamic-equipment-overlay.is-travel-raincoat{transform:translateY(11%)scale(.86)}.pet-dynamic-equipment-overlay.is-travel-camera{transform:translateY(9%)scale(.78)}.pet-memory{margin:20px 0}.pet-memory img{border-radius:18px;width:100%;max-width:650px;height:auto;display:block}.pet-memory figure{margin:18px 0}.pet-rewards{margin:0;padding:0;list-style:none}.pet-rewards li{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.pet-rewards small{color:var(--muted);display:block}.pet-shop-art{object-fit:contain;width:100%;height:100px!important}.pet-summary h2{margin-top:4px}@media (width<=700px){.pet-home.pet-rich-home{grid-template-columns:minmax(0,1fr);gap:0}.pet-rich-home>.pet-summary{text-align:left;padding:14px 18px}.pet-scene{border-radius:22px 22px 0 0;width:100%;min-height:250px}.pet-touch{width:210px;height:210px;margin-top:15px}.pet-rich-home .pet-badges{justify-content:flex-start}.pet-rich-home progress{margin:12px 0 8px}.pet-tabs button,.pet-card p,.pet-card small{font-size:14px}.pet-card button{min-height:42px;font-size:14px}.pet-home small{font-size:13px}}.pet-name-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.pet-name-row h2{margin:0}.pet-points{margin:10px 0}.pet-points strong{color:var(--green)}.pet-summary details>summary{cursor:pointer;font-size:14px}.pet-summary details>p{font-size:14px}.pet-rich-home+.pet-actions{margin-top:16px}@media (width<=700px){.pet-scene{min-height:220px}.pet-touch{width:195px;height:195px;margin-top:5px}.pet-rich-home>.pet-summary{padding:12px 18px}.pet-name-row h2{font-size:23px}.pet-tabs{margin:16px 0}.pet-rich-home+.pet-actions button{min-height:65px;padding:10px;font-size:14px}}:root{--green:#147ceb;--muted:#667e9c;--border:#dce8f3;--sage:#e7f7ef;--peach:#fff3d7;color:#142f58;background:#f2f9fd;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input,select,textarea{color:#193657}button{border-color:var(--border)}input,select,textarea{border-color:#d5e2ed}.eyebrow{color:#607fa2;letter-spacing:.5px}.primary{color:#fff;border-radius:15px;font-weight:750;box-shadow:0 4px #0560c3}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#126cd3}.sidebar{border-color:var(--border);background:#fff}.sidebar nav a{color:#6a82a0}.brand{letter-spacing:0;color:#132f57}.brand-owl{object-fit:contain;width:45px;height:50px}.app-main{max-width:1420px;margin-right:auto;padding-bottom:15px}.panel{border-color:#e4edf5;border-radius:23px;box-shadow:0 5px 20px #246db406}.panel h2{font-size:22px}.notice{background:#e9f4ff}.action-card{border-color:var(--border);border-radius:18px}.action-card.compact{margin-top:10px;padding:16px}.selection-strip{background:#e9f5ff}.tone-0{color:#1769b6;background:#dff2ff}.tone-1{color:#417d24;background:#e5f7d9}.tone-2{color:#96681b;background:#fff0c9}.chip.active,.course-card.selected{background:#e8f4ff;border-color:#63aaf3}.profile-card{background:#e7f4ff}.avatar{color:#167de0;background:#d1eaff}.auth-story{background:linear-gradient(140deg,#daf2ff,#f1fbff)}.auth-story .word-paper{background:#fff}.owl-login-art{width:200px;max-width:100%;margin:10px auto;display:block}.auth-layout{background:#f8fcff}.auth-card{color:#16315a}.game-cover{height:145px}.game-cover span{letter-spacing:.3px;font-size:12px}.game-card{border-color:var(--border);box-shadow:0 4px 14px #1f6ab00a}.game-version{margin:3px 0 8px}.gentle-note{background:#fff9e9}.app-footer{color:#7a8fa8}.student-home{max-width:1060px;margin:auto}.home-welcome{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.home-welcome h1{overflow-wrap:anywhere;font-size:clamp(25px,3vw,34px)}.home-welcome p:last-child{margin-bottom:0}.icon-button{background:#fff;border-radius:50%;min-width:44px;min-height:44px;padding:10px}.current-library{background:#fff;border:1px solid #e3edf6;border-radius:22px;align-items:center;gap:14px;margin-bottom:20px;padding:19px 22px;display:flex;box-shadow:0 5px 22px #246db408}.current-library>span:nth-child(2){flex:1;min-width:0}.current-library strong{overflow-wrap:anywhere;font-size:19px;display:block}.current-library small{font-size:13px}.library-icon{color:#fff;background:linear-gradient(140deg,#0eb4b1,#05cf92);border-radius:17px;padding:15px;display:flex}.switch-library{color:#147ceb;white-space:nowrap;align-items:center;font-size:15px;font-weight:700;display:flex}.owl-hero{color:#fff;background:radial-gradient(at 90% 95%,#46d3b8 0,#0000 45%),linear-gradient(120deg,#1485ff,#2db5ef);border-radius:26px;justify-content:space-between;align-items:center;min-height:285px;margin-bottom:22px;padding:32px 38px;display:flex;position:relative;overflow:hidden}.owl-hero>div{z-index:1;min-width:0}.owl-hero h2{letter-spacing:1px;border-bottom:5px solid #ffdc53;font-size:clamp(34px,4vw,50px);font-weight:850;display:inline-block}.owl-hero p{color:#f4fcff;margin-top:14px;font-size:19px}.owl-hero .eyebrow{margin:0 0 14px;font-size:13px}.owl-hero .hero-cta{color:#147ceb;background:#fff;border:0;min-width:170px;margin-top:10px;box-shadow:0 5px #b7e4fc}.owl-hero-art{object-fit:contain;filter:drop-shadow(0 9px #126fc522);flex-shrink:0;align-self:flex-end;width:260px;height:265px;margin:-16px 0 -32px 10px}.today-task{grid-template-columns:1fr auto;align-items:center;gap:12px 22px;display:grid;padding:25px!important}.task-heading{color:#137adb;align-items:center;gap:12px;display:flex}.task-heading h2{color:#16335b;margin:0}.today-task>p,.task-progress{grid-column:1}.today-task>p{margin:0;font-size:14px}.today-task>.primary{grid-area:1/2/4}.task-progress strong{font-size:17px}.task-progress progress{accent-color:#1ecb89;width:100%;height:10px;margin-top:10px;display:block}.learning-time{color:var(--muted);border-top:1px solid #e6eef5;grid-column:1/-1;padding-top:12px;font-size:13px}.learning-time p{margin-bottom:0}.home-section-title{justify-content:space-between;align-items:center;gap:15px;margin:26px 0 14px;display:flex}.home-section-title h2{font-size:25px}.home-section-title a{color:#617ea6;align-items:center;font-size:14px;display:flex}.home-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.practice-tile{border-radius:23px;flex-direction:column;align-items:flex-start;min-height:190px;padding:24px;display:flex;position:relative;overflow:hidden}.practice-tile h3{overflow-wrap:anywhere;margin-top:14px;font-size:23px}.practice-tile p{color:inherit;margin:7px 0 16px;font-size:14px}.practice-tone-0{color:#fff;background:linear-gradient(125deg,#128aff,#4cb4f4)}.practice-tone-1{color:#174b49;background:linear-gradient(125deg,#d3f9ad,#92eab5)}.practice-tone-2{color:#695522;background:linear-gradient(125deg,#fff1b1,#ffda86)}.tile-arrow{color:#1767a5;background:#ffffffda;border-radius:50%;place-items:center;width:35px;height:35px;margin-top:auto;display:grid}.home-tools{grid-template-columns:1fr 1fr;gap:14px;display:grid}.home-tools>a{border:1px solid var(--border);background:#fff;border-radius:18px;align-items:center;gap:10px;padding:18px;font-weight:650;display:flex}.home-tools>a>svg:last-child{margin-left:auto}.home-tools small{margin-top:3px;font-weight:400}.check-panel{max-width:800px;margin:auto}.check-panel .action-card{background:#f7fbff;justify-content:center;min-height:60px}.check-panel h1{overflow-wrap:anywhere;font-size:clamp(30px,6vw,48px)}.check-panel .two-columns{margin:22px 0}@media (width<=760px){.app-main{padding:24px 18px 20px}.sidebar{z-index:30;background:#fffffff5}.sidebar nav a{gap:4px;min-height:56px;padding:9px 2px;font-size:12px}.sidebar nav a.active{box-shadow:none;background:0 0}.home-welcome{margin-bottom:19px}.home-welcome .eyebrow{font-size:11px}.home-welcome h1{font-size:25px}.home-welcome p:last-child{font-size:14px}.current-library{gap:12px;margin-bottom:16px;padding:15px}.current-library strong{font-size:17px}.current-library small{font-size:12px}.library-icon{padding:13px}.switch-library{font-size:14px}.owl-hero{border-radius:23px;min-height:235px;padding:25px 20px}.owl-hero h2{font-size:36px}.owl-hero p{max-width:175px;font-size:15px}.owl-hero .eyebrow{font-size:11px}.owl-hero .hero-cta{min-width:140px;padding:12px 16px;font-size:16px}.owl-hero-art{width:41%;height:190px;margin:0 -9px -25px -12px}.today-task{gap:13px;padding:20px!important}.today-task>.primary{grid-area:auto/1/auto/-1}.today-task>p,.task-progress{grid-column:1/-1}.task-heading h2{font-size:22px}.home-section-title h2{font-size:23px}.practice-tile{min-height:190px;padding:18px}.practice-tile h3{font-size:19px}.practice-tile p{font-size:13px}.home-tools{grid-template-columns:1fr}.home-tools>a{padding:15px}.home-practice-grid{gap:12px}.owl-login-art{width:135px}.page-heading{gap:12px}.two-columns{min-width:0}.app-footer{padding-bottom:85px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.task-progress progress{appearance:none;background:#e6eff6;border:0;border-radius:20px;overflow:hidden}.task-progress progress::-webkit-progress-bar{background:#e6eff6;border-radius:20px}.task-progress progress::-webkit-progress-value{background:#22ca90;border-radius:20px}.task-progress progress::-moz-progress-bar{background:#22ca90;border-radius:20px}@media (width<=700px){.owl-hero{min-height:210px;padding:22px 20px}.owl-hero .eyebrow{display:none}.owl-hero-art{width:45%;height:185px;margin:0 -12px -22px -18px}.owl-hero p{margin:12px 0}.today-task{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px!important}.today-task>.primary{grid-area:1/2/3;gap:3px;min-width:0;padding:11px;font-size:13px}.task-heading{gap:8px}.task-heading>svg{width:23px}.task-heading h2{font-size:21px}.task-heading small{font-size:10px}.task-progress{grid-column:1}.task-progress strong{font-size:14px}.today-task>p{font-size:12px}.sidebar nav a.active:after{background:#1687ee}.recent-practice .action-card.compact{gap:12px;min-height:0;padding:14px;display:flex}.recent-practice .action-card.compact>svg{flex-shrink:0;margin:0;position:static}.recent-practice .action-card.compact>svg:last-child{margin-left:auto}.recent-practice .action-card.compact>span{min-width:0}}.compact-home{max-width:1040px;margin:auto}.compact-welcome{justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;display:flex}.compact-welcome h1{overflow-wrap:anywhere;margin:0;font-size:24px}.compact-welcome>a{background:#fff;border:1px solid #d8e9f7;border-radius:50%;place-items:center;min-width:44px;min-height:44px;display:grid}.compact-library{background:#fff;border:1px solid #dcecf8;border-radius:18px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.compact-library>span:first-of-type{flex:1;min-width:0}.compact-library small{color:#5e7c99;font-size:13px;display:block}.compact-library strong{overflow-wrap:anywhere;font-size:16px;display:block}.library-switch{white-space:nowrap;align-items:center;font-size:14px;display:flex}.compact-study{background:linear-gradient(130deg,#fff 20%,#e2f8ff 75%,#d9fbec);border:1px solid #d7eaf8;border-radius:24px;overflow:hidden;box-shadow:0 8px 28px #255e8a08}.study-main{justify-content:space-between;align-items:center;gap:12px;padding:24px 28px;display:flex}.study-main>div{z-index:1;flex:1;min-width:0;position:relative}.study-main h2{color:#14395e;margin:0 0 10px;font-size:32px;line-height:1.2}.study-main p{color:#577692;margin:0 0 20px}.study-main .primary{gap:12px;min-height:48px;padding:12px 22px;display:inline-flex}.compact-progress{background:#ffffffc9;padding:14px 20px}.compact-progress>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:32px;list-style:none;display:flex}.compact-progress>summary::-webkit-details-marker{display:none}.compact-progress>summary>span:first-child{flex:1}.compact-progress>summary>span:last-child{color:#0874ce;align-items:center;font-size:14px;display:flex}.compact-progress progress{accent-color:#09b89d;width:100%;height:8px;margin-top:7px;display:block}.study-detail p{color:#56728e;font-size:14px}.compact-home .home-section-title h2{margin:0;font-size:22px}.home-game-rail{scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:thin;gap:14px;padding:0 1px 7px;display:flex;overflow-x:auto}.home-game-card{scroll-snap-align:start;color:#193a59;background:#fff;border:1px solid #d9e9f7;border-radius:19px;flex:0 0 240px;overflow:hidden}.home-game-card strong{min-height:1.3em;font-size:17px;line-height:1.3;display:block}.home-game-card small{color:#67829a;justify-content:space-between;align-items:center;margin-top:7px;display:flex}.rail-hint{text-align:center;color:#6c839c;margin:8px 0 0;font-size:13px}.game-art{aspect-ratio:3/2;object-fit:cover;background:#e9f1f8;width:100%;height:auto;display:block}.art-fallback{color:#284b68;place-items:center;padding:20px;font-weight:700;display:grid}.game-card{overflow:hidden}.offline-library article>.game-art,.course-grid article>.game-art{border-radius:12px;max-width:360px}.practice-history>summary{cursor:pointer;padding:5px;font-weight:700}.practice-history .action-card{flex-wrap:wrap;justify-content:space-between;display:flex}.compact-home~.app-footer{display:none}.sound-controls{position:relative}.sound-controls>summary{cursor:pointer;align-items:center;min-height:44px;padding:8px;display:flex}.sound-controls .sound-popover{z-index:30;color:#153756;background:#fff;border:1px solid #d3e4f3;border-radius:16px;width:245px;padding:16px;position:absolute;top:100%;right:0;box-shadow:0 12px 36px #173b5930}.sound-popover label{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:8px 0;font-size:16px;display:flex}.sound-popover input{flex:none;width:20px;height:20px}.sound-popover small{color:#607b95;line-height:1.5;display:block}.save-indicator{color:#256340;text-align:center;background:#eaf7ef;padding:5px 10px;font-size:13px}@media (width<=700px){.compact-home{padding:0}.compact-welcome{margin-bottom:10px}.compact-welcome h1{font-size:20px;line-height:1.3}.compact-library{border-radius:16px;margin-bottom:12px;padding:11px 12px}.compact-library strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;display:-webkit-box;overflow:hidden}.study-main{gap:0;padding:20px 18px 15px}.study-main h2{font-size:28px}.study-main p{margin-bottom:16px;font-size:14px}.study-main img{width:112px;height:140px}.study-main .primary{min-height:46px;padding:11px 16px;font-size:16px}.compact-progress{padding:12px 16px;font-size:14px}.compact-home .home-section-title{margin:17px 0 10px}.compact-home .home-section-title h2{font-size:20px}.home-game-card{border-radius:16px;flex-basis:calc(50% - 13px);min-width:148px}.home-game-card>div{padding:10px}.home-game-card strong{min-height:2.6em;font-size:15px}.home-game-card small{font-size:12px}.home-game-rail{gap:12px}.app-main:has(.compact-home){padding-top:max(14px,env(safe-area-inset-top));padding-bottom:calc(80px + env(safe-area-inset-bottom))}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-card-body{padding:12px}.game-card h2{font-size:17px}.game-card-body .primary{min-height:44px;padding:10px 6px;font-size:14px}.game-card-body p{font-size:12px}.game-card-body>.text-button{font-size:13px}.player-toolbar{gap:4px}.player-toolbar>strong{text-overflow:ellipsis;white-space:nowrap;max-width:28%;overflow:hidden}.player-toolbar .sound-controls .sound-popover{right:0}.player-toolbar button{min-width:40px}.rail-hint{margin-top:3px}}@media (width<=350px){.study-main img{width:90px}.study-main h2{font-size:25px}.games-grid{grid-template-columns:1fr}}.profile-avatar-image{object-fit:contain;flex:none}.profile-avatar-options{flex-wrap:wrap;gap:10px;display:flex}.profile-avatar-options button{justify-items:center;gap:4px;padding:8px 14px;display:grid}.profile-avatar-options button[aria-pressed=true]{background:#e8f7ff;border:2px solid #168fea}.welcome-actions{flex:none;align-items:center;gap:12px;display:flex}.notification-bell{place-items:center;min-width:38px;min-height:40px;display:grid;position:relative}.notification-bell>span{color:#fff;text-align:center;background:#e26b41;border-radius:50%;min-width:17px;font-size:11px;position:absolute;top:0;right:0}.notification-row{margin-top:16px}.notification-row h2{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.home-study-progress{gap:6px;margin-top:12px;font-size:14px;display:grid}.home-study-progress progress{width:100%;height:7px}.home-study-progress .text-button{justify-self:start;padding:2px 0}.home-study-progress{margin:10px 16px 12px}.home-study-progress progress{appearance:none;background:#d9eaf6;border:0;border-radius:999px;overflow:hidden}.home-study-progress progress::-webkit-progress-value{background:#168fea;border-radius:999px}.home-study-progress progress::-moz-progress-bar{background:#168fea;border-radius:999px}.offline-package-card{min-width:0}.offline-package-card small{margin-top:10px;line-height:1.6;display:block}.offline-package-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.offline-package-actions button{white-space:normal;min-height:44px}.offline-package-card>p{overflow-wrap:anywhere}.app-usage-stop{z-index:100000;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:#eef9ff;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.app-usage-stop>.panel{width:100%;max-width:540px;margin:auto}.app-usage-stop h1{font-size:clamp(24px,5vw,32px)}:root{--action:#1177df;--action-edge:#075cb5;--ink:#183e5b;--quiet:#58748a;--surface:#fff;--page:#f5f9fb;--line:#d8e6ec;background:var(--page);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,sans-serif}:root[data-theme=cream]{--page:#fffaf0;--line:#e6ddc8;--surface:#fffdf7}body{background:var(--page)}.app-shell :is(button,a,summary,input,select){-webkit-tap-highlight-color:transparent}.app-shell :is(button,a,summary):focus-visible,.player-shell :is(button,summary):focus-visible{outline-offset:4px;outline:3px solid #075fc9}.app-shell .primary,.auth-layout .primary{background:var(--action);border:1px solid var(--action-edge);box-shadow:0 4px 0 var(--action-edge);color:#fff;border-bottom:0;min-height:48px;font-weight:750;transition:transform .12s,box-shadow .12s,background-color .12s}.app-shell .primary:active:not(:disabled):hover,.auth-layout .primary:active:not(:disabled):hover{box-shadow:0 1px 0 var(--action-edge);transform:translateY(3px)}.app-shell :is(button,a,summary){touch-action:manipulation}.app-shell button:disabled{opacity:.5;box-shadow:none;cursor:not-allowed;transform:none}.compact-home{max-width:980px}.compact-welcome h1{letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:24px;font-weight:800;overflow:hidden}.compact-welcome .welcome-actions{flex-shrink:0}.compact-library{background:#eaf2f6;border:0;border-radius:14px;margin-bottom:16px;padding:12px 16px}.compact-library>svg{color:#177798;flex-shrink:0}.compact-library strong{color:var(--ink);font-weight:650}.compact-library small{color:var(--quiet);font-size:12px}.compact-study{border:1px solid var(--line);background:var(--surface);border-radius:24px;overflow:hidden;box-shadow:0 5px #e0eaf0}.study-main{gap:12px;padding:22px 24px 4px}.study-main h2{letter-spacing:0;color:var(--ink);margin:6px 0 8px;font-size:34px}.study-overline{letter-spacing:1px;color:#147c77;font-size:12px;font-weight:700}.study-main p{color:var(--quiet);margin:0;font-size:14px}.study-main img{object-fit:contain;width:124px;height:130px}.home-study-progress{color:var(--quiet);gap:8px;margin:8px 24px 14px}.home-progress-label{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;display:flex}.home-progress-label strong{color:var(--ink);margin-left:5px;font-size:22px}.home-progress-label small{color:var(--quiet);font-size:13px;font-weight:500;display:inline}.home-study-progress progress{background:#e6f0f1;height:9px}.home-study-progress progress::-webkit-progress-bar{background:#e6f0f1}.home-study-progress progress::-webkit-progress-value{background:#16ad99}.home-study-progress progress::-moz-progress-bar{background:#16ad99}.home-study-cta{min-height:50px;margin:0 24px 12px;font-size:17px;display:flex}.home-study-shortcuts{grid-template-columns:1fr 1fr;margin:0 12px 8px;display:grid}.home-study-shortcuts a{color:#32617d;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:6px;font-size:13px;display:flex}.home-study-shortcuts b{color:#147360;white-space:nowrap;background:#e8f5ef;border-radius:6px;padding:1px 5px;font-size:12px}.home-study-shortcuts a:hover{background:#eff6fa}.compact-progress{background:#f6fafb;border-top:1px solid #e7eef2;padding:6px 18px;font-size:12px}.compact-progress>summary{min-height:32px}.compact-progress>summary>span:last-child{color:#57738a;font-size:12px}.compact-progress>summary svg{transition:transform .16s}.compact-progress[open]>summary svg{transform:rotate(90deg)}.study-detail{padding:8px 0}.study-detail p{color:#476278;line-height:1.7}.home-section-title>a{align-items:center;min-height:40px;display:inline-flex}.home-game-rail{gap:14px;padding-bottom:8px;scroll-padding:2px}.home-game-card{border:1px solid var(--line);border-radius:18px;flex-basis:224px;transition:box-shadow .16s;box-shadow:0 3px #e1ebf1}.home-game-card>div{padding:12px}.home-game-card strong{min-height:1.4em;font-size:16px;font-weight:750;line-height:1.4}.home-game-card small,.rail-hint{color:var(--quiet);font-size:12px}.game-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;flex-direction:column;display:flex;box-shadow:0 3px #e1ebf1}.game-card-body{flex-direction:column;flex:1;padding:16px;display:flex}.game-card h2{font-size:20px;font-weight:750;line-height:1.4}.game-card-body>p{color:var(--quiet);margin:5px 0 14px;font-size:13px}.game-card-body>.primary{margin-top:auto;margin-bottom:10px}.game-version{color:#647b8b;margin:4px 0;font-size:11px}.game-options{border-top:1px solid #e8eef1;margin-top:4px;font-size:13px}.game-options>summary{cursor:pointer;color:#466982;justify-content:space-between;align-items:center;gap:6px;min-height:44px;list-style:none;display:flex}.game-options>summary::-webkit-details-marker{display:none}.game-options>summary svg{transition:transform .15s}.game-options[open]>summary svg{transform:rotate(90deg)}.game-options>div{padding:0 0 5px}.game-options .game-count{gap:6px;margin:4px 0 10px;font-size:13px}.game-options .text-button{flex-wrap:wrap;min-height:44px;font-size:13px}.sidebar nav a{transition:background-color .15s,color .15s}.sidebar nav a.active{color:#087b83;background:#e6f5f5;box-shadow:inset 0 0 0 1px #cce9e8}.loading{color:var(--quiet)}@media (hover:hover){.home-game-card:hover{box-shadow:0 3px #a8c9d9}.game-options>summary:hover{color:#1177df}}@media (width<=760px){.app-main{padding-left:16px;padding-right:16px}.compact-welcome{margin-bottom:12px}.compact-welcome h1{font-size:21px}.compact-library{margin-bottom:12px;padding:10px 12px}.compact-library strong{font-size:14px}.study-main{padding:14px 18px 0}.study-main h2{font-size:29px}.study-main img{width:92px;height:92px}.study-main p{font-size:12px}.study-overline{font-size:11px}.home-study-progress{margin:6px 18px 13px}.home-study-cta{min-height:48px;margin:0 18px 10px}.home-progress-label{font-size:12px}.home-progress-label strong{font-size:21px}.home-study-shortcuts{margin-bottom:5px}.home-study-shortcuts a{gap:5px;font-size:12px}.compact-progress{padding:5px 14px}.compact-home .home-section-title{margin:12px 0 6px}.compact-home .home-section-title h2{font-size:20px}.home-game-card{flex-basis:calc(50% - 11px);min-width:148px}.home-game-card>.game-art{aspect-ratio:16/9}.home-game-card>div{padding:10px}.home-game-card strong{min-height:1.4em;font-size:15px}.home-game-card small{margin-top:4px}.home-game-rail{gap:12px}.sidebar nav a{font-size:12px}.sidebar nav a.active{box-shadow:none;background:0 0}.sidebar nav a.active svg{color:#078984}.game-card-body{padding:12px}.game-card h2{font-size:17px}.game-card-body>p{font-size:12px}.game-card-body>.primary{min-height:44px;padding:10px 6px;font-size:14px}.game-options>summary{font-size:12px}}@media (width<=350px){.study-main img{width:72px;height:84px}.study-main h2{font-size:26px}.home-study-shortcuts{margin-left:6px;margin-right:6px}.home-study-shortcuts a{gap:3px}.home-study-shortcuts a:last-child>svg:last-child{display:none}}.game-direction-filters{background:#e6eef1;border-radius:12px;flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;margin:12px 0 18px;padding:4px;display:flex}.game-direction-filters button{color:#456174;min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:8px;padding:8px 22px;font-size:15px;font-weight:650}.game-direction-filters button.active{color:#126c78;background:#fff;box-shadow:0 1px 3px #17385115}.game-direction-filters button:focus-visible{outline-offset:2px;outline:2px solid #126c78}.game-direction-tags{flex-wrap:wrap;align-items:center;gap:6px;margin:5px 0;display:flex}.game-direction-tags>span{color:#285d70;background:#e6f2f5;border-radius:4px;padding:2px 7px;font-size:13px;font-weight:650;line-height:1.5}.game-direction-tags>small{color:#486474;font-size:12px}@media (width<=380px){.game-direction-filters button{padding-inline:16px}}@media (width<=760px) and (height<=700px){.study-main{padding-top:10px}.study-main img{width:64px;height:68px}.study-main p{display:none}.study-main h2{margin:4px 0}.home-study-progress{margin-top:8px;margin-bottom:10px}.compact-home .home-section-title{margin-top:10px}.home-game-card>.game-art{object-fit:cover;max-height:86px}.home-game-card>div{padding:8px}.compact-home .rail-hint{margin-bottom:0}}@media (prefers-reduced-motion:reduce){.app-shell .primary,.auth-layout .primary,.home-game-card,.sidebar nav a,.compact-progress>summary svg,.game-options>summary svg{transition:none}.app-shell .primary:active:not(:disabled):hover,.auth-layout .primary:active:not(:disabled):hover{box-shadow:0 4px 0 var(--action-edge);transform:none}}.compact-home>.compact-progress{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-top:10px}.compact-home>.compact-progress>summary{min-height:44px}.compact-home>.home-study-shortcuts{margin-top:8px}.compact-home .home-game-card>.game-art{object-fit:cover}@media (width<=760px) and (height<=700px){.compact-home .compact-welcome{margin-bottom:6px}.compact-home .compact-library{min-height:48px;margin-bottom:8px;padding:8px 12px}.compact-home .compact-library>span:first-of-type{flex:1;min-width:0}.compact-home .compact-library strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.compact-home .compact-library small{display:none}.compact-home .study-main{min-height:58px;padding-top:6px}.compact-home .study-main img{width:56px;height:56px}.compact-home .home-study-progress{gap:4px;margin-top:4px;margin-bottom:8px}.compact-home .home-progress-label{line-height:1.4}.compact-home .home-study-cta{min-height:48px;margin-bottom:6px;padding:10px 16px}.compact-home .home-study-shortcuts{margin-bottom:4px}.compact-home .home-section-title{margin-top:8px;margin-bottom:4px}.compact-home .rail-hint{display:none}.compact-home .home-game-card{flex-direction:row;flex-basis:224px;align-items:stretch;min-width:224px;display:flex}.compact-home .home-game-card>.game-art{aspect-ratio:auto;object-fit:cover;flex:none;width:88px;min-width:88px;height:80px;max-height:none}.compact-home .home-game-card>div{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.compact-home .home-game-card strong{font-size:15px}}@media (width<=760px) and (height<=600px){.compact-home .compact-welcome{margin-bottom:4px}.compact-home .compact-library{margin-bottom:6px}.compact-home .home-section-title{margin-top:4px}.compact-home .study-overline{display:none}.compact-home .study-main{min-height:48px;padding-top:4px}.compact-home .study-main img{width:44px;height:44px}.compact-home .home-game-card>.game-art{height:68px}}.player-shell{overscroll-behavior:none;height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow:hidden}.player-shell>.game-frame{overscroll-behavior:none;min-width:0;min-height:0;display:block}.player-toolbar{flex-shrink:0}.native-app .auth-layout{min-height:calc(100dvh - env(safe-area-inset-top))}@media (width<=700px){.auth-story{background:#eff9ff;padding:12px 20px}.auth-story>div:nth-child(2),.auth-story>.owl-login-art{display:none}.auth-story .brand{font-size:20px}.auth-story .brand-owl{width:36px;height:40px}.auth-layout .auth-card{padding:16px 20px max(16px,env(safe-area-inset-bottom))}.auth-card h2{font-size:24px}.auth-layout .auth-card>h2+p{display:none}.auth-layout .auth-card form{gap:10px;margin-top:16px}.auth-layout label{gap:5px;font-size:14px}.auth-layout input{min-height:44px;padding:10px 12px;font-size:16px}.auth-layout .primary{min-height:46px;padding:10px 14px}.auth-layout .auth-card>.center{margin:12px 0;font-size:14px;line-height:1.5}.auth-layout .auth-card>.notice{margin:8px 0;padding:8px 10px;font-size:13px;line-height:1.5}.auth-layout .legal-links{gap:18px;margin-top:12px;font-size:13px}}@media (width<=700px) and (height<=600px){.auth-layout .auth-story{padding-block:8px}.auth-layout .auth-card{padding-top:10px;padding-bottom:10px}.auth-layout .auth-card h2{display:none}.auth-layout .auth-card form{gap:8px;margin-top:0}.auth-layout .auth-card>.center{margin-block:10px}.auth-layout .legal-links{margin-top:8px}}.practice-library>.page-heading{align-items:center;gap:10px;margin-bottom:12px}.practice-library>.page-heading .text-button{white-space:nowrap;min-height:44px}@media (width<=760px){.practice-library>.page-heading h1{margin:0;font-size:25px}.practice-library>.page-heading .text-button{padding:4px 0;font-size:14px}.practice-library>.selection-strip{min-height:44px;margin-bottom:10px;padding:8px 12px}.practice-library>.search-field{min-height:44px;margin:0 0 10px}.practice-library>.search-field input{min-height:44px;padding-block:8px}.practice-library>.game-direction-filters{margin:0 0 12px}.practice-library .games-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px}.practice-library .game-card{border-radius:14px;min-width:0}.practice-library .game-card>.game-art{aspect-ratio:16/10;object-fit:cover}.practice-library .game-card-body{min-width:0;padding:10px}.practice-library .game-card h2{overflow-wrap:anywhere;min-height:2.9em;margin:0;font-size:16px;line-height:1.45}.practice-library .game-direction-tags{gap:3px;margin:4px 0}.practice-library .game-direction-tags>span{padding:1px 5px;font-size:12px}.practice-library .game-version{margin:2px 0 8px;font-size:12px}.practice-library .game-card-body>.primary{gap:3px;min-height:44px;margin-bottom:6px;padding:8px 3px;font-size:15px}.practice-library .game-options{margin-top:0;font-size:13px}.practice-library .game-options>summary{gap:2px;min-height:44px}.practice-library .game-options p{font-size:13px;line-height:1.5}}.settings-page{width:100%;max-width:680px;margin-inline:auto}.settings-tabs{background:#e4f0f7;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:14px;padding:4px;display:grid}.settings-tabs button{min-width:0;min-height:44px;box-shadow:none;color:#386180;background:0 0;border:0;border-radius:12px;padding:8px 3px;font-size:15px}.settings-tabs button[aria-selected=true]{color:#125a97;background:#fff;font-weight:750;box-shadow:0 2px 5px #173f6414}.settings-tabs button:focus-visible{outline-offset:1px;outline:3px solid #147ddd}.settings-panel{gap:12px;margin-bottom:12px;padding:18px}.settings-panel[hidden]{display:none}.settings-panel h2,.settings-panel p{margin:0}.settings-panel>p:empty{display:none}.settings-panel input[type=range]{min-height:44px}.settings-panel .offline-package-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.settings-panel .offline-package-actions button{min-height:44px;padding:8px 4px;font-size:14px}.settings-footer{gap:10px;display:grid}.settings-footer>a{align-items:center;min-height:44px;font-weight:700;display:flex}.settings-page>.page-heading{margin-bottom:14px}.settings-page>.page-heading>div{align-items:center;gap:18px;width:100%;display:flex}.settings-page>.page-heading .back-link{align-items:center;min-height:44px;margin:0;display:flex}.settings-page>.page-heading h1{font-size:24px}.settings-panel .check-line{min-height:44px}.app-main:has(.settings-page)>.app-footer{display:none}@media (width<=700px){.app-main:has(.settings-page){padding-top:max(12px,env(safe-area-inset-top));padding-bottom:calc(88px + env(safe-area-inset-bottom))}}.compact-welcome .welcome-actions>a,.compact-welcome .notification-bell{place-items:center;min-width:44px;min-height:44px;display:grid}.compact-home .home-section-title>a{min-height:44px}.compact-home .home-study-shortcuts a{font-size:14px}.compact-home .compact-library strong{font-size:15px;line-height:1.5}.compact-home .home-game-card strong{line-height:1.5}.study-modes button{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;min-height:105px;transition:background-color .14s,border-color .14s;display:flex;position:relative}.study-modes strong{margin:0;font-size:18px;line-height:1.4}.study-modes span{font-size:14px;line-height:1.5}.study-modes button.selected{box-shadow:inset 0 0 0 1px #109e9c}.study-start-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.study-start-actions>.primary,.study-start-actions>a{grid-column:1/-1}.study-start-actions>button:not(.primary){padding:10px 5px;font-size:15px}.study-setup>.text-button{min-height:44px;line-height:1.5}.study-word-card{background:var(--surface,#fff);animation:.15s ease-out study-card-arrive}.study-word-card.answer-correct{border-color:#72c6ac}.study-word-card.answer-review{border-color:#d9b475}.study-card-label>span{align-self:center;font-size:14px;line-height:1.5}.study-word-prompt h2{letter-spacing:-.025em;font-family:ui-rounded,Arial Rounded MT Bold,Arial,sans-serif}.study-example{background:#f0f8fa}.study-bottom{background:var(--page,#f5f9fb)}.study-sync{color:#507085;font-size:13px}.study-auto-pause{justify-content:center;min-height:44px;margin-inline:auto;font-size:14px;display:flex}.study-options button,.study-letter-bank button{transition:background-color .1s,border-color .1s,transform .1s}.study-options button:active:not(:disabled):hover,.study-letter-bank button:active:not(:disabled):hover{background:#e3f4f3;border-color:#188f9e;transform:translateY(2px)}.settings-panel{background:var(--surface);border-radius:20px;padding:20px}.settings-panel h2{font-size:20px}.settings-panel>label,.settings-panel>div>label{font-size:16px}.settings-panel .check-line{border-bottom:1px solid var(--line);flex-direction:row-reverse;justify-content:space-between;gap:14px;padding-block:6px;display:flex}.settings-panel .check-line input{appearance:none;cursor:pointer;background:#d6e2e8;border:1px solid #9aafb9;border-radius:999px;flex:0 0 46px;width:46px;height:28px;min-height:28px;padding:0;transition:background-color .14s;position:relative}.settings-panel .check-line input:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .14s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #183e5b33}.settings-panel .check-line input:checked{background:#118982;border-color:#118982}.settings-panel .check-line input:checked:after{transform:translate(18px)}.settings-panel .check-line input:focus-visible{outline-offset:3px;outline:3px solid #075fc9}.settings-panel small{color:#526f80;font-size:14px;line-height:1.65}.settings-panel>p{color:#526f80;font-size:15px;line-height:1.65}.settings-panel input[type=range]{accent-color:#118982;padding-inline:0}.settings-tabs button{transition:background-color .14s,color .14s}.settings-related{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px 12px;margin-top:18px;padding-top:8px;display:flex}.settings-related a{align-items:center;min-height:44px;font-size:14px;display:flex}.settings-footer{margin-top:8px}.text-size-options{border:0;gap:8px;margin:0;padding:0;display:flex}.text-size-options legend{margin-bottom:8px;font-size:16px}.text-size-options button{border:1px solid var(--line);background:#f5f9fb;flex:1;min-height:44px;font-size:16px}.text-size-options button[aria-pressed=true]{color:#086a65;background:#e6f5f2;border-color:#118982;box-shadow:inset 0 0 0 1px #118982}.settings-panel .text-size-preview{background:var(--page);color:var(--ink);border-radius:12px;padding:12px;font-size:16px}.text-size-preview span{margin-top:4px;display:block}:root[data-text-size=large] .app-shell :is(.panel,.settings-panel,.study-setup,.study-word-card,.wordbook-row),:root[data-text-size=large] .app-shell :is(.settings-panel label,.settings-panel>p,.settings-panel small,.text-size-preview,.study-modes span,.study-example-translation,.study-card-label>span,.study-feedback,.wordbook-row p){font-size:18px}:root[data-text-size=large] .app-shell :is(.study-modes strong,.study-options button,.home-study-cta,.home-game-card strong,.compact-library strong,.home-study-shortcuts a){font-size:19px}:root[data-text-size=large] .app-shell :is(.study-example>p[lang=en],.study-meaning){font-size:26px}:root[data-text-size=large] .app-shell :is(.settings-tabs button,.settings-related a,.settings-footer,.study-start-actions>button:not(.primary)){font-size:17px}:root[data-text-size=large] .study-word-card{max-height:none}@keyframes study-card-arrive{0%{opacity:.75;transform:translateY(5px)}to{opacity:1;transform:none}}@media (width<=700px){.study-setup-heading h2{font-size:22px}.study-setup-heading>img{width:65px;height:70px}.study-setup,.settings-panel{padding:16px}}@media (width<=700px) and (height<=640px){.study-modes button{min-height:88px;padding:10px}.study-modes button.selected{padding:9px}.study-setup-heading{margin-bottom:4px}.study-start-actions{margin-top:12px}.study-auto-pause{min-height:44px;padding-block:4px}.study-word-card .study-word-prompt h2{font-size:clamp(2.6rem,12vw,3.5rem)}}@media (prefers-reduced-motion:reduce){.study-word-card{animation:none}.study-modes button,.study-options button,.study-letter-bank button,.settings-tabs button,.settings-panel .check-line input,.settings-panel .check-line input:after{transition:none}.study-options button:active:not(:disabled):hover,.study-letter-bank button:active:not(:disabled):hover{transform:none}}@media (forced-colors:active){.settings-panel .check-line input{appearance:auto}.settings-panel .check-line input:after{display:none}}.home-product-name{color:var(--quiet);margin-bottom:5px;font-size:15px;font-weight:700;display:block}.compact-home .compact-welcome>div:first-child{flex:1;min-width:0}.compact-home .compact-welcome h1{font-size:24px;line-height:1.35}.compact-home .study-main{padding:22px 22px 12px}.compact-home .study-main h2{margin:6px 0 8px;font-size:32px;line-height:1.3}.compact-home .study-main p{margin:0;font-size:16px;line-height:1.5;display:block}.compact-home .study-main img{width:108px;height:118px}.compact-home .study-overline{font-size:15px}.compact-home .home-study-progress{margin:8px 22px 14px;font-size:16px}.compact-home .home-progress-label{flex-wrap:wrap;gap:10px}.compact-home .home-progress-label small{font-size:14px}.compact-home .home-study-cta{width:calc(100% - 40px);min-height:54px;margin:0 20px 20px;font-size:20px}.compact-home .home-section-title{margin:24px 0 14px}.compact-home .home-section-title h2{font-size:24px}.compact-home .home-section-title>a{align-items:center;min-height:44px;font-size:16px;display:flex}.compact-home .home-game-rail{scroll-snap-type:x mandatory;gap:16px}.compact-home .home-game-card{border-radius:20px;flex:0 0 82%;min-width:0;max-width:340px;display:block}.compact-home .home-game-card>.game-art{aspect-ratio:16/9;object-fit:cover;width:100%;min-width:0;height:auto;max-height:none}.compact-home .home-game-card>div{padding:14px 16px;display:block}.compact-home .home-game-card strong{min-height:0;font-size:20px;line-height:1.4}.compact-home .home-game-card small{margin-top:8px;font-size:16px}.compact-home .rail-hint{margin:8px 0 12px;font-size:14px}.practice-library .games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.practice-library .game-card>.game-art{aspect-ratio:16/9;max-height:none}.practice-library .game-card-body{padding:16px}.practice-library .game-card h2{min-height:0;margin:0 0 10px;font-size:22px;line-height:1.4}.practice-library .game-direction-tags{font-size:15px}.practice-library .game-card-body .primary{min-height:48px;padding:12px;font-size:18px}.practice-library .game-options>summary{justify-content:space-between;align-items:center;min-height:44px;font-size:16px;display:flex}.practice-library .pagination{flex-wrap:wrap;gap:12px}.practice-library .pagination button{min-height:44px}.family-profile{color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:20px;min-width:0;margin-bottom:22px;padding:18px}.family-profile>div{flex:1;min-width:0}.family-profile h2{overflow-wrap:anywhere}.family-profile p{overflow-wrap:anywhere;font-size:16px;line-height:1.5}.family-setting-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.family-setting-group{min-width:0}.family-setting-group h2{color:var(--quiet);margin:12px 3px;font-size:18px}.family-setting-group nav{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden}.family-setting-group nav a{min-height:74px;color:inherit;align-items:center;gap:12px;padding:15px;text-decoration:none;display:flex}.family-setting-group nav a+a{border-top:1px solid var(--line)}.family-setting-group nav a>svg{color:#1475ad;flex:none}.family-setting-group nav a>span{flex:1;min-width:0}.family-setting-group strong,.family-setting-group small{overflow-wrap:anywhere;display:block}.family-setting-group strong{font-size:18px;line-height:1.4}.family-setting-group small{color:var(--quiet);margin-top:4px;font-size:15px;line-height:1.5}.family-setting-group nav a:active{background:#e7f3f7}@media (width>=1000px){.practice-library .games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.compact-home .compact-welcome h1{font-size:22px}.compact-home .study-main{padding:18px 18px 10px}.compact-home .study-main h2{font-size:30px}.compact-home .study-main img{width:84px;height:102px}.compact-home .home-game-card{max-width:none}.practice-library .games-grid{grid-template-columns:minmax(0,1fr);gap:18px}.family-setting-groups{grid-template-columns:minmax(0,1fr);gap:10px}}@media (width<=350px){.compact-home .study-main img{width:70px;height:88px}.compact-home .study-main h2{font-size:28px}.compact-home .home-progress-label{font-size:15px}}.compact-home .home-study-shortcuts{gap:8px;margin:0 16px 4px}.compact-home .home-study-shortcuts a{background:#ffffffa8;border:1px solid #d8eaf0;justify-content:flex-start;min-height:60px;padding:10px;font-size:16px;line-height:1.5}.compact-home .home-study-shortcuts a>svg{flex:none}.compact-home .home-study-shortcuts span{flex:1;min-width:0}.compact-home .home-study-shortcuts b{width:fit-content;margin-top:2px;font-size:14px;display:block}.home-learning-settings{color:#346a83;align-items:center;gap:8px;min-height:48px;padding:8px 20px;font-size:15px;text-decoration:none;display:flex}.home-learning-settings>span:first-of-type{flex:1}.home-learning-settings>span:last-child{white-space:nowrap;align-items:center;display:flex}.home-plan-done{color:#087b64;align-items:center;gap:6px;margin:0 20px 14px;font-size:15px;display:flex}.settings-page .settings-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-page .settings-tabs button{min-height:48px}.settings-learning>label{gap:8px;max-width:340px;font-weight:700;display:grid}.settings-learning>p{color:var(--quiet);line-height:1.7}.settings-learning>[role=status]:not(:empty){color:#087b64;background:#e8f8f0;border-radius:10px;padding:10px 12px;animation:.16s ease-out learning-save-feedback}@keyframes learning-save-feedback{0%{opacity:.45}to{opacity:1}}.settings-learning .study-modes button{min-height:110px}.study-setup-links,.study-finished-links{flex-wrap:wrap;gap:8px 16px;margin:8px 0 14px;display:flex}.study-setup-links>a,.study-finished-links>a{align-items:center;min-height:44px;display:flex}.study-finished-links{justify-content:center;margin-bottom:0}.study-plan-done{color:#087b64;align-items:center;gap:7px;line-height:1.6;display:flex}.study-card-label{flex-wrap:wrap;align-items:center}.study-word-flags{gap:4px;margin-left:auto;display:flex}.study-word-flags button{min-width:48px;min-height:44px;padding:6px 8px;font-size:14px}.study-word-flags button[aria-pressed=true]{color:#087b83;background:#e7f6f6;border-radius:10px}.study-custom label{min-height:48px}.study-letter-bank button{min-width:48px;min-height:48px}.app-main:has(.study-word-card){box-sizing:border-box;height:100dvh;min-height:0;padding-bottom:max(12px,env(safe-area-inset-bottom))}.app-main:has(.study-word-card)>.app-footer{display:none}.word-study:has(.study-word-card){flex-direction:column;height:100%;min-height:0;display:flex}.word-study:has(.study-word-card)>*{flex-shrink:0}.word-study>.study-word-card{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:0;overflow:auto}@media (width<=600px){.settings-page .settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-home .home-study-shortcuts{margin-inline:12px}.home-learning-settings{padding-inline:16px}.study-setup-links{gap:0 12px;font-size:15px}}@media (width<=350px){.compact-home .home-study-shortcuts a{gap:5px;padding:8px;font-size:15px}.study-word-flags button{padding-inline:6px}}@media (width<=600px) and (height<=640px){.compact-home .study-main{padding-top:12px;padding-bottom:6px}.compact-home .study-main img{width:66px;height:76px}.compact-home .home-study-progress{margin-top:6px;margin-bottom:10px}.compact-home .home-study-cta{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){.settings-learning>[role=status]:not(:empty){animation:none}}@media (width<=700px) and (height<=360px){:is(.word-study:has(.study-spelling input:focus) .word-study-course,.word-study:has(.study-spelling input:focus) .study-progress,.word-study:has(.study-spelling input:focus) .study-card-label,.word-study:has(.study-spelling input:focus) .study-sync){display:none}.word-study:has(.study-spelling input:focus) .study-chinese{padding:0}.word-study:has(.study-spelling input:focus) .study-chinese h2{margin:0 0 5px;font-size:18px;line-height:1.3}.word-study:has(.study-spelling input:focus) .study-chinese>p{display:none}.word-study:has(.study-spelling input:focus) .study-spelling label{gap:3px;font-size:13px}.word-study:has(.study-spelling input:focus) .study-spelling input{min-height:44px;margin-top:3px;padding:7px 10px;font-size:20px}.word-study:has(.study-spelling input:focus) .study-audio-status:empty{display:none}.word-study:has(.study-spelling input:focus) .study-word-card{margin-top:4px;padding:8px 12px}}body:has(.mobile-app-viewport){overscroll-behavior:none;background:#dce9f1;height:100dvh;overflow:hidden}body:has(.mobile-app-viewport) #root{height:100%;display:flow-root;overflow:clip}.mobile-app-viewport{background:var(--background,#f3f9fc);width:100%;height:100dvh;margin:auto;font-size:15px;position:relative;overflow:clip}@media (width>=431px){.mobile-app-viewport{border:1px solid #bbd4e2;border-radius:24px;width:390px;height:min(844px,100dvh - 24px);margin:12px auto;box-shadow:0 8px 40px #214e7020}}.native-app .mobile-app-viewport{width:100%;height:100dvh;box-shadow:none;border:0;border-radius:0;margin:0}.mobile-app-viewport .app-shell{height:100%;min-height:0;display:block}:is(.mobile-app-viewport>div:has(.app-shell),.mobile-app-viewport>div:has(.screen-pages)){height:100%;min-height:0}.mobile-app-viewport .sidebar{width:100%;height:calc(54px + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);border:0;border-top:1px solid var(--line);background:var(--surface,#fff);z-index:10;display:flex;position:absolute;inset:auto 0 0}.mobile-app-viewport .sidebar .brand,.mobile-app-viewport .sidebar-help{display:none}.mobile-app-viewport .sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%;height:54px;margin:0;display:grid}.mobile-app-viewport .sidebar nav a{border-radius:9px;flex-direction:column;justify-content:center;gap:2px;min-height:48px;padding:4px;font-size:12px;display:flex}.mobile-app-viewport .sidebar nav a svg{width:21px;height:21px}.mobile-app-viewport .app-main{width:100%;height:calc(100% - 54px - env(safe-area-inset-bottom));max-width:none;min-height:0;padding:max(8px,env(safe-area-inset-top)) 10px 6px;margin:0;overflow:clip}.screen-pages{flex-direction:column;height:100%;min-height:0;display:flex;overflow:clip}.screen-body{flex:1;min-height:0;position:relative;overflow:clip}.screen-can-scroll .screen-body{overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto}.screen-page-controls{border-top:1px solid var(--line);background:var(--surface,#fff);flex:none;justify-content:space-between;align-items:center;gap:8px;height:36px;font-size:13px;display:none}.screen-pages[data-paginated=true]>.screen-page-controls{display:flex}.screen-page-controls button{background:0 0;border:0;min-height:32px;padding:4px 8px;font-size:13px}[data-screen-hidden]{display:none!important}[data-screen-split]{display:contents!important}[data-screen-tight]{padding-block:6px!important;font-size:14px!important;line-height:1.4!important}[data-screen-tight] img{object-fit:contain;max-height:120px!important}.mobile-app-viewport .page-heading{gap:8px;min-height:34px;margin:0 0 8px}.mobile-app-viewport .page-heading>div{align-items:center;gap:10px;min-width:0;display:flex}.mobile-app-viewport .page-heading h1{font-size:22px;line-height:1.3}.mobile-app-viewport .back-link{min-height:36px;margin:0;font-size:13px}.mobile-app-viewport .page-heading .eyebrow{display:none}.mobile-app-viewport h2{font-size:18px;line-height:1.3}.mobile-app-viewport h3{font-size:16px}.mobile-app-viewport p{margin:5px 0 8px;line-height:1.45}.mobile-app-viewport .panel{border-radius:14px;margin:0 0 8px;padding:12px}.mobile-app-viewport .panel h2{margin:0 0 8px}.mobile-app-viewport .panel h3{margin:8px 0 6px}.mobile-app-viewport label{gap:4px;font-size:14px}.mobile-app-viewport input,.mobile-app-viewport select,.mobile-app-viewport textarea{min-height:40px;padding:8px 10px}.mobile-app-viewport input[type=checkbox]{width:20px;height:20px;min-height:20px}.mobile-app-viewport button,.mobile-app-viewport .primary{min-height:40px;padding:8px 10px;font-size:14px}.mobile-app-viewport form{gap:8px}.mobile-app-viewport .notice{margin:6px 0;padding:9px;font-size:13px;line-height:1.4}.mobile-app-viewport .loading,.mobile-app-viewport .empty{padding:18px 8px}.mobile-app-viewport .section-links{gap:10px;margin:8px 0;font-size:13px}.mobile-app-viewport .action-card{border-radius:12px;gap:8px;min-height:44px;padding:10px}.mobile-app-viewport .list-row{gap:8px;padding:8px 0}.mobile-app-viewport .two-columns{gap:8px}.mobile-app-viewport .stats{gap:8px;margin:8px 0}.mobile-app-viewport .stats>div{padding:8px}.mobile-app-viewport .standalone{max-width:none;height:auto;margin:0;padding:12px}.mobile-app-viewport .standalone .brand{margin:0 0 12px;font-size:18px}.mobile-app-viewport .standalone h1{margin:8px 0;font-size:22px}.mobile-app-viewport .standalone h2{margin:12px 0 6px}.mobile-app-viewport .standalone form{margin:0 0 10px}.mobile-app-viewport .app-footer{display:none}.mobile-app-viewport .family-profile{border-radius:14px;gap:10px;margin:0 0 8px;padding:10px}.mobile-app-viewport .family-profile .avatar{border-radius:12px;flex:none;width:44px;height:44px}.mobile-app-viewport .family-profile .profile-avatar{width:44px;height:44px}.mobile-app-viewport .family-profile h2{white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.mobile-app-viewport .family-profile p{white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:12px;overflow:hidden}.mobile-app-viewport .family-setting-groups{grid-template-columns:1fr;gap:7px;display:grid}.mobile-app-viewport .family-setting-group h2{color:var(--quiet);margin:0 0 4px;font-size:12px}.mobile-app-viewport .family-setting-group nav{border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.mobile-app-viewport .family-setting-group nav a{border:0;border-radius:9px;flex-direction:column;justify-content:center;gap:4px;min-height:55px;padding:5px 2px;display:flex}.mobile-app-viewport .family-setting-group nav a>svg{width:20px;height:20px}.mobile-app-viewport .family-setting-group strong{text-align:center;white-space:nowrap;font-size:12px;font-weight:650;line-height:1.35}.mobile-app-viewport .family-setting-group a>span{flex:none;width:100%}@media (height>=600px){.mobile-app-viewport .family-setting-groups{gap:12px}.mobile-app-viewport .family-setting-group h2{margin-bottom:6px;font-size:13px}.mobile-app-viewport .family-setting-group nav a{gap:7px;min-height:clamp(60px,10dvh,86px)}.mobile-app-viewport .family-setting-group nav a>svg{width:24px;height:24px}.mobile-app-viewport .family-setting-group strong{font-size:14px}}.mobile-app-viewport .profile-avatar-options{gap:8px}.mobile-app-viewport .profile-avatar-options button{min-height:64px;padding:6px}.mobile-app-viewport .profile-avatar-options img{width:40px;height:40px}.mobile-app-viewport .compact-welcome{gap:6px;margin:0 0 7px}.mobile-app-viewport .home-product-name{margin-bottom:1px;font-size:11px}.mobile-app-viewport .compact-welcome h1{font-size:18px;line-height:1.2}.mobile-app-viewport .welcome-actions{gap:6px}.mobile-app-viewport .compact-library{border-radius:12px;min-height:44px;margin:0 0 7px;padding:7px 10px}.mobile-app-viewport .compact-library small{font-size:10px}.mobile-app-viewport .compact-library strong{font-size:14px}.mobile-app-viewport .compact-study{border-radius:15px;margin:0}.mobile-app-viewport .study-main{min-height:0;padding:10px 12px 5px}.mobile-app-viewport .study-main h2{margin:2px 0;font-size:23px}.mobile-app-viewport .study-main img{width:48px;height:54px}.mobile-app-viewport .study-main p{margin:0;font-size:12px}.mobile-app-viewport .study-overline{font-size:11px}.mobile-app-viewport .home-study-progress{margin:3px 12px 6px;font-size:12px}.mobile-app-viewport .home-progress-label{flex-wrap:nowrap;gap:6px;font-size:12px}.mobile-app-viewport .home-progress-label small{font-size:11px}.mobile-app-viewport .home-study-cta{width:calc(100% - 20px);min-height:40px;margin:4px 10px 6px;padding:8px;font-size:16px}.mobile-app-viewport .home-study-shortcuts{gap:6px;margin:0 10px 4px}.mobile-app-viewport .home-study-shortcuts a{gap:5px;min-height:38px;padding:5px;font-size:12px;line-height:1.2}.mobile-app-viewport .home-study-shortcuts b{margin-left:3px;font-size:11px;display:inline}.mobile-app-viewport .home-study-shortcuts svg{width:16px}.mobile-app-viewport .home-learning-settings{min-height:30px;padding:3px 12px;font-size:12px}.mobile-app-viewport .home-plan-done{margin:0 10px 5px;font-size:11px}.mobile-app-viewport .home-section-title{margin:9px 0 5px}.mobile-app-viewport .home-section-title h2{font-size:17px}.mobile-app-viewport .home-section-title>a{min-height:28px;font-size:12px}.mobile-app-viewport .home-game-rail{scroll-snap-type:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;display:grid;overflow:visible}.mobile-app-viewport .home-game-card{width:auto;min-width:0;max-width:none;box-shadow:none;border-radius:11px}.mobile-app-viewport .home-game-card>.game-art{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.mobile-app-viewport .home-game-card>div{padding:5px}.mobile-app-viewport .home-game-card strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:30px;font-size:12px;line-height:1.25;display:-webkit-box;overflow:hidden}.home-game-pages{justify-content:center;align-items:center;gap:14px;margin-top:3px;font-size:11px;display:flex}.mobile-app-viewport .home-game-pages button{min-width:32px;min-height:28px;padding:2px 8px}.home-parent-summary{min-height:27px;color:var(--quiet);justify-content:space-between;align-items:center;font-size:11px;display:flex}.mobile-app-viewport .practice-library .games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-app-viewport .practice-library .game-card{border-radius:12px}.mobile-app-viewport .practice-library .game-card-body{padding:8px}.mobile-app-viewport .practice-library .game-card h2{min-height:35px;margin:0 0 4px;font-size:14px;line-height:1.25}.mobile-app-viewport .practice-library .game-card>.game-art{aspect-ratio:16/9}.mobile-app-viewport .practice-library .game-card-body .primary{gap:5px;min-height:36px;padding:5px;font-size:13px}.mobile-app-viewport .practice-library .game-direction-tags{gap:4px;min-height:0;margin:0 0 5px;font-size:10px}.mobile-app-viewport .practice-library .game-options>summary{min-height:30px;font-size:11px}.mobile-app-viewport .game-version{display:none}.mobile-app-viewport .selection-strip{margin:0 0 7px;padding:7px 9px;font-size:12px}.mobile-app-viewport .search-field{margin:0 0 7px;padding:0 9px}.mobile-app-viewport .game-direction-filters{gap:5px;margin:5px 0 8px}.mobile-app-viewport .game-direction-filters button{min-height:32px;padding:4px 9px;font-size:12px}.mobile-app-viewport .pagination{gap:7px;margin:8px 0;font-size:11px}.mobile-app-viewport .settings-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:8px}.mobile-app-viewport .settings-tabs button{min-height:36px;padding:5px 2px;font-size:12px}.mobile-app-viewport .settings-panel{padding:10px}.mobile-app-viewport .settings-panel .check-line{min-height:34px;font-size:14px}.mobile-app-viewport .settings-panel p{margin:4px 0 6px;font-size:12px}.mobile-app-viewport .settings-grid{gap:8px}.mobile-app-viewport .settings-related{gap:8px;min-height:32px;margin:5px 0;font-size:12px}.mobile-app-viewport .settings-footer{gap:3px;font-size:11px}.mobile-app-viewport .settings-footer>a{min-height:30px;font-size:13px}.mobile-app-viewport .study-modes{gap:6px}.mobile-app-viewport .study-modes button{min-height:58px;padding:8px}.mobile-app-viewport .study-modes strong{margin:0 0 3px;font-size:14px}.mobile-app-viewport .study-modes span{font-size:11px;line-height:1.3}.mobile-app-viewport .study-custom{grid-template-columns:1fr 1fr;gap:3px;margin:6px 0;padding:7px;display:grid}.mobile-app-viewport .study-custom label{min-height:32px;padding:3px;font-size:12px}.mobile-app-viewport .study-custom legend{font-size:12px}.mobile-app-viewport .settings-learning>[role=status]:empty{display:none}.mobile-app-viewport .settings-learning>[role=status]:not(:empty){margin:3px 0;padding:5px}.mobile-app-viewport .word-study{max-width:none;height:auto;padding:0;display:block}.mobile-app-viewport .word-study-header{gap:5px;min-height:34px}.mobile-app-viewport .word-study-header h1{font-size:19px}.mobile-app-viewport .word-study-header>a,.mobile-app-viewport .study-header-tools button{border-radius:10px;width:34px;height:34px;min-height:34px;padding:6px}.mobile-app-viewport .word-study-course{min-height:22px;margin:3px 0 6px;font-size:11px}.mobile-app-viewport .study-setup{border-radius:15px;padding:10px}.mobile-app-viewport .study-setup-heading{margin:0 0 6px}.mobile-app-viewport .study-setup-heading h2{margin:2px 0;font-size:19px}.mobile-app-viewport .study-setup-heading img{width:42px;height:48px}.mobile-app-viewport .study-setup-heading .eyebrow{margin:0;font-size:10px}.mobile-app-viewport .study-setup-links{gap:8px;margin:4px 0;font-size:12px}.mobile-app-viewport .study-setup-links a{min-height:30px}.mobile-app-viewport .study-setup p{font-size:12px}.mobile-app-viewport .study-preferences{margin:6px 0}.mobile-app-viewport .study-preferences summary{min-height:30px;font-size:12px}.mobile-app-viewport .study-start-actions{grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 0;display:grid}.mobile-app-viewport .study-start-actions>.primary{grid-column:1/-1;min-height:42px;font-size:15px}.mobile-app-viewport .study-start-actions>button:not(.primary){min-height:36px}.mobile-app-viewport .study-word-card{border-radius:16px;flex:none;min-height:0;padding:10px;overflow:visible}.mobile-app-viewport .study-card-label{flex-wrap:nowrap;gap:2px;font-size:11px}.mobile-app-viewport .study-word-flags{gap:1px}.mobile-app-viewport .study-word-flags button{min-width:32px;min-height:32px;padding:3px;font-size:11px}.mobile-app-viewport .study-word-flags svg{width:15px}.mobile-app-viewport .study-word-prompt{padding:10px 0}.mobile-app-viewport .study-word-prompt h2{margin:0 0 8px;font-size:clamp(27px,8vw,38px);line-height:1.15}.mobile-app-viewport .study-chinese h2{font-size:20px;line-height:1.35}.mobile-app-viewport .study-pronunciation{gap:8px;font-size:14px}.mobile-app-viewport .study-pronunciation button{min-height:34px;padding:5px 8px;font-size:12px}.mobile-app-viewport .study-meaning{margin:8px 0 0;font-size:20px}.mobile-app-viewport .study-example{border-radius:12px;padding:9px}.mobile-app-viewport .study-example>p[lang=en]{margin:5px 0;font-size:16px;line-height:1.4}.mobile-app-viewport .study-example-translation{font-size:13px;line-height:1.4}.mobile-app-viewport .study-options{gap:7px;margin:4px 0}.mobile-app-viewport .study-options button{min-height:44px;padding:7px;font-size:15px;line-height:1.25}.mobile-app-viewport .study-progress{gap:4px;margin:4px 0 7px;font-size:11px}.mobile-app-viewport .study-bottom{padding:5px 0 0}.mobile-app-viewport .study-bottom>.primary{min-height:42px;font-size:15px}.mobile-app-viewport .study-audio-status{min-height:0;font-size:11px;line-height:1.3}.mobile-app-viewport .study-audio-status:empty{display:none}.mobile-app-viewport .study-sync{min-height:0;margin:4px 0;font-size:10px}.mobile-app-viewport .study-feedback{margin:0 0 5px;padding:7px;font-size:12px}.mobile-app-viewport .study-listening{padding:10px 0}.mobile-app-viewport .study-listening svg{height:26px}.mobile-app-viewport .study-listening h2{margin:4px;font-size:19px}.mobile-app-viewport .study-listening button{margin:5px auto}.mobile-app-viewport .study-spelling input,.mobile-app-viewport .study-spelling output{min-height:44px;margin-top:4px;padding:7px;font-size:21px}.mobile-app-viewport .study-letter-bank{gap:5px;margin:7px 0}.mobile-app-viewport .study-letter-bank button{min-width:34px;min-height:38px;padding:5px;font-size:18px}.mobile-app-viewport .study-finished{padding:15px}.mobile-app-viewport .study-finished>img{width:65px;height:68px}.mobile-app-viewport .study-finished h2{margin:8px 0;font-size:23px}.mobile-app-viewport .study-finished-links{gap:12px;margin:5px 0}.mobile-app-viewport .course-grid{grid-template-columns:1fr;gap:6px}.mobile-app-viewport .course-card{gap:10px;min-height:64px;padding:8px}.mobile-app-viewport .book-cover{border-radius:5px;width:42px;height:56px}.mobile-app-viewport .book-cover strong{font-size:10px}.mobile-app-viewport .book-cover small{font-size:8px}.mobile-app-viewport .course-card h3{font-size:14px}.mobile-app-viewport .course-card p{margin:3px 0;font-size:11px}.mobile-app-viewport .chips{gap:5px;margin:5px 0}.mobile-app-viewport .chip{min-height:32px;padding:5px 8px;font-size:12px}.mobile-app-viewport .course-filters{gap:7px}.mobile-app-viewport .wordbook-row{flex-direction:row;align-items:center;gap:6px;margin:0;padding:9px}.mobile-app-viewport .wordbook-row h2{font-size:19px}.mobile-app-viewport .wordbook-row p{margin:3px 0;font-size:12px}.mobile-app-viewport .wordbook-actions{gap:3px}.mobile-app-viewport .wordbook-actions button{min-width:32px;min-height:32px;padding:4px}.mobile-app-viewport .wordbook-list{gap:6px;margin:7px 0}.mobile-app-viewport .pet-home{gap:12px;padding:10px}.mobile-app-viewport .pet-picture{flex-basis:110px;width:110px;height:110px}.mobile-app-viewport .pet-tabs{gap:2px;margin:5px 0}.mobile-app-viewport .pet-tabs button{min-height:40px;padding:6px 3px;font-size:11px}.mobile-app-viewport .pet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mobile-app-viewport .pet-card{padding:9px;font-size:12px}.mobile-app-viewport .pet-card h3{font-size:14px}.mobile-app-viewport .pet-card img{object-fit:contain;max-height:100px}.mobile-app-viewport .parent-settings .stats strong{font-size:24px}.mobile-app-viewport .parent-settings fieldset{margin:4px 0;padding:8px}.mobile-app-viewport .parent-settings .panel>svg{display:none}.mobile-app-viewport .parent-settings .panel>p,.mobile-app-viewport .parent-settings fieldset p,.mobile-app-viewport .parent-settings small{font-size:12px}.mobile-app-viewport .auth-layout{background:0 0;min-height:0;display:block}.mobile-app-viewport .auth-story{display:none}.mobile-app-viewport .auth-card{width:100%;margin:0;padding:12px}.mobile-app-viewport .auth-card h2{font-size:24px}.mobile-app-viewport .auth-card>p{margin:6px 0;font-size:13px}.mobile-app-viewport .auth-card .eyebrow{margin:3px 0}.mobile-app-viewport .auth-card .legal-links{gap:12px;margin:8px 0}.mobile-app-viewport .local-preview-entry p{font-size:12px}.mobile-app-viewport .guest-page{padding:12px}.mobile-app-viewport .guest-intro{margin:12px 0}.mobile-app-viewport .guest-intro h1{font-size:22px}.mobile-app-viewport .guest-card{padding:12px}.mobile-app-viewport .guest-word{padding:10px 0}.mobile-app-viewport .guest-word h2{font-size:32px}.mobile-app-viewport .guest-options{gap:7px}.mobile-app-viewport .guest-options button{min-height:44px}.mobile-app-viewport .guest-page footer{margin:8px 0}@media (height<=580px){.mobile-app-viewport .study-main{padding:6px 10px 3px}.mobile-app-viewport .study-main img,.mobile-app-viewport .study-overline,.mobile-app-viewport .study-main p{display:none}.mobile-app-viewport .home-game-card>.game-art{aspect-ratio:2.1}.mobile-app-viewport .home-game-card strong{min-height:26px;font-size:11px}.mobile-app-viewport .home-study-progress{margin-block:2px 4px}.mobile-app-viewport .home-section-title{margin-top:6px}.mobile-app-viewport .family-setting-group nav a{gap:3px;min-height:48px}.mobile-app-viewport .family-setting-groups{gap:5px}.mobile-app-viewport .family-setting-group h2{margin-bottom:3px}.mobile-app-viewport .family-setting-group strong{font-size:11px}.mobile-app-viewport .family-profile{margin-bottom:6px;padding:7px}}@media (height<=360px){.mobile-app-viewport .app-main:has(input:focus){height:100%;padding-block:4px}.mobile-app-viewport .app-shell:has(input:focus) .sidebar{display:none}:is(.mobile-app-viewport .word-study:has(.study-spelling input:focus) .word-study-course,.mobile-app-viewport .word-study:has(.study-spelling input:focus) .study-progress,.mobile-app-viewport .word-study:has(.study-spelling input:focus) .study-card-label,.mobile-app-viewport .word-study:has(.study-spelling input:focus) .study-sync){display:none}.mobile-app-viewport .word-study:has(.study-spelling input:focus) .study-chinese{padding:3px 0}.mobile-app-viewport .word-study:has(.study-spelling input:focus) .study-chinese h2{margin:0 0 4px;font-size:18px}.mobile-app-viewport .word-study:has(.study-spelling input:focus) .study-chinese>p{display:none}}@media (prefers-reduced-motion:reduce){.mobile-app-viewport *{scroll-behavior:auto;transition-duration:0s;animation-duration:0s}}.mobile-app-viewport .pet-grid:has(>.pet-route-card){scroll-snap-type:none;display:grid;overflow:visible}.mobile-app-viewport .app-usage-stop{padding:12px;position:absolute;overflow:clip}.mobile-app-viewport input[type=range]{max-width:100%;height:32px;min-height:32px;margin:0}@media (height<=580px){.mobile-app-viewport .family-setting-group nav a{gap:2px;min-height:42px;padding:4px 1px}.mobile-app-viewport .family-setting-group nav a>svg{width:18px;height:18px}.mobile-app-viewport .compact-welcome{min-height:32px}.mobile-app-viewport .welcome-actions button,.mobile-app-viewport .welcome-actions a{height:32px;min-height:32px;padding:3px}.mobile-app-viewport .welcome-actions .profile-avatar{width:30px;height:30px}.mobile-app-viewport .compact-library{min-height:32px;padding:5px 8px}.mobile-app-viewport .compact-library small{display:none}.mobile-app-viewport .compact-study{grid-template-columns:1fr 130px;display:grid}.mobile-app-viewport .study-main{grid-area:1/1;padding:6px 9px}.mobile-app-viewport .home-study-cta{grid-area:1/2;width:auto;min-height:38px;margin:6px;padding:5px;font-size:14px}.mobile-app-viewport .home-study-progress,.mobile-app-viewport .home-study-shortcuts,.mobile-app-viewport .home-learning-settings,.mobile-app-viewport .home-plan-done{grid-column:1/-1}.mobile-app-viewport .home-study-shortcuts a{min-height:32px}.mobile-app-viewport .home-learning-settings{min-height:26px}.mobile-app-viewport .home-parent-summary{min-height:22px}}.mobile-app-viewport .pet-rich-home{flex-direction:row;align-items:center;gap:8px;margin:0 0 6px;padding:8px;display:flex}.mobile-app-viewport .pet-rich-home .pet-scene{flex:none;width:130px;min-width:130px;height:150px}.mobile-app-viewport .pet-rich-home .pet-summary{flex:1;min-width:0}.mobile-app-viewport .pet-rich-home .pet-summary h2{font-size:17px}.mobile-app-viewport .pet-rich-home .pet-summary p{font-size:12px}.mobile-app-viewport .pet-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:6px 0;display:grid}.mobile-app-viewport .pet-actions button{flex-direction:column;gap:3px;min-height:44px;padding:5px 2px;font-size:12px;display:flex}.mobile-app-viewport .pet-actions svg{width:18px;height:18px}.mobile-app-viewport .pet-tabs{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.mobile-app-viewport .pet-tabs button{padding:4px 1px;font-size:11px}.mobile-app-viewport .pet-compact-header{gap:7px;min-height:36px;padding:5px}.mobile-app-viewport .pet-compact-header img{width:34px;height:34px}.mobile-app-viewport .pet-compact-header button{min-height:32px;padding:4px;font-size:12px}.mobile-app-viewport .pet-card{gap:4px}.mobile-app-viewport .pet-card img{max-height:80px!important}.mobile-app-viewport .pet-card .pet-wear-preview summary{min-height:28px;padding:3px;font-size:11px}.mobile-app-viewport .pet-card small{font-size:11px;line-height:1.3}.mobile-app-viewport .pet-summary details summary{min-height:28px;font-size:12px}.mobile-app-viewport .pet-rich-home .pet-scene{min-height:150px}.mobile-app-viewport .pet-rich-home>.pet-summary{padding:0}.mobile-app-viewport .pet-touch{width:120px;height:120px;margin-top:0;padding:0}.mobile-app-viewport .pet-touch-hint{padding:3px 6px;font-size:10px;bottom:2px}.mobile-app-viewport .app-main:has(.study-word-card){height:100%;padding-bottom:6px}.mobile-app-viewport .app-shell:has(.study-word-card) .sidebar{display:none}@media (height<=580px){.mobile-app-viewport .word-study:has(.study-word-card) .word-study-course{display:none}.mobile-app-viewport .study-word-prompt{padding:5px 0}.mobile-app-viewport .study-chinese h2{margin-bottom:4px;font-size:20px}.mobile-app-viewport .study-chinese>p{margin:3px 0 5px;font-size:12px}.mobile-app-viewport .study-spelling{position:relative}.mobile-app-viewport .study-spelling>label>span{padding-right:85px;font-size:12px}.mobile-app-viewport .study-spelling>.text-button{min-height:24px;padding:0 3px;font-size:12px;position:absolute;top:0;right:0}.mobile-app-viewport .study-letter-bank{margin:6px 0 3px}}.native-app .mobile-app-viewport{max-width:480px;margin-inline:auto}.mobile-app-viewport .family-setting-group nav:has(a:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}@media (width>=360px){.mobile-app-viewport .practice-library .games-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mobile-app-viewport .practice-library .game-card-body{padding:6px}.mobile-app-viewport .practice-library .game-card h2{min-height:32px;font-size:12px;line-height:1.3}.mobile-app-viewport .practice-library .game-card-body .primary{gap:3px;min-height:36px;padding:5px 2px;font-size:11px}.mobile-app-viewport .practice-library .game-card-body .primary svg{width:13px;height:13px}.mobile-app-viewport .practice-library .game-options>summary{min-height:26px;font-size:10px}.mobile-app-viewport .practice-library .game-direction-tags{margin-bottom:4px;font-size:9px}}.mobile-app-viewport .study-bottom>.primary{min-height:44px}@media (height<=580px){.mobile-app-viewport .home-product-name{line-height:1.2}.mobile-app-viewport .compact-welcome h1{font-size:16px}.mobile-app-viewport .compact-welcome,.mobile-app-viewport .compact-library{margin-bottom:5px}.mobile-app-viewport .study-main{padding-block:3px}.mobile-app-viewport .home-study-progress{gap:3px}.mobile-app-viewport .home-progress-label{line-height:1.3}.mobile-app-viewport .home-progress-label strong{margin-left:2px;font-size:18px;line-height:1.3}.mobile-app-viewport .home-study-progress progress{height:7px}}.mobile-app-viewport .compact-home[data-screen-fit]{flex-direction:column;gap:6px;height:100%;min-height:0;display:flex}.mobile-app-viewport .compact-home[data-screen-fit]>header,.mobile-app-viewport .compact-home[data-screen-fit]>.compact-library{flex:none;margin:0}.mobile-app-viewport .compact-home[data-screen-fit]>.compact-study{flex:none}.mobile-app-viewport .compact-home[data-screen-fit]>.home-section-title{flex:none;min-height:28px;margin:0}.mobile-app-viewport .compact-home[data-screen-fit]>.home-game-rail{flex:1;grid-auto-rows:minmax(0,1fr);min-height:0}.mobile-app-viewport .compact-home[data-screen-fit] .home-game-card{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.mobile-app-viewport .compact-home[data-screen-fit] .home-game-card>.game-art{aspect-ratio:auto;object-fit:cover;width:100%;height:100%;min-height:0;max-height:none}.mobile-app-viewport .compact-home[data-screen-fit] .home-game-card>div{padding:5px}.mobile-app-viewport .compact-home[data-screen-fit] .home-game-card strong{min-height:30px;font-size:12px}.mobile-app-viewport .compact-home[data-screen-fit]>.home-game-pages{flex:none;min-height:32px;margin:0}.mobile-app-viewport .compact-home[data-screen-fit]>.home-parent-summary{flex:none;min-height:24px}.mobile-app-viewport .compact-home[data-screen-fit]>.loading,.mobile-app-viewport .compact-home[data-screen-fit]>.empty{flex:1;place-items:center;min-height:0;display:grid}.mobile-app-viewport .compact-home[data-home-layout=compact]{gap:5px}.mobile-app-viewport .compact-home[data-home-layout=compact] .compact-study{grid-template-columns:minmax(0,1fr) 145px;display:grid}.mobile-app-viewport .compact-home[data-home-layout=compact] .study-main{grid-area:1/1;padding:9px 12px}.mobile-app-viewport .compact-home[data-home-layout=compact] .study-main img,.mobile-app-viewport .compact-home[data-home-layout=compact] .study-main p,.mobile-app-viewport .compact-home[data-home-layout=compact] .study-overline{display:none}.mobile-app-viewport .compact-home[data-home-layout=compact] .home-study-cta{grid-area:1/2;width:auto;min-height:44px;margin:6px;padding:6px;font-size:15px}.mobile-app-viewport .compact-home[data-home-layout=compact] .home-study-progress,.mobile-app-viewport .compact-home[data-home-layout=compact] .home-study-shortcuts,.mobile-app-viewport .compact-home[data-home-layout=compact] .home-learning-settings,.mobile-app-viewport .compact-home[data-home-layout=compact] .notice{grid-column:1/-1}.mobile-app-viewport .compact-home[data-home-layout=compact] .home-study-progress{gap:4px;margin:3px 12px 6px}.mobile-app-viewport .compact-home[data-home-layout=compact] .home-progress-label strong{font-size:20px}.mobile-app-viewport .compact-home[data-home-layout=tight]{gap:4px}.mobile-app-viewport .compact-home[data-home-layout=tight] .compact-welcome{min-height:32px}.mobile-app-viewport .compact-home[data-home-layout=tight] .home-product-name{line-height:1.2}.mobile-app-viewport .compact-home[data-home-layout=tight] .compact-welcome h1{font-size:16px}.mobile-app-viewport .compact-home[data-home-layout=tight] .compact-library{min-height:32px;padding:5px 8px}.mobile-app-viewport .compact-home[data-home-layout=tight] .compact-library small{display:none}.mobile-app-viewport .compact-home[data-home-layout=tight] .compact-study{grid-template-columns:minmax(0,1fr) 130px;display:grid}.mobile-app-viewport .compact-home[data-home-layout=tight] .study-main{grid-area:1/1;padding:3px 9px}.mobile-app-viewport .compact-home[data-home-layout=tight] .study-main img,.mobile-app-viewport .compact-home[data-home-layout=tight] .study-main p,.mobile-app-viewport .compact-home[data-home-layout=tight] .study-overline{display:none}.mobile-app-viewport .compact-home[data-home-layout=tight] .home-study-cta{grid-area:1/2;width:auto;min-height:40px;margin:4px;padding:5px;font-size:14px}.mobile-app-viewport .compact-home[data-home-layout=tight] .home-study-progress,.mobile-app-viewport .compact-home[data-home-layout=tight] .home-study-shortcuts,.mobile-app-viewport .compact-home[data-home-layout=tight] .home-learning-settings,.mobile-app-viewport .compact-home[data-home-layout=tight] .notice{grid-column:1/-1}.mobile-app-viewport .compact-home[data-home-layout=tight] .home-study-progress{gap:3px;margin:2px 10px 4px}.mobile-app-viewport .compact-home[data-home-layout=tight] .home-progress-label{line-height:1.3}.mobile-app-viewport .compact-home[data-home-layout=tight] .home-progress-label strong{font-size:18px;line-height:1.3}.mobile-app-viewport .compact-home[data-home-layout=tight] .home-study-progress progress{height:7px}.mobile-app-viewport .compact-home[data-home-layout=tight] .home-study-shortcuts a{min-height:32px}.mobile-app-viewport .compact-home[data-home-layout=tight] .home-learning-settings{min-height:26px}.mobile-app-viewport .compact-home[data-home-layout=tight] .home-game-card strong{min-height:26px;font-size:11px}.mobile-app-viewport .compact-home[data-home-layout=tight] .home-parent-summary{min-height:22px}.mobile-app-viewport .compact-home[data-game-layout=mini]>.home-game-rail{grid-template-columns:repeat(2,minmax(0,1fr));min-height:48px}.mobile-app-viewport .compact-home[data-game-layout=mini] .home-game-card{grid-template-rows:1fr;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:5px;min-height:48px;padding:4px}.mobile-app-viewport .compact-home[data-game-layout=mini] .home-game-card>.game-art{aspect-ratio:1;border-radius:7px;width:40px;height:40px}.mobile-app-viewport .compact-home[data-game-layout=mini] .home-game-card>div{min-width:0;padding:0}.mobile-app-viewport .compact-home[data-game-layout=mini] .home-game-card strong{text-align:left;overflow-wrap:anywhere;min-height:0;font-size:12px;line-height:1.3}.mobile-app-viewport .family-account[data-screen-fit]{flex-direction:column;height:100%;min-height:0;display:flex}.mobile-app-viewport .family-account[data-screen-fit]>.family-setting-groups{flex:1;grid-template-rows:repeat(4,minmax(0,1fr));gap:10px;min-height:0}.mobile-app-viewport .family-account[data-screen-fit] .family-setting-group{flex-direction:column;min-height:0;display:flex}.mobile-app-viewport .family-account[data-screen-fit] .family-setting-group nav{flex:1;min-height:0}.mobile-app-viewport .family-account[data-screen-fit] .family-setting-group nav a{min-height:0}.mobile-app-viewport .screen-pages[data-screen-density=tight] .family-account[data-screen-fit]>.family-setting-groups{gap:5px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .family-account[data-screen-fit] .family-setting-group nav{padding:2px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .family-account[data-screen-fit] .family-setting-group nav a{gap:2px;padding:3px 1px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .family-account[data-screen-fit] .family-setting-group nav a>svg{width:18px;height:18px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .family-account[data-screen-fit] .family-setting-group strong{font-size:11px}.mobile-app-viewport .settings-page[data-screen-fit]{flex-direction:column;height:100%;min-height:0;display:flex}.mobile-app-viewport .settings-page[data-screen-fit] .settings-panel{min-height:0;margin:0;padding:10px}.mobile-app-viewport .settings-page[data-screen-fit] .settings-learning{flex-direction:column;gap:7px;display:flex}.mobile-app-viewport .settings-page[data-screen-fit] .settings-panel[hidden]{display:none!important}.mobile-app-viewport .settings-page[data-screen-fit] .setting-inline{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;max-width:none;display:flex}.mobile-app-viewport .settings-page[data-screen-fit] .setting-inline select{flex:none;width:145px}.mobile-app-viewport .settings-page[data-screen-fit] .settings-learning h2{margin:0;font-size:16px}.mobile-app-viewport .settings-page[data-screen-fit] .settings-learning p{margin:0}.mobile-app-viewport .settings-page[data-screen-fit] .study-modes{grid-template-columns:1fr 1fr;gap:6px;display:grid}.mobile-app-viewport .settings-page[data-screen-fit] .study-modes button{text-align:left;min-width:0;min-height:56px;padding:6px}.mobile-app-viewport .settings-page[data-screen-fit] .study-modes span{font-size:11px;line-height:1.3}.mobile-app-viewport .settings-page[data-screen-fit] .custom-mode-edit{min-height:34px;padding:5px}.mobile-app-viewport .settings-page[data-screen-fit] .settings-hint{font-size:12px;line-height:1.35}.mobile-app-viewport .settings-page[data-screen-fit] .settings-footer{flex:none;margin-top:auto;padding-top:8px}.mobile-app-viewport .settings-page[data-screen-fit] .settings-footer>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mobile-app-viewport .settings-page[data-screen-fit] .settings-footer a{border:1px solid var(--line);background:var(--surface);border-radius:10px;place-items:center;min-height:36px;display:grid}.mobile-app-viewport .settings-page[data-screen-fit] .settings-dimensions{flex-direction:column;gap:8px;display:flex}.mobile-app-viewport .settings-page[data-screen-fit] .settings-dimensions .study-custom{grid-template-columns:1fr;gap:5px;margin:0;padding:8px;display:grid}.mobile-app-viewport .settings-page[data-screen-fit] .settings-dimensions label{flex-direction:row;align-items:center;gap:10px;min-height:36px;font-size:14px;display:flex}.mobile-app-viewport .settings-page[data-screen-fit] .settings-dimensions .primary{min-height:42px}.mobile-app-viewport .settings-page[data-screen-fit] .settings-grid h2{margin:0;font-size:15px}.mobile-app-viewport .settings-page[data-screen-fit] .settings-grid p[role=status]:empty{display:none}.mobile-app-viewport .screen-pages[data-screen-density=compact] .settings-page[data-screen-fit] .settings-grid,.mobile-app-viewport .screen-pages[data-screen-density=tight] .settings-page[data-screen-fit] .settings-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.mobile-app-viewport .screen-pages:not([data-screen-density=roomy]) .settings-page[data-screen-fit] .settings-grid>h2,.mobile-app-viewport .screen-pages:not([data-screen-density=roomy]) .settings-page[data-screen-fit] .settings-grid>small,.mobile-app-viewport .screen-pages:not([data-screen-density=roomy]) .settings-page[data-screen-fit] .settings-grid>p,.mobile-app-viewport .screen-pages:not([data-screen-density=roomy]) .settings-page[data-screen-fit] .settings-grid>fieldset,.mobile-app-viewport .screen-pages:not([data-screen-density=roomy]) .settings-page[data-screen-fit] .settings-grid>.offline-package-actions,:is(.mobile-app-viewport .screen-pages:not([data-screen-density=roomy]) #settings-panel-voice>label:has(input[type=range]),.mobile-app-viewport .screen-pages:not([data-screen-density=roomy]) #settings-panel-voice>a,.mobile-app-viewport .screen-pages:not([data-screen-density=roomy]) #settings-panel-study>label),.mobile-app-viewport .screen-pages:not([data-screen-density=roomy]) #settings-panel-voice>button{grid-column:1/-1}.mobile-app-viewport .screen-pages[data-screen-density=tight] .settings-page[data-screen-fit] .page-heading{flex:none;min-height:44px;margin-bottom:4px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .settings-page[data-screen-fit] .settings-tabs{margin-bottom:5px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .settings-page[data-screen-fit] .settings-tabs button{min-height:32px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .settings-page[data-screen-fit] .settings-panel{padding:8px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .settings-page[data-screen-fit] .settings-learning{gap:5px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .settings-page[data-screen-fit] .study-modes button{min-height:52px;padding:5px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .settings-page[data-screen-fit] .settings-grid>h2{display:none}.mobile-app-viewport .screen-pages[data-screen-density=tight] .settings-page[data-screen-fit] .settings-grid small{font-size:11px;line-height:1.35}.mobile-app-viewport .screen-pages[data-screen-density=tight] .settings-page[data-screen-fit] .settings-panel p{margin:0;font-size:11px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .settings-page[data-screen-fit] .settings-learning>[role=status]:not(:empty){margin:0;padding:2px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .settings-page[data-screen-fit] .settings-footer{padding-top:5px}.mobile-app-viewport .screen-pages[data-screen-density=tight] #settings-panel-study>label:not(.check-line){flex-direction:row;justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-app-viewport .screen-pages[data-screen-density=tight] #settings-panel-study>label:not(.check-line) select{width:145px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .settings-page[data-screen-fit] .text-size-preview{padding:6px;line-height:1.3}.mobile-app-viewport .screen-pages[data-screen-density=tight] .settings-page[data-screen-fit] .settings-panel .check-line{padding-block:3px}.mobile-app-viewport .settings-page[data-screen-fit] .settings-tabs button{white-space:nowrap;font-size:12px}.mobile-app-viewport .settings-page[data-screen-fit] .settings-panel{flex:none}.mobile-app-viewport .screen-pages[data-screen-density=tight] .settings-page[data-screen-fit] .text-size-preview{font-size:14px}:root[data-text-size=large] .mobile-app-viewport .screen-pages[data-screen-density=tight] .settings-page[data-screen-fit] .text-size-preview{font-size:18px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .settings-page[data-screen-fit] .text-size-options legend{margin-bottom:0;font-size:13px}.mobile-app-viewport .settings-page[data-screen-fit] .settings-footer{font-size:11px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .settings-page[data-screen-fit] .settings-grid{gap:4px;padding:6px}.mobile-app-viewport .word-study[data-screen-fit=study-setup] .study-modes{grid-template-columns:1fr 1fr;gap:5px}.mobile-app-viewport .word-study[data-screen-fit=study-setup] .study-modes button{min-height:52px;padding:6px}.mobile-app-viewport .word-study[data-screen-fit=study-setup] .study-modes span{font-size:11px;line-height:1.3}.mobile-app-viewport .word-study[data-screen-fit=study-setup] .study-modes button{gap:3px}.mobile-app-viewport .word-study[data-screen-fit=study-setup] .study-modes strong{margin:0;line-height:1.2}.mobile-app-viewport .word-study[data-screen-fit=study-setup] .study-start-actions:has(.study-resume)>.primary{grid-column:auto}.mobile-app-viewport .word-study[data-screen-fit=study-setup] .study-start-actions>button{min-height:44px;padding:5px;font-size:14px}.mobile-app-viewport .word-study[data-screen-fit=study-setup] .study-start-actions>.primary{white-space:nowrap;gap:4px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .word-study[data-screen-fit=study-setup] .study-setup-links{margin:0}.mobile-app-viewport .screen-pages[data-screen-density=tight] .word-study[data-screen-fit=study-setup] .study-sync{margin:2px 0}.mobile-app-viewport .word-study[data-screen-fit=study-setup] .custom-mode-edit{min-height:30px;padding:4px;font-size:12px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .word-study[data-screen-fit=study-setup] .study-setup{padding:5px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .word-study[data-screen-fit=study-setup] .study-setup-heading{min-height:24px;margin-bottom:3px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .word-study[data-screen-fit=study-setup] .study-setup-heading :is(img,.eyebrow){display:none}.mobile-app-viewport .screen-pages[data-screen-density=tight] .word-study[data-screen-fit=study-setup] .study-setup p{margin:3px 0;font-size:11px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .word-study[data-screen-fit=study-setup] .study-finished>img{width:45px;height:46px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .word-study[data-screen-fit=study-setup] .study-finished h2{margin:5px 0}.mobile-app-viewport .word-study[data-screen-fit=study-setup] .study-finished .text-button{margin:4px auto}.mobile-app-viewport .notifications-page{flex-direction:column;gap:6px;height:100%;display:flex}.mobile-app-viewport .notifications-page>.page-heading{flex:none;min-height:44px;margin:0}.mobile-app-viewport .notifications-page>.notifications-note{margin:0;font-size:12px}.mobile-app-viewport .notifications-page>button{flex:none}.mobile-app-viewport .notification-list{flex-direction:column;flex:1;gap:7px;min-height:0;display:flex}.mobile-app-viewport .notification-list .notification-row{flex-direction:column;flex:1;justify-content:center;gap:5px;min-height:0;margin:0;padding:10px;display:flex}.mobile-app-viewport .notification-list .notification-row h2{margin:0;font-size:16px}.mobile-app-viewport .notification-list .notification-row p{margin:0;font-size:13px}.mobile-app-viewport .notification-list .study-start-actions{flex-direction:row;gap:6px;margin:4px 0 0;display:flex}.mobile-app-viewport .notification-list .study-start-actions>*{flex:1;min-height:40px;padding:5px;font-size:13px}.mobile-app-viewport .notification-pages{flex:none;justify-content:space-between;align-items:center;font-size:12px;display:flex}.mobile-app-viewport .notification-pages button{min-height:36px;padding:5px;font-size:12px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .parent-settings[data-screen-fit=parent-access]>.page-heading{min-height:44px;margin-bottom:5px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .parent-settings[data-screen-fit=parent-access] .panel{margin-bottom:6px;padding:8px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .parent-settings[data-screen-fit=parent-access] h2{margin-bottom:4px;font-size:16px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .parent-time-summary .stats{gap:12px;margin:3px 0}.mobile-app-viewport .screen-pages[data-screen-density=tight] .parent-time-summary .stats>div{align-items:center;gap:5px;padding:0;display:flex}.mobile-app-viewport .screen-pages[data-screen-density=tight] .parent-time-summary .stats strong{font-size:20px;line-height:1.2}.mobile-app-viewport .screen-pages[data-screen-density=tight] .parent-time-summary p{margin:2px 0;font-size:11px;line-height:1.35}.mobile-app-viewport .screen-pages[data-screen-density=tight] .parent-access-form form{gap:5px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .parent-access-form small{font-size:11px;line-height:1.3}.mobile-app-viewport .screen-pages[data-screen-density=tight] .voice-download-page>.page-heading{min-height:44px;margin-bottom:4px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .voice-download-page>.panel{margin-bottom:5px;padding:7px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .voice-download-page h2{margin:3px 0 5px;font-size:15px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .voice-download-page p{margin:4px 0;font-size:11px;line-height:1.35}.mobile-app-viewport .screen-pages[data-screen-density=tight] .voice-download-page>.panel>label{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.mobile-app-viewport .screen-pages[data-screen-density=tight] .voice-download-page>.panel>label select{width:180px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .voice-download-page .study-start-actions{gap:4px;margin-top:5px}.mobile-app-viewport .screen-pages[data-screen-density=tight] .voice-download-page .study-start-actions>a{align-items:center;min-height:28px;display:flex}.mobile-app-viewport .screen-pages[data-screen-density=tight] .voice-download-page>.text-button{min-height:32px;padding:4px;font-size:12px}.mobile-app-viewport .screen-body.screen-fit-body{flex-direction:column;display:flex}.mobile-app-viewport .screen-body.screen-fit-body>[data-screen-fit]{flex:1 1 0;width:100%;min-width:0;height:auto;min-height:0}.mobile-app-viewport .screen-body.screen-fit-body>:not([data-screen-fit]){flex-shrink:0}.mobile-app-viewport .settings-page[data-screen-fit]{container:settings-screen/size}.mobile-app-viewport .compact-home .notice{overflow-wrap:anywhere;min-width:0}@container settings-screen (height<=360px){.mobile-app-viewport .screen-body.screen-fit-body .settings-page[data-screen-fit] .page-heading{min-height:36px;margin-bottom:4px}.mobile-app-viewport .screen-body.screen-fit-body .settings-page[data-screen-fit] .settings-tabs{margin-bottom:4px;padding:2px}.mobile-app-viewport .screen-body.screen-fit-body .settings-page[data-screen-fit] .settings-tabs button{min-height:28px}.mobile-app-viewport .screen-body.screen-fit-body .settings-page[data-screen-fit] .settings-panel{gap:4px;padding:6px}.mobile-app-viewport .screen-body.screen-fit-body .settings-page[data-screen-fit] .settings-panel select{min-height:34px;padding-block:4px}.mobile-app-viewport .screen-body.screen-fit-body .settings-page[data-screen-fit] .settings-learning{gap:4px}.mobile-app-viewport .screen-body.screen-fit-body .settings-page[data-screen-fit] .study-modes button{min-height:42px;padding:4px}.mobile-app-viewport .screen-body.screen-fit-body .settings-page[data-screen-fit] .custom-mode-edit{min-height:28px;padding:3px}.mobile-app-viewport .screen-body.screen-fit-body .settings-page[data-screen-fit] .settings-dimensions{gap:5px}.mobile-app-viewport .screen-body.screen-fit-body .settings-page[data-screen-fit] .settings-dimensions .study-custom{gap:3px;padding:5px}.mobile-app-viewport .screen-body.screen-fit-body .settings-page[data-screen-fit] .settings-dimensions label{min-height:30px}.mobile-app-viewport .screen-body.screen-fit-body .settings-page[data-screen-fit] .settings-dimensions .primary{min-height:36px}.mobile-app-viewport .screen-body.screen-fit-body .settings-page[data-screen-fit] .text-size-preview{padding:4px}.mobile-app-viewport .screen-body.screen-fit-body .settings-page[data-screen-fit] .text-size-options button{min-height:32px;padding-block:3px}.mobile-app-viewport .screen-body.screen-fit-body .settings-page[data-screen-fit] .settings-footer{padding-top:1px;line-height:1.2}:root[data-text-size=large] .mobile-app-viewport .screen-body.screen-fit-body .settings-page[data-screen-fit] .text-size-preview span{display:none}}.mobile-app-viewport .compact-study .study-main{align-items:center;gap:6px;min-height:0;padding:0}.mobile-app-viewport .compact-study .study-main>div{flex:1}.mobile-app-viewport .compact-study .study-main h2{margin:0 0 3px;font-size:22px}.mobile-app-viewport .compact-study .study-main p{margin:0;font-size:12px}.mobile-app-viewport .compact-study .study-main>img{flex:none;width:44px;height:44px}.mobile-app-viewport .compact-study .home-study-cta{gap:7px;min-height:44px;padding:6px;font-size:17px}.mobile-app-viewport .compact-study .home-learning-settings{justify-content:center;gap:6px;min-height:30px;font-size:12px}.mobile-app-viewport .compact-study .home-learning-settings>span{gap:0;margin:0;display:inline-flex;flex:none!important}.mobile-app-viewport .home-game-card>div{place-items:center;padding:5px;display:grid}.mobile-app-viewport .home-game-card strong{text-align:center;width:100%;line-height:1.25}.home-practice-shortcuts{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:5px;display:grid}.home-practice-shortcuts>a{color:#18715d;background:#ecf8f4;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-height:32px;font-size:12px;display:flex}.home-practice-shortcuts b{background:#fff;border-radius:5px;padding:1px 4px;font-size:11px}.mobile-app-viewport .word-study-header{grid-template-columns:80px minmax(0,1fr) 80px;align-items:center;gap:2px;width:100%;min-height:38px;display:grid}.mobile-app-viewport .word-study-header>h1{text-align:center;white-space:nowrap;margin:0;font-size:21px}.mobile-app-viewport .word-study-header>a{justify-self:start;place-items:center;width:36px;height:36px;display:grid}.mobile-app-viewport .study-header-tools{justify-self:end;gap:3px}.mobile-app-viewport .study-header-tools>button{min-width:36px;min-height:36px;padding:6px}.mobile-app-viewport .word-study[data-screen-fit=study-active]{flex-direction:column;gap:7px;width:100%;max-width:480px;height:100%;min-height:0;margin:0 auto;display:flex}.mobile-app-viewport .word-study[data-screen-fit=study-active]>*{flex:none;margin:0}.mobile-app-viewport .word-study[data-screen-fit=study-active]>.word-study-course{justify-content:center;gap:5px;min-height:18px;font-size:11px;display:flex!important}.mobile-app-viewport .word-study[data-screen-fit=study-active]>.study-progress{gap:3px;font-size:11px}.mobile-app-viewport .word-study[data-screen-fit=study-active]>.study-word-card{border-radius:20px;flex-direction:column;flex:1;justify-content:center;gap:10px;min-height:0;padding:45px 14px 12px;display:flex;position:relative;overflow:visible}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-card-label{justify-content:space-between;min-height:30px;margin:0;font-size:12px;position:absolute;top:8px;left:12px;right:12px}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-word-flags{gap:2px}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-word-flags button{min-height:28px;padding:3px;font-size:11px}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-word-prompt{text-align:center;flex:none;margin:0;padding:4px 0}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-word-prompt h2{overflow-wrap:anywhere;text-align:center;margin:0;font-size:clamp(27px,8vw,40px);line-height:1.2}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-chinese h2{font-size:20px;line-height:1.35}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-chinese>p{margin:6px 0 0;font-size:12px}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-pronunciation{flex-wrap:wrap;justify-content:center;gap:5px;margin:6px 0 0;font-size:13px}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-meaning{overflow-wrap:anywhere;text-align:center;margin:8px 0 0;font-size:19px;line-height:1.35}.mobile-app-viewport .study-example{text-align:left;border-radius:12px;flex:none;margin:0;padding:10px 12px}.mobile-app-viewport .study-example>p[lang=en]{overflow-wrap:anywhere;margin:5px 0;font-size:17px;line-height:1.4}.mobile-app-viewport .study-example .study-example-translation{overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.4}.study-example mark{color:#087766;background:0 0;font-weight:750}.mobile-app-viewport .study-example-label{color:#438879;font-size:11px;line-height:1.2;display:block}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-spelling{text-align:center;width:100%;max-width:330px;margin:0 auto}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-spelling input,.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-spelling output{text-align:center;min-height:44px;margin:5px 0;padding:8px;font-size:23px;line-height:1.25}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-spelling label{font-size:12px}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-letter-bank{justify-content:center;gap:5px;margin:8px 0}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-letter-bank button{min-width:30px;min-height:36px;padding:5px;font-size:18px}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-options{flex:none;gap:7px;margin:0}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-options button{border-radius:12px;min-height:45px;padding:7px;font-size:16px;line-height:1.35}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-listening{padding:3px 0}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-listening h2{margin:5px 0;font-size:20px}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-listening button{min-height:40px;margin:5px 0;font-size:15px}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-bottom{text-align:center;padding:0}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-bottom>.primary{border-radius:13px;width:100%;min-height:44px;font-size:17px}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-feedback{margin:0 0 5px;padding:5px 8px;font-size:12px;line-height:1.35}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-bottom>p:not(.study-feedback){margin:2px 0;font-size:11px}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-sync{text-align:center;min-height:12px;margin:0;font-size:10px;line-height:1.25}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-tip{margin:2px;font-size:12px}.study-finished-actions{justify-content:center;gap:6px;margin:5px 0;display:flex}.study-finished-actions button{flex:1;min-height:36px;padding:5px;font-size:13px}.mobile-app-viewport .word-study .study-finished>.primary{justify-content:center;width:100%;min-height:42px}.study-unit-badge{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:90px;margin-right:4px;font-size:10px;font-weight:500;display:inline-block;overflow:hidden}.study-practice-done{color:#087766!important}.word-detail{flex-direction:column;gap:9px;height:100%;min-height:0;display:flex}.mobile-app-viewport .app-shell:has(.word-detail) .sidebar{display:none}.mobile-app-viewport .app-main:has(.word-detail){height:100%;padding-bottom:6px}.word-detail-unit{text-align:center;color:#6e8496;font-size:11px}.word-detail>.study-word-card{flex-direction:column;flex:1;justify-content:center;gap:16px;min-height:0;padding:14px;display:flex}.word-detail .study-word-prompt{text-align:center;margin:0;padding:8px 0}.word-detail .study-word-prompt h2{overflow-wrap:anywhere;margin:0;font-size:36px;line-height:1.2}.word-detail .study-meaning{margin:8px 0 0;font-size:19px;line-height:1.4}.word-detail-actions{gap:7px;display:flex}.word-detail-actions button{flex:1;justify-content:center;align-items:center;gap:5px;min-height:40px;display:flex}.word-detail>.primary{min-height:42px}.word-detail-hint{color:#378498;white-space:nowrap;margin-left:8px;font-size:12px}.word-detail>[role=status]{text-align:center;margin:0;font-size:11px}.mobile-app-viewport .study-records-compact[data-screen-fit=wordbook]{flex-direction:column;gap:6px;height:100%;min-height:0;display:flex}.mobile-app-viewport .study-records-compact .page-heading{flex:none;min-height:38px;margin:0}.mobile-app-viewport .study-records-compact .page-heading h1{margin:0;font-size:22px}.mobile-app-viewport .study-records-compact>.compact-library{flex:none;gap:5px;width:100%;min-height:34px;margin:0;padding:6px 8px;font-size:11px;display:flex}.mobile-app-viewport .study-records-compact>.compact-library strong{text-overflow:ellipsis;white-space:nowrap;flex:1;width:auto;min-width:0;max-width:none;font-size:11px;overflow:hidden}.wordbook-tabs{flex:none;gap:5px;margin:0;display:flex}.wordbook-tabs button{color:#47667c;background:#fff;border:1px solid #d8e8ee;border-radius:10px;flex:1;min-height:34px;padding:5px;font-size:13px}.wordbook-tabs button[aria-selected=true]{color:#0c7769;background:#e7f7f4;border-color:#75c6b6;font-weight:700}.wordbook-tools{flex:none;grid-template-columns:1fr 1.1fr;gap:6px;display:grid}.mobile-app-viewport .wordbook-tools label{gap:2px;margin:0;font-size:11px}.mobile-app-viewport .wordbook-tools :is(input,select){width:100%;min-height:32px;margin:0;padding:5px 7px;font-size:12px}.wordbook-filters{flex:none;gap:4px;display:flex}.wordbook-filters button{background:#fff;border:1px solid #d8e8ee;border-radius:9px;flex:1;min-height:30px;padding:4px;font-size:12px}.wordbook-filters button[aria-pressed=true]{color:#0b7768;background:#e3f6f0;border-color:#7ec9b7}.wordbook-visible-list{flex-direction:column;flex:1;gap:6px;min-height:0;margin:0;display:flex;overflow:visible}.wordbook-compact-row{background:#fff;border:1px solid #d6e7ee;border-radius:12px;align-items:center;gap:6px;min-height:78px;margin:0;padding:8px 9px;display:flex}.wordbook-compact-row>a{flex:1;min-width:0}.mobile-app-viewport .wordbook-compact-row h2{overflow-wrap:anywhere;margin:0 0 3px;font-size:18px;line-height:1.2}.mobile-app-viewport .wordbook-compact-row p{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 3px;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}.wordbook-compact-row small{color:#71899a;gap:4px;font-size:10px;line-height:1.2;display:flex}.wordbook-compact-row small>span{white-space:nowrap;color:#178875;margin-left:auto}.wordbook-compact-row>div{flex-direction:column;flex:none;gap:3px;display:flex}.wordbook-compact-row button{color:#248095;background:#eef7fa;border:0;border-radius:8px;place-items:center;min-width:30px;min-height:30px;padding:5px;display:grid}.wordbook-pagination{flex:none;justify-content:space-between;align-items:center;gap:6px;min-height:32px;font-size:11px;display:flex}.wordbook-pagination button{min-height:32px;padding:4px 8px;font-size:12px}.wordbook-practice-link{text-align:center;flex:none;min-height:26px;padding:3px;font-size:12px;display:block}.wordbook-status{text-align:center;flex:none;min-height:12px;margin:0;font-size:10px;line-height:1.25}.wordbook-history-plan{flex:none;justify-content:space-between;align-items:center;gap:5px;font-size:12px;display:flex}.mobile-app-viewport .wordbook-history-plan label{flex-direction:row;align-items:center;gap:5px;margin:0;font-size:12px;display:flex}.mobile-app-viewport .wordbook-history-plan select{width:80px;min-height:32px;padding:5px}.wordbook-today{background:#e9f7f2;border-radius:10px;flex:none;justify-content:space-around;gap:5px;padding:8px;font-size:12px;display:flex}.wordbook-today b{color:#117a68;font-size:17px}.wordbook-history-row{background:#fff;border:1px solid #d6e7ee;border-radius:10px;flex-wrap:wrap;align-items:center;gap:5px;min-height:50px;padding:8px;font-size:12px;display:flex}.wordbook-history-row strong{margin-right:auto}.wordbook-history-row small{color:#6b8797;width:100%;font-size:11px}.wordbook-history-source{flex:none;gap:5px;font-size:11px;display:flex}.wordbook-history-source button{flex:1;min-height:32px;padding:5px;font-size:11px}.wordbook-history-source button[aria-pressed=true]{color:#0e7767;background:#e7f7f1}.word-practice-history{flex-direction:column;flex:1;gap:8px;min-height:0;font-size:12px;display:flex}.word-practice-dimensions{flex:none;grid-template-columns:1fr 1fr;gap:4px;display:grid}.word-practice-dimensions button{min-height:30px;padding:4px;font-size:11px}.word-practice-dimensions button[aria-pressed=true]{color:#0e7767;background:#e7f7f1;border-color:#7ec9b7}.word-practice-history article{text-align:center;background:#fff;border:1px solid #d6e7ee;border-radius:14px;flex-direction:column;flex:1;justify-content:center;gap:6px;min-height:0;padding:9px;display:flex}.word-practice-history article h2{margin:0;font-size:18px;line-height:1.3}.word-practice-history article p{margin:0;font-size:13px;line-height:1.4}.word-practice-history>small{font-size:10px;line-height:1.3}.courses-app{height:100%;min-height:0}.courses-app [hidden]{display:none!important}.courses-app>.page-heading{min-height:38px;margin:0 0 6px}.courses-app>section:not(.selection-panel)>.chips{gap:5px;margin:0 0 6px}.courses-app .search-field{min-height:36px;margin:0 0 6px;padding:5px 8px}.courses-app .search-field input{min-height:28px;padding:2px;font-size:13px}.course-filter-toggle{background:#fff;border:1px solid #d6e7ee;border-radius:10px;justify-content:space-between;align-items:center;gap:4px;width:100%;min-height:34px;margin-bottom:7px;padding:5px 7px;font-size:12px;display:flex}.course-filter-toggle span{color:#6d8797;font-size:10px}.mobile-app-viewport .courses-app .course-card{min-height:70px;margin:0;padding:7px}.mobile-app-viewport .courses-app .course-card h3{font-size:14px;line-height:1.3}.mobile-app-viewport .courses-app .course-card p{margin:3px 0;font-size:11px}.mobile-app-viewport .courses-app .course-card small{font-size:10px}.mobile-app-viewport .courses-app .course-grid{gap:7px;margin:0}.mobile-app-viewport .courses-app .pagination{gap:5px;min-height:34px;margin:7px 0 0;font-size:11px}.mobile-app-viewport .courses-app .pagination button{min-height:32px;padding:4px 7px;font-size:12px}.course-filter-panel>.primary{justify-content:center;width:100%;min-height:40px;margin-top:7px}.course-filter-panel .two-columns{gap:5px}.mobile-app-viewport .course-filter-panel .two-columns label{gap:3px;font-size:12px}.mobile-app-viewport .course-filter-panel .two-columns select{min-height:32px;padding:5px;font-size:12px}.mobile-app-viewport .course-filter-panel .panel{margin:7px 0;padding:9px}.mobile-app-viewport .course-filter-panel .panel summary{font-size:12px}.mobile-app-viewport .course-filter-panel>button.text-button{min-height:30px;padding:4px;font-size:12px}:root[data-text-size=large] .mobile-app-viewport .home-game-card strong,:root[data-text-size=large] .mobile-app-viewport .home-study-shortcuts a{font-size:13px}:root[data-text-size=large] .mobile-app-viewport .compact-library strong{font-size:14px}:root[data-text-size=large] .mobile-app-viewport .screen-pages[data-screen-density=tight] .settings-tabs button{font-size:13px}:root[data-text-size=large] .mobile-app-viewport .screen-pages[data-screen-density=tight] .study-example>p[lang=en]{font-size:18px;line-height:1.3}:root[data-text-size=large] .mobile-app-viewport .screen-pages[data-screen-density=tight] .study-example-translation{font-size:14px;line-height:1.3}:root[data-text-size=large] .mobile-app-viewport .screen-pages[data-screen-density=tight] .study-meaning{font-size:18px;line-height:1.35}:root[data-text-size=large] .mobile-app-viewport .screen-pages[data-screen-density=tight] .study-options button{font-size:15px;line-height:1.3}:root[data-text-size=large] .mobile-app-viewport .screen-pages[data-screen-density=tight] .study-card-label>span{font-size:12px}@media (height<=610px){:root[data-text-size=large] .mobile-app-viewport :is(.word-detail,.word-study) .study-example>p[lang=en]{font-size:18px;line-height:1.3}:root[data-text-size=large] .mobile-app-viewport :is(.word-detail,.word-study) .study-example-translation{font-size:14px;line-height:1.3}:root[data-text-size=large] .mobile-app-viewport :is(.word-detail,.word-study) .study-word-card .study-meaning{font-size:18px;line-height:1.3}:root[data-text-size=large] .mobile-app-viewport .word-study .study-options button{font-size:15px;line-height:1.3}:root[data-text-size=large] .mobile-app-viewport .word-study .study-card-label>span{font-size:12px}.mobile-app-viewport .word-study[data-screen-fit=study-active]{gap:4px}.mobile-app-viewport .word-study[data-screen-fit=study-active]>.study-word-card{gap:5px;padding:30px 10px 7px}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-word-prompt{margin:0;padding:1px 0}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-word-prompt h2{font-size:27px}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-chinese h2{font-size:17px}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-meaning{margin-top:3px;font-size:16px}.mobile-app-viewport .study-example{padding:6px 9px}.mobile-app-viewport .study-example>p[lang=en]{margin:3px 0;font-size:14px;line-height:1.3}.mobile-app-viewport .study-example .study-example-translation{font-size:12px;line-height:1.3}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-options button{min-height:38px;padding:5px;font-size:13px}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-card-label{min-height:24px;font-size:11px}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-word-flags button{min-height:24px}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-pronunciation{margin-top:3px}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-bottom>.primary{min-height:38px;font-size:15px}.mobile-app-viewport .word-study[data-screen-fit=study-active] .study-listening>svg{width:25px;height:25px}.word-detail{gap:4px}.word-detail>.study-word-card{gap:5px;padding:9px}.word-detail .study-word-prompt h2{font-size:27px}.word-detail .study-meaning{font-size:16px}}@media (prefers-reduced-motion:no-preference){.study-example{animation:.16s ease-out example-enter}@keyframes example-enter{0%{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}}.practice-methods{color:#226454;background:#edf8f4;border-radius:12px;flex-direction:column;gap:8px;padding:12px;font-size:13px;display:flex}.practice-methods p{margin:0;line-height:1.5}.practice-methods strong{font-size:16px}:root{--sport-ink:#163847;--sport-accent:#f28a57;--sport-paper:#fffef6;--sport-peach:#f9d9c9;--sport-blue:#c9e6f6;--sport-yellow:#f3e9b0;--sport-lilac:#d9cbea;--sport-line:#deded4}.mobile-app-viewport{--ink:var(--sport-ink);--text:var(--sport-ink);--green:var(--sport-ink);--primary:var(--sport-accent);--background:var(--sport-paper);--surface:#fffefa;--line:var(--sport-line);--border:var(--sport-line);background:var(--sport-paper);color:var(--sport-ink)}body:has(.mobile-app-viewport){background:#efeee9}.mobile-app-viewport .primary{background:var(--sport-accent);border-color:var(--sport-accent);color:#163847;box-shadow:0 3px #d86f3a}.mobile-app-viewport .sidebar{background:var(--sport-paper);border-color:var(--sport-line)}.mobile-app-viewport .sidebar nav a{color:#738590}.mobile-app-viewport .sidebar nav a.active{color:#d96632;box-shadow:none;background:0 0}.mobile-app-viewport .sidebar nav a.active span{border-bottom:2px solid var(--sport-accent)}.sport-home{height:100%;min-height:0;color:var(--sport-ink);flex-direction:column;gap:7px;display:flex;container-type:inline-size}.sport-home a{color:inherit;text-decoration:none}.sport-home small{color:#71858c;font-size:11px;line-height:1.25}.sport-header{flex:none;align-items:center;gap:9px;min-height:54px;display:flex}.sport-brand{flex:1;min-width:0}.sport-brand h1{letter-spacing:-1.4px;margin:0;font-size:clamp(24px,7cqw,29px);font-style:italic;font-weight:950;line-height:1.1}.sport-brand p{margin:5px 0 0!important;font-size:9px!important}.sport-user{flex-direction:column;align-items:center;gap:2px;max-width:86px;display:flex}.sport-user strong{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:86px;font-size:11px;overflow:hidden}.sport-message{flex-direction:column;align-items:center;gap:1px;font-size:10px;display:flex}.sport-message .notification-bell{width:38px;min-height:32px;box-shadow:none;background:0 0;border:0;padding:4px}.sport-message .notification-bell svg{width:21px;height:21px}.sport-course{background:#fce9de;border-radius:12px;flex:none;align-items:center;gap:10px;min-height:46px;padding:8px 12px;display:flex}.sport-course>svg{color:#ed7c49;flex:none}.sport-course>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.sport-course strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.sport-switch{flex:none;align-items:center;font-size:11px;display:flex}.sport-progress{border:1px solid var(--sport-line);border-top:2px solid var(--sport-accent);background:linear-gradient(135deg,#fffdfa 86%,var(--sport-peach) 86%);flex:none;grid-template-rows:1fr 38px;grid-template-columns:31% 36% 1fr;gap:5px 10px;min-height:126px;padding:10px;display:grid}.sport-gauge{aspect-ratio:1;background:conic-gradient(var(--sport-accent) var(--progress),#d8edf4 0);border-radius:50%;grid-row:1/3;align-self:center;width:100%;max-width:100px;max-height:100px;padding:4px}.sport-gauge>div{background:#fffdfa;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:100%;display:flex}.sport-gauge svg{color:var(--sport-accent)}.sport-gauge strong{font-size:17px}.sport-gauge small{font-size:10px}.sport-stat{flex-direction:column;align-self:center;gap:3px;min-width:0;display:flex}.sport-stat>strong{font-size:30px;font-weight:900;line-height:1.1}.sport-stat em{font-size:13px;font-style:normal;font-weight:600}.sport-home .sport-continue{background:var(--sport-accent);border-radius:3px;grid-column:2/4;justify-content:center;align-items:center;gap:9px;min-height:38px;font-size:17px;font-weight:800;display:flex;transform:skew(-6deg)}.sport-continue>*{transform:skew(6deg)}.sport-shortcuts{flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.sport-shortcuts a{background:var(--sport-peach);border-radius:4px;flex-direction:column;gap:4px;min-height:83px;padding:9px 8px 12px;display:flex;position:relative}.sport-shortcuts a:nth-child(2){background:var(--sport-blue)}.sport-shortcuts a:nth-child(3){background:var(--sport-yellow)}.sport-shortcuts a:nth-child(4){background:var(--sport-lilac)}.sport-shortcuts svg{color:#f18550;width:23px;height:23px}.sport-shortcuts strong{white-space:nowrap;font-size:13px}.sport-shortcuts small{color:#536c76;font-size:10px}.sport-shortcuts .sport-tile-arrow{width:12px;height:12px;color:inherit;position:absolute;bottom:3px;right:3px}.sport-plan{flex:none;align-items:center;gap:8px;min-height:40px;display:flex}.sport-plan>svg{color:#ef8852;background:var(--sport-blue);border-radius:50%;flex:none;width:30px;height:30px;padding:4px}.sport-plan>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sport-plan strong{font-size:13px}.sport-plan-edit{border:1px solid var(--sport-line);border-radius:20px;align-items:center;gap:2px;padding:7px;font-size:11px;display:flex}.sport-practice{border:1px solid var(--sport-line);background:#fffefa;border-radius:14px;flex-direction:column;flex:1;gap:5px;min-height:110px;padding:7px;display:flex;overflow:hidden}.sport-section-title{flex:none;justify-content:space-between;align-items:center;min-height:24px;display:flex}.sport-section-title h2{align-items:center;gap:5px;margin:0;display:flex;font-size:15px!important}.sport-section-title h2 svg{color:var(--sport-accent)}.sport-section-title>a{align-items:center;font-size:11px;display:flex}.sport-games{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-height:0;display:grid}.sport-games[data-count="3"],.sport-games[data-count="2"]{grid-template-rows:minmax(0,1fr)}.sport-games[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.sport-games>a{flex-direction:column;align-items:center;gap:4px;min-width:0;min-height:0;display:flex}.sport-games .game-art{object-fit:cover;aspect-ratio:auto;border-radius:9px;flex:1;width:100%;height:0;min-height:30px}.sport-games strong{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:none;min-height:15px;font-size:12px;line-height:1.25;display:-webkit-box;overflow:hidden}.sport-home .sport-game-pages{flex:none;justify-content:center;align-items:center;gap:14px;height:28px;font-size:10px;display:flex}.sport-home .sport-game-pages button{border:1px solid var(--sport-line);width:34px;height:28px;min-height:28px;box-shadow:none;background:#fffefa;border-radius:10px;padding:0;font-size:20px}.sport-parent{background:#f5f0c9;flex:none;align-items:center;gap:10px;min-height:58px;padding:9px 12px;display:flex}.sport-parent>svg{color:var(--sport-accent);width:27px;height:27px}.sport-parent>span:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.sport-parent strong{font-size:15px}.sport-parent>span:last-child{align-items:center;font-size:11px;display:flex}.sport-status{flex:none}.sport-status .notice{margin:0!important;padding:4px!important;font-size:11px!important}.sport-home[data-density=compact] .sport-progress{grid-template-rows:1fr 34px;min-height:107px;padding:7px}.sport-home[data-density=compact] .sport-gauge{max-width:88px;max-height:88px}.sport-home[data-density=compact] .sport-shortcuts a{min-height:72px;padding:6px}.sport-home[data-density=compact] .sport-parent{min-height:46px}.sport-home[data-density=tight] .sport-header{min-height:40px}.sport-home[data-density=tight] .sport-brand p{display:none}.sport-home[data-density=tight] .sport-user .profile-avatar{max-width:28px;max-height:28px}.sport-home[data-density=tight] .sport-course{min-height:37px;padding:4px 8px}.sport-home[data-density=tight] .sport-progress{grid-template-rows:1fr 32px;min-height:90px;padding:5px}.sport-home[data-density=tight] .sport-stat>strong{font-size:24px}.sport-home[data-density=tight] .sport-continue{min-height:32px;font-size:15px}.sport-home[data-density=tight] .sport-shortcuts a{gap:2px;min-height:58px;padding:4px 5px}.sport-home[data-density=tight] .sport-shortcuts svg{width:17px;height:17px}.sport-home[data-density=tight] .sport-shortcuts strong{font-size:11px}.sport-home[data-density=tight] .sport-plan small,.sport-home[data-density=tight] .sport-parent small{display:none}.sport-home[data-density=tight] .sport-parent{min-height:37px;padding:4px 9px}.sport-home[data-density=tight] .sport-practice{min-height:97px;padding:4px}.sport-home[data-density=tight] .sport-section-title{min-height:19px}.sport-home[data-density=tight] .sport-games strong{font-size:11px}.sport-home a,.sport-home button{transition:filter .12s}.sport-home a:active,.sport-home button:active{filter:brightness(.94)}.sport-home a:focus-visible,.sport-home button:focus-visible{outline-offset:2px;outline:3px solid #337b98}@media (prefers-reduced-motion:reduce){.sport-home a,.sport-home button{transition:none}}.mobile-app-viewport .word-study.study-paper{color:var(--sport-ink);background:var(--sport-paper)}.mobile-app-viewport .study-paper .study-word-card{border-color:var(--sport-line);background:#fffefa;justify-content:flex-start;gap:14px}.mobile-app-viewport .study-paper .study-word-prompt{flex:none;padding:clamp(12px,4cqh,32px) 0}.mobile-app-viewport .study-paper .study-word-prompt h2{color:var(--sport-ink);line-height:1.15;font-size:var(--paper-word)!important}.mobile-app-viewport .study-paper .study-chinese h2{font-size:calc(var(--paper-answer) + 3px)!important}.mobile-app-viewport .study-paper .study-options{grid-template-columns:1fr;gap:10px;width:100%}.mobile-app-viewport .study-paper .study-options button{font-size:var(--paper-answer);min-height:58px;color:var(--sport-ink);background:#fffdf8;border-color:#d9dfd7;padding:10px 12px}.mobile-app-viewport .study-paper .study-topline{position:static}.mobile-app-viewport .study-paper .primary{background:var(--sport-accent);border-color:var(--sport-accent);color:var(--sport-ink);box-shadow:0 3px #d86f3a}.mobile-app-viewport .study-paper .study-example{background:#f4f0fa;margin-top:0}.mobile-app-viewport .study-paper .word-study-header h1{white-space:nowrap}@container study (height<=650px){.mobile-app-viewport .study-paper .study-options{grid-template-columns:1fr 1fr;gap:7px}.mobile-app-viewport .study-paper .study-options button{min-height:50px;font-size:18px}.mobile-app-viewport .study-paper .study-word-prompt{padding:8px 0}.mobile-app-viewport .study-paper .study-word-card{gap:8px}}.sport-home[data-density=compact] .sport-parent{gap:7px;min-height:40px;padding:4px 9px}.sport-home[data-density=compact] .sport-parent strong{font-size:14px;line-height:17px}.sport-home[data-density=compact] .sport-parent small{font-size:10px;line-height:12px}.sport-home[data-density=compact] .sport-shortcuts a{gap:2px;min-height:65px;padding:5px}.sport-home[data-density=compact] .sport-course{min-height:40px;padding:4px 9px}.sport-home[data-density=compact] .sport-plan{min-height:36px}.sport-home[data-density=tight] .sport-user>img{width:25px!important;height:25px!important}.sport-home[data-density=tight] .sport-user strong{font-size:9px;line-height:11px}.sport-home[data-density=tight] .sport-brand h1{font-size:23px}.sport-home[data-density=tight] .sport-course small{font-size:9px}.sport-home[data-density=tight] .sport-course{min-height:34px}.sport-home[data-density=tight] .sport-parent{height:32px;min-height:32px;padding:3px 7px}.sport-home[data-density=tight] .sport-parent strong{font-size:13px}.sport-home[data-density=tight] .sport-shortcuts a{min-height:53px}.sport-home[data-density=tight] .sport-plan{min-height:30px}.sport-home[data-density=tight] .sport-plan>svg{width:23px;height:23px}.sport-home[data-density=tight] .sport-plan-edit{padding:4px}.sport-home[data-density=compact] .sport-games strong,.sport-home[data-density=tight] .sport-games strong{height:30px}.sport-home[data-density=compact] .sport-practice{min-height:134px}.mobile-app-viewport #settings-panel-study>label:not(.check-line){flex-direction:row;justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-app-viewport #settings-panel-study>label select{width:58%;max-width:190px;margin:0}.screen-pages[data-screen-density=compact] #settings-panel-study .text-size-preview,.screen-pages[data-screen-density=tight] #settings-panel-study .text-size-preview{display:none}.mobile-app-viewport .settings-page .page-heading{flex-shrink:0;margin:0 0 7px!important}.sport-home[data-density=compact]{gap:4px}.sport-home[data-density=compact] .sport-user>img{width:30px!important;height:30px!important}.sport-home[data-density=compact] .sport-user strong{line-height:13px}.sport-home .sport-message{line-height:12px}.sport-home[data-density=compact] .sport-header{min-height:44px}.sport-home[data-density=compact] .sport-brand p{line-height:12px}.sport-home[data-density=tight] .sport-header{height:40px;min-height:40px}.sport-home[data-density=tight] .sport-message{line-height:10px}.sport-home[data-density=tight] .notification-bell{height:27px;min-height:27px;padding:2px}.sport-home[data-density=tight] .sport-practice{min-height:110px}.sport-home[data-density=tight] .sport-games>a{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:5px;display:grid}.sport-home[data-density=tight] .sport-games .game-art{flex:none;width:38px;height:40px;min-height:40px}.sport-home[data-density=tight] .sport-games strong{text-align:left;height:auto}.mobile-app-viewport .study-paper .study-card-label{flex:none;width:100%;position:static}.study-content-tabs{display:none}@container study (height<=650px){.study-content-tabs{flex:none;gap:6px;display:flex}.mobile-app-viewport .study-content-tabs button{border:1px solid var(--sport-line);background:#fffefa;flex:1;min-height:36px;padding:5px;font-size:13px}.study-content-tabs button[aria-pressed=true]{background:var(--sport-blue)!important}.study-paper [data-reading-pane=word] .study-example,.study-paper [data-reading-pane=example] .study-word-prompt{display:none}.study-paper .study-example-paired{display:none!important}.mobile-app-viewport .study-paper .study-example{padding:7px 10px!important}.mobile-app-viewport .study-paper .study-example>p{font-size:17px!important}.mobile-app-viewport .study-paper .word-study-header{min-height:40px}.mobile-app-viewport .study-paper .study-word-prompt h2{font-size:34px!important}}.sport-home[data-density=tight]{gap:2px}.sport-home[data-density=tight] .sport-progress{min-height:80px}.sport-home[data-density=tight] .sport-gauge{max-width:66px;max-height:66px}.sport-home[data-density=tight] .sport-gauge small{font-size:9px}.sport-games strong{height:30px;min-height:30px}.sport-home[data-density=tight] .sport-progress{gap:3px 8px;padding:3px}