@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.resize{resize:both}}:root{--wine:#76232e;--wine-dark:#4d1923;--wine-light:#923a46;--cream:#f7f5ec;--gold:#d7b77c;--ink:#302e2b;--muted:#87827a;--line:#eae5db;--font-sans:Arial,"Segoe UI",sans-serif;--font-zh:"Noto Serif CJK SC","Songti SC","SimSun",serif}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);font-family:var(--font-sans);margin:0;font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button{transition:background .18s,transform .18s,border-color .18s}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.1px;font-size:29px;font-weight:600;line-height:1.3}h2{font-size:17px;font-weight:600}input,textarea,select{color:var(--ink);background:#fff;border:1px solid #ded8ce;border-radius:9px;outline:none;width:100%;padding:10px 12px}input:focus,textarea:focus,select:focus{border-color:var(--wine);box-shadow:0 0 0 3px #76232e12}textarea{resize:vertical}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--wine)}.muted{color:var(--muted)}.eyebrow{letter-spacing:1.8px;color:var(--wine);margin-bottom:9px;font-size:10px;font-weight:700}.btn{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:11px 18px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:var(--wine);color:#fff}.btn-primary:hover{background:var(--wine-dark)}.btn-secondary{border-color:var(--line);color:var(--wine);background:#fff}.btn-secondary:hover{background:#f5efeb;border-color:#d1b9b8}.btn-ghost{color:var(--wine);background:0 0}.icon-button{color:inherit;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:7px;display:inline-flex}.icon-button:hover{background:#76232e0b}.text-button{color:var(--wine);background:0 0;border:0;align-items:center;gap:8px;padding:7px 0;font-size:13px;font-weight:600;display:inline-flex}.panel{border:1px solid var(--line);background:#fff;border-radius:13px;box-shadow:0 3px 10px #4b392003}.soft-icon{width:43px;height:43px;color:var(--wine);background:#f8eeee;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.soft-icon.gold{color:#aa8749;background:#faf3e5}.soft-icon.large{border-radius:19px;width:70px;height:70px}.error,.success{border-radius:8px;padding:12px 15px;font-size:13px}.error{color:#9c2632;background:#fff0ee}.success{color:#326241;background:#edf6ee}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh}.sidebar{color:#fff;z-index:30;background:linear-gradient(155deg,#802b36,#67202b 65%,#4f1b25);flex-direction:column;width:264px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff13;align-items:center;gap:11px;padding:30px 24px 26px;display:flex}.brand-seal{font-family:var(--font-zh);color:#ead3a9;border:1px solid #d9af7666;border-radius:5px;padding:6px;font-size:30px;line-height:1}.brand strong{font-family:var(--font-zh);letter-spacing:2px;font-size:22px;font-weight:500;display:block}.brand small{color:#e9c9c4;letter-spacing:.3px;margin-top:3px;font-size:9px;display:block}.course-label{color:#d9aaa9;letter-spacing:1.3px;justify-content:space-between;align-items:center;padding:27px 25px 9px;font-size:9px;display:flex}.course-title{padding:0 25px;font-size:20px;font-weight:500;line-height:1.5}.sidebar-progress{margin:21px 25px 25px}.sidebar-progress>div:first-child{color:#d8b9b6;justify-content:space-between;font-size:10px;display:flex}.sidebar-progress b{font-weight:500}.progress-track{background:#ffffff16;border-radius:10px;height:4px;margin-top:9px;overflow:hidden}.progress-track span{background:var(--gold);border-radius:10px;height:100%;display:block}.lesson-list-label{letter-spacing:1.3px;color:#c99e9b;border-top:1px solid #ffffff13;padding:18px 25px 12px;font-size:9px}.lesson-list{flex:1;overflow:auto}.lesson-nav{text-align:left;color:#efdedd;background:0 0;border:0;border-left:3px solid #0000;align-items:center;gap:11px;width:100%;padding:16px 18px 16px 21px;display:flex}.lesson-nav:hover{background:#ffffff08}.lesson-nav.active{border-left-color:var(--gold);background:#ffffff10}.lesson-number{color:#e4c29c;border:1px solid #fff2;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:32px;font-size:11px;display:flex}.lesson-nav.active .lesson-number{background:var(--gold);color:#62252c;border-color:var(--gold)}.lesson-nav>span:nth-child(2){flex:1;min-width:0}.lesson-nav strong{font-weight:500;font-family:var(--font-zh);font-size:15px;line-height:1.6;display:block}.lesson-nav small{color:#d2aeaa;margin-top:3px;font-size:9px;display:block}.sidebar-note{color:#dabd9a;border:1px solid #ffffff15;border-radius:10px;margin:32px 25px 20px;padding:22px 16px}.sidebar-note p{color:#e0c9c5;margin-top:9px;font-size:12px;line-height:1.9}.sidebar-note strong{color:#fff;font-weight:400}.sidebar-bottom{color:#d2b5b0;border-top:1px solid #ffffff13;align-items:center;gap:11px;padding:20px 25px;font-size:10px;display:flex}.sidebar-bottom small{color:#aa8585;margin-top:2px;font-size:9px;display:block}.mini-seal{font-family:var(--font-zh);color:#d5b786;border:1px solid #d5b78655;border-radius:4px;padding:0 5px;font-size:20px}.main-shell{margin-left:264px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:15px;height:79px;padding:0 43px;display:flex}.breadcrumb{color:#99928a;align-items:center;gap:11px;font-size:11px;display:flex}.breadcrumb b{color:var(--wine);font-weight:500}.account-actions{align-items:center;gap:14px;display:flex}.account-actions>.btn{padding:8px 13px;font-size:11px}.account-name{color:#655a54;text-overflow:ellipsis;max-width:180px;font-size:12px;overflow:hidden}.admin-link{color:var(--wine);align-items:center;gap:5px;font-size:11px;display:inline-flex}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;background:#fff;align-items:stretch;gap:31px;height:58px;padding:0 43px;display:flex;overflow-x:auto}.tabs button{color:#8b827b;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:5px;padding:0 0 2px;font-size:12px;display:flex}.tabs button.active{color:var(--wine);border-color:var(--wine);font-weight:600}.content{max-width:1280px;margin:auto;padding:25px 43px 0}.demo-banner{color:#948265;align-items:center;gap:7px;margin-bottom:19px;font-size:10px;display:flex}.status-dot{background:#b29153;border-radius:50%;width:5px;height:5px;display:inline-block}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.lesson-indicator{color:#9c8972;letter-spacing:1px;white-space:nowrap;border:1px solid #e3dacb;border-radius:6px;padding:5px 9px;font-size:10px}.hero{color:#fff;background:linear-gradient(115deg,#812d39,#6d202e 65%,#541c29);border-radius:14px;min-height:328px;padding:27px 34px 22px;position:relative;overflow:hidden}.hero-top{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.hero-badge{letter-spacing:1.4px;color:#e2c3ae;align-items:center;gap:7px;font-size:8px;display:flex}.hero-badge>span{background:var(--gold);border-radius:50%;width:4px;height:4px}.hero-seal{font-family:var(--font-zh);color:#e6c595;border:1px solid #d7b77c66;border-radius:3px;padding:6px 7px;font-size:15px;line-height:1.2;transform:rotate(5deg)}.hero-body{z-index:1;position:relative}.hero-kicker{letter-spacing:1.6px;color:#d6aaa7;margin-bottom:13px;font-size:9px}.hero-kicker span{color:#ae7678;margin:0 8px}.hero h2{font-family:var(--font-zh);letter-spacing:1px;max-width:90%;margin-bottom:7px;font-size:clamp(28px,3.5vw,48px);font-weight:500;line-height:1.4}.hero-pinyin{color:#e9cbc4;letter-spacing:.3px;font-size:15px}.hero-translation{color:#f4e7de;margin-top:4px;font-size:13px}.hero-button{color:#58212a;background:#e4c68d;margin-top:22px;padding:10px 16px;font-size:12px}.hero-button:hover{background:#f0d8aa}.hero-bottom-text{text-align:right;color:#b88487;letter-spacing:1.1px;margin-top:5px;font-size:8px;display:block;position:relative}.hero-decoration{font-family:var(--font-zh);color:#ffffff06;writing-mode:vertical-rl;letter-spacing:-30px;-webkit-user-select:none;user-select:none;font-size:190px;line-height:1.2;position:absolute;top:33px;right:-30px;transform:rotate(-10deg)}.overview-grid{grid-template-columns:1.25fr 1fr;gap:18px;margin-top:20px;display:grid}.objectives,.lesson-map{padding:23px}.panel-title{align-items:center;gap:12px;display:flex}.panel-title h2{font-size:14px}.panel-title p{color:var(--muted);margin-top:2px;font-size:10px}.objectives ul{gap:13px;margin:19px 0 0;padding:0;list-style:none;display:grid}.objectives li{color:#70655e;align-items:flex-start;gap:9px;font-size:11px;line-height:1.8;display:flex}.objectives li svg{color:#a38b65;flex-shrink:0;margin-top:2px}.lesson-stats{grid-template-columns:repeat(3,1fr);margin-top:23px;display:grid}.lesson-stats button{border:0;border-right:1px solid var(--line);background:0 0}.lesson-stats button:last-child{border:0}.lesson-stats strong{color:var(--wine);font-size:25px;font-weight:500;line-height:1.3;display:block}.lesson-stats span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.map-bottom{border-top:1px solid var(--line);color:#9d9184;justify-content:space-between;margin-top:20px;padding-top:11px;font-size:10px;display:flex}.map-bottom>span:last-child{font-family:var(--font-zh);color:#b39563;font-size:13px}.next-step{align-items:center;gap:12px;padding:20px 0 0;display:flex}.next-step>.soft-icon{color:#9c865d;background:#eeebe1;width:39px;height:39px}.next-step>div{flex:1}.next-step strong{font-size:11px;font-weight:600}.next-step p{color:#9a9085;margin-top:2px;font-size:10px}.next-step>.text-button{font-size:10px}.page-footer{color:#aa9e91;border-top:1px solid #e7e1d6;justify-content:space-between;gap:15px;margin-top:32px;padding:18px 0;font-size:9px;display:flex}.footer-dot{margin:0 5px}.notice{background:#fff9e9;border:1px solid #e9dcba;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:9px 13px;font-size:12px;display:flex}.empty-state{text-align:center;color:#8e7c70;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:350px;display:flex}.empty-state p{max-width:600px}.empty-state.small{min-height:180px;font-size:13px}.mobile-menu,.sidebar-backdrop{display:none}.audio-panel{align-items:center;gap:15px;padding:23px;display:flex}.audio-panel>div{flex:1}.audio-panel p{color:var(--muted);margin-top:3px;font-size:12px}.audio-panel audio{max-width:300px;height:38px}.content-toolbar{color:var(--muted);justify-content:space-between;align-items:center;margin:22px 0 12px;font-size:12px;display:flex}.content-toolbar>div{gap:15px;display:flex}.content-toolbar label{align-items:center;gap:6px;display:flex}.dialogue{padding:0 26px}.dialogue-line{border-bottom:1px solid var(--line);gap:18px;padding:25px 0;display:flex}.dialogue-line:last-child{border:0}.speaker-avatar{color:var(--wine);width:39px;height:39px;font-family:var(--font-zh);background:#f3e5e5;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.speaker-avatar.alternate{color:#ac8b52;background:#f4eddf}.speaker-name{color:#a29183;font-size:10px}.chinese-text{font-family:var(--font-zh);margin-top:3px;font-size:24px;line-height:1.6}.pinyin{color:#a67665;letter-spacing:.2px;font-size:13px}.translation{color:#7d756d;margin-top:7px;font-size:13px}.dialogue-line audio{max-width:100%;height:34px;margin-top:12px}.complete-row{justify-content:space-between;align-items:center;gap:15px;margin-top:23px;display:flex}.complete-row>span{color:var(--muted);font-size:11px}.complete-row>.btn{font-size:11px}.vocab-heading{justify-content:space-between;align-items:center;gap:15px;padding:24px;display:flex}.vocab-heading .muted{margin-top:4px;font-size:11px}.search-field{border:1px solid var(--line);color:#a29287;border-radius:8px;align-items:center;gap:8px;max-width:300px;padding:0 11px;display:flex}.search-field input{box-shadow:none;background:0 0;border:0;padding:9px 0;font-size:11px}.vocab-table-head,.vocab-row{grid-template-columns:1fr 1fr 1.5fr 20px;align-items:center;gap:15px;padding:15px 26px;display:grid}.vocab-table-head{color:#9e8e80;letter-spacing:1px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfaf6;font-size:9px}.vocab-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #f1ede5;width:100%}.vocab-row:hover,.vocab-row.expanded{background:#fcf8f4}.vocab-row>strong{font-family:var(--font-zh);color:var(--wine);font-size:27px;font-weight:500}.vocab-row>span:nth-child(3){font-size:13px}.vocab-row small{color:#a49689;margin-top:3px;font-size:9px;display:block}.vocab-row>svg{color:#b3a291}.vocab-details{border-bottom:1px solid var(--line);background:#fcf9f4;padding:22px 26px 22px 35px}.vocab-details .eyebrow{font-size:9px}.example{background:#faf8f2;border-left:2px solid #d7bd91;border-radius:0 6px 6px 0;margin-top:13px;padding:12px 16px}.example>strong{font-family:var(--font-zh);font-size:21px;font-weight:500;display:block}.example>span{color:#a47b6b;margin-top:4px;font-size:12px;display:block}.example>p{color:#83796d;margin-top:4px;font-size:12px}.grammar-list{gap:18px;display:grid}.grammar-card{gap:20px;padding:26px;display:flex}.grammar-card>div{flex:1;min-width:0}.number-tag{color:#ab8b59;border:1px solid #e7daca;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:12px;display:flex}.structure{color:var(--wine);background:#f9efed;border-radius:7px;margin:16px 0;padding:13px 17px;font-weight:600}.grammar-card>div>p{color:#82756a;font-size:13px;line-height:1.9}.flashcard-area{max-width:680px;margin:0 auto;padding-top:10px}.flashcard-top{color:#9c8b7a;justify-content:space-between;margin-bottom:16px;font-size:11px;display:flex}.flashcard-top>span:first-child{letter-spacing:1px;align-items:center;gap:8px;display:flex}.flashcard{background:#fff;border:1px solid #e9decd;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:335px;display:flex;position:relative;overflow:hidden;box-shadow:0 9px 25px #6d4a2610}.flashcard:after{content:"学";font-family:var(--font-zh);color:#76232e03;pointer-events:none;font-size:180px;position:absolute;bottom:-60px;right:0}.flashcard.is-flipped{background:#fffdf7}.card-corner{color:#b4a18c;letter-spacing:1.6px;font-size:9px;position:absolute;top:22px;left:25px}.flashcard-center>strong{font-family:var(--font-zh);color:var(--wine);font-size:83px;font-weight:500;line-height:1.4}.flashcard-center>p{color:#a78470;font-size:20px}.flashcard-center>h2{color:var(--wine);margin-bottom:7px;font-size:32px}.flashcard.is-flipped .flashcard-center>p{font-size:13px}.flash-example{flex-direction:column;gap:6px;margin-top:20px;display:flex}.flash-example strong{font-family:var(--font-zh);font-size:23px;font-weight:400}.flash-example span{color:var(--muted);font-size:12px}.card-hint{color:#b2a08a;align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;bottom:22px}.flashcard-navigation{justify-content:space-between;align-items:center;padding:15px 0;display:flex}.card-dots{flex-wrap:wrap;justify-content:center;gap:7px;max-width:75%;display:flex}.card-dots button{background:#dcd4c8;border:0;border-radius:50%;width:6px;height:6px;padding:0}.card-dots button.active{background:var(--wine)}.flashcard-actions{justify-content:center;gap:14px;display:flex}.flashcard-caption{color:var(--muted);text-align:center;margin-top:18px;font-size:11px}.quiz-intro{text-align:center;padding:45px 25px}.quiz-intro>.soft-icon{margin-bottom:20px}.quiz-intro h2{margin-bottom:10px;font-size:25px}.quiz-intro>p:not(.eyebrow){color:var(--muted);max-width:460px;margin:auto;font-size:13px}.quiz-intro>.btn{margin-top:25px}.question-card{margin-bottom:18px;padding:25px}.question-meta{color:#aa9580;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:10px;display:flex}.question-meta>span:first-child{color:var(--wine);letter-spacing:1px;font-weight:600}.question-card h2{margin-bottom:21px;font-size:17px}.answer-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.answer-option{border:1px solid var(--line);cursor:pointer;border-radius:9px;align-items:center;gap:12px;padding:13px;display:flex}.answer-option input{opacity:0;pointer-events:none;position:absolute}.answer-option:focus-within{outline:2px solid var(--gold)}.answer-option.selected{border-color:var(--wine);color:var(--wine);background:#faf0ee}.option-letter{color:#aa9381;border:1px solid #e7dfd5;border-radius:5px;padding:2px 7px;font-size:11px}.selected .option-letter{background:var(--wine);border-color:var(--wine);color:#fff}.blank-sentence{font-family:var(--font-zh);flex-wrap:wrap;align-items:center;gap:8px;font-size:28px;display:flex}.blank-sentence input{text-align:center;border:0;border-bottom:2px solid var(--wine);background:#faf4ee;border-radius:4px 4px 0 0;width:110px;padding:7px;font-size:25px}.sentence-tray{background:#fdfbf7;border:1px dashed #dacbb6;border-radius:9px;flex-wrap:wrap;align-items:center;gap:10px;min-height:70px;padding:12px;display:flex}.sentence-tray>.muted{font-size:12px}.word-bank{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.word-token{font-family:var(--font-zh);background:#fff;border:1px solid #ded4c7;border-radius:7px;align-items:center;gap:8px;padding:5px 15px;font-size:22px;display:inline-flex}.word-token.selected{color:var(--wine);background:#f6ece8;border-color:#e2c2b9}.quiz-submit{justify-content:flex-end;align-items:center;gap:20px;display:flex}.quiz-submit>span{color:var(--muted);font-size:11px}.result-banner{color:#476642;background:#eaf1e8;border:1px solid #d2dfcf;border-radius:12px;align-items:center;gap:17px;margin-bottom:21px;padding:23px;display:flex}.result-banner>div{flex:1}.result-banner h2{font-size:16px}.result-banner p{margin-top:4px;font-size:11px}.result-banner>strong{font-size:35px}.result-banner small{color:#8c9e85;font-size:17px;font-weight:400}.question-card.correct{border-color:#c5d9bf}.question-card.incorrect{border-color:#e4c7be}.question-feedback{background:#faf7ee;border-radius:7px;margin-top:20px;padding:14px;font-size:12px}.question-feedback strong{color:var(--wine)}.question-feedback p{color:#867467;margin-top:5px}.auth-dialog{border:1px solid var(--line);width:440px;max-width:calc(100% - 28px);max-height:90vh;color:var(--ink);background:#fffefb;border-radius:18px;margin:auto;padding:35px;position:fixed;overflow:auto;box-shadow:0 20px 80px #32141c30}.auth-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#27151c70}.close-dialog{position:absolute;top:13px;right:13px}.auth-mark{font-family:var(--font-zh);color:var(--wine);margin-bottom:15px;font-size:35px}.auth-dialog h2{margin-bottom:7px;font-size:23px;line-height:1.4}.auth-dialog>.muted{font-size:12px}.form-stack{gap:15px;margin-top:24px;display:grid}.form-stack label{color:#7a6d62;gap:6px;font-size:12px;display:grid}.form-stack>.btn{margin-top:3px}.auth-dialog>.text-button{margin:18px auto 0;font-size:11px;display:flex}.admin-shell{max-width:1200px;margin:0 auto;padding:30px}.admin-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.admin-header h1{margin-top:9px}.admin-layout{grid-template-columns:270px 1fr;align-items:start;gap:22px;display:grid}.admin-side{gap:10px;padding:18px;display:grid;position:sticky;top:20px}.admin-side>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;padding:12px}.admin-side>button.active{border-color:var(--wine);background:#faf0ed}.admin-side small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.admin-editor{padding:26px}.admin-editor h2{margin-bottom:14px}.admin-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.admin-form-grid label{color:#7d6e61;gap:6px;font-size:12px;display:grid}.admin-form-grid .full{grid-column:1/-1}.admin-actions{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.admin-notice{color:#917344;background:#fbf1df;border:1px solid #eadcc1;border-radius:8px;margin-bottom:18px;padding:12px;font-size:12px}.admin-section{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.admin-section-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.admin-section-header h3{font-size:15px;font-weight:600}.admin-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:12px 0;display:flex}.admin-item>span{overflow-wrap:anywhere;font-size:13px}.admin-item>div{flex-shrink:0;gap:10px;display:flex}.admin-item button{font-size:11px}.editor-dialog{width:740px}.editor-dialog textarea.code-input{min-height:280px;font-family:Consolas,monospace;font-size:12px;line-height:1.6}.admin-subtitle{color:var(--muted);margin-top:9px;font-size:12px}.status-pill{color:#957345;background:#f7edde;border-radius:5px;padding:3px 7px;font-size:10px}.status-pill.published{color:#668153;background:#eef4e9}@media (min-width:1500px){.content{padding-top:34px}.hero{min-height:360px;padding:33px 42px}.hero h2{font-size:52px}.overview-grid{margin-top:25px}.objectives,.lesson-map{padding:28px}.panel-title h2{font-size:16px}.objectives li{font-size:13px}.hero-button{margin-top:27px}.hero-translation{font-size:15px}}@media (max-width:1150px){.sidebar{width:235px}.main-shell{margin-left:235px}.brand{padding:25px 18px}.brand strong{font-size:19px}.topbar{padding:0 26px}.tabs{gap:26px;padding:0 26px}.content{padding:24px 26px 0}.overview-grid{grid-template-columns:1fr}.hero{min-height:310px;padding:25px}.hero h2{font-size:34px}.next-step p{max-width:300px}.page-footer>span:last-child{display:none}.lesson-stats{margin-top:18px}.lesson-map{padding:22px}.vocab-heading{flex-direction:column;align-items:stretch}.search-field{max-width:none}.audio-panel{flex-wrap:wrap}.audio-panel audio{width:100%;max-width:none}.admin-layout{grid-template-columns:220px 1fr}}@media (max-width:760px){body{font-size:13px}.sidebar{width:270px;transition:transform .2s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{z-index:25;background:#281b1d66;border:0;display:block;position:fixed;inset:0}.main-shell{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:66px;padding:0 17px}.breadcrumb{gap:7px}.breadcrumb>span{display:none}.tabs{gap:27px;height:53px;padding:0 20px}.tabs button{font-size:12px}.content{padding:20px 18px 0}.section-heading h1{font-size:24px}.section-heading .eyebrow{letter-spacing:1.1px;font-size:8px}.section-heading{margin-bottom:19px}.demo-banner{font-size:9px;line-height:1.7}.hero{min-height:335px;padding:23px}.hero h2{max-width:100%;margin-top:15px;font-size:34px;line-height:1.6}.hero-pinyin{max-width:90%;font-size:13px}.hero-translation{font-size:12px}.hero-kicker{letter-spacing:1px;margin-top:5px;font-size:8px}.hero-badge{letter-spacing:1px;font-size:7px}.hero-seal{font-size:13px}.hero-decoration{font-size:150px;top:90px;right:-20px}.hero-bottom-text{text-align:left;margin-top:23px;font-size:7px}.overview-grid{gap:14px;margin-top:15px}.objectives,.lesson-map{padding:20px}.objectives li{font-size:12px}.panel-title h2{font-size:14px}.next-step{flex-wrap:wrap;align-items:flex-start}.next-step>div{padding-top:2px}.next-step>.text-button{margin-top:-5px;margin-left:51px}.page-footer{margin-top:24px;font-size:8px}.account-name{display:none}.account-actions{gap:7px}.admin-link{font-size:10px}.dialogue{padding:0 17px}.dialogue-line{gap:11px;padding:20px 0}.chinese-text{font-size:22px}.pinyin,.translation{font-size:12px}.speaker-avatar{width:32px;height:34px;font-size:18px}.audio-panel{padding:18px}.audio-panel h2{font-size:15px}.audio-panel p{font-size:11px}.content-toolbar{gap:8px;font-size:10px}.content-toolbar>div{gap:9px}.vocab-heading{padding:19px}.vocab-table-head,.vocab-row{grid-template-columns:.8fr .9fr 1.2fr 12px;gap:8px;padding:13px 15px}.vocab-table-head{letter-spacing:.3px;font-size:7px}.vocab-row>strong{font-size:24px}.vocab-row>span:nth-child(3){font-size:12px}.vocab-row small{font-size:8px}.vocab-details{padding:19px}.complete-row{align-items:flex-end}.complete-row>span{max-width:100px;font-size:10px}.complete-row>.btn{padding:10px;font-size:10px}.grammar-card{gap:12px;padding:19px}.grammar-card h2{font-size:15px}.structure{padding:11px;font-size:13px}.grammar-card>div>p{font-size:12px}.number-tag{width:29px;height:30px;font-size:10px}.flashcard{height:310px}.flashcard-center>strong{font-size:77px}.flashcard-center>h2{font-size:28px}.flashcard-top,.flashcard-caption{font-size:10px}.answer-options{grid-template-columns:1fr}.question-card{padding:20px}.question-card h2{font-size:16px}.question-meta{font-size:9px}.quiz-submit{gap:10px}.quiz-submit>span{max-width:110px;font-size:10px}.result-banner{gap:12px;padding:18px}.result-banner>svg{display:none}.result-banner h2{font-size:14px}.result-banner p{font-size:10px}.result-banner>strong{font-size:27px}.result-banner small{font-size:14px}.auth-dialog{padding:30px 24px}.auth-dialog h2{font-size:21px}.admin-shell{padding:20px 15px}.admin-layout{grid-template-columns:1fr}.admin-side{position:static}.admin-header{align-items:flex-start}.admin-header h1{font-size:23px}.admin-editor{padding:20px}.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .full{grid-column:auto}.admin-item{align-items:flex-start}.admin-section-header .btn{font-size:10px}.editor-dialog textarea.code-input{font-size:11px}}@media (max-height:750px) and (min-width:761px){.sidebar-note{display:none}.brand{padding-top:22px;padding-bottom:22px}.course-label{padding-top:20px}.sidebar-progress{margin-bottom:16px}.lesson-list{min-height:140px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:.01ms!important}}
.admin-practice-group{background:#fff;border:1px solid #dce5d6;border-radius:10px;margin:12px 0}.admin-practice-group>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;list-style:none;display:flex}.admin-practice-group>summary::-webkit-details-marker{display:none}.admin-practice-group>summary:after{content:"+";color:#24634f;font-size:24px}.admin-practice-group[open]>summary:after{content:"−"}.admin-practice-group>summary>span:first-child{flex:1}.admin-practice-group strong{color:#294a31;font-size:17px;display:block}.admin-practice-group small{color:#657561;margin-top:5px;font-size:13px;line-height:1.5;display:block}.admin-practice-group>summary:focus-visible{outline-offset:-3px;outline:2px solid #24634f}.admin-practice-count{color:#405b3a;background:#eef4e9;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:13px}.admin-practice-content{border-top:1px solid #e5ebdf;padding:0 20px 20px}.admin-practice-actions{justify-content:flex-end;margin:16px 0;display:flex}.admin-question-type{color:#405b3a;background:#eef4e9;border-radius:8px;gap:5px;padding:14px 16px;display:grid}.admin-question-type strong{color:#24634f;font-size:17px}.image-matching{gap:18px;display:grid}.matching-instructions{flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:18px;display:flex}.matching-instructions label{align-items:center;gap:8px;display:flex}.matching-instructions input{width:18px}.matching-images{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.matching-image{color:#263d33;text-align:center;background:#fffefa;border:2px solid #dce5d6;border-radius:14px;flex-direction:column;gap:7px;min-width:0;padding:12px;display:flex;position:relative}.matching-image.active{border-color:#24634f;box-shadow:0 0 0 3px #24634f18}.matching-image img{object-fit:contain;background:#f4f5ef;border-radius:8px;width:100%;height:180px}.matching-image-number{color:#fff;background:#24634f;border-radius:20px;padding:2px 10px;font-size:18px;position:absolute;top:16px;left:16px}.matching-chosen{overflow-wrap:anywhere;font-size:26px;line-height:1.5}.matching-image small{font-size:20px}.matching-image.match-correct{background:#edf7ed;border-color:#388b50}.matching-image.match-incorrect{background:#fff1ee;border-color:#bd4b43}.matching-feedback{font-size:18px;font-weight:600}.matching-labels{flex-wrap:wrap;gap:12px;display:flex}.matching-labels button{color:#263d33;text-align:left;background:#fff;border:1px solid #cbdac5;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:26px;display:flex}.matching-labels button.assigned{background:#eaf2e4}.matching-labels small{font-size:20px;display:block}.matching-labels b,.matching-labels em{font-size:16px}.matching-live{color:#405b3a;font-size:16px}.matching-editor-row{border:1px solid #dce5d6;border-radius:10px;grid-template-columns:1fr 1fr;gap:18px;margin:16px 0;padding:16px;display:grid}.matching-editor-row img{object-fit:contain;width:100%;height:150px}.matching-editor-row label{gap:6px;margin-bottom:12px;display:grid}.practice-modes{flex-wrap:wrap;max-width:100%}@media (max-width:760px){.matching-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.matching-image img{height:130px}.matching-chosen,.matching-labels button{font-size:20px}.matching-editor-row{grid-template-columns:1fr}}.study-shell{--wine:#24634f;--wine-dark:#174b3b;--wine-light:#397c65;--cream:#f5f6f0;--gold:#bf9c61;--ink:#263d33;--muted:#748078;--line:#e0e7de;background:var(--cream);color:var(--ink)}.study-shell .btn-primary{background:var(--wine)}.study-shell .btn-primary:hover{background:var(--wine-dark)}.study-shell .btn-secondary:hover{background:#eef4ed;border-color:#b5cbbb}.study-shell .icon-button:hover{background:#eaf0e7}.study-shell .eyebrow{color:#748c78;letter-spacing:1.5px;font-size:10px;font-weight:500}.study-shell .main-shell{min-height:100vh;margin-left:250px;transition:margin-left .2s}.study-shell .panel{box-shadow:none;border-color:var(--line);border-radius:12px}.study-sidebar.sidebar{width:250px;color:var(--ink);border-right:1px solid var(--line);background:#fcfcf7;transition:width .2s,transform .2s}.study-brand-row{align-items:center;min-height:88px;display:flex}.study-brand-row .brand{border:none;gap:11px;width:100%;padding:24px 22px}.study-brand-row .brand-seal{color:var(--wine);border-color:#9fb5a0;border-radius:6px;padding:5px;font-size:27px}.study-brand-row .brand strong{color:var(--wine-dark);letter-spacing:1.6px;font-size:21px}.study-brand-row .brand small{color:#849380;letter-spacing:.2px;white-space:nowrap;font-size:9px}.study-sidebar .course-label{color:#8b9788;letter-spacing:1.1px;border-top:1px solid var(--line);padding:25px 22px 10px;font-size:9px}.study-sidebar .course-title{color:#314b3b;padding:0 22px;font-size:18px;font-weight:500;line-height:1.6}.study-sidebar .course-switcher{border-color:var(--line);background:#fff;width:calc(100% - 44px);margin:14px 22px 0;font-size:12px}.study-sidebar .lesson-list-label{color:#8e9989;letter-spacing:1px;border:0;justify-content:space-between;padding:31px 22px 13px;font-size:9px;display:flex}.study-sidebar .lesson-list-label>span{letter-spacing:0;color:#8e9989}.study-sidebar .lesson-list{min-height:100px;padding:0 12px}.study-sidebar .lesson-nav{color:#536a58;border:1px solid #0000;border-radius:10px;gap:10px;margin-bottom:7px;padding:14px 11px}.study-sidebar .lesson-nav.active{color:var(--wine-dark);background:#eaf0e4;border-color:#d8e3cf}.study-sidebar .lesson-nav:hover{background:#f0f4ea}.study-sidebar .lesson-number{color:#71906d;background:0 0;border-color:#d3dfcb;width:30px;height:32px;font-size:11px}.study-sidebar .lesson-nav.active .lesson-number{color:#386640;background:#d7e3c8;border-color:#d7e3c8}.study-sidebar .lesson-nav strong{font-family:var(--font-sans);font-size:12px;font-weight:600;line-height:1.7}.study-sidebar .lesson-nav small{color:#84957e;font-family:var(--font-zh);font-size:11px;line-height:1.7}.study-sidebar-bottom{margin-top:auto}.study-sidebar .sidebar-progress{margin:24px 22px}.study-sidebar .sidebar-progress>div:first-child{color:#74836f;font-size:10px}.study-sidebar .sidebar-progress b{color:var(--wine)}.study-sidebar .sidebar-progress p{color:#8c9986;margin-top:10px;font-size:10px}.study-sidebar .progress-track{background:#e6ecdf;height:4px;margin-top:10px}.study-sidebar .progress-track span{background:#69946c}.collapse-sidebar{border:0;border-top:1px solid var(--line);color:#8b9985;background:0 0;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:18px 24px;font-size:11px;display:flex}.collapse-sidebar:hover{background:#eef3e8}.study-brand-row .drawer-close{display:none}.sidebar-collapsed .study-sidebar{width:78px}.sidebar-collapsed .main-shell{margin-left:78px}.sidebar-collapsed .study-sidebar .sidebar-label{display:none}.sidebar-collapsed .study-sidebar .brand{justify-content:center;padding:23px 0}.sidebar-collapsed .study-sidebar .lesson-list{padding:16px 8px}.sidebar-collapsed .study-sidebar .lesson-nav{justify-content:center;padding:12px 0}.sidebar-collapsed .collapse-sidebar{justify-content:center;padding:21px 0}.study-topbar.topbar{z-index:20;border-bottom:1px solid var(--line);background:#fcfcf9;height:65px;padding:0 38px;position:sticky;top:0}.study-topbar .workspace-label{color:#8b9688;align-items:center;gap:9px;display:flex}.study-topbar .breadcrumb{gap:13px;font-size:11px}.study-topbar .breadcrumb b{font-size:11px}.study-topbar .account-actions .btn{border-color:#dce4d7;padding:8px 13px;font-size:11px}.study-page{max-width:1200px;margin:0 auto;padding:26px 38px 0}.study-page .demo-banner{color:#8d937d;margin-bottom:22px;font-size:10px}.study-page .status-dot{background:#b69a63}.lesson-heading{justify-content:space-between;align-items:center;gap:22px;margin-bottom:20px;display:flex}.lesson-heading>div:first-child{min-width:0}.lesson-heading .eyebrow{margin-bottom:8px}.lesson-heading .eyebrow>span{color:#bfc8b5;margin:0 8px}.lesson-heading h1{color:#244a36;font-family:var(--font-zh);letter-spacing:.4px;font-size:33px;font-weight:500;line-height:1.6}.lesson-title-pinyin{color:#819475;letter-spacing:.2px;margin-top:3px;font-size:13px}.lesson-title-vi{color:#6c7c65;margin-top:5px;font-size:13px}.lesson-heading-stamp{color:#94aa87;font-family:var(--font-zh);text-align:center;flex-shrink:0;padding:0 8px;font-size:46px;line-height:1.3}.lesson-heading-stamp>span{font-family:var(--font-sans);letter-spacing:1.5px;color:#9aa68c;margin-top:7px;font-size:8px;display:block}.lesson-objectives{background:#eef2e7;border:1px solid #e0e7d6;border-radius:9px;margin-bottom:25px}.lesson-objectives summary{color:#5c7750;cursor:pointer;align-items:center;gap:9px;padding:12px 15px;font-size:12px;list-style:none;display:flex}.lesson-objectives summary::-webkit-details-marker{display:none}.lesson-objectives summary>small{color:#8e9e7d;margin-left:auto;font-size:10px}.lesson-objectives summary>svg:last-child{margin-left:8px;transition:transform .2s}.lesson-objectives[open] summary>svg:last-child{transform:rotate(180deg)}.lesson-objectives ul{gap:10px;margin:0;padding:0 17px 16px;list-style:none;display:grid}.lesson-objectives li{color:#6d7e60;align-items:flex-start;gap:9px;font-size:12px;display:flex}.lesson-objectives li>svg{flex-shrink:0;margin-top:3px}.learning-tabs{z-index:21;isolation:isolate;background-color:#f5f6f0;border-bottom:1px solid #dbe4d4;grid-template-columns:repeat(5,1fr);margin-bottom:23px;display:grid;position:sticky;top:65px;box-shadow:0 7px 14px #263d2b0c}.learning-tabs>button{color:#8d9b86;text-align:left;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:11px;min-width:0;padding:12px 10px 17px;display:flex}.learning-tabs>button.active{border-bottom-color:var(--wine);color:var(--wine)}.step-number{color:#9aaa8b;border:1px solid #d8e1d0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:10px;display:flex}.learning-tabs>button.active .step-number{background:var(--wine);border-color:var(--wine);color:#fff}.step-number.complete{color:#5e8252;background:#e3eddc;border-color:#d6e2cc}.learning-tabs strong{white-space:nowrap;font-size:12px;font-weight:600;display:block}.learning-tabs small{color:#9aa58f;white-space:nowrap;margin-top:2px;font-size:10px;font-weight:400;display:block}.study-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:22px;display:grid}.study-panels{min-width:0}.study-panel[hidden],.study-panel [hidden]{display:none}.lesson-audio.audio-panel{z-index:8;background:#fcfcf7;border:1px solid #dfe6d6;border-radius:10px;align-items:center;gap:13px;padding:16px 18px;display:flex;position:sticky;top:144px}.audio-symbol{color:#557648;background:#e9efe1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.lesson-audio>div{flex:1;min-width:0}.lesson-audio h2{color:#3c5d39;font-size:13px;font-weight:600}.lesson-audio p{color:#89967d;margin-top:2px;font-size:11px}.lesson-audio audio{width:280px;max-width:42%;height:34px}.audio-pending{color:#99a388;white-space:nowrap;border:1px solid #e4e9da;border-radius:5px;padding:4px 8px;font-size:9px}.study-panel .content-toolbar{color:#8b9880;margin:22px 0 12px;font-size:11px}.study-panel .content-toolbar label{color:#7e9072;font-size:11px}.study-panel .content-toolbar input{width:13px;height:13px;accent-color:var(--wine)}.study-dialogue.dialogue{background:#fffefa;padding:0 25px}.dialogue-heading{border-bottom:1px solid #ecede3;justify-content:space-between;align-items:center;gap:15px;padding:21px 0 17px;display:flex}.dialogue-heading .eyebrow{letter-spacing:1.5px;margin-bottom:3px;font-size:9px;display:block}.dialogue-heading h2{color:#465f3c;font-size:15px;font-weight:500}.dialogue-heading>span{color:#9aa58b;align-items:center;gap:6px;font-size:10px;display:flex}.word-hint-dot{background:#9aac7f;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.study-dialogue .dialogue-line{border-bottom-color:#edeee5;gap:16px;padding:25px 0}.study-dialogue .dialogue-line>div{min-width:0}.study-dialogue .speaker-avatar{color:#71915b;background:#edf2e3;border-radius:50%;width:35px;height:35px;margin-top:2px;font-size:17px}.study-dialogue .speaker-avatar.alternate{color:#ad905b;background:#f4eddf}.study-dialogue .chinese-text{color:#344d35;letter-spacing:1px;margin-top:5px;font-size:25px;line-height:1.8}.study-dialogue .pinyin{color:#8b9a77;margin-top:5px;font-size:12px;line-height:1.9}.study-dialogue .translation{color:#6c7c64;margin-top:8px;font-size:12px}.inline-word{font:inherit;letter-spacing:inherit;color:inherit;text-underline-offset:6px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted #bacbad;text-decoration:underline dotted #bacbad;text-decoration-thickness:1px;display:inline}.inline-word:hover{color:var(--wine);background:#e9f0df;border-radius:3px}.word-detail{color:var(--ink);z-index:9;background:#fffefa;border:1px solid #dfe7d6;border-radius:12px;width:100%;max-width:none;max-height:calc(100vh - 190px);margin:0;padding:0;position:sticky;top:165px;overflow-y:auto;box-shadow:0 6px 20px #30402005}.word-detail>header{border-bottom:1px solid #e8ecdf;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.word-detail>header>span{color:#8d9b7d;letter-spacing:1px;align-items:center;gap:8px;font-size:9px;display:flex}.word-detail-body>h2{font-family:var(--font-zh);color:var(--wine);font-size:46px;font-weight:400;line-height:1.5}.word-detail-pinyin{color:#86986f;margin:3px 0 12px;font-size:15px}.word-type{color:#8b9c78;background:#edf2e7;border-radius:5px;padding:2px 7px;font-size:10px;display:inline-block}.word-detail-body>h3{color:#536d42;margin:12px 0 20px;font-size:17px;font-weight:500}.word-detail-body>audio{width:100%;height:34px;margin-bottom:20px}.word-detail .example{background:#f4f6ed;border-left-color:#bfd0a7;margin-top:12px;padding:12px}.word-detail .example>strong{color:#4e673f;font-size:20px}.word-detail .example>span{color:#92a079;font-size:11px}.word-detail .example>p{color:#7a8d68;font-size:11px}.vocabulary-toolbar,.section-intro{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.vocabulary-toolbar h2,.section-intro h2{color:#3a573a;font-size:18px;font-weight:500}.vocabulary-toolbar p,.section-intro p{color:#8a997c;margin-top:5px;font-size:11px}.view-switch{background:#edf1e6;border:1px solid #dfe6d6;border-radius:9px;flex-shrink:0;gap:3px;padding:4px;display:flex}.view-switch button{color:#819475;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;display:flex}.view-switch button[aria-pressed=true]{color:var(--wine);background:#fffefa;box-shadow:0 1px 3px #31402108}.vocabulary-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.vocabulary-actions .view-switch{background:#edf1e6}.vocabulary-actions .view-switch button{color:#52694c;font-size:13px;font-weight:600}.vocabulary-actions .view-switch button[aria-pressed=true]{color:#76232e}.study-panel .vocab-heading{padding:17px 21px}.study-panel .vocab-heading>.muted{color:#8d9b80;font-size:11px}.study-panel .search-field{border-color:#e0e7d8;max-width:265px}.study-panel .search-field input{font-size:11px}.study-panel .vocab-table-head{color:#94a184;background:#f5f7ef;border-color:#e7ecde;font-size:9px}.study-panel .vocab-row{background:#fffefa;padding-top:17px;padding-bottom:17px}.study-panel .vocab-row:hover,.study-panel .vocab-row.expanded{background:#f0f5e8}.study-panel .vocab-row .pinyin{color:#8b9b76}.study-panel .vocab-row small{color:#94a184}.vocabulary-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px;display:grid}.vocab-learning-card{--card-accent:#28634f;--card-tint:#e2f2e9;text-align:left;border:1px solid color-mix(in srgb, var(--card-accent) 20%, white);background:linear-gradient(145deg, #fff 0%, var(--card-tint) 100%);border-radius:14px;grid-template-columns:92px minmax(0,1fr) 18px;align-items:center;gap:14px;min-width:0;min-height:142px;padding:12px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;box-shadow:0 4px 12px #253c2d0a}.vocab-learning-card:hover,.vocab-learning-card.selected{border-color:var(--card-accent);transform:translateY(-2px);box-shadow:0 8px 20px #253c2d17}.vocab-learning-card.palette-0{--card-accent:#a64a39;--card-tint:#fff0df}.vocab-learning-card.palette-1{--card-accent:#7650a2;--card-tint:#f0e8ff}.vocab-learning-card.palette-2{--card-accent:#1b7181;--card-tint:#e0f4f5}.vocab-learning-card.palette-3{--card-accent:#a14d78;--card-tint:#ffebf2}.vocab-learning-card.palette-4{--card-accent:#687921;--card-tint:#f1f4d9}.vocab-card-illustration{background:color-mix(in srgb, var(--card-tint) 72%, white);min-height:112px;color:var(--card-accent);font-family:var(--font-zh);border-radius:11px;align-self:stretch;place-items:center;font-size:50px;font-weight:700;line-height:1;display:grid;overflow:hidden}.vocab-card-illustration.has-image{background:#f5f5f0}.vocab-card-illustration img{object-fit:cover;width:100%;height:100%;min-height:112px;display:block}.vocab-card-copy{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.vocab-card-copy>strong{color:var(--card-accent);font-family:var(--font-zh);font-size:32px;font-weight:700;line-height:1.25}.vocab-card-pinyin{color:var(--card-accent);font-size:15px;font-weight:600}.vocab-card-meaning{color:#263d33;overflow-wrap:anywhere;font-size:16px;font-weight:600;line-height:1.35}.vocab-card-copy>small{background:color-mix(in srgb, var(--card-accent) 12%, white);color:var(--card-accent);border-radius:999px;margin-top:4px;padding:3px 8px;font-size:11px;font-weight:700}.vocab-card-arrow{color:var(--card-accent)}.vocabulary-image-field{gap:10px;display:grid}.vocabulary-image-field>label{gap:8px;display:grid}.vocabulary-image-field>label>.muted{font-size:12px;font-weight:500}.vocabulary-image-field>p{margin:0;font-size:12px}.vocabulary-image-preview{background:#fafbf6;border:1px solid #dfe6d4;border-radius:10px;align-items:center;gap:14px;padding:10px;display:flex}.vocabulary-image-preview img{object-fit:cover;background:#edf1e6;border-radius:7px;width:92px;height:72px}.vocabulary-image-preview>div{justify-items:start;gap:5px;display:grid}.study-panel .flashcard-area{padding:5px 0 0}.study-panel .flashcard{background:#fffefa;border-color:#dfe6d4;box-shadow:0 6px 20px #435b2d08}.study-panel .flashcard.is-flipped{background:#f9fbf2}.study-panel .flashcard:after{color:#e8efdf}.study-panel .flashcard-center{z-index:1}.study-panel .flashcard-center>p{color:#90a079}.study-panel .card-hint,.study-panel .card-corner,.study-panel .flashcard-top{color:#8a9b78}.study-panel .grammar-card{background:#fffefa}.study-panel .grammar-card>div>p{color:#7a8c6a}.study-panel .structure{color:#507440;background:#edf3e5}.study-panel .example{background:#f6f8ef;border-left-color:#c3d2ac}.study-panel .example>span{color:#8c9f76}.study-panel .example>p{color:#7b8c6e}.study-panel .number-tag{color:#8b9d70;border-color:#d8e2ca}.section-icon{color:#92a67b;background:#eaf0e0;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.study-panel .quiz-intro{background:#fffefa;padding:48px 24px}.study-panel .soft-icon{color:var(--wine);background:#ebf1e3}.study-panel .quiz-intro>p:not(.eyebrow){color:#8b987e}.study-panel .question-card{background:#fffefa}.study-panel .question-meta{color:#97a386}.study-panel .answer-option{border-color:#e2e8d9}.study-panel .answer-option.selected{background:#f0f5e7;border-color:#87a66e}.study-panel .answer-option input{opacity:1;pointer-events:auto;flex-shrink:0;width:15px;height:15px;position:static}.study-panel .option-letter{color:#8e9b7d;border-color:#dfe5d5}.study-panel .selected .option-letter{border-color:var(--wine);color:#fff}.study-panel .blank-sentence input{background:#f1f5e9}.study-panel .sentence-tray{background:#f8faf2;border-color:#cfddc1}.study-panel .word-token{border-color:#dce4d2}.study-panel .word-token.selected{background:#eaf2df;border-color:#cadab5}.study-panel .question-feedback{background:#f1f5e9}.study-panel .question-feedback p{color:#7a8b6a}.study-navigation{border-top:1px solid #dfe6d4;justify-content:space-between;align-items:center;gap:18px;margin-top:27px;padding:21px 0;display:flex}.previous-section{text-align:left;color:#7d9370;background:0 0;border:0;align-items:center;gap:10px;padding:6px 0;font-size:11px;display:flex}.previous-section small{color:#a0ad90;margin-top:3px;font-size:10px;display:block}.study-navigation-actions{align-items:center;gap:10px;display:flex}.study-navigation-actions>.btn{min-height:44px;padding:11px 15px;font-size:11px}.study-navigation-actions>.btn-primary{text-align:left;gap:22px}.study-navigation-actions small{opacity:.65;margin-top:2px;font-size:10px;font-weight:400;display:block}.study-page .page-footer{color:#9aa88b;border-color:#e2e8d9;margin-top:12px;padding:17px 0 20px;font-size:10px}.study-page .page-footer>span:last-child{align-items:center;gap:6px;display:flex}@media (min-width:1251px){.study-body.with-word-detail{grid-template-columns:minmax(0,1fr) clamp(340px,30vw,440px)}.with-word-detail .dialogue-heading{flex-direction:column;align-items:flex-start;gap:9px}.with-word-detail .lesson-audio{flex-wrap:wrap}.with-word-detail .lesson-audio audio{width:100%;max-width:none}}@media (max-width:1150px){.study-page{padding:24px 27px 0}.study-topbar.topbar{padding:0 27px}.study-sidebar.sidebar{width:228px}.study-shell .main-shell{margin-left:228px}.study-brand-row .brand{padding:24px 18px}.study-brand-row .brand strong{font-size:19px}.study-brand-row .brand small{font-size:8px}.lesson-heading h1{font-size:29px}.learning-tabs>button{gap:8px;padding-left:4px;padding-right:4px}.learning-tabs small{font-size:9px}.step-number{width:27px;height:27px}.dialogue-heading{flex-direction:column;align-items:flex-start;gap:9px}.sidebar-collapsed .study-sidebar{width:78px}.sidebar-collapsed .main-shell{margin-left:78px}.vocabulary-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1250px){.word-detail{width:100%;max-width:680px;max-height:73dvh;padding-bottom:env(safe-area-inset-bottom);z-index:40;border-radius:17px 17px 0 0;margin:0 auto;position:fixed;inset:auto 0 0}.word-detail-body{padding:20px 24px 25px}.word-detail>header{z-index:1;background:#fffefa;position:sticky;top:0}.word-detail .word-detail-examples{margin-top:15px}.word-detail-body>h3{margin-bottom:14px}}@media (max-width:760px){.study-shell .main-shell,.sidebar-collapsed .main-shell{margin-left:0}.study-sidebar.sidebar,.sidebar-collapsed .study-sidebar{width:280px;transform:translate(-100%)}.study-sidebar.sidebar.is-open{transform:translate(0)}.sidebar-collapsed .study-sidebar.is-open .sidebar-label{display:revert}.sidebar-collapsed .study-sidebar.is-open .brand{justify-content:flex-start;padding:22px 18px}.sidebar-collapsed .study-sidebar.is-open .lesson-nav{justify-content:flex-start;padding:14px 11px}.sidebar-collapsed .study-sidebar.is-open .lesson-list{padding:0 12px}.study-brand-row .brand{flex:1;width:auto;padding:22px 18px}.study-brand-row .drawer-close{margin-right:12px;display:inline-flex}.collapse-sidebar{display:none}.study-shell .sidebar-backdrop{z-index:25;background:#15332155}.study-topbar.topbar{height:60px;padding:0 17px}.learning-tabs{top:60px}.study-topbar .breadcrumb{gap:8px}.study-topbar .workspace-label,.study-topbar .breadcrumb>svg{display:none}.study-page{padding:20px 17px 0}.study-page .demo-banner{margin-bottom:20px;font-size:9px}.lesson-heading{gap:10px;margin-bottom:18px}.lesson-heading h1{letter-spacing:0;font-size:27px}.lesson-heading-stamp{display:none}.lesson-title-pinyin{font-size:11px;line-height:1.8}.lesson-title-vi{font-size:12px}.lesson-heading .eyebrow{font-size:8px}.lesson-objectives{margin-bottom:15px}.lesson-objectives summary{padding:11px 12px;font-size:11px}.lesson-objectives summary>small{font-size:9px}.lesson-objectives li{font-size:11px}.learning-tabs{margin-bottom:18px;top:60px}.learning-tabs>button{justify-content:center;gap:6px;padding:14px 2px 13px}.learning-tabs strong{font-size:11px}.learning-tabs small{display:none}.step-number{width:21px;height:21px;font-size:8px}.lesson-audio.audio-panel{flex-wrap:wrap;gap:10px;padding:13px;top:116px}.lesson-audio h2{font-size:12px}.lesson-audio p{font-size:10px}.lesson-audio audio{width:100%;max-width:none}.audio-symbol{width:34px;height:34px}.audio-pending{padding:3px 5px;font-size:8px}.study-panel .content-toolbar{margin-top:20px;font-size:10px}.study-panel .content-toolbar label{font-size:10px}.study-dialogue.dialogue{padding:0 16px}.dialogue-heading{padding:18px 0 13px}.dialogue-heading h2{font-size:14px}.dialogue-heading>span{font-size:9px}.study-dialogue .dialogue-line{gap:11px;padding:22px 0}.study-dialogue .speaker-avatar{width:29px;height:29px;font-size:15px}.study-dialogue .chinese-text{font-size:23px;line-height:1.9}.study-dialogue .pinyin,.study-dialogue .translation{font-size:11px}.vocabulary-toolbar{flex-direction:column;align-items:flex-start;gap:15px}.vocabulary-actions{flex-direction:column;align-items:stretch;width:100%}.vocabulary-actions .view-switch{width:100%}.vocabulary-toolbar h2,.section-intro h2{font-size:17px}.view-switch{width:100%}.view-switch button{flex:1;justify-content:center;padding:9px}.study-panel .vocab-heading{padding:17px}.study-panel .search-field{max-width:none}.study-panel .flashcard{height:300px}.study-navigation{flex-wrap:wrap;align-items:center;gap:13px;margin-top:24px;padding:17px 0}.previous-section{font-size:10px}.previous-section small{font-size:9px}.study-navigation-actions{gap:8px;margin-left:auto}.study-navigation-actions>.btn{gap:7px;padding:9px 11px;font-size:10px}.study-navigation-actions>.btn-primary{gap:15px}.study-navigation-actions small,.study-page .page-footer{font-size:9px}.study-page .page-footer>span:last-child{display:none}}@media (max-width:400px){.step-number{display:none}.learning-tabs>button{padding:17px 2px}.learning-tabs strong{font-size:12px}.lesson-audio.audio-panel{top:116px}.audio-pending{display:none}.study-navigation>.previous-section{flex-basis:100%}.study-navigation-actions{justify-content:space-between;width:100%}}.study-page .demo-banner{color:#6f7d62;font-size:11px}.study-dialogue .speaker-name{color:#71865f;font-size:11px}.study-dialogue .pinyin{color:#71815e;font-size:13px}.study-dialogue .translation{color:#627457;font-size:13px}.lesson-title-pinyin{color:#6b7e5b}.learning-tabs small{color:#7b8a6d;font-size:11px}.study-panel .content-toolbar,.study-panel .content-toolbar label{color:#718263}.dialogue-heading>span{color:#7d8c6c;font-size:11px}.lesson-audio p{color:#78886a}@media (max-width:760px){.study-page .demo-banner{font-size:10px}.study-dialogue .pinyin,.study-dialogue .translation{font-size:12px}.dialogue-heading>span{font-size:10px}}@media (prefers-reduced-motion:reduce){.study-shell .main-shell,.study-sidebar.sidebar{transition:none}}.access-page{background:var(--background,#f5f6f0);place-content:center;min-height:100dvh;padding:32px 20px;display:grid}.access-card{width:min(720px,100vw - 40px);padding:clamp(24px,5vw,48px)}.access-card h1{margin:20px 0 12px;font-size:clamp(24px,4vw,34px)}.access-card>p{margin-bottom:20px;line-height:1.7}.access-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.access-catalog{border-top:1px solid #dce3d5;margin-top:32px;padding-top:24px}.access-catalog h2{align-items:center;gap:10px;font-size:19px;display:flex}.access-catalog ol{padding-left:24px}.access-catalog li{padding:12px 0}.access-catalog small{color:#6c7a70;margin-top:4px;display:block}.user-management{margin-top:32px;padding:24px}.user-management table{border-collapse:collapse;width:100%}.user-management th,.user-management td{text-align:left;border-bottom:1px solid #dce3d5;padding:12px}.user-management .table-scroll{overflow-x:auto}.admin-fields{border:0;min-width:0;margin:0;padding:0}.admin-notifications{z-index:80;pointer-events:none;width:min(460px,100vw - 40px);position:fixed;top:20px;right:20px}.admin-notification{pointer-events:auto;border:1px solid;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;font-size:14px;line-height:1.6;display:flex;box-shadow:0 8px 28px #152d2626}.admin-notification>span{overflow-wrap:anywhere;flex:1}.admin-notification.success{color:#275236;background:#edf6ee;border-color:#b8d7bd}.admin-notification.error{color:#912532;background:#fff0ee;border-color:#e6b4af}.admin-notification.warning{color:#70531a;background:#fff8e8;border-color:#e3ce9c}.admin-notification .icon-button{flex:none}.deck-heading{justify-content:space-between;align-items:center;gap:24px;margin:5px 0 24px;display:flex}.deck-heading h2{letter-spacing:-.4px;color:var(--ink);font-size:24px;font-weight:500}.deck-heading>div>p:last-child{color:#697b6d;margin-top:7px;font-size:13px;line-height:1.7}.deck-board{border:1px solid var(--line);background:#fffefa;border-radius:16px;padding:24px}.deck-settings{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.deck-settings>label:first-child{color:#63786b;gap:6px;min-width:220px;font-size:11px;display:grid}.deck-settings select{background:#fff;border-color:#dbe4d8;padding:9px 12px;font-size:12px}.deck-pinyin{color:#536c5c;cursor:pointer;align-items:center;gap:8px;margin-top:20px;font-size:12px;display:flex}.deck-count{color:#718273;margin-left:auto;font-size:12px}.deck-count>span{color:var(--wine);margin-right:3px;font-size:22px;font-weight:600}.deck-toolbar{border-top:1px solid #e7ece3;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:20px 0;display:flex}.deck-actions{flex-wrap:wrap;gap:8px;display:flex}.deck-actions .btn{padding:9px 13px;font-size:12px}.deck-keyboard-hint{color:#758474;font-size:11px}.deck-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.deck-card{perspective:1100px;text-align:center;min-width:0;min-height:192px;color:var(--ink);background:0 0;border:0;border-radius:12px;padding:0}.deck-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.7,.3,1);display:grid}.deck-card.is-flipped .deck-card-inner{transform:rotateY(180deg)}.deck-face{backface-visibility:hidden;border:1px solid #d7e2d3;border-radius:12px;flex-direction:column;grid-area:1/1;align-items:stretch;min-width:0;min-height:192px;padding:16px;display:flex;box-shadow:0 2px 5px #274d3610}.deck-front{background:#f8faf4}.deck-back{color:#fffdf4;background:linear-gradient(135deg,#2b7059,#20533f);border-color:#24634f;transform:rotateY(180deg)}.deck-card:hover .deck-front{background:#f0f5e9;border-color:#7ea68b}.deck-card:focus-visible{outline-offset:4px;outline:3px solid #bf9c61}.deck-card-top{color:#7a8c75;letter-spacing:1px;justify-content:space-between;align-items:center;gap:8px;font-size:9px;display:flex}.deck-back .deck-card-top{color:#cae0c4}.deck-card-content{overflow-wrap:anywhere;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;padding:18px 0;display:flex}.deck-hanzi{font-family:var(--font-zh);font-size:clamp(30px,2.7vw,40px);font-weight:400;line-height:1.4}.deck-meaning{font-size:17px;font-weight:500;line-height:1.5}.deck-pronunciation{color:#76886b;font-size:14px;line-height:1.6}.deck-back .deck-pronunciation{color:#f2d89f}.deck-word-type{color:#d0e1cb;border:1px solid #c9dfbd40;border-radius:20px;margin-top:2px;padding:2px 9px;font-size:10px}.deck-card-bottom{color:#7b8b77;justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.deck-back .deck-card-bottom{color:#d1e1c9}.deck-footer{color:#6e806d;border-top:1px solid #e7ece3;flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px;padding-top:18px;font-size:10px;display:flex}.deck-footer>span{align-items:center;gap:6px;display:flex}.deck-footer>p{margin-left:auto;font-size:11px}.deck-legend-dot{background:#f0f5e9;border:1px solid #a8bda1;border-radius:3px;width:9px;height:9px}.deck-legend-dot.revealed{background:#24634f;border-color:#24634f}.deck-announcement{color:#536e59;font-size:12px;line-height:1.6}.deck-announcement:not(:empty){margin-top:16px}.flashcard-study .flashcard-area{margin-top:12px}@media (max-width:1200px){.deck-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.deck-keyboard-hint{display:none}.learning-tabs small{font-size:9px}}@media (max-width:760px){.deck-heading{flex-direction:column;align-items:stretch;gap:16px}.deck-heading h2{font-size:21px}.deck-heading .view-switch{align-self:flex-start;width:auto}.deck-board{padding:16px}.deck-settings{gap:14px}.deck-settings>label:first-child{flex:1;min-width:180px}.deck-pinyin{margin-top:0}.deck-count{flex-basis:100%;margin-left:0}.deck-toolbar{margin-top:12px;padding:16px 0}.deck-actions{gap:6px;width:100%}.deck-actions .btn{flex:1;gap:5px;padding:9px 7px;font-size:11px}.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.deck-card,.deck-face{min-height:170px}.deck-face{padding:12px}.deck-card-top{letter-spacing:.6px;font-size:8px}.deck-meaning{font-size:15px}.deck-hanzi{font-size:32px}.deck-pronunciation{font-size:13px}.deck-footer{gap:12px}.deck-footer>p{flex-basis:100%;margin-left:0}.learning-tabs .step-number{display:none}.learning-tabs strong{font-size:11px}}@media (prefers-reduced-motion:reduce){.deck-card-inner{transition:none}}.deck-heading .view-switch button{white-space:nowrap}.lesson-text-list{gap:18px;display:grid}.lesson-text-group{overflow:hidden}.lesson-text-group>summary{cursor:pointer;align-items:center;gap:16px;padding:22px;list-style:none;display:flex}.lesson-text-group>summary::-webkit-details-marker{display:none}.lesson-text-group>summary>span:nth-child(2){flex:1;min-width:0}.lesson-text-group>summary strong,.lesson-text-group>summary small,.text-group-chinese{overflow-wrap:anywhere;display:block}.lesson-text-group>summary small{color:var(--muted,#7a8576);margin-top:6px}.lesson-text-group>summary:focus-visible{outline-offset:-4px;outline:2px solid #246652}.lesson-text-group[open]>summary>svg{transform:rotate(180deg)}.lesson-text-group .study-dialogue{border-top:1px solid #e1e6d9}.lesson-text-group audio{max-width:100%;margin:12px 0}.lesson-text-group{align-self:start;overflow:visible}.lesson-text-sticky{top:var(--lesson-text-sticky-offset,120px);z-index:10;background:#fffefa;border-radius:12px 12px 0 0;align-items:center;display:flex;position:sticky}.lesson-text-heading{min-width:0;color:var(--ink);text-align:left;background:#fffefa;border:0;border-radius:12px 12px 0 0;flex:auto;align-items:center;gap:16px;padding:22px;list-style:none;display:flex}.lesson-text-heading>span:nth-child(2){flex:1;min-width:0}.lesson-text-heading strong,.lesson-text-heading small,.lesson-text-heading .text-group-chinese{overflow-wrap:anywhere;display:block}.lesson-text-heading small{color:var(--muted,#7a8576);margin-top:6px}.lesson-text-heading>svg{flex:none;transition:transform .2s}.lesson-text-group.is-open .lesson-text-heading>svg{transform:rotate(180deg)}.lesson-text-heading:focus-visible{outline-offset:-4px;outline:2px solid #246652}.lesson-text-heading strong{color:#203a28;font-size:20px;font-weight:700}.lesson-text-heading .text-group-chinese{font-size:18px}.lesson-text-heading small{font-size:15px;font-weight:500}.lesson-group-audio{background:#fffefa;flex:0 360px;min-width:250px;padding:0 22px}.lesson-group-audio audio{width:100%;height:40px;margin:0;display:block}.lesson-text-sticky.is-stuck{box-shadow:0 6px 12px #203a2810}.lesson-text-sticky.is-stuck .lesson-text-heading{padding-top:13px;padding-bottom:13px}.lesson-text-sticky.is-stuck .lesson-text-heading small{display:none}.lesson-text-sticky.is-stuck .lesson-text-heading strong{font-size:20px}.lesson-text-sticky.is-stuck .lesson-group-audio{flex-basis:320px;padding-left:14px;padding-right:22px}.lesson-group-content{border-top:1px solid #e1e6d9}@media (max-width:759px){.lesson-text-heading{gap:10px;padding:16px}.lesson-group-audio{flex:0 220px;min-width:160px;padding:0 12px}.lesson-group-audio audio{height:38px}.lesson-text-sticky.is-stuck .lesson-text-heading{padding-top:10px;padding-bottom:10px}.lesson-text-sticky.is-stuck .lesson-group-audio{flex-basis:190px;min-width:145px;padding-right:14px}.lesson-text-heading strong{font-size:18px}.lesson-text-heading .text-group-chinese{font-size:16px}.lesson-text-heading small{font-size:13px}}.text-group-label{color:#66745e}.text-group-chinese{margin-top:5px}.practice-modes{background:#eaf0e6;border-radius:10px;gap:6px;width:fit-content;margin-bottom:26px;padding:5px;display:flex}.practice-modes button{color:#637568;border-radius:7px;padding:12px 20px}.practice-modes button.active{color:#24634f;background:#fff;box-shadow:0 1px 3px #20392a14}.translation-exercise{gap:16px;max-width:880px;display:grid}.translation-source{color:#243e31;white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f8f1;border:1px solid #dce5d6;border-radius:12px;padding:22px 24px;font-size:22px;font-weight:600;line-height:1.7}.translation-source.chinese{font-family:var(--font-zh);font-size:30px}.translation-pinyin{color:#4f654a;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.translation-pinyin label{align-items:center;gap:8px;display:inline-flex}.translation-pinyin span{color:#415d4b}.question-pinyin{margin:-6px 0 16px;font-size:15px}.translation-answer{color:#304a38;gap:8px;font-size:16px;font-weight:700;display:grid}.translation-answer textarea{color:#203a30;width:100%;min-height:110px;font:inherit;resize:vertical;background:#fffefa;border:1px solid #d4dfcf;border-radius:10px;padding:15px 17px;font-size:19px;line-height:1.6}.translation-reference{border-top:1px solid #dce5d6;gap:5px;margin-top:12px;padding-top:12px;display:grid}.translation-reference>span{font-size:12px;font-weight:700}.translation-reference>strong{font-size:19px;font-weight:700}.translation-reference>strong[lang=zh]{font-family:var(--font-zh);font-size:25px}.translation-reference>small{color:#425d49;font-size:15px}.find-error-exercise{gap:12px;margin:18px 0;display:grid}.error-finding-sentence{color:#243e31;font-family:var(--font-zh);overflow-wrap:anywhere;background:#f6f8f1;border:1px solid #dce5d6;border-radius:10px;margin:0;padding:18px 22px;font-size:28px;font-weight:600;line-height:1.7}.reading-picker{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.reading-picker button{text-align:left;background:#fff;border:1px solid #dce4d6;border-radius:9px;padding:14px 18px}.reading-picker button.active{background:#e9f0e3;border-color:#24634f}.reading-picker strong,.reading-picker small{display:block}.reading-picker small{color:#75826e;margin-top:5px}.reading-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;margin:22px 0;display:grid}.reading-source{max-height:calc(100vh - 40px);padding:26px;position:sticky;top:20px;overflow:auto}.reading-source-header h3{margin:10px 0 18px;font-size:22px}.reading-source-header label{align-items:center;gap:8px;font-size:13px;display:flex}.reading-passage{white-space:pre-wrap;overflow-wrap:anywhere;margin:22px 0;font-size:25px;line-height:1.95}.reading-pinyin,.reading-translation p{white-space:pre-wrap;margin:16px 0;line-height:1.8}.reading-pinyin{color:#7b815e}.reading-translation{border-top:1px solid #dce4d6;padding:18px 0}.reading-translation summary,.reading-history summary{cursor:pointer;font-weight:600}.reading-counter{color:#687a6b;margin:0 0 16px;font-size:13px}.reading-questions fieldset,.reading-editor fieldset{border:0;min-width:0;margin:0;padding:0}.reading-questions .question-card{padding:22px}.reading-questions h3{white-space:pre-wrap;margin:12px 0;font-size:17px;line-height:1.6}.reading-questions .answer-option{overflow-wrap:anywhere}.reading-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;display:flex}.reading-start,.reading-history,.reading-preview{padding:24px}.reading-start p{margin:12px 0;line-height:1.7}.reading-history-row{text-align:left;border-bottom:1px solid #e1e7dc;justify-content:space-between;gap:16px;width:100%;padding:16px 0;font-size:13px;display:flex}.reading-history-row:last-child{border:0}.reading-admin-list{gap:10px;display:grid}.reading-admin-row{text-align:left;border:1px solid #e7dfd5;border-radius:8px;align-items:center;gap:12px;width:100%;padding:16px;display:flex}.reading-admin-row>span:nth-child(2){flex:1;min-width:0}.reading-admin-row strong,.reading-admin-row small{overflow-wrap:anywhere;display:block}.reading-admin-row small{color:#8a8079;margin-top:5px}.reading-editor{padding-top:20px}.reading-editor label{gap:8px;display:grid}.reading-editor>p{margin-bottom:20px;line-height:1.7}.reading-question-editor{border:1px solid #e7dfd5;border-radius:10px;margin:16px 0;padding:20px}.reading-question-editor p{margin:12px 0;font-size:12px}.reading-option-editor{align-items:center;gap:10px;margin:10px 0;display:flex}.reading-option-editor>input{flex:0 0 18px;width:18px;height:18px}.reading-option-editor label{flex:1;min-width:0}.reading-option-editor label input{width:100%}.reading-preview{margin-top:20px}.reading-preview h4{margin-top:18px}.reading-preview ul{padding-left:20px}.reading-manager .admin-section-header{flex-wrap:wrap;gap:12px}.reading-manager .admin-section-header p{margin-top:8px;font-size:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1000px){.reading-workspace{grid-template-columns:minmax(0,1fr)}.reading-source{max-height:none;position:static}}@media (max-width:600px){.reading-source,.reading-start,.reading-history,.reading-question-editor{padding:16px}.reading-passage{font-size:22px}.reading-picker button{width:100%}.reading-history-row{flex-direction:column;gap:6px}.practice-modes{width:100%}.practice-modes button{flex:1;padding:12px 8px}}.word-detail>header{padding:16px 22px}.word-detail>header>span{font-size:12px}.word-detail-body>h2{font-size:64px}.word-detail-pinyin{font-size:20px}.word-detail-body>h3{font-size:21px}.word-detail .example{padding:16px}.word-detail .example>strong{font-size:28px;line-height:1.7}.word-detail .example>span,.word-detail .example>p{font-size:16px;line-height:1.7}.option-content{overflow-wrap:anywhere;flex-direction:column;gap:5px;min-width:0;display:flex}.option-content>small,.option-pinyin{color:#617657;font-size:15px;line-height:1.5;display:block}.text-content-group{min-width:0;margin-bottom:28px}.text-content-group>h3{color:var(--wine);flex-wrap:wrap;align-items:baseline;gap:12px;margin:20px 0 14px;font-size:19px;display:flex}.text-content-group>h3>small{color:#617657;font-size:13px;font-weight:400}.quiz-option-editor>input[type=radio]{flex:0 0 18px;width:18px;height:18px}.quiz-option-editor>input:not([type=radio]){flex:1;min-width:0}.reading-option-editor label>input+input{margin-top:7px}@media (max-width:600px){.quiz-option-editor{flex-wrap:wrap}.quiz-option-editor>input:last-child{flex-basis:calc(100% - 30px);margin-left:28px}}@media (min-width:1200px){.study-page{font-size:16px}.study-page .lesson-heading h1{font-size:clamp(38px,3.2vw,52px)}.study-page .lesson-title-pinyin,.study-page .lesson-title-vi{font-size:17px}.study-page .lesson-objectives summary{font-size:16px}.study-page .lesson-objectives li{color:#40543d;font-size:16px;line-height:1.8}.study-page .learning-tabs strong{font-size:16px}.study-page .learning-tabs small{color:#52674d;font-size:13px}.study-page .lesson-audio h2{font-size:17px}.study-page .lesson-audio p{color:#52654d;font-size:14px}.study-page .content-toolbar,.study-page .content-toolbar label{color:#40543d;font-size:14px}.study-page .dialogue-heading h2{font-size:21px}.study-page .dialogue-heading>span{color:#52664d;font-size:14px}.study-page .study-dialogue .speaker-name{color:#496343;font-size:14px}.study-page .study-dialogue .chinese-text{color:#263d2a;font-size:32px}.study-page .study-dialogue .pinyin{color:#405b3a;font-size:17px}.study-page .study-dialogue .translation{color:#344c37;font-size:17px}.study-page .vocabulary-toolbar h2,.study-page .section-intro h2{font-size:24px}.study-page .vocabulary-toolbar p,.study-page .section-intro p{color:#40543d;font-size:15px}.study-page .study-panel .vocab-table-head{color:#40543d;font-size:13px}.study-page .study-panel .vocab-row{padding-top:20px;padding-bottom:20px}.study-page .study-panel .vocab-row>strong{font-size:34px}.study-page .study-panel .vocab-row>span:nth-child(2),.study-page .study-panel .vocab-row>span:nth-child(3){font-size:17px}.study-page .study-panel .vocab-row small{color:#52674d;font-size:13px}.study-page .study-panel .vocab-row .pinyin{color:#405b3a;font-size:17px}.study-page .word-detail-body>h2{font-size:76px}.study-page .word-detail-pinyin{color:#405b3a;font-size:22px}.study-page .word-detail-body>h3{font-size:24px}.study-page .word-detail .example>strong{font-size:31px}.study-page .word-detail .example>span,.study-page .word-detail .example>p,.study-page .grammar-card>div>p{color:#344c37;font-size:17px}.study-page .structure{font-size:17px}.study-page .quiz-intro h2{font-size:31px}.study-page .quiz-intro>p:not(.eyebrow){color:#344c37;font-size:17px}.study-page .question-card h2{font-size:22px}.study-page .question-meta{color:#40543d;font-size:13px}.study-page .answer-option{padding:17px;font-size:17px}.study-page .option-content>small,.study-page .option-pinyin{color:#405b3a;font-size:16px}.study-page .reading-passage{color:#263d2a;font-size:32px}.study-page .reading-pinyin,.study-page .reading-translation p{color:#344c37;font-size:18px}.study-page .reading-questions h3{font-size:21px}}@media (min-width:760px){.study-shell .main-shell{margin-left:276px}.study-sidebar.sidebar{width:276px}.study-topbar.topbar{height:60px;padding-left:40px;padding-right:40px}.study-page{max-width:1540px;padding-left:40px;padding-right:40px}.study-page .learning-tabs{top:60px}.study-page{font-size:15px}.study-page .lesson-heading h1{font-size:clamp(34px,4vw,48px)}.study-page .lesson-title-pinyin,.study-page .lesson-title-vi{font-size:16px}.study-page .lesson-heading .eyebrow,.study-page .lesson-objectives summary,.study-page .learning-tabs strong{font-size:15px}.study-page .lesson-objectives li,.study-page .study-dialogue .translation,.study-page .study-dialogue .pinyin,.study-page .lesson-audio p,.study-page .content-toolbar,.study-page .content-toolbar label{color:#344c37;font-size:15px}.study-page .learning-tabs small,.study-page .dialogue-heading>span,.study-page .speaker-name,.study-page .lesson-audio .audio-pending{color:#405b3a;font-size:13px}.study-page .study-dialogue .chinese-text{color:#263d2a;font-size:clamp(28px,3vw,32px)}.study-page .dialogue-heading h2{font-size:21px}.study-page .vocabulary-toolbar h2,.study-page .section-intro h2{font-size:23px}.study-page .vocabulary-toolbar p,.study-page .section-intro p,.study-page .study-panel .vocab-table-head{color:#344c37;font-size:14px}.study-page .study-panel .vocab-row{padding-top:18px;padding-bottom:18px}.study-page .study-panel .vocab-row>strong{font-size:32px}.study-page .study-panel .vocab-row>span:nth-child(2),.study-page .study-panel .vocab-row>span:nth-child(3),.study-page .study-panel .vocab-row .pinyin{color:#344c37;font-size:16px}.study-page .study-panel .vocab-row small{color:#405b3a;font-size:13px}.study-page .grammar-card>div>p,.study-page .structure{color:#344c37;font-size:16px}.study-page .quiz-intro h2{font-size:29px}.study-page .quiz-intro>p:not(.eyebrow),.study-page .question-card h2,.study-page .answer-option{color:#263d2a;font-size:16px}.study-page .question-meta{color:#405b3a;font-size:13px}.study-page .option-content>small,.study-page .option-pinyin{color:#344c37;font-size:15px}.study-page .reading-passage{color:#263d2a;font-size:clamp(27px,3vw,32px)}.study-page .reading-pinyin,.study-page .reading-translation p,.study-page .reading-counter{color:#344c37;font-size:16px}.study-page .reading-questions h3{font-size:19px}}.study-page .learning-tabs{margin-bottom:14px}.study-page .learning-tabs>button{gap:8px;padding-top:9px;padding-bottom:12px;line-height:1.25}.study-page .learning-tabs strong,.study-page .learning-tabs small{line-height:1.25}.study-page .study-body{gap:14px}@media (min-width:760px){.study-page .learning-tabs>button{padding-left:8px;padding-right:8px}.study-page .learning-tabs strong{font-size:15px}.study-page .learning-tabs small{font-size:13px}.study-shell .study-brand-row .brand strong{font-size:24px}.study-shell .study-brand-row .brand small{font-size:11px}.study-shell .study-topbar .breadcrumb,.study-shell .study-topbar .breadcrumb b,.study-shell .account-name,.study-shell .admin-link{font-size:13px}.study-shell .study-sidebar .course-label,.study-shell .study-sidebar .lesson-list-label{font-size:11px}.study-shell .study-sidebar .course-title{font-size:21px}.study-shell .study-sidebar .lesson-nav{padding-top:16px;padding-bottom:16px}.study-shell .study-sidebar .lesson-nav strong{font-size:15px}.study-shell .study-sidebar .lesson-nav small,.study-shell .study-sidebar .lesson-number,.study-shell .study-sidebar .sidebar-progress>div:first-child,.study-shell .study-sidebar .sidebar-progress p,.study-shell .collapse-sidebar{font-size:13px}.study-shell .lesson-heading .eyebrow{font-size:12px}.study-shell .lesson-heading h1{font-size:clamp(40px,3.5vw,56px)}.study-shell .lesson-title-pinyin,.study-shell .lesson-title-vi{font-size:18px}.study-shell .lesson-objectives summary{font-size:17px}.study-shell .lesson-objectives summary>small,.study-shell .lesson-objectives li{font-size:15px}.study-shell .learning-tabs strong{font-size:16px}.study-shell .learning-tabs small{font-size:12px}.study-shell .study-panel .content-toolbar,.study-shell .study-panel .content-toolbar label{font-size:15px}.study-shell .dialogue-heading h2{font-size:22px}.study-shell .vocabulary-toolbar h2,.study-shell .section-intro h2{font-size:25px}.study-shell .vocabulary-toolbar p,.study-shell .section-intro p{font-size:16px}.study-shell .study-panel .vocab-table-head{font-size:14px}.study-shell .study-panel .vocab-row>strong{font-size:36px}.study-shell .study-panel .vocab-row>span:nth-child(2),.study-shell .study-panel .vocab-row>span:nth-child(3),.study-shell .study-panel .vocab-row .pinyin{font-size:18px}.study-shell .study-panel .vocab-row small{font-size:14px}.study-shell .grammar-card>div>p,.study-shell .structure,.study-shell .question-card h2,.study-shell .answer-option{font-size:18px}.study-shell .quiz-intro h2{font-size:32px}.study-shell .quiz-intro>p:not(.eyebrow),.study-shell .question-meta,.study-shell .option-content>small,.study-shell .option-pinyin{font-size:16px}.study-shell .reading-passage{font-size:clamp(30px,3vw,36px)}.study-shell .reading-pinyin,.study-shell .reading-translation p,.study-shell .reading-counter{font-size:18px}}.study-shell{color:#263d2a}.study-shell .learning-tabs strong,.study-shell .learning-tabs small,.study-shell .text-content-group>h3,.study-shell .text-content-group>h3>small,.study-shell .section-intro h2,.study-shell .section-intro p,.study-shell .vocabulary-toolbar h2,.study-shell .vocabulary-toolbar p,.study-shell .dialogue-heading h2,.study-shell .dialogue-heading>span,.study-shell .study-panel .content-toolbar,.study-shell .study-panel .content-toolbar label,.study-shell .study-panel .vocab-table-head{color:#314b35;font-weight:600}.study-shell .grammar-card>div>h2{color:#203a28;font-size:24px;font-weight:700}.study-shell .grammar-card .structure{color:#294a31;font-size:20px;font-weight:600}.study-shell .grammar-card>div>p{color:#405b3a;white-space:pre-line;font-size:18px;font-weight:500;line-height:1.75}.study-shell .grammar-card .example>strong{color:#203d2a;font-size:32px;font-weight:500;line-height:1.55}.study-shell .grammar-card .example>span,.study-shell .grammar-card .example>p,.study-shell .word-detail .example>span,.study-shell .word-detail .example>p{color:#405b3a;font-size:18px;font-weight:500;line-height:1.7}.study-shell .study-dialogue .speaker-name,.study-shell .study-dialogue .pinyin,.study-shell .study-dialogue .translation,.study-shell .study-panel .vocab-row>span,.study-shell .study-panel .vocab-row small,.study-shell .option-content>small,.study-shell .option-pinyin,.study-shell .reading-pinyin,.study-shell .reading-translation p{color:#405b3a;font-weight:500}.study-shell .study-sidebar .lesson-nav strong,.study-shell .study-sidebar .lesson-nav small,.study-shell .study-sidebar .course-title,.study-shell .lesson-objectives summary,.study-shell .lesson-objectives li,.study-shell .lesson-title-pinyin,.study-shell .lesson-title-vi{color:#314b35;font-weight:600}.writing-practice{border-top:1px solid var(--line);margin:24px 0;padding-top:20px}.writing-practice-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.writing-practice-heading p{color:#405b3a;margin-top:5px;font-size:14px;font-weight:500}.writing-practice-character{font-family:var(--font-zh);color:#315d43;font-size:48px;line-height:1}.writing-mode-tabs{gap:7px;margin:15px 0 10px;display:flex}.writing-mode-tabs button{color:#405b3a;cursor:pointer;background:#fffefa;border:1px solid #d9e2d2;border-radius:7px;padding:8px 11px;font-size:13px;font-weight:600}.writing-mode-tabs button.active{color:#fff;background:#7d2934;border-color:#7d2934}.writing-canvas{aspect-ratio:1;touch-action:none;background:#fffdf7;border:1px solid #dfe7d6;border-radius:10px;width:min(100%,320px);display:block}.writing-clear{color:#405b3a;cursor:pointer;background:0 0;border:1px solid #d9e2d2;border-radius:7px;margin-top:10px;padding:8px 12px;font-size:13px;font-weight:600}.writing-mode-tabs button:focus-visible,.writing-clear:focus-visible,.writing-canvas:focus-visible{outline-offset:2px;outline:2px solid #b58a4b}.writing-open-button{color:#315d43;cursor:pointer;background:#f4f7ef;border:1px solid #d9e2d2;border-radius:8px;width:100%;margin:22px 0;padding:12px 14px;font-size:16px;font-weight:700}.writing-open-button:hover{background:#eaf2df;border-color:#b9cfad}.writing-dialog{width:min(96vw,1300px);max-width:1300px;height:fit-content;max-height:94vh;color:var(--ink);background:#fffefa;border:1px solid #dfe7d6;border-radius:16px;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 18px 60px #20392030}.writing-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#15271b66}.writing-dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.writing-dialog>header>span{color:#315d43;letter-spacing:1px;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.writing-dialog-body{flex-direction:column;align-items:center;padding:24px;display:flex;overflow:hidden}.writing-dialog-instruction{color:#314b35;align-self:flex-start;margin-bottom:14px;font-size:17px;font-weight:600}.writing-dialog .writing-canvas{flex:0 auto;width:min(72vw,52vh,480px);max-height:52vh;margin:0 auto}.writing-character-grid{grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px;width:100%;display:grid}.writing-character-grid.multiple{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1100px}.writing-character-cell{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.writing-character-target{aspect-ratio:1;touch-action:none;background-color:#fffdf7;background-image:linear-gradient(90deg,#0000 calc(50% - 1px),#dfe7d688 50%,#0000 calc(50% + 1px)),linear-gradient(#0000 calc(50% - 1px),#dfe7d688 50%,#0000 calc(50% + 1px));border:1px solid #dfe7d6;border-radius:10px;width:min(72vw,52vh,480px);overflow:hidden}.writing-character-grid.multiple .writing-character-target{width:min(72vw,52vh,480px)}.writing-character-target svg,.writing-character-target canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.writing-character-index,.writing-stroke-count{color:#405b3a;font-size:13px;font-weight:600}.writing-character-index{position:absolute;top:8px;left:10px}.writing-stroke-count{min-height:21px;margin-top:4px}.writing-feedback,.writing-score,.writing-error{text-align:center;color:#314b35;align-self:stretch;font-size:15px;font-weight:600}.writing-score{background:#edf4e8;border-radius:8px;padding:8px 12px}.writing-error{color:#9c2632;background:#fff0ee;border-radius:8px;padding:8px 12px}.writing-dialog-actions{justify-content:center;display:flex}.writing-attribution{color:#65765d;margin-top:8px;font-size:11px;font-weight:500}.writing-dialog .writing-clear{margin-left:auto;margin-right:auto;display:block}@media (max-width:600px){.writing-dialog{width:96vw;max-height:94vh}.writing-dialog-body{padding:18px}.writing-dialog-instruction{font-size:15px}.writing-dialog .writing-canvas{width:min(84vw,48vh,400px);max-height:48vh}.writing-character-target{width:min(84vw,48vh,400px)}.writing-character-grid.multiple{grid-template-columns:minmax(0,1fr);gap:12px}.writing-character-grid.multiple .writing-character-target{width:min(84vw,48vh,400px)}.vocabulary-card-grid{grid-template-columns:minmax(0,1fr);gap:11px;padding:12px}.vocab-learning-card{grid-template-columns:76px minmax(0,1fr) 16px;gap:10px;min-height:124px;padding:10px}.vocab-card-illustration{min-height:100px;font-size:42px}.vocab-card-illustration img{min-height:100px}.vocab-card-copy>strong{font-size:28px}.vocab-card-meaning{font-size:15px}.vocabulary-actions .btn{width:100%}}.study-shell .lesson-text-group>summary strong,.study-shell .lesson-text-group>summary .text-group-chinese,.study-shell .dialogue-heading h2,.study-shell .vocabulary-toolbar h2,.study-shell .section-intro h2,.study-shell .quiz-intro h2,.study-shell .question-card h2{color:#203a28;font-weight:700}.study-shell .lesson-text-group>summary strong{font-size:20px}.study-shell .lesson-text-group>summary .text-group-chinese{font-size:18px}.study-shell .lesson-text-group>summary small,.study-shell .dialogue-heading>span,.study-shell .lesson-audio .audio-pending{color:#405b3a;font-size:15px;font-weight:500}.study-shell .study-dialogue .speaker-name{color:#314b35;font-size:15px;font-weight:600}.study-shell .study-dialogue .chinese-text{color:#203d2a;font-size:32px;font-weight:500}.study-shell .study-dialogue .pinyin,.study-shell .study-dialogue .translation{color:#405b3a;font-size:18px;font-weight:500}.study-shell .vocabulary-toolbar h2,.study-shell .section-intro h2{font-size:25px}.study-shell .vocabulary-toolbar p,.study-shell .section-intro p{color:#405b3a;font-size:16px;font-weight:500}.study-shell .vocab-table-head{color:#314b35;font-size:14px;font-weight:600}.study-shell .vocab-row>strong{color:#203d2a;font-size:36px;font-weight:500}.study-shell .vocab-row>span{color:#405b3a;font-size:18px;font-weight:500}.study-shell .vocab-row small,.study-shell .flashcard-top,.study-shell .flashcard-caption{color:#405b3a;font-size:14px;font-weight:500}.study-shell .flashcard-center>strong{color:#203d2a;font-size:90px;font-weight:500}.study-shell .flashcard-center>p{color:#405b3a;font-size:22px;font-weight:500}.study-shell .flashcard-center>h2{color:#203a28;font-size:34px;font-weight:700}.study-shell .flash-example strong{font-size:26px;font-weight:500}.study-shell .flash-example span,.study-shell .card-hint{color:#405b3a;font-size:14px;font-weight:500}.study-shell .quiz-intro h2{font-size:32px}.study-shell .quiz-intro>p:not(.eyebrow),.study-shell .question-meta,.study-shell .answer-option,.study-shell .option-content>small,.study-shell .option-pinyin{color:#405b3a;font-size:18px;font-weight:500}.study-shell .question-meta>span:first-child{color:#314b35;font-weight:700}.study-shell .reading-passage{color:#203d2a;font-size:clamp(30px,3vw,36px);font-weight:500}.study-shell .reading-pinyin,.study-shell .reading-translation p,.study-shell .reading-counter{color:#405b3a;font-size:18px;font-weight:500}.sidebar-expand-toggle{display:none}@media (min-width:761px){.study-shell.sidebar-collapsed .study-sidebar{border:0;width:0;overflow:hidden;transform:translate(-100%)}.study-shell.sidebar-collapsed .main-shell{margin-left:0}.study-shell.sidebar-collapsed .sidebar-expand-toggle{z-index:30;border:1px solid var(--line);color:#536a58;cursor:pointer;background:#fcfcf7;border-left:0;border-radius:0 10px 10px 0;justify-content:center;align-items:center;width:34px;height:48px;display:flex;position:fixed;top:50%;left:0;box-shadow:0 4px 14px #30402012}.study-shell.sidebar-collapsed .sidebar-expand-toggle:hover{color:var(--wine);background:#eef3e8}}.study-shell .study-dialogue .chinese-text{color:#203d2a}.study-shell .study-dialogue .pinyin{color:#815016}.study-shell .study-dialogue .translation{color:#315b78}.word-detail[open]{overscroll-behavior:contain;width:min(1040px,100vw - 48px);max-width:none;max-height:min(92dvh,960px);color:var(--ink);z-index:1000;background:#fffefa;border:1px solid #dfe7d6;border-radius:22px;margin:auto;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 90px #14251b35}.word-detail::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#14251b80}.word-detail>header{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffefaed;padding:16px 24px;position:sticky;top:0}.word-detail>header>span{color:#536d42;letter-spacing:.08em;font-size:13px;font-weight:700}.word-detail-body{padding:28px clamp(24px,5vw,64px) 40px}.word-detail-overview{grid-template-columns:minmax(180px,.85fr) minmax(0,1.4fr);align-items:center;gap:clamp(24px,5vw,64px);padding:8px 0 32px;display:grid}.word-detail-glyph{color:#285e4a;min-height:200px;font-family:var(--font-zh);overflow-wrap:anywhere;background:#f3f6ec;border-radius:20px;place-items:center;font-size:clamp(90px,12vw,150px);line-height:1.15;display:grid}.word-detail-information{min-width:0}.word-detail-visibility{flex-wrap:wrap;gap:12px 24px;margin-bottom:18px;display:flex}.word-detail-visibility label{color:#314b35;cursor:pointer;align-items:center;gap:9px;font-size:16px;font-weight:600;display:inline-flex}.word-detail-visibility input{accent-color:#246b56;width:18px;height:18px}.word-detail-information .word-detail-pinyin{color:#815016;margin:8px 0 12px;font-size:24px;font-weight:600}.study-shell .word-detail-information .word-detail-pinyin{font-size:24px}.study-shell .word-detail-information .word-detail-meaning{font-size:clamp(28px,4vw,40px)}.word-detail-information .word-type{color:#536d42;background:#eef3e8;border-radius:999px;padding:5px 11px;font-size:14px;font-weight:600;display:inline-flex}.word-detail-information .word-detail-meaning{color:#314b35;margin:12px 0;font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.3}.word-detail-information>audio{width:min(100%,440px);margin-top:12px}.word-detail-supplement{background:#f8f9f3;border:1px solid #dfe7d6;border-radius:16px;margin:0 0 30px;display:block;overflow:hidden}.word-detail-supplement-toggle{cursor:pointer;align-items:center;gap:14px;min-height:88px;padding:15px 20px;list-style:none;display:flex}.word-detail-supplement-toggle::-webkit-details-marker{display:none}.word-detail-supplement-icon{color:#28634f;background:#e9f0e5;border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.word-detail-supplement-title{gap:4px;min-width:0;margin-right:auto;display:grid}.word-detail-supplement-title strong{color:#314b35;font-size:18px;font-weight:700}.word-detail-supplement-title small{color:#657561;font-size:14px;font-weight:500}.word-detail-supplement-badges{flex-wrap:wrap;gap:7px;display:flex}.word-detail-supplement-badges em{color:#536d42;background:#edf2e8;border-radius:999px;padding:5px 9px;font-size:12px;font-style:normal;font-weight:600}.word-detail-supplement-thumb{object-fit:contain;background:#fffefa;border-radius:9px;flex:0 0 56px;width:56px;height:50px}.word-detail-supplement-chevron{color:#647760;flex:none;transition:transform .2s}.word-detail-supplement[open] .word-detail-supplement-chevron{transform:rotate(180deg)}.word-detail-supplement-content{grid-template-columns:minmax(0,1fr);gap:16px;padding:0 20px 20px;display:grid}.word-detail-supplement:not(.single-supplement) .word-detail-supplement-content{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.word-detail-supplement-visual{background:#fffefa;border:1px solid #e6ebdf;border-radius:13px;place-items:center;min-height:220px;max-height:360px;padding:12px;display:grid}.word-detail-supplement-visual img{object-fit:contain;border-radius:8px;max-width:100%;max-height:330px;display:block}.word-detail-supplement-note{background:#fffefa;border:1px solid #e6ebdf;border-radius:13px;align-self:stretch;padding:20px}.word-detail-supplement-note .eyebrow{color:#71836f;font-size:12px;font-weight:700}.word-detail-supplement-note p{color:#344c37;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0;font-size:18px;font-weight:500;line-height:1.75}.grammar-supplement{margin:20px 0 0}.word-detail-examples{border-top:1px solid var(--line);padding-top:24px}.word-detail-section-heading{color:#536d42;justify-content:space-between;align-items:center;font-weight:600;display:flex}.word-detail .example{background:#f4f6ed;border-radius:14px;margin-top:14px;padding:20px 24px}.word-detail .example>strong{font-size:30px}.word-detail .example>span,.word-detail .example>p{font-size:17px}@media (max-width:650px){.word-detail[open]{border-radius:17px;width:calc(100vw - 20px);max-height:94dvh}.word-detail>header{padding:13px 16px}.word-detail-body{padding:18px 16px 28px}.word-detail-overview{grid-template-columns:1fr;gap:18px;padding-bottom:24px}.word-detail-glyph{min-height:150px;font-size:clamp(72px,22vw,110px)}.word-detail-supplement-toggle{gap:10px;min-height:76px;padding:12px}.word-detail-supplement-title strong{font-size:16px}.word-detail-supplement-title small{font-size:12px}.word-detail-supplement-badges{display:none}.word-detail-supplement-thumb{flex-basis:44px;width:44px;height:42px}.word-detail-supplement-content,.word-detail-supplement:not(.single-supplement) .word-detail-supplement-content{grid-template-columns:1fr;padding:0 12px 12px}.word-detail-supplement-visual{min-height:160px;max-height:260px}.word-detail-supplement-visual img{max-height:230px}.word-detail-supplement-note{padding:16px}}.study-shell .teacher-mode-toggle{text-align:left;cursor:pointer;background:#f7f9f2;border:1px solid #dce6d4;border-radius:12px;align-items:flex-start;gap:12px;width:min(100%,520px);margin:22px auto 0;padding:15px 18px;display:flex}.study-shell .teacher-mode-toggle input{accent-color:#246b56;flex:none;width:18px;height:18px;margin:3px 0 0}.study-shell .teacher-mode-toggle span{gap:3px;display:grid}.study-shell .teacher-mode-toggle strong{color:#294a31;font-size:15px}.study-shell .teacher-mode-toggle small{color:#657561;font-size:13px;line-height:1.5}.study-shell .answer-option.teacher-correct{color:#1e6b38;background:#e9f6ec;border-color:#4f9c65}.study-shell .answer-option.teacher-correct .option-letter{color:#fff;background:#31824b;border-color:#4f9c65}.study-shell .answer-option.teacher-incorrect{color:#a6332b;background:#fff0ee;border-color:#d36a63}.study-shell .answer-option.teacher-incorrect .option-letter{color:#fff;background:#bd4b43;border-color:#d36a63}.study-shell .question-feedback.teacher-feedback-correct{background:#edf7ee;border:1px solid #b9d9be}.study-shell .question-feedback.teacher-feedback-correct>strong{color:#24713b}.study-shell .question-feedback.teacher-feedback-incorrect{background:#fff3f1;border:1px solid #e7c1bc}.study-shell .question-feedback.teacher-feedback-incorrect>strong{color:#a63a32}.study-shell .question-card>.btn-secondary{margin-top:14px}.study-shell .question-audio{width:min(100%,420px);height:42px;margin:-8px 0 18px;display:block}.question-audio-field{gap:8px;display:grid}.question-audio-attachment{color:#405b3a;background:#f8faf4;border:1px solid #dfe7d6;border-radius:9px;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 13px;display:flex}.question-audio-attachment>span{flex:1;min-width:120px;font-size:13px;font-weight:600}.question-audio-attachment audio{width:min(100%,320px);height:38px}@media (min-width:761px){.study-shell{--classroom-hanzi:42px;--classroom-body:26px;--classroom-heading:32px;--classroom-label:20px}.study-shell .lesson-objectives>summary{flex-wrap:wrap;font-size:30px;line-height:1.4}.study-shell .lesson-objectives>summary small{font-size:var(--classroom-label)}.study-shell .lesson-objectives li{font-size:var(--classroom-body);align-items:flex-start;gap:12px;line-height:1.65}.study-shell .lesson-objectives li>svg{flex-shrink:0;margin-top:12px}.study-shell .lesson-objectives ul{gap:14px;display:grid}.study-shell .study-panels{min-width:0}.study-shell .study-panels p,.study-shell .study-dialogue .pinyin,.study-shell .study-dialogue .translation,.study-shell .grammar-card .example>span,.study-shell .grammar-card .example>p,.study-shell .vocab-row>span,.study-shell .reading-pinyin,.study-shell .reading-translation p,.study-shell .answer-option,.study-shell .option-content>small,.study-shell .translation-answer,.study-shell .translation-answer textarea,.study-shell .translation-reference>strong,.study-shell .word-token,.study-shell .blank-sentence input,.study-shell .question-card h2,.study-shell .grammar-card .structure,.study-shell .flashcard-center>p,.study-shell .flash-example span,.study-shell .word-detail .example>span,.study-shell .word-detail .example>p,.study-shell .word-detail-information .word-detail-pinyin,.study-shell .word-detail-information .word-detail-meaning,.study-shell .word-detail-supplement-note p{font-size:var(--classroom-body);line-height:1.65}.study-shell .study-dialogue .chinese-text,.study-shell .grammar-card .example>strong,.study-shell .vocab-row>strong,.study-shell .reading-passage,.study-shell .blank-sentence,.study-shell .translation-source.chinese,.study-shell .flash-example strong,.study-shell .word-detail .example>strong,.study-shell .error-finding-sentence{font-size:var(--classroom-hanzi);line-height:1.65}.study-shell .grammar-card>div>h2,.study-shell .section-intro h2,.study-shell .vocabulary-toolbar h2,.study-shell .dialogue-heading h2,.study-shell .lesson-text-group>summary strong,.study-shell .flashcard-center>h2,.study-shell .quiz-intro h2{font-size:var(--classroom-heading);line-height:1.4}.study-shell .study-panels small,.study-shell .study-panels .eyebrow,.study-shell .study-panels label,.study-shell .question-meta,.study-shell .vocab-table-head,.study-shell .vocab-row small,.study-shell .study-dialogue .speaker-name,.study-shell .translation-pinyin,.study-shell .translation-reference>span,.study-shell .translation-reference>small,.study-shell .flashcard-top,.study-shell .card-hint,.study-shell .learning-tabs small,.study-shell .word-detail small,.study-shell .word-detail label,.study-shell .word-detail .word-type,.study-shell .word-detail-section-heading,.study-shell .word-detail-supplement-title small,.study-shell .word-detail-supplement-note .eyebrow,.study-shell .word-detail-supplement-badges em{font-size:var(--classroom-label);line-height:1.5}.study-shell .learning-tabs strong,.study-shell .word-detail-supplement-title strong{font-size:24px;line-height:1.4}.study-shell .option-content>small,.study-shell .study-panels .answer-option,.study-shell .study-panels .translation-answer,.study-shell .study-panels .word-token{font-size:var(--classroom-body)}.study-shell .translation-source.vietnamese{font-size:var(--classroom-body);line-height:1.65}.study-shell .answer-option{height:auto;min-height:88px;padding:20px}.study-shell .option-content,.study-shell .grammar-card>div{overflow-wrap:anywhere;min-width:0}.study-shell .question-card h2,.study-shell .translation-source{overflow-wrap:anywhere}.study-shell .word-detail-overview{grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr)}.study-shell .word-detail-visibility{flex-wrap:wrap}.study-shell .flashcard-center>strong{font-size:clamp(100px,9vw,132px)}.study-shell .vocab-learning-card .vocab-card-copy>strong,.study-shell .study-panels .deck-card-content .deck-hanzi{font-size:var(--classroom-hanzi);line-height:1.5}.study-shell .vocab-learning-card .vocab-card-pinyin,.study-shell .vocab-learning-card .vocab-card-meaning,.study-shell .study-panels .deck-card-content .deck-pronunciation,.study-shell .study-panels .deck-card-content .deck-meaning{font-size:var(--classroom-body);line-height:1.55}.study-shell .vocab-learning-card .vocab-card-copy>small,.study-shell .study-panels .deck-card-content .deck-word-type,.study-shell .study-panels .deck-card-top,.study-shell .study-panels .deck-keyboard-hint{font-size:var(--classroom-label);line-height:1.5}.study-shell .study-panels .deck-heading h2{font-size:var(--classroom-heading);line-height:1.4}.study-shell .study-panels .deck-settings,.study-shell .study-panels .deck-count,.study-shell .study-panels .deck-toolbar{font-size:var(--classroom-label)}.study-shell .vocab-learning-card .vocab-card-copy{overflow-wrap:anywhere;min-width:0}.study-shell .study-panels .study-dialogue .inline-word{font-size:inherit;line-height:inherit}.study-shell .study-panels .deck-actions .btn,.study-shell .study-panels .flashcard-actions .btn,.study-shell .study-panels .view-switch button{font-size:var(--classroom-label)}}