.page-intro h1,.learn-header h1{letter-spacing:-1px;font-size:32px}.page-intro{margin:8px 0 30px}.learn-header{margin-bottom:34px}.resolution{font-size:16px}.library-count{color:#72b54e;font-size:49px}.library-toolbar{border-top:2px solid var(--line);border-bottom:2px solid var(--line)}.reading-section{border-top:2px solid var(--line)}.english-body{color:#435249}.korean-annotation{border-color:#bfdfa9}.side-argument,.source-link,.start-panel,.case-editor,.prep-tip,.prep-summary,.resume-banner,.empty-state,.conversation-panel,.round-notes,.hint-panel,.review-main,.next-practice,.guide-dialog,.cloud-summary>div,.cloud-confirm{border:2px solid var(--line);background:#fff;border-radius:16px}.source-link{border-radius:13px}.side-label{color:#66a843}.side-argument p{color:#728067}.start-panel{overflow:hidden}.topic-art.small{height:190px;padding:0}.small>svg{width:230px;height:174px}.start-panel-body{padding:26px}.start-panel h2{font-size:26px}.start-panel p{font-size:13px}.side-picker>button{border:2px solid var(--line);white-space:nowrap;border-bottom-width:4px;border-radius:11px;gap:7px;padding:9px 13px;font-size:13px;font-weight:650}.side-picker>button.selected{color:#4f852e;background:#edf8e3;border-color:#b8de9c}.field-number{color:#729958;background:#eff7e8;border:0;border-radius:9px;font-size:11px}.case-field label strong{font-size:16px}.case-field label small{color:#95a188}.case-field textarea,.composer textarea{color:#435047;background:#fcfdfb;border:2px solid #dce4db;border-radius:12px;line-height:1.85}.case-field textarea::placeholder,.composer textarea::placeholder{color:#83907b}.case-field label{gap:12px}.case-field>p{font-size:12px}.prep-tip{color:#71944b;background:#f6faef;border-color:#e7efdc}.prep-tip h3{color:#4f653c;font-size:24px}.prep-tip p{font-size:13px}.prep-summary li.done{color:#60a837}.notice{color:#718062;background:#f7faf2;border:1px solid #e2eadb;border-radius:11px}.notice.error{color:#9c5149;background:#fff7f5;border:2px solid #e3b9b3}.resume-banner{background:#f4faee;border-color:#dbeccf}.empty-symbol{color:#78b047;background:#eff8e5;border:0}.history-list{border-top:2px solid var(--line)}.history-row{border-bottom:2px solid var(--line);padding:25px 14px}.history-index{color:#98bd7d}.history-row h3{font-size:19px}.round-progress{border:2px solid var(--line);border-radius:13px;overflow:hidden}.round-progress li:not(:last-child){border-right:2px solid var(--line)}.round-progress .current{color:#4a8928;background:#edf8e4}.round-progress .current>span{color:#fff;background:#66bf32;border-color:#66bf32}.round-progress .complete{color:#64a23e}.round-progress .complete>span{border-color:#bddfa7}.conversation-header{color:#96a18e}.conversation-header>span:first-child{color:#6b9650}.message-author{color:#6d9453}.message-avatar{color:#72a146;background:#eef6e6;border:0;border-radius:9px}.message.user .message-avatar{color:#fff;background:#89b75f}.message>p{color:#4a5b3d;background:#f5faef;border:1px solid #dce9d3;border-radius:0 13px 13px}.message.user>p{color:#47533f;background:#fff;border:1px solid #e3e9df}.composer{border-top:2px solid var(--line)}.hint-panel{background:#fbfcf8}.hint-panel>svg,.round-notes>.section-mini-title{color:#7da05d}.round-notes>div>span{color:#87a174}.review-celebration h1{color:#547b35;font-size:35px}.review-flag{color:#80b34e}.next-practice{background:#f6faef;border-color:#e5eed9}.next-practice h2{font-size:30px}.next-practice-icon{color:#83a956}.guide-dialog{border-color:#dfe8d8;width:min(530px,100vw - 32px);padding:39px}.guide-dialog::backdrop{background:#24322488}.guide-dialog h2{letter-spacing:-.7px;font-size:30px}.cloud-trigger{color:#6b8b50;border:2px solid #e1e8dd;border-bottom-width:3px;border-radius:11px;min-height:41px;padding:8px 13px;font-size:12px;font-weight:700}.cloud-trigger:hover{color:#568837;background:#f4f9ee}.auth-field input{color:#3e4c37;background:#fcfdfb;border:2px solid #dce4db;border-radius:11px}.cloud-summary>div{background:#fbfcf8;border-radius:12px;padding:16px}.cloud-confirm{background:#f7faf2}.account-email{color:#68756f}.self-checklist input,.live-checkbox input{accent-color:#68ac42}.score-track>span{background:#78b84a}.toggle-label.on .toggle-track{background:#81ba5a}.review-meta{gap:18px}.review-meta>span:not(:last-child){padding-right:18px}.feedback-quote{background:#f7faf2;border-color:#a6ce86;border-radius:0 12px 12px 0}.section-mini-title{color:#526747}html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{font-family:var(--font);letter-spacing:-.3px;font-weight:800}html[lang=en] .nav-item{font-size:16px}html[lang=en] .lesson-step h3{font-size:17px}html[lang=en] .learning-welcome h1{font-size:31px}html[lang=en] .home-topics .topic-card h3{font-size:15px;line-height:1.5}html[lang=en] .button{letter-spacing:.2px}@media (min-width:1500px){.main-content{padding:0 48px}.learning-dashboard{grid-template-columns:minmax(0,1fr) 290px;gap:32px}.lesson-intro{grid-template-columns:minmax(0,1fr) 170px;padding:27px 32px}.lesson-mascot{width:174px}.lesson-intro h2{font-size:24px}.lesson-path{padding:24px 32px 10px}.lesson-action{padding:0 32px 26px}}@media (max-width:1250px){.sidebar{width:200px;padding-left:14px;padding-right:14px}.topbar,.main-shell{margin-left:200px}.topbar{padding:0 28px}.brand-button{left:22px}.brand{font-size:25px}.brand-symbol>svg{width:25px;height:25px}.nav-item{gap:11px;padding:12px;font-size:13px}.main-content{padding:0 28px}.learning-dashboard{grid-template-columns:minmax(0,1fr) 248px;gap:22px}.learning-welcome{gap:16px}.learning-welcome h1{font-size:25px}.course-label{font-size:10px}.lesson-intro{grid-template-columns:minmax(0,1fr) 118px;padding:22px}.lesson-mascot{width:130px}.lesson-intro h2{font-size:20px}.lesson-intro p{font-size:11px}.lesson-path{padding:20px 22px 8px}.lesson-step{gap:16px}.lesson-step h3{font-size:15px}.lesson-step p{font-size:11px}.lesson-node{width:54px;height:54px}.lesson-step:not(:last-child):before{top:56px;left:25px}.current-step-tag{padding:3px 6px;font-size:9px}.lesson-action{padding:0 22px 23px}.progress-card,.goal-card{padding:21px}.progress-card .section-heading h2{font-size:15px}.home-topics .topic-grid{grid-template-columns:1fr}.home-topics .topic-card{grid-template-columns:75px minmax(0,1fr);padding:13px}.home-topics .topic-art{width:75px;height:72px}.home-topics .topic-card h3{font-size:14px}.home-topics .eyebrow-line{font-size:10px}.home-topics .topic-card-body{flex-direction:column;display:flex}.home-topics .topic-bottom{margin-top:4px}.learn-grid{grid-template-columns:minmax(0,1fr) 270px;gap:28px}.start-panel-body{padding:22px}.prep-grid{grid-template-columns:minmax(0,1fr) 245px;gap:23px}.case-editor{padding:25px}.prep-summary,.prep-tip{padding:23px}.case-field label small{margin:3px 0 0;display:block}.spar-grid{grid-template-columns:minmax(0,1fr) 245px;gap:22px}.round-progress li{gap:9px;padding:17px 14px}.review-grid{grid-template-columns:minmax(0,1fr) 270px;gap:25px}.next-practice{padding:24px}.sidebar-note{left:20px;right:20px}.sidebar-note strong{font-size:12px}.sidebar-note p{font-size:11px}html[lang=en] .learning-welcome h1{font-size:28px}html[lang=en] .lesson-step h3{font-size:16px}}@media (max-width:1050px){.sidebar{width:180px;padding-left:12px;padding-right:12px}.brand-button{top:32px;left:19px}.brand{gap:6px;font-size:23px}.brand-symbol>svg{width:22px;height:22px}.topbar,.main-shell{margin-left:180px}.topbar{height:82px;padding:0 25px}.sidebar{padding-top:106px}.nav-item{gap:9px;padding:11px;font-size:12px}.nav-item>svg{width:21px;height:21px}.sidebar-note{left:16px;right:16px}.main-content{padding:0 25px}.learning-dashboard{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.course-label{display:none}.lesson-intro{min-height:185px;padding:23px 22px;display:block;position:relative}.lesson-intro>div{z-index:1;max-width:78%;position:relative}.lesson-intro h2{font-size:19px}.lesson-intro p{max-width:80%;font-size:11px}.lesson-mascot{width:94px;position:absolute;bottom:10px;right:7px}.lesson-duration{font-size:9px}.lesson-step{gap:14px;min-height:101px}.lesson-step h3{font-size:14px}.lesson-step p{font-size:10px}.lesson-step-label{font-size:9px}.lesson-node{width:50px;height:50px}.lesson-node>svg{width:23px;height:23px}.lesson-step:not(:last-child):before{top:53px;left:23px}.current-step-tag{display:none}.lesson-path{padding:20px 21px 6px}.progress-card,.goal-card{padding:19px}.progress-card .section-heading h2{font-size:14px}.progress-card .section-heading>svg{display:none}.goal-card h2{font-size:16px}.goal-card>p{font-size:11px}.practice-stat-row{gap:12px}.stat-icon{width:41px;height:41px}.practice-stat-row strong{font-size:27px}.progress-card .button{gap:8px;padding:9px;font-size:11px}.learning-note{gap:7px}.learning-note p{font-size:10px}.home-topics .section-heading h2{font-size:17px}.learn-grid{grid-template-columns:1fr}.start-panel{grid-template-columns:1fr 1fr;display:grid;position:static}.start-panel .topic-art{border-bottom:0;height:100%;min-height:300px}.start-panel .topic-art>svg{width:100%;height:auto}.start-panel-body{padding:26px}.prep-grid{grid-template-columns:1fr}.prep-aside{grid-template-columns:1fr 1fr;gap:20px;display:grid;position:static}.prep-summary{margin:0}.spar-grid{grid-template-columns:1fr}.spar-tools{grid-template-columns:1fr 1fr;gap:20px;display:grid}.hint-panel{margin:0}.round-notes{max-height:350px}.review-grid{grid-template-columns:1fr}.next-practice{position:static}.next-practice h2 br{display:none}.next-practice>.button{width:auto}.page-intro h1,.learn-header h1{font-size:29px}.side-arguments{gap:17px}.side-argument{padding:20px}.side-argument h3{font-size:17px}.side-argument p{font-size:13px}.page-intro{flex-wrap:wrap}.round-progress small{font-size:8px}.round-progress strong{font-size:12px}.spar-title h1{font-size:28px}.topic-card h3{font-size:18px}html[lang=en] .nav-item{font-size:14px}html[lang=en] .learning-welcome h1{font-size:27px}html[lang=en] .lesson-step h3{font-size:15px}}@media (max-width:850px){.sidebar{width:80px;padding:102px 13px 20px}.brand-button{top:27px;left:24px}.brand>span:last-child{display:none}.brand-symbol>svg{width:31px;height:31px}.nav-item{justify-content:center;min-height:50px;padding:12px}.nav-item>svg{width:23px;height:23px}.nav-item>span,.nav-item>span.nav-count,.sidebar-note{display:none}.topbar,.main-shell{margin-left:80px}.topbar{height:82px}.learning-dashboard{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.learning-welcome p{font-size:13px}.lesson-intro h2{font-size:19px}.lesson-action .button{font-size:13px}.header-actions{gap:17px}.reading-section h2{font-size:22px}.learn-grid{gap:20px}.page-footer{font-size:9px}.home-topics .section-heading>.text-button{font-size:10px}}@media (max-width:700px){.topbar{border-bottom:2px solid var(--line);justify-content:space-between;gap:9px;height:76px;margin:0;padding:0 18px}.brand-button{position:static}.brand{letter-spacing:-1.2px;gap:5px;font-size:23px}.brand>span:last-child{display:inline}.brand-symbol>svg{width:24px;height:24px}.header-actions{gap:5px}.language-switch{border-radius:9px;gap:1px;padding:2px}.language-switch>button{min-height:27px;padding:5px;font-size:9px}.cloud-trigger{border-width:1px 1px 2px;border-radius:9px;width:31px;height:33px;min-height:33px;padding:6px}.cloud-trigger>span{display:none}.cloud-trigger>svg{width:17px;height:17px}.header-actions>.icon-button{width:27px;height:33px;padding:4px}.header-actions>.icon-button>svg{width:19px;height:19px}.mobile-menu{display:grid}.sidebar{border-right:0;border-bottom:2px solid var(--line);border-radius:0 0 16px 16px;width:100%;padding:14px 18px 20px;display:none;position:absolute;inset:74px 0 auto}.sidebar.is-open{display:block}.sidebar nav{gap:8px}.nav-item{justify-content:flex-start;gap:13px;min-height:50px;padding:13px 15px;font-size:15px}.nav-item>span{display:inline}.nav-item>span.nav-count{display:grid}.nav-item>svg{width:23px;height:23px}.nav-scrim{z-index:25;background:#24322488;display:block;position:fixed;inset:76px 0 0}.main-shell{margin:0}.main-content{padding:0 20px}.workspace-line{min-height:55px;font-size:11px}.workspace-current{gap:7px}.workspace-current>svg{width:15px;height:15px}.preview-pill{font-size:9px}.learning-welcome{margin:5px 0 24px;display:block}.learning-welcome h1{letter-spacing:-.8px;font-size:24px}.learning-welcome p{margin-top:8px;font-size:12px;line-height:1.85}.learning-dashboard{display:block}.current-lesson{border-radius:17px}.lesson-intro{min-height:183px;padding:22px}.lesson-intro>div{max-width:80%}.lesson-intro h2{max-width:230px;font-size:20px;line-height:1.55}.lesson-intro p{max-width:83%;font-size:11px}.lesson-eyebrow{margin-bottom:10px;font-size:10px}.lesson-mascot{width:110px;bottom:12px;right:7px}.lesson-duration{gap:6px;margin-top:14px;font-size:9px}.lesson-path{padding:22px 23px 6px}.lesson-step{gap:17px;min-height:101px;padding-bottom:20px}.lesson-node{width:53px;height:53px}.lesson-step:not(:last-child):before{top:56px;left:25px}.lesson-step h3{font-size:15px}.lesson-step p{font-size:11px;line-height:1.8}.lesson-step-label{font-size:9px}.lesson-action{padding:0 23px 24px}.lesson-action .button{min-height:49px;font-size:13px}.lesson-action>p{font-size:10px}.home-topics{margin-top:29px}.home-topics .section-heading h2{font-size:18px}.home-topics .section-heading>.text-button{font-size:11px}.home-topics .topic-grid{gap:13px}.home-topics .topic-card{grid-template-columns:77px minmax(0,1fr);gap:15px;padding:15px}.home-topics .topic-art{width:77px;height:78px}.home-topics .topic-card h3{font-size:14px;line-height:1.7}.home-topics .eyebrow-line{font-size:10px}.home-topics .open-topic{font-size:11px}.home-topics .topic-bottom{margin-top:7px}.learning-support{grid-template-columns:1fr 1fr;gap:14px;margin-top:29px;display:grid}.progress-card,.goal-card{border-radius:15px;padding:19px 16px}.progress-card .section-heading h2{font-size:14px;line-height:1.6}.practice-stat-row{gap:11px;margin:23px 0}.stat-icon{border-radius:10px;width:34px;height:37px}.stat-icon>svg{width:21px;height:21px}.practice-stat-row strong{font-size:25px}.practice-stat-row small{font-size:10px}.practice-stat-row div>span{font-size:9px}.progress-card .button{gap:5px;min-height:40px;padding:8px;font-size:10px}.progress-card .button>svg{display:none}.goal-illustration{border-radius:10px;width:39px;height:39px;margin-bottom:13px}.goal-illustration>svg{width:23px;height:23px}.goal-card h2{font-size:15px;line-height:1.6}.goal-card>p{margin:10px 0 20px;font-size:10px;line-height:1.9}.goal-progress-label{font-size:9px}.goal-card .text-button{gap:5px;font-size:10px}.goal-card .text-button>svg{width:13px}.learning-note{grid-column:1/-1;margin-top:3px}.learning-note p{font-size:11px}.page-footer{flex-direction:column;gap:8px;margin-top:36px;padding:24px 0;font-size:9px}.page-footer>span:first-child{font-size:8px}.page-intro{gap:15px;margin:5px 0 26px}.page-intro h1{letter-spacing:-1px;margin:9px 0 11px;font-size:27px;line-height:1.5}.page-intro p{font-size:13px}.page-intro>.button{min-height:42px;padding:9px 16px;font-size:12px}.library-count{letter-spacing:-2px;font-size:42px}.library-count>span{margin-left:6px;font-size:9px}.library-toolbar{margin-bottom:22px;padding:14px 0}.library-toolbar>span:last-child{display:none}.filter-label{font-size:13px}.topic-grid{grid-template-columns:1fr;gap:23px}.topic-card h3{font-size:20px}.topic-card p{font-size:13px}.topic-art{height:165px}.topic-art>svg{height:155px}.topic-card-body{padding:22px}.topic-bottom{font-size:10px}.topic-bottom>.open-topic{font-size:11px}.content-disclosure{margin-top:22px;font-size:11px;line-height:1.85}.back-link{margin-bottom:15px;font-size:11px}.learn-header{margin-bottom:28px}.learn-header h1{letter-spacing:-1.1px;font-size:28px;line-height:1.5}.resolution{font-size:15px;line-height:1.85}.learn-meta{flex-wrap:wrap;gap:12px;margin-top:19px;font-size:10px}.learn-grid{gap:15px}.reading-section{padding:23px 0}.reading-section h2{margin-bottom:20px;font-size:20px}.reading-section .section-heading{gap:10px}.english-body{font-size:16px;line-height:1.95}.korean-annotation{margin-top:19px;padding-left:14px;font-size:13px}.toggle-label{gap:6px;font-size:10px}.side-arguments{grid-template-columns:1fr;gap:14px}.side-argument{padding:20px}.side-argument h3{font-size:17px}.side-argument p{font-size:13px}.glossary>div{grid-template-columns:118px minmax(0,1fr);gap:16px}.glossary strong{font-size:14px}.glossary strong>span{font-size:11px}.glossary p{font-size:12px}.source-link{gap:11px;padding:17px}.source-link strong{font-size:13px}.source-link small{font-size:10px}.start-panel{display:block}.start-panel .topic-art{height:155px;min-height:0}.start-panel .topic-art>svg{width:auto;height:150px}.start-panel-body{padding:24px}.start-panel h2{font-size:25px}.start-panel h2 br,.start-panel p br{display:none}.start-panel p{font-size:13px}.side-picker>button{gap:6px;min-width:80px;min-height:44px;padding:9px 12px;font-size:12px}.subtle-caption{font-size:10px}.save-status{white-space:normal;font-size:10px}.prep-grid{grid-template-columns:1fr;gap:20px}.case-editor{padding:22px 18px}.editor-top{gap:10px;margin-bottom:24px;padding-bottom:20px}.editor-top>span{font-size:13px}.editor-top .side-picker>button{min-width:80px}.case-field{margin-top:27px}.case-field label{gap:11px}.case-field label strong{font-size:15px}.case-field label small{margin:2px 0 0;font-size:10px;display:block}.case-field>p{font-size:12px}.case-field textarea{min-height:145px;padding:14px;font-size:16px}.field-count{font-size:9px}.prep-aside{display:block;position:static}.prep-tip{display:none}.prep-summary{margin:0;padding:25px}.prep-summary ul{grid-template-columns:1fr 1fr;gap:11px;margin:20px 0 25px;display:grid}.prep-summary li{margin:0;font-size:11px}.word-total{font-size:43px}.resume-banner{flex-wrap:wrap;gap:13px;padding:21px}.resume-banner strong{font-size:15px}.resume-banner p{font-size:12px}.resume-banner .button{width:100%;margin:8px 0 0}.empty-state{padding:48px 16px}.empty-state h2{font-size:23px}.empty-state p{font-size:13px}.history-row{gap:14px;padding:22px 0}.history-index{min-width:32px;font-size:27px}.history-row h3{font-size:16px}.history-meta{font-size:10px}.history-row p{font-size:12px}.history-row>svg{width:17px}.history-footnote{font-size:11px}.spar-top{align-items:baseline;gap:9px}.round-mode{gap:5px;font-size:9px}.spar-top .back-link{font-size:10px}.spar-title{margin-bottom:22px;display:block}.spar-title h1{letter-spacing:-1px;font-size:26px;line-height:1.5}.spar-title>.small-tag{margin-top:15px;font-size:9px}.round-progress{margin-bottom:22px}.round-progress li{text-align:center;flex-direction:column;gap:8px;padding:14px 4px}.round-progress li>span{width:25px;height:25px;font-size:10px}.round-progress strong{font-size:11px}.round-progress small{font-size:7px}.spar-grid{gap:19px}.conversation-header{padding:16px 17px;font-size:11px}.conversation-body{min-height:260px;max-height:510px;padding:19px 16px}.round-instruction p{font-size:14px}.demo-explanation{border-radius:10px;padding:13px;font-size:11px}.message>p{margin-left:0;padding:15px;font-size:15px;line-height:1.95}.message-author strong{font-size:11px}.message-author>span:last-child{font-size:9px}.composer{padding:17px}.composer textarea{min-height:160px;padding:13px;font-size:16px}.composer-actions{gap:10px}.composer-actions>.button{gap:10px;min-height:44px;padding:10px 15px;font-size:12px}.composer-actions>span{font-size:10px}.composer-limit{display:none}.advance-panel>div{font-size:13px}.advance-panel>.button{gap:9px;font-size:12px}.mobile-notes{width:100%;margin-bottom:15px;font-size:13px;display:flex}.spar-tools{display:none}.spar-tools.show{display:block}.round-notes{max-height:360px}.hint-panel{margin-top:17px}.hint-panel p br{display:none}.hint-panel .button{max-width:260px}.hint-panel small{text-align:left}.review-celebration{margin-bottom:27px;padding-bottom:26px}.review-flag{margin-bottom:17px}.review-celebration h1{letter-spacing:-1px;font-size:29px;line-height:1.5}.review-celebration>p{font-size:14px}.review-meta{gap:10px;margin-top:19px;font-size:9px}.review-meta>span:not(:last-child){padding-right:10px}.review-main{padding:23px 19px}.review-main .section-heading{align-items:flex-start;gap:11px}.review-main .section-heading h2{font-size:19px}.review-main .section-heading>span{padding-top:6px;font-size:8px}.review-intro{font-size:13px}.self-checklist label{gap:13px;padding:19px 0}.self-checklist strong{font-size:14px}.self-checklist p{font-size:12px}.next-practice{padding:26px}.next-practice h2{font-size:28px}.next-practice>.button{width:100%}.notice{padding:13px;font-size:11px}.transcript-toggle{font-size:12px}.transcript-toggle>span:last-child{font-size:10px}.transcript article>p{font-size:14px}.feedback-summary{font-size:15px}.feedback-block>p{font-size:13px}.score-list>div{gap:12px;font-size:11px}.score-list>div>span{width:63px}.guide-dialog{padding:35px 24px 26px}.guide-dialog h2{font-size:27px}.guide-dialog>p{font-size:13px}.guide-steps span{font-size:12px}.guide-steps strong{font-size:14px}.dialog-actions{gap:9px}.dialog-actions .button{gap:8px;padding:11px 15px;font-size:12px}.cloud-summary{gap:9px}.cloud-summary>div{padding:15px 12px}.cloud-summary strong{font-size:13px}.cloud-summary small{font-size:10px}.auth-links button{font-size:11px}.auth-field{font-size:12px}.cloud-confirm{padding:18px}html[lang=en] .nav-item{font-size:16px}html[lang=en] .learning-welcome h1{font-size:27px}html[lang=en] .lesson-step h3,html[lang=en] .home-topics .topic-card h3{font-size:16px}}@media (max-width:370px){.topbar{gap:7px;padding:0 14px}.brand{letter-spacing:-1px;font-size:21px}.brand-symbol{display:none}.header-actions{gap:4px}.language-switch>button{padding:5px 4px;font-size:9px}.main-content{padding:0 16px}.learning-welcome h1{font-size:22px}.learning-welcome p{font-size:11px}.lesson-intro{padding:21px 19px}.lesson-intro h2{font-size:18px}.lesson-intro>div{max-width:83%}.lesson-mascot{width:94px;right:5px}.lesson-intro p{font-size:10px}.lesson-duration{gap:5px;font-size:8px}.lesson-path{padding:21px 19px 6px}.lesson-step{gap:14px}.lesson-step h3{font-size:14px}.lesson-step p{font-size:10px}.lesson-action{padding:0 19px 22px}.home-topics .section-heading h2{font-size:16px}.home-topics .topic-card{grid-template-columns:66px minmax(0,1fr);gap:12px;padding:13px}.home-topics .topic-art{width:66px;height:72px}.home-topics .topic-card h3{font-size:13px}.learning-support{grid-template-columns:1fr}.progress-card,.goal-card{padding:23px}.progress-card .section-heading h2{font-size:17px}.practice-stat-row strong{font-size:29px}.practice-stat-row div>span{font-size:11px}.progress-card .button{font-size:12px}.goal-card h2{font-size:18px}.goal-card>p{font-size:12px}.goal-card>p br{display:none}.goal-progress-label{font-size:11px}.goal-card .text-button{font-size:12px}.guide-dialog{padding:34px 20px 24px}html[lang=en] .learning-welcome h1{font-size:25px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.topic-filters{gap:18px;margin:28px 0 12px;display:grid}.topic-search{background:#fff;border:2px solid #e5e9df;border-radius:16px;align-items:center;gap:12px;max-width:520px;padding:13px 17px;display:flex}.topic-search input{width:100%;color:inherit;font:inherit;background:0 0;border:0;outline:none}.topic-search:focus-within{border-color:#58a700}.difficulty-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.difficulty-filters button,.member-filters button{color:#51604c;font:inherit;cursor:pointer;background:#fff;border:2px solid #e4e8de;border-radius:12px;padding:10px 15px;font-weight:800}.difficulty-filters button.selected,.member-filters button.active{color:#386c10;background:#ecf8dd;border-color:#78b939}.difficulty-filters button span{opacity:.7;margin-left:9px;font-size:12px}.difficulty-guide,.topic-results{color:#65735e;font-size:13px}.difficulty-beginner{color:#456d1f!important;background:#eaf6d9!important}.difficulty-intermediate{color:#25648b!important;background:#e7f4ff!important}.difficulty-advanced{color:#70519d!important;background:#f0e9ff!important}.topic-card-body>p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.topic-grid .topic-art:not(.small){max-height:190px}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.dashboard-stat{background:#fff;border:2px solid #e7ebdf;border-bottom-width:5px;border-radius:20px;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;display:flex}.dashboard-stat svg{color:#659c2d}.dashboard-stat strong{letter-spacing:-1px;font-size:34px;line-height:1.15}.dashboard-stat span{color:#718066;font-size:13px;font-weight:700}.dashboard-stat .date-stat,.dashboard-stat .stage-stat{letter-spacing:0;font-size:18px;line-height:1.5}.dashboard-sync{background:#f1f8e8;border:1px solid #dceacb;border-radius:18px;align-items:center;gap:16px;padding:19px 22px;display:flex}.dashboard-sync>svg{color:#528127;flex-shrink:0}.dashboard-sync>div{flex:1}.dashboard-sync strong{font-size:15px}.dashboard-sync p{color:#66765b;margin:5px 0 0;font-size:13px}.dashboard-sync.needs-attention{background:#fff7df;border-color:#ecddaa}.dashboard-panel{background:#fff;border:2px solid #e7ebdf;border-radius:22px;min-width:0;margin-bottom:22px;padding:25px}.dashboard-panel h2{margin:0 0 12px;font-size:21px;line-height:1.4}.dashboard-panel p{color:#6a755f;font-size:14px;line-height:1.75}.dashboard-columns{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}.continue-panel{background:#f7fbf1;align-items:center;display:flex;overflow:hidden}.continue-panel>div{flex:1;min-width:0}.continue-panel>svg{flex-shrink:0;width:140px;max-width:30%}.continue-panel .button{margin-top:14px}.dashboard-track{background:#e3ebd8;border-radius:7px;height:10px;margin:10px 0;overflow:hidden}.dashboard-track span{background:#7cba37;border-radius:7px;height:100%;display:block}.active-progress strong,.active-progress small{font-size:12px}.activity-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:25px 0;display:grid}.activity-day{color:#7b8770;flex-direction:column;align-items:center;gap:10px;font-size:12px;display:flex}.activity-day strong{color:#849477;background:#f3f5ed;border-radius:12px;place-items:center;width:100%;height:55px;font-size:22px;display:grid}.activity-day.has-activity strong{color:#457817;background:#dff2c5}.activity-day small{font-size:10px}.topic-progress-list{max-height:420px;padding-right:4px;overflow:auto}.topic-progress-list article{border-bottom:1px solid #edf0e8;align-items:center;gap:18px;padding:17px 0;display:flex}.topic-progress-list article:last-child{border:0}.topic-progress-list article>div:first-child{flex:1}.topic-progress-list h3{margin:0;font-size:15px}.topic-progress-list p{margin:5px 0 0;font-size:12px}.topic-side-count{color:#7b8770;gap:14px;font-size:11px;display:flex}.topic-side-count b{color:#435536;margin-left:5px}.dashboard-record{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e9eddf;justify-content:space-between;align-items:center;gap:15px;padding:19px 0;display:flex}.dashboard-record strong{font-size:15px;display:block}.dashboard-record span{color:#7b8770;margin-top:7px;font-size:12px;display:block}.dashboard-empty{text-align:center;color:#82a568;padding:30px}.member-badge{white-space:nowrap;color:#8c6b16;background:#fff0ca;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-block}.member-badge.approved{color:#4a7a24;background:#e8f5d9}.member-badge.suspended{color:#a85742;background:#fce8e3}.approval-panel,.role-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.approval-panel>div:first-child,.role-panel>div:first-child{flex:1;min-width:200px}.approval-actions{flex-wrap:wrap;gap:10px;display:flex}.approval-confirm,.role-confirm{background:#fff9e8;border:1px solid #ecdfb7;border-radius:15px;padding:22px}.role-confirm{width:100%}.role-confirm strong{line-height:1.7}.member-filters{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.member-search{border:2px solid #e5e9df;border-radius:12px;align-items:center;gap:10px;max-width:500px;margin-bottom:20px;padding:12px 15px;display:flex}.member-search input{width:100%;font:inherit;background:0 0;border:0;outline:none}.member-table-wrap{border:2px solid #e5e9df;border-radius:20px;margin:20px 0;overflow:auto}.member-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.member-table th{color:#71805f;white-space:nowrap;background:#f6f8f0;padding:18px;font-size:11px;font-weight:800}.member-table td{vertical-align:middle;border-top:1px solid #e9eddf;padding:18px}.member-table td small{color:#7b8770;margin-top:6px;font-size:11px;display:block}.student-name{cursor:pointer;text-align:left;color:inherit;background:0 0;border:0;min-width:180px;padding:0}.student-name strong{font-size:15px;display:block}.student-name span{color:#748467;overflow-wrap:anywhere;margin-top:5px;font-size:12px;display:block}.member-table .button{white-space:nowrap;padding:9px 13px;font-size:12px}.member-pagination{justify-content:space-between;align-items:center;gap:15px;margin:20px 0;display:flex}.learner-record{border-bottom:1px solid #e5e9df;padding:18px 0}.learner-record summary{cursor:pointer;font-size:15px;font-weight:800;line-height:1.7}.learner-speech,.learner-draft{background:#f6f8f2;border-radius:13px;margin-top:12px;padding:17px}.learner-speech strong,.learner-draft strong{color:#63784a;font-size:12px}.learner-speech p,.learner-draft p{white-space:pre-wrap;overflow-wrap:anywhere;color:#344329;margin-bottom:0}.sync-attention{justify-content:space-between;align-items:center;gap:16px;display:flex}.cloud-dialog .member-badge{margin-bottom:12px}.cloud-dialog label{display:block}.cloud-dialog input:not([type=checkbox]){max-width:100%}.cloud-dialog p{overflow-wrap:anywhere}@media (max-width:1050px){.dashboard-columns{grid-template-columns:1fr}.dashboard-stat{padding:17px}.dashboard-stat strong{font-size:29px}.activity-day strong{height:62px}}@media (max-width:640px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-stat{padding:16px}.dashboard-panel{padding:19px}.dashboard-sync{flex-wrap:wrap;padding:16px}.dashboard-sync>.text-button{margin-left:35px}.difficulty-filters{gap:6px}.difficulty-filters>svg{display:none}.difficulty-filters button{padding:9px 10px;font-size:12px}.difficulty-filters button span{margin-left:5px}.topic-progress-list article{flex-wrap:wrap;gap:10px}.topic-progress-list article>div:first-child{flex-basis:100%}.topic-side-count{flex:1}.approval-panel,.role-panel{align-items:flex-start}.approval-actions{width:100%}.member-filters button{padding:10px;font-size:12px}.member-table td,.member-table th{padding:12px}.sync-attention{flex-direction:column;align-items:flex-start}.dashboard-stat strong{font-size:27px}.role-confirm{padding:15px}.role-confirm .dialog-actions{flex-wrap:wrap}}

