@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;450;500;550;600;650;700;750;800&family=Noto+Serif+SC:wght@400;500;600;700&display=swap");:root{--ink:#203c35;--muted:#7b8983;--green:#216451;--green-dark:#174b3d;--line:#e6eae3;--paper:#f7f8f3;--cream:#f2eedf;--white:#fff;--gold:#d6a858;--red:#af4e46;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Be Vietnam Pro,Arial,sans-serif;font-size:14px;line-height:1.65}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.58}button{border:0}a{color:var(--green)}h1,h2,h3,h4,p{margin-top:0}h1{font-size:29px;line-height:1.45;font-weight:650;letter-spacing:-1px;margin-bottom:8px}h2{font-size:22px;line-height:1.4;letter-spacing:-.55px;margin-bottom:10px}h2,h3{font-weight:600}h3{font-size:17px;line-height:1.55;margin-bottom:8px}p{margin-bottom:14px}svg{flex-shrink:0;vertical-align:middle}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c39b46;outline-offset:3px}::selection{background:#d8e7d4}input,select,textarea{width:100%;border:1px solid #dbe2d8;background:white;border-radius:10px;padding:12px 14px;min-width:0}textarea{resize:vertical}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--green)}label{display:block;font-size:13px;font-weight:500}label input,label select,label textarea{margin-top:7px}.editor>label,form>label{margin-bottom:17px}hr{border:0;border-top:1px solid var(--line);margin:28px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.tiny{font-size:11px}.centered{text-align:center}.eyebrow{display:block;font-size:10px;letter-spacing:1.6px;font-weight:650;color:#7b8b79;margin-bottom:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 21px;border-radius:9px;font-size:12px;font-weight:600;line-height:1.6;transition:background .15s,transform .15s;text-decoration:none;min-height:43px}.button:hover:not(:disabled){transform:translateY(-1px)}.primary{background:var(--green);color:white}.primary:hover{background:var(--green-dark)}.secondary{background:white;border:1px solid #dce4d8}.secondary:hover{background:#f2f6ef}.light{background:#f4f0dc;color:#234f3c}.wide{width:100%}.small-button{font-size:11px;padding:8px 13px;min-height:35px}.icon-button{background:transparent;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:9px}.icon-button:hover{background:#eaf0e6}.text-button{display:inline-flex;align-items:center;gap:8px;background:transparent;padding:6px 0;font-size:12px;font-weight:550;color:var(--green)}.button-group{display:flex;align-items:center;gap:10px}.pill{display:inline-flex;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:600;background:#edf2e8;color:#52765c}.live-dot{display:inline-block;width:6px;height:6px;background:#7b9b60}.avatar,.live-dot{border-radius:50%;flex-shrink:0}.avatar{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;background:#e6eddc;color:var(--green);font-size:15px;font-weight:600}.avatar.small{width:32px;height:32px;font-size:12px}.brand-mark{width:43px;height:43px;background:var(--green);color:white;display:flex;align-items:center;justify-content:center;border-radius:12px;font-family:"Noto Serif SC",serif;font-size:27px;flex-shrink:0}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:25px}.notice{background:#f4efdf;border:1px solid #e7ddbf;border-radius:10px;padding:13px 17px;font-size:12px;margin-bottom:20px;overflow-wrap:anywhere}.notice p{margin:6px 0}.notice.compact{padding:9px 14px;font-size:11px}.notice.success{background:#eaf3e8;border-color:#cedfc8}.notice.error{border-color:#f0ccc2}.notice .icon-button{float:right;width:26px;height:26px}.danger{color:var(--red)}.danger-button{background:#fff0eb;color:#9a3e35;border:1px solid #eac9c2}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fdfefb;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:34px 22px 0;z-index:30}.brand{display:flex;align-items:center;gap:11px;background:none;text-align:left;padding:0 4px}.brand strong{font-size:19px;font-weight:650;letter-spacing:-.8px;white-space:nowrap}.brand b{font-weight:450;color:#6c8c74}.brand small{display:block;font-size:10px;letter-spacing:3px;color:#9aa48e;font-family:"Noto Serif SC",serif;margin-top:1px}.workspace-tag{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.4px;color:#8b9b84;margin:34px 10px 16px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{position:relative;display:flex;align-items:center;gap:13px;width:100%;padding:13px 14px;border-radius:9px;background:none;text-align:left;font-size:12px;color:#78837a;font-weight:450}.nav-item:hover{background:#f0f4eb;color:var(--green)}.nav-item.active{background:#eaf1e5;color:#265a40;font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-22px;height:23px;width:3px;border-radius:0 3px 3px 0;background:#4c7855}.nav-count{margin-left:auto;background:#dae8d0;color:#4a6b40;min-width:22px;border-radius:5px;font-size:10px;text-align:center}.sidebar-note{margin:40px 0 25px;border:1px solid #e5e9da;background:linear-gradient(120deg,#f5f6ec,#edf2e5);padding:18px 17px;border-radius:13px}.plant{display:flex;align-items:center;justify-content:space-between;color:#82966f;margin-bottom:13px}.plant span{font-size:10px;font-family:"Noto Serif SC",serif;letter-spacing:1px}.sidebar-note strong{font-size:13px}.sidebar-note p{font-size:10px;line-height:1.8;color:#8c9781;margin:5px 0 13px}.sidebar-note button{display:flex;align-items:center;gap:8px;padding:0;background:none;font-size:10px;font-weight:550;color:#61804f}.sidebar-bottom{margin-top:auto}.sidebar-bottom>.nav-item{padding:10px 14px;font-size:11px}.sidebar-user{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);margin-top:20px;padding:22px 0}.sidebar-user>div{min-width:0;flex:1 1}.sidebar-user strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small{display:block;font-size:8px;color:#9ca58f}.sidebar-user .icon-button{width:26px}.main-shell{margin-left:248px}.topbar{height:80px;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 42px;background:rgba(253,254,250,.8)}.topbar,.topbar-title{display:flex;align-items:center}.topbar-title{gap:10px}.topbar-title>span{font-size:9px;letter-spacing:1.3px;color:#879180;font-weight:500}.topbar-actions{gap:20px}.free-badge,.topbar-actions{display:flex;align-items:center}.free-badge{gap:7px;font-size:10px;color:#7d8973}.preview-strip{text-align:center;font-size:9px;letter-spacing:.1px;background:#f0efe4;color:#8b876c;padding:6px 15px}main{max-width:1460px;margin:auto;padding:34px 42px 20px}.greeting{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.greeting .eyebrow{text-transform:uppercase;font-size:9px;letter-spacing:1.3px;color:#99a18f;margin-bottom:8px}.greeting h1{font-size:26px;letter-spacing:-.9px}.greeting p{font-size:12px;margin:0}.greeting-dot{color:#c0a567;font-size:25px;margin-left:13px}.daily-target{display:flex;align-items:center;gap:8px;color:#8c997c;font-size:10px;border:1px solid #e3e8da;background:#fbfcf7;padding:9px 13px;border-radius:8px;white-space:nowrap}.hero{display:flex;overflow:hidden;background:#1f5949;border-radius:20px;min-height:310px;color:#fff;padding:35px 38px}.hero,.hero-copy{position:relative}.hero-copy{z-index:2;flex:1 1}.hero-label{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:2px;color:#c7d3b7;font-weight:550}.hero-label>span{width:17px;height:1px;background:#c7d3b7}.hero h2{font-size:36px;font-weight:500;letter-spacing:-1.2px}.hero h2 em{font-style:normal;color:#d8dcac}.hero p{font-size:12px;color:#bdcfbf;margin-bottom:20px}.hero .button{padding:12px 22px;font-size:11px}.hero-caption{display:block;font-size:9px;color:#9bb9a3;margin-top:12px}.hero-art{width:340px;position:relative;flex-shrink:0;align-self:stretch}.character-paper{position:absolute;width:145px;height:194px;background:#e9eed9;border-radius:10px;box-shadow:0 8px 30px #0a372d26;color:#355d42;display:flex;flex-direction:column;align-items:center;justify-content:center}.paper-back{top:27px;right:4px;transform:rotate(13deg);font-family:"Noto Serif SC",serif;font-size:82px;background:#cbd4a9;color:#547344}.paper-front{top:37px;right:104px;transform:rotate(-8deg);background:#f6f2dc}.paper-front strong{font-family:"Noto Serif SC",serif;font-weight:500;font-size:85px;line-height:1.3}.paper-front>span:not(.paper-tag){font-size:12px;letter-spacing:3px;color:#77916b}.paper-front small{font-size:9px;color:#849374;margin-top:6px}.paper-tag{position:absolute;top:14px;font-size:6px;letter-spacing:1.5px;color:#94a183}.orbit{position:absolute;border:1px solid #6f91752b;border-radius:50%;width:310px;height:310px;top:-5px;right:3px}.orbit-two{width:400px;height:400px;top:-48px;right:-42px}.art-spark{position:absolute;top:0;right:170px;color:#bdc792;font-size:33px}.art-seal{position:absolute;bottom:17px;right:23px;transform:rotate(10deg);border:1px solid #a8bb8e;font-family:"Noto Serif SC",serif;color:#c3cea1;padding:4px;line-height:1.5;font-size:13px}.art-leaf{position:absolute;bottom:-8px;left:17px;color:#84a580;font-size:52px;transform:rotate(-25deg)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 32px}.stat{display:flex;gap:14px;border:1px solid var(--line);background:#fefefc;padding:19px 17px;min-width:0}.icon-tile,.stat{align-items:center;border-radius:12px}.icon-tile{width:43px;height:43px;display:inline-flex;justify-content:center;flex-shrink:0}.icon-tile.green{background:#ebf2e4;color:#718e58}.icon-tile.amber{background:#f8efda;color:#c29b48}.icon-tile.blue{background:#e9f0f2;color:#7896a2}.icon-tile.rose{background:#f6eae4;color:#c19176}.stat strong{display:block;font-size:25px;font-weight:550;line-height:1.25;color:#334d3d}.stat div>span{font-size:9px;color:#8c9786;display:block;margin-top:5px}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 257px;gap:27px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 17px}.section-title h2{font-size:19px;margin:0}.section-title .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:5px}.section-title .text-button{font-size:10px}.level-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:29px}.level-card{border:1px solid #e0e6d8;border-radius:14px;padding:18px;text-align:left;transition:transform .2s;min-width:0}.level-card:hover{transform:translateY(-3px)}.sage{background:#edf1e5}.sand{background:#f4eee0}.blue{background:#eaf0f2}.rose{background:#f6ece6}.lavender{background:#efecf3}.level-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px;color:#8e9c82}.level-character{font-family:"Noto Serif SC",serif;color:#687e54;font-size:34px;line-height:1.1}.sand .level-character{color:#ad945c}.blue .level-character{color:#7f98a0}.level-card .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:4px}.level-card h3{font-size:18px;line-height:1.4;margin:0}.level-card p{font-size:9px;color:#87907b;min-height:29px;margin:5px 0 13px}.progress-track{height:3px;background:#dfe5d5;border-radius:10px;overflow:hidden;margin-bottom:7px}.progress-track>span{display:block;height:100%;background:#5b8563;min-width:0}.level-card small{font-size:8px;color:#8d9783}.lesson-list{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.lesson-row{display:flex;align-items:center;gap:15px;text-align:left;width:100%;background:transparent;padding:19px}.lesson-row+.lesson-row{border-top:1px solid #eff1e9}.lesson-row:hover{background:#fafbf5}.lesson-number{font-size:13px;display:flex;align-items:center;justify-content:center;width:38px;height:42px;border-radius:9px;background:#f1f2e9;color:#99a18b;flex-shrink:0}.lesson-number.done{background:#e7efdf;color:#6e8e59}.lesson-row>div{flex:1 1;min-width:0}.lesson-row strong{font-size:12px;font-weight:550;display:block}.lesson-row div span{font-size:9px;color:#98a08e;display:block;margin-top:3px}.lesson-row>small{font-size:9px;color:#98a08e;white-space:nowrap}.lesson-row>svg{color:#9ca791}.right-column{padding-top:3px}.review-callout{padding:24px 21px;background:#fdfcf5;border-color:#e8e6d8}.review-callout .icon-tile{width:39px;height:39px;margin-bottom:16px}.review-callout .eyebrow{font-size:8px;letter-spacing:1.2px;color:#a59b77}.review-callout h3{font-size:16px;line-height:1.6}.review-callout p{font-size:10px;color:#969984;line-height:1.9;margin-bottom:19px}.review-callout .button{font-size:10px;padding:9px}.daily-note{padding:26px 20px 16px;margin-top:16px;border-radius:14px;background:#edf1e8}.daily-note>.eyebrow{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1px;color:#8b977a}.daily-note>p[lang]{font-family:"Noto Serif SC",serif;font-size:26px;line-height:1.6;letter-spacing:3px;margin:17px 0 9px;color:#5c7550}.pinyin{display:block;color:#9b9e7a;font-size:12px;letter-spacing:.5px}.daily-note .pinyin{font-size:9px}.daily-note .note-translation{font-size:11px;margin:12px 0 7px;color:#778569}.daily-note>small{font-size:9px;color:#9ba28c;line-height:1.8}.right-column>.tiny{margin-top:18px;font-size:8px;line-height:1.8}.page-heading{margin:10px 0 28px}.page-heading h1{font-size:32px}.page-heading>p{font-size:13px}.roadmap-banner{display:flex;align-items:center;gap:22px;background:#e9efe1;border:1px solid #dce5d1;border-radius:15px;padding:23px;margin-bottom:26px;color:#60804b}.roadmap-banner strong{color:#345f43}.roadmap-banner p{font-size:11px;color:#819371;margin:4px 0 0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px;flex-wrap:wrap}.toolbar>select{width:auto;max-width:350px}.filter-pills{display:flex;gap:5px;flex-wrap:wrap}.filter-pills>button{background:none;padding:9px 13px;border-radius:8px;font-size:11px;color:#8c9682}.filter-pills>button.active{background:var(--green);color:white}.search-input{position:relative;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 12px;min-width:170px}.search-input>svg{color:#9ba58f}.search-input input{border:0;background:none;margin:0;outline-offset:0;font-size:11px;padding:11px 0}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalog-card{padding:25px;display:flex;flex-direction:column;background:#fff;min-width:0}.catalog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;color:#789566}.catalog-card.sand .pill{background:#f5eddd;color:#ab965f}.catalog-card.blue .pill{background:#eaf0f2;color:#7896a2}.catalog-card.rose .pill{background:#f6eae4;color:#b38c72}.catalog-card.lavender .pill{background:#f0eaf5;color:#9f8aac}.catalog-card h3{font-size:17px;margin:7px 0}.catalog-card>p{font-size:11px;color:#909a86;margin-bottom:18px;flex:1 1}.catalog-meta{display:flex;gap:17px;font-size:10px;color:#98a18f;margin:0 0 20px}.catalog-meta span{display:flex;gap:5px;align-items:center}.catalog-card .button{font-size:11px}.empty{text-align:center;max-width:800px;margin:30px auto;padding:60px 25px}.empty>svg{color:#8eaa73;margin-bottom:16px}.empty>p{max-width:440px;margin:0 auto 22px}.history-row{display:flex;align-items:center;gap:20px;margin-bottom:10px;padding:18px 22px}.history-row>div{flex:1 1}.history-row p{margin:3px 0 0}.history-score{color:var(--green);font-size:22px}.mistake{margin-bottom:12px}.mistake p{margin:8px 0 0}.settings-card{max-width:700px;margin-bottom:22px}.settings-card h2{font-size:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-bottom:18px}.settings-card .form-grid{margin-bottom:25px}.prose{max-width:850px;line-height:1.9}.prose h2{font-size:19px;margin-top:26px}.prose h2:first-child{margin-top:0}.prose p{color:#7c8977;font-size:13px}.lesson-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0}.lesson-heading h1{font-size:32px}.toggle{display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:11px;color:#839178}.toggle input{margin:0}.lesson-tabs{display:flex;gap:10px;border-bottom:1px solid var(--line);margin:22px 0 28px}.lesson-tabs button{display:flex;align-items:center;gap:9px;background:none;padding:13px 20px;color:#8b9780;border-bottom:2px solid transparent;font-size:12px}.lesson-tabs button.active{border-bottom-color:var(--green);color:var(--green);font-weight:600}.lesson-intro{margin-bottom:30px}.lesson-intro>p{line-height:1.9;color:#7e8b78;font-size:13px;margin:18px 0 0}.objectives{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:12px;color:#677e5b}.objectives li{display:flex;gap:9px;align-items:baseline}.vocab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.vocab-card{position:relative;display:flex;flex-direction:column;padding:28px 25px;min-width:0}.vocab-card .sound{position:absolute;right:13px;top:13px;color:#8aa36f}.hanzi{font-family:"Noto Serif SC",serif;font-size:38px;line-height:1.5;letter-spacing:1px;margin-bottom:2px;padding-right:12px;overflow-wrap:anywhere}.vocab-card .pinyin{margin-bottom:14px}.vocab-card>strong{font-size:13px;font-weight:500}.example{border-top:1px solid #eef1e8;margin:17px 0 0;padding-top:15px;font-family:"Noto Serif SC",serif;font-size:16px;color:#677e5f}.example small{display:block;font-family:Be Vietnam Pro,sans-serif;font-size:10px;color:#9aa58f;margin-top:7px}.grammar{margin-bottom:18px}.grammar h3{font-size:24px;font-family:"Noto Serif SC",Be Vietnam Pro,serif;margin-top:16px}.grammar>p{color:#7c8b74;font-size:13px;line-height:1.9}.grammar blockquote{background:#f3f5ed;padding:18px 22px;margin:20px 0 0;border-radius:10px;border-left:3px solid #abc08e}.grammar blockquote>span{display:block;font-family:"Noto Serif SC",serif;font-size:23px}.grammar blockquote small{display:block;color:#91a082;font-size:12px;margin-top:7px}.next-section{display:flex;margin:25px 0 0 auto}.dialogue{max-width:850px;margin:auto;padding:35px}.dialogue-line{display:flex;gap:14px;align-items:flex-start;margin:28px 0}.dialogue-line>div{background:#f3f5ed;border-radius:0 16px 16px 16px;padding:17px 22px;flex:1 1}.dialogue-line.alternate>div{background:#edf2e7}.dialogue-line>div>small{font-size:10px;color:#a1aa95}.dialogue-line>div>p{font-family:"Noto Serif SC",serif;font-size:23px;margin:4px 0}.dialogue-line>div>span:last-child{font-size:12px;color:#87967b;display:block;margin-top:8px}.dialogue>.button{display:flex;margin:24px 0 0 auto}.question{display:flex;gap:20px;margin-bottom:17px}.question-number{width:31px;height:31px;border-radius:50%;background:#edf2e6;color:#81976d;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.question>div{flex:1 1;min-width:0}.question h3{font-size:15px}.options{display:grid;gap:9px;margin-top:15px}.option{display:flex;align-items:center;gap:13px;border:1px solid #e5eadd;border-radius:9px;padding:12px 15px;cursor:pointer;font-size:13px;font-weight:400}.option input{margin:0}.option>span{font-size:10px;color:#a2ad94}.option.selected{background:#eef4e7;border-color:#89a377}.word-pieces{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.word-pieces button{background:#edf2e6;border:1px solid #dce5d1;border-radius:7px;padding:7px 15px;font-family:"Noto Serif SC",serif;font-size:16px}.feedback{padding:15px;margin-top:18px;border-radius:9px;font-size:12px}.feedback.correct{background:#eef5e8;color:#5a7d48}.feedback.incorrect{background:#faf0e4;color:#9c8051}.feedback p{margin:7px 0 0}.result{text-align:center;margin-top:20px;padding:35px}.result>svg{color:#95aa75;width:30px;height:30px;margin-bottom:12px}.score{display:block;font-size:58px;font-weight:500;color:var(--green);margin:10px}.score small{font-size:18px;color:#9ba78b}.result p{color:#89977d;font-size:12px}.result .button{margin:8px 5px}.recap{margin-top:25px;background:#f1f4ea}.recap p{color:#849278;line-height:1.9;font-size:13px}.review-stage{max-width:680px;margin:0 auto}.flashcard{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:360px;padding:35px;background:#fffef7;border:1px solid #e6e6d7;border-radius:22px;box-shadow:0 10px 30px #344e2d06}.flashcard>strong{font-family:"Noto Serif SC",serif;font-size:80px;line-height:1.5;margin:20px 0;color:#49653c}.flashcard h2{font-size:22px;margin-top:18px}.flashcard>p{font-family:"Noto Serif SC",serif;font-size:20px;color:#859773}.flip-hint{display:flex;gap:8px;align-items:center;color:#9aa58b;font-size:12px;margin-top:25px}.rating-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.review-stage>.tiny{margin-top:24px}.revision-list{display:grid;gap:12px}.revision{gap:20px;padding:20px}.revision,.revision-icon{display:flex;align-items:center}.revision-icon{width:43px;height:48px;background:#edf2e6;justify-content:center;border-radius:10px;color:#809b6b;flex-shrink:0}.revision-info{flex:1 1;min-width:0}.revision-info h3{font-size:14px;margin:4px 0}.revision-info>p{margin:8px 0 0}.status{display:inline-flex;padding:2px 8px;background:#f0f2e9;border-radius:5px;color:#8b9780;font-size:9px}.status-published{background:#e6f0df;color:#5d8149}.status-in_review{background:#f6efdb;color:#ae995e}.status-approved{background:#e7eff1;color:#6f929c}.revision-actions{display:flex;gap:7px;flex-wrap:wrap;max-width:270px;justify-content:flex-end}.file-button{position:relative;cursor:pointer;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.editor{margin-top:15px}.editor .section-title{margin-top:25px}.editor-row{background:#f8faf4;padding:18px;border:1px solid #e8eddf;border-radius:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-bottom:15px}.editor>label{margin-top:20px}.editor-row label{font-size:11px}.editor-row input,.editor-row textarea{font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#183b2e70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.auth-panel{position:relative;width:460px;max-height:calc(100dvh - 40px);overflow-y:auto;background:#fdfef9;border-radius:22px;padding:35px}.modal-close{position:absolute;right:17px;top:17px}.auth-panel>.brand-mark{margin-bottom:22px}.auth-panel>.eyebrow{font-size:8px;letter-spacing:1.4px}.auth-panel h2{font-size:27px;margin-bottom:7px}.auth-panel>.muted{font-size:11px;margin-bottom:22px}.check-label{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.8;color:#829275}.check-label input{margin-top:5px}.auth-links{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin:19px 0}.auth-links button{font-size:10px;padding:0;background:none;color:#819575}.auth-panel>.tiny{justify-content:center;gap:7px;margin:24px 0 0}.auth-panel>.tiny,footer{display:flex;align-items:center;font-size:9px}footer{justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:40px;padding:22px 0 5px;color:#a2ab97}.footer-dot{padding:0 7px;color:#c5cbba}footer button{display:flex;align-items:center;gap:7px;background:none;padding:0;color:inherit;font-size:9px}.mobile-bottom,.mobile-menu,.mobile-shade{display:none}@media(min-width:1600px){.hero{min-height:340px}.hero h2{font-size:42px}.hero-art{width:420px}.paper-front{right:145px}.paper-back{right:45px}.home-columns{grid-template-columns:minmax(0,1fr) 300px}.level-card{padding:23px}.level-card p{font-size:11px}}@media(max-width:1200px){.sidebar{width:220px;padding:28px 17px 0}.main-shell{margin-left:220px}.brand strong{font-size:17px}.brand-mark{width:38px;height:38px;font-size:24px}.nav-item{font-size:11px;padding:12px 11px;gap:10px}.nav-item.active:before{left:-17px}.topbar{padding:0 27px}main{padding:28px 27px 20px}.home-columns{grid-template-columns:minmax(0,1fr) 220px;gap:19px}.hero{padding:30px;min-height:300px}.hero h2{font-size:31px}.hero-art{width:240px}.character-paper{width:125px;height:174px}.paper-front{right:78px;top:40px}.paper-back{right:-2px;top:33px}.paper-front strong{font-size:70px}.orbit{right:-45px}.orbit-two{right:-90px}.art-spark{right:120px;top:3px}.stat{padding:15px 12px;gap:9px}.stat .icon-tile{width:34px;height:34px;border-radius:9px}.stat strong{font-size:22px}.stat div>span{font-size:8px}.level-card{padding:15px}.level-card p{font-size:8px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.sidebar-note{margin-top:28px}.greeting h1{font-size:23px}.daily-target{font-size:9px;padding:8px}.review-callout{padding:20px 17px}}@media(max-width:1000px){.home-columns{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:17px}.daily-note{margin:0}.right-column>.tiny{grid-column:1/-1}.hero-art{width:210px}.hero h2{font-size:28px}.hero{padding:28px}.hero-caption{font-size:8px}.stats-grid{gap:10px}.stat{flex-direction:column;align-items:flex-start;padding:14px}.stat div>span{font-size:9px}.greeting{gap:12px}.daily-target{display:none}.topbar-title>span{font-size:8px;letter-spacing:.6px}.vocab-grid{grid-template-columns:repeat(2,1fr)}.revision{flex-wrap:wrap}.revision-actions{max-width:none;width:100%;justify-content:flex-start;padding-left:63px}.lesson-heading{align-items:flex-start;flex-direction:column;gap:5px}.hero-label{font-size:8px}.sidebar-note{display:none}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:260px;padding:26px 22px 0;z-index:60}.sidebar.open{transform:translateX(0)}.sidebar-note{display:block}.mobile-shade{display:block;position:fixed;inset:0;background:#24403355;z-index:55;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main-shell{margin-left:0}.topbar{height:64px;padding:0 20px}.topbar-title>span{font-size:8px;letter-spacing:.9px}.topbar-actions{gap:10px}.topbar-actions .free-badge{display:none}.mobile-menu{display:flex}.topbar-actions .small-button{font-size:10px;padding:7px 10px}.preview-strip{font-size:8px;line-height:1.7;padding:6px 18px}main{padding:25px 20px 95px}.greeting{margin-bottom:22px}.greeting .eyebrow{font-size:8px}.greeting h1{font-size:23px;letter-spacing:-.7px}.greeting p{font-size:11px}.greeting-dot{font-size:20px;margin-left:7px}.hero{padding:28px;min-height:290px}.hero-art{width:220px}.hero h2{font-size:30px}.hero-caption{max-width:220px}.stats-grid{margin:18px 0 28px;gap:10px}.stat{flex-direction:row;padding:17px 15px}.stat .icon-tile{width:36px;height:36px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat strong{font-size:23px}.home-columns{gap:22px}.level-cards{gap:10px}.level-card{padding:17px}.level-card p{font-size:9px}.lesson-row{padding:17px}.right-column{gap:15px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #e2e8d9;z-index:40;padding:8px 6px max(8px,env(safe-area-inset-bottom))}.mobile-bottom button{display:flex;align-items:center;flex-direction:column;gap:4px;flex:1 1;background:none;font-size:8px;color:#9ba78d;padding:4px 0}.mobile-bottom button.active{color:var(--green)}.catalog-card{padding:20px}.lesson-heading h1,.page-heading h1{font-size:27px}.lesson-tabs button{padding:12px 15px;font-size:11px}.dialogue{padding:23px}.question{padding:20px;gap:13px}.vocab-card{padding:24px 20px}.hanzi{font-size:33px}.toolbar{gap:13px}.toolbar .search-input{width:100%}.filter-pills{gap:3px}.filter-pills button{padding:8px 11px;font-size:10px}.settings-card{padding:22px}.form-grid{gap:12px}.auth-panel{padding:29px}.rating-buttons{gap:6px}.rating-buttons .button{font-size:11px;padding:10px}.revision{gap:13px}.revision-actions{padding-left:0}.empty{padding:45px 20px}.empty h2{font-size:20px}.history-row{padding:15px;gap:12px}.history-row strong{font-size:12px}.history-row .history-score{font-size:20px}footer{margin-top:30px;font-size:8px;align-items:flex-start}.editor{padding:20px}.editor-row{padding:15px}.prose{padding:24px}}@media(max-width:520px){.topbar-title>span{max-width:170px;font-size:7px;line-height:1.7}.hero{padding:27px 24px;min-height:355px}.hero-copy{max-width:250px}.hero h2{font-size:30px;line-height:1.4;margin:15px 0}.hero p{font-size:11px;line-height:1.9}.hero-art{position:absolute;right:-55px;bottom:-40px;width:215px;height:230px;opacity:.7;transform:rotate(7deg)}.character-paper{width:98px;height:135px}.paper-front{right:85px;top:50px}.paper-back{top:42px;right:27px;font-size:60px}.paper-front strong{font-size:58px}.paper-front .paper-tag{font-size:4px;top:10px;letter-spacing:1px}.paper-front>span:not(.paper-tag){font-size:9px}.paper-front small{font-size:7px}.art-leaf,.art-seal,.art-spark{display:none}.orbit{width:230px;height:230px;right:0;top:10px}.orbit-two{width:290px;height:290px;right:-30px;top:-20px}.hero .button{padding:11px 17px;font-size:10px}.hero-caption{max-width:165px;line-height:1.7;font-size:8px}.level-cards{grid-template-columns:1fr}.level-card{position:relative;padding:18px 18px 17px 75px;min-height:113px}.level-card-top{position:absolute;left:20px;top:23px;margin:0}.level-card-top>svg{display:none}.level-character{font-size:34px}.level-card h3{font-size:17px}.level-card p{font-size:10px;min-height:0;margin:3px 0 10px}.level-card .eyebrow{font-size:7px}.level-card .progress-track{max-width:90%;margin-bottom:5px}.level-card small{font-size:8px}.section-title h2{font-size:18px}.section-title>.tiny{font-size:9px}.right-column{grid-template-columns:1fr}.daily-note{position:relative;padding-right:115px}.daily-note>p[lang]{font-size:24px}.daily-note:after{content:"学";position:absolute;right:25px;top:62px;font-family:"Noto Serif SC",serif;font-size:70px;color:#dce5d2}.catalog-grid{grid-template-columns:1fr}.catalog-card>h3{font-size:18px}.catalog-top{margin-bottom:14px}.catalog-card{padding:23px}.catalog-card .button{min-height:43px}.vocab-grid{gap:10px}.vocab-card{padding:24px 16px}.vocab-card .sound{right:6px;top:8px;width:28px;height:28px}.hanzi{font-size:29px;margin-top:7px}.vocab-card .pinyin,.vocab-card>strong{font-size:11px}.example{font-size:14px}.example small{font-size:9px}.lesson-tabs{gap:0;justify-content:space-between}.lesson-tabs button{padding:12px 9px;gap:6px}.lesson-intro{padding:23px}.dialogue{padding:20px 16px}.dialogue-line{gap:9px}.dialogue-line .avatar{width:25px;height:25px;font-size:10px}.dialogue-line>div{padding:14px}.dialogue-line>div>p{font-size:19px}.dialogue-line .icon-button{width:26px;height:28px}.dialogue-line .pinyin,.dialogue-line>div>span:last-child{font-size:10px}.question{padding:18px 14px;gap:10px}.question-number{width:25px;height:25px;font-size:10px}.question h3{font-size:13px}.option{font-size:12px;padding:11px;gap:8px}.result{padding:25px 17px}.result h2{font-size:20px}.editor-row,.form-grid{grid-template-columns:1fr}.history-row{flex-wrap:wrap}.history-row>.text-button{font-size:10px}.history-row>div{min-width:170px}.toolbar .button-group{flex-wrap:wrap}.review-stage .flashcard{min-height:320px}.flashcard>strong{font-size:65px}.stats-grid .stat{gap:11px;padding:14px 12px}.stat div>span{font-size:8px}.stat strong{font-size:23px}.empty .button{font-size:11px}.auth-panel{padding:25px}.auth-panel h2{font-size:24px}footer{flex-direction:column;gap:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sidebar{overflow-y:auto}.sidebar-bottom{flex-shrink:0}@media(max-width:760px){.sidebar:not(.open){visibility:hidden}.sidebar.open{visibility:visible}}:root{color-scheme:light;--ink:#302b35;--muted:#736971;--green:#b92535;--green-dark:#941c2c;--line:#ebdcd8;--paper:#fcf6f2;--white:#fffdfa;--cream:#f9e9e2;--accent-soft:#fbe5e2;--surface:#fffdfa;--surface-alt:#fbefea;--shadow:0 8px 28px #70433308;--hero-art:url(/images/study-day.webp);--hero-text:#98212e;--hero-wash:#fae8df;--focus:#a63247}:root[data-theme=dark]{color-scheme:dark;--ink:#f1eaf4;--muted:#c0b4cb;--green:#ffb6ab;--green-dark:#ffd1c8;--line:#44384f;--paper:#181622;--white:#262131;--cream:#322936;--accent-soft:#403042;--surface:#262131;--surface-alt:#302739;--shadow:0 8px 28px #08050d26;--hero-text:#fff0de;--hero-wash:#201d35;--focus:#ffd0a8}body{background:var(--paper);font-size:16px;color:var(--ink)}::selection{background:var(--accent-soft);color:var(--ink)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--focus)}.auth-panel,.card,.catalog-card,.lesson-list,.search-input,.stat{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}.sidebar{background:var(--surface);border-color:var(--line);padding-top:28px}.brand-mark{background:linear-gradient(145deg,#e84943,#b4162a);box-shadow:0 5px 14px #b9253520;color:#fff}.brand strong{color:var(--ink)}.brand b{color:var(--green);font-weight:700}.brand small{font-size:15px;letter-spacing:1px;color:var(--muted)}.workspace-tag{font-size:10px;color:var(--muted)}.live-dot{background:var(--green)}.nav-item,.sidebar-bottom>.nav-item{font-size:14px;color:var(--muted);min-height:46px}.nav-item.active,.nav-item:hover{background:var(--accent-soft);color:var(--green)}.nav-item.active:before{background:var(--green)}.avatar,.lesson-number,.nav-count,.question-number,.revision-icon{background:var(--accent-soft);color:var(--green)}.sidebar-user strong{font-size:13px}.sidebar-user small{font-size:11px;color:var(--muted)}.sidebar-note{background:var(--surface-alt);border-color:var(--line);margin-top:28px;padding:20px 16px}.sidebar-note strong{font-size:15px}.sidebar-note button,.sidebar-note p{font-size:12px;color:var(--muted)}.plant{color:var(--green)}.plant span{font-size:18px;letter-spacing:0;line-height:1.8}.topbar{background:var(--surface);border-color:var(--line);gap:16px}.topbar-title{min-width:0}.topbar-title>span{font-size:10px;letter-spacing:1px;color:var(--muted)}.topbar-actions{gap:12px;flex-shrink:0}.free-badge{font-size:11px;color:var(--muted)}.theme-toggle{min-width:76px;padding:8px 12px;min-height:40px}.theme-toggle span{font-size:13px}.preview-strip{background:var(--surface-alt);color:var(--muted);font-size:11px;padding:8px 20px}main{padding-top:32px}.greeting h1{font-size:28px}.greeting p{font-size:14px;color:var(--muted)}.eyebrow,.greeting .eyebrow,.section-title .eyebrow{font-size:11px;color:var(--muted)}.daily-target{font-size:12px;color:var(--green);background:var(--surface);border-color:var(--line)}.button{font-size:14px;min-height:44px;border-radius:11px}.small-button{font-size:13px;min-height:40px}.text-button{font-size:14px}.light,.primary{background:#bd2434;color:#fff}.light:hover,.primary:hover{background:#9d1e2c}.secondary{background:var(--surface);border-color:var(--line);color:var(--green)}.icon-button:hover,.secondary:hover{background:var(--accent-soft)}.hero{isolation:isolate;min-height:380px;background:var(--hero-wash);padding:38px;border:1px solid var(--line);border-radius:24px;color:var(--hero-text)}.hero:before{z-index:-2;background:var(--hero-art) center 56% /cover no-repeat}.hero:after,.hero:before{content:"";position:absolute;inset:0}.hero:after{z-index:-1;background:linear-gradient(90deg,var(--hero-wash) 0,color-mix(in srgb,var(--hero-wash) 93%,transparent) 27%,transparent 63%)}.hero-copy{flex:initial}.hero h2{font-size:clamp(29px,2.5vw,43px);line-height:1.35;letter-spacing:-1px;font-weight:750}.hero h2 em{color:inherit}.hero-label{font-size:11px;color:var(--hero-text);letter-spacing:1.4px}.hero-label>span{background:currentColor}.hero p{line-height:1.8;color:var(--ink)}.hero .button{font-size:14px;padding:12px 20px}.hero-caption{color:var(--hero-text);max-width:360px}.hero-art{display:none}.stat strong{color:var(--ink);font-size:30px}.stat div>span{font-size:12px;color:var(--muted)}.icon-tile.green{background:#e7f1df;color:#42642b}.icon-tile.amber{background:#fff0d5;color:#8f5b14}.icon-tile.blue{background:#e4edf7;color:#3b658a}.icon-tile.rose{background:#ffe7e2;color:#a13f3e}.level-card{background:var(--surface-alt);border-color:var(--line)}.level-card.sand{background:color-mix(in srgb,var(--surface) 80%,#d4a463 20%)}.level-card.blue{background:color-mix(in srgb,var(--surface) 85%,#749fc5 15%)}.blue .level-character,.level-character,.sand .level-character{color:var(--green);font-size:44px}.level-card-top{color:var(--green)}.level-card .eyebrow{font-size:10px}.level-card p{font-size:13px;color:var(--muted);min-height:42px}.level-card small{font-size:12px;color:var(--muted)}.progress-track{background:var(--line);height:5px}.progress-track>span{background:var(--green)}.section-title h2{font-size:22px}.section-title .text-button{font-size:13px}.tiny{font-size:12px}.lesson-row{min-height:108px}.lesson-row+.lesson-row{border-color:var(--line)}.lesson-row:hover{background:var(--surface-alt)}.lesson-row strong{font-size:15px}.lesson-row div span{font-size:14px;color:var(--muted)}.lesson-row>small{font-size:12px;color:var(--muted)}.lesson-row>svg{color:var(--green)}.lesson-number.done{background:var(--accent-soft);color:var(--green)}.daily-note,.review-callout{background:var(--surface-alt);border-color:var(--line)}.daily-note>.eyebrow,.review-callout .eyebrow{font-size:10px;color:var(--muted)}.review-callout h3{font-size:19px}.review-callout p{font-size:14px;color:var(--muted)}.review-callout .button{font-size:13px}.daily-note>p[lang]{font-size:34px;color:var(--green);letter-spacing:1px}.daily-note .pinyin{font-size:17px;color:var(--muted)}.daily-note .note-translation{font-size:14px;color:var(--ink)}.daily-note>small,.right-column>.tiny{font-size:12px;color:var(--muted)}.page-heading{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;min-height:168px;padding:30px;background:var(--surface-alt);border:1px solid var(--line)}.page-heading:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,var(--surface-alt) 30%,transparent 95%),var(--hero-art) right 40% /cover;opacity:.4}.page-heading h1{font-size:34px}.page-heading>p{font-size:15px;max-width:65%;color:var(--ink)}.roadmap-banner{background:var(--surface);border-color:var(--line);color:var(--green)}.roadmap-banner strong{color:var(--ink);font-size:18px}.roadmap-banner p{font-size:14px;color:var(--muted)}.filter-pills>button{min-height:44px;color:var(--muted);border:1px solid var(--line);background:var(--surface)}.filter-pills>button.active{background:#bd2434;color:#fff;border-color:#bd2434}.catalog-top{color:var(--green)}.catalog-card.rose .pill,.catalog-card.sand .pill,.pill{background:var(--accent-soft);color:var(--green);font-size:12px}.catalog-card>p{font-size:15px;line-height:1.8}.catalog-card>p,.catalog-meta{color:var(--muted)}.search-input input{font-size:14px}.search-input>svg{color:var(--muted)}input,select,textarea{background:var(--surface);border-color:var(--line);color:var(--ink);font-size:16px}label{font-size:14px}.editor-row{background:var(--surface-alt);border-color:var(--line)}.editor-row label{font-size:14px}.editor-row input,.editor-row textarea{font-size:18px;line-height:1.75}.revision-info h3{font-size:17px}.status{color:var(--muted);font-size:12px}.notice,.status{background:var(--surface-alt)}.notice{color:var(--ink);border-color:var(--line);font-size:14px}.notice.compact{font-size:13px}.notice.success{background:var(--surface-alt);border-color:var(--line)}.notice.error{background:#fff0eb;color:#8c3b31;border-color:#e5b6ae}.auth-links button,.auth-panel>.muted,.check-label{font-size:14px;color:var(--muted)}.auth-panel>.tiny{font-size:12px}.auth-panel>.eyebrow{font-size:10px}.mobile-bottom{background:var(--surface);border-color:var(--line)}.mobile-bottom button{color:var(--muted);font-size:11px}.mobile-bottom button.active{color:var(--green)}footer,footer button{color:var(--muted);font-size:12px}.footer-dot{color:var(--green)}.lesson-row div .zh-inline,.option>.zh-inline,.zh-inline{font-family:"Noto Serif SC",serif;font-size:1.4em;font-weight:500;line-height:1.85;color:inherit;display:inline;letter-spacing:0;overflow-wrap:anywhere}.hanzi{font-size:56px;font-weight:500;color:var(--green);line-height:1.55;letter-spacing:2px;padding-right:22px}.dialogue-line .pinyin,.pinyin,.vocab-card .pinyin{font-size:19px;color:var(--green);line-height:1.7;letter-spacing:.2px}.vocab-card>strong{font-size:16px;color:var(--ink)}.vocab-card .sound{color:var(--green);width:42px;height:42px;background:var(--accent-soft)}.example{font-size:26px;line-height:1.85;color:var(--ink);border-color:var(--line)}.example small{font-size:15px;line-height:1.8;color:var(--muted)}.grammar>p,.lesson-intro>p,.recap p{font-size:17px;line-height:2;color:var(--ink)}.objectives{font-size:16px;color:var(--ink)}.lesson-tabs button,.toggle{font-size:15px;color:var(--muted)}.lesson-tabs button{min-height:48px}.grammar h3{font-size:25px}.dialogue-line.alternate>div,.dialogue-line>div,.grammar blockquote{background:var(--surface-alt);border-color:var(--green)}.dialogue-line>div>p,.grammar blockquote>span{font-size:30px;line-height:1.85;color:var(--ink)}.dialogue-line>div>span:last-child,.grammar blockquote small{font-size:16px;color:var(--muted)}.dialogue-line>div>small{font-size:13px;color:var(--muted)}.option,.question h3{font-size:18px;line-height:1.8}.option{border-color:var(--line);flex-wrap:wrap}.option>span{font-size:13px;color:var(--muted)}.option.selected{background:var(--accent-soft);border-color:var(--green)}.word-pieces button{font-size:27px;background:var(--surface-alt);color:var(--ink);border-color:var(--line);min-height:48px}.question input:not([type=radio]){font-size:26px;line-height:1.6}.feedback{font-size:16px;line-height:1.9}.feedback.correct{background:var(--surface-alt);color:var(--ink)}.feedback.incorrect{background:var(--accent-soft);color:var(--ink)}.result p{font-size:16px;color:var(--muted)}.recap{background:var(--surface-alt)}.flashcard{background:var(--surface);border-color:var(--line)}.flashcard>strong{font-size:88px;color:var(--green)}.flashcard>p{font-size:28px;color:var(--ink);line-height:1.8}.flip-hint{font-size:15px;color:var(--muted)}.page-review .empty{padding-top:210px;background:linear-gradient(0deg,var(--surface) 0,var(--surface) 35%,transparent 85%),var(--hero-art) center 52% /cover}.mistake p,.prose p{font-size:16px;color:var(--ink)}.empty>svg{color:var(--green)}[data-theme=dark] .light,[data-theme=dark] .primary{background:#ef9f96;color:#281a28}[data-theme=dark] .light:hover,[data-theme=dark] .primary:hover{background:#ffc1b6}[data-theme=dark] .hero p{color:#e5d8ef}[data-theme=dark] .icon-tile{background:var(--surface-alt);color:#ffd3a9}[data-theme=dark] .danger-button,[data-theme=dark] .notice.error{background:#482b36;color:#ffd2cf;border-color:#80505b}[data-theme=dark] .status-approved,[data-theme=dark] .status-in_review,[data-theme=dark] .status-published{background:#353143;color:#e1d4f0}[data-theme=dark] .catalog-card.blue .pill,[data-theme=dark] .catalog-card.lavender .pill{background:#373447;color:#e0d0f5}[data-theme=dark] .daily-note:after{color:#574460}[data-theme=dark] .modal-backdrop{background:#090712b3}@media(max-width:1200px){.topbar-title>span{font-size:9px}.free-badge{display:none}.hero{padding:30px;min-height:370px}.hero-copy{max-width:58%}.hero h2{font-size:32px}.home-columns{grid-template-columns:minmax(0,1fr) 240px}.level-card p{min-height:60px}}@media(max-width:1000px){.home-columns{grid-template-columns:1fr}.hero-copy{max-width:64%}.hero h2{font-size:29px}.sidebar-note{display:none}.stat{gap:10px}.stat div>span{font-size:12px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading>p{max-width:85%}}@media(max-width:760px){.topbar{padding:0 16px;height:70px}.topbar-title>span{display:none}.topbar-actions{gap:8px}.theme-toggle{min-width:72px;padding:8px 10px}.topbar-actions .small-button{font-size:13px;padding:8px 12px}.preview-strip{font-size:11px}main{padding:25px 18px 100px}.greeting h1{font-size:25px}.greeting .eyebrow{font-size:11px}.greeting p{font-size:14px}.sidebar-note{display:block}.hero{min-height:420px}.hero h2{font-size:34px}.hero-copy{max-width:57%}.hero p{font-size:15px}.hero-caption{font-size:12px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{flex-direction:row;align-items:center}.stat strong{font-size:28px}.level-card p{min-height:0}.lesson-row{flex-wrap:wrap}.lesson-row>div{min-width:180px}.lesson-row>small{margin-left:53px}.right-column{display:block}.review-callout{margin-bottom:18px}.page-heading{padding:24px}.page-heading h1{font-size:29px}.page-heading>p{max-width:100%}.vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vocab-card{padding:25px 18px}.hanzi{font-size:48px;margin-top:15px}.vocab-card .pinyin{font-size:19px}.example{font-size:25px}.example small{font-size:15px}.dialogue-line>div>p{font-size:28px}.dialogue-line .pinyin{font-size:19px}.dialogue-line>div>span:last-child{font-size:16px}.question{padding:22px 16px}.option,.question h3{font-size:17px}.lesson-tabs button{font-size:14px;padding:12px 8px}.editor-row,.form-grid{grid-template-columns:1fr}.tiny{font-size:12px}.revision-actions{max-width:100%}.section-title{flex-wrap:wrap}.section-title h2{font-size:21px}.daily-note>p[lang]{font-size:34px}.daily-note .pinyin{font-size:17px}footer,footer button{font-size:12px}.empty .button{font-size:14px}}@media(max-width:520px){.hero{min-height:650px;padding:28px 24px}.hero-copy{max-width:100%}.hero h2{font-size:33px;max-width:310px}.hero:before{background-size:auto 300px;background-position:100% 100%}.hero:after{background:linear-gradient(180deg,var(--hero-wash) 0,var(--hero-wash) 32%,transparent 66%)}.hero p{max-width:270px;margin-bottom:16px}.hero .button{font-size:14px}.hero-caption{max-width:220px;line-height:1.7}.hero-label{font-size:10px}.greeting h1{font-size:23px}.greeting-dot{display:none}.vocab-grid{grid-template-columns:1fr}.vocab-card{padding:26px}.hanzi{font-size:58px;margin-top:0}.catalog-grid,.level-cards{grid-template-columns:1fr}.level-card{padding:21px 20px 20px 83px}.level-character{font-size:42px}.level-card .eyebrow{font-size:10px}.level-card p{font-size:14px}.level-card small,.stat div>span{font-size:12px}.stat .icon-tile{width:32px;height:36px}.stat{padding:15px 12px!important}.stat strong{font-size:27px}.lesson-row>div{min-width:140px}.lesson-row strong{font-size:15px}.lesson-row div span{font-size:14px}.dialogue{padding:24px 15px}.dialogue-line{gap:8px}.dialogue-line>div{padding:15px;min-width:0}.dialogue-line .avatar{display:none}.dialogue-line .icon-button{width:36px;height:40px}.grammar blockquote{padding:18px}.grammar blockquote>span{font-size:28px}.question-number{width:25px}.flashcard>strong{font-size:76px}.rating-buttons{grid-template-columns:repeat(2,1fr)}.rating-buttons .button{font-size:14px}.daily-note:after{display:none}.daily-note{padding-right:22px}.auth-panel{padding:26px}.roadmap-banner{padding:20px;gap:14px}.roadmap-banner p{font-size:13px}.toolbar>select{max-width:100%;width:100%}}.option>.option-copy{font-size:inherit;color:var(--ink);flex:1 1;min-width:0}.page-heading-copy{position:relative;z-index:1;min-width:0}.page-heading-copy>p{font-size:15px;line-height:1.85;max-width:620px;margin-bottom:0;color:var(--muted)}.illustrated-heading{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:18px;min-height:260px;padding:28px 30px 28px 34px;background:radial-gradient(ellipse at 92% 30%,#f7d3c1 0,transparent 62%),linear-gradient(115deg,#fff8f1,#fae9e2)}.illustrated-heading:after{background:radial-gradient(ellipse at 15% 90%,#f9bbae40,transparent 45%),radial-gradient(circle at 86% 28%,#fff9e8 0 48px,transparent 49px)}.illustrated-heading h1{font-size:clamp(28px,2.6vw,36px);line-height:1.35;margin:12px 0}.page-mascot{height:240px;min-width:0;background:var(--mascot) center /contain no-repeat;filter:drop-shadow(0 10px 12px #a0443420);pointer-events:none}.illustrated-roadmap{--mascot:url(/images/chibi-roadmap.webp)}.illustrated-review{--mascot:url(/images/chibi-review.webp)}.illustrated-vocab{--mascot:url(/images/chibi-vocab.webp)}.illustrated-progress{--mascot:url(/images/chibi-progress.webp)}.page-review .empty{padding-top:45px;background:var(--surface)}[data-theme=dark] .illustrated-heading{background:radial-gradient(ellipse at 90% 50%,#6e405459,transparent 65%),linear-gradient(115deg,#262337,#322738)}[data-theme=dark] .illustrated-heading:after{background:radial-gradient(ellipse at 90% 75%,#d99c6529,transparent 50%),radial-gradient(circle at 86% 28%,#ffe8b91a 0 48px,transparent 49px)}[data-theme=dark] .page-mascot{filter:drop-shadow(0 12px 16px #0d07184d)}@media(max-width:1000px){.illustrated-heading{grid-template-columns:minmax(0,1fr) 220px;padding:24px;gap:10px}.page-mascot{height:220px}}@media(max-width:600px){.illustrated-heading{grid-template-columns:1fr;gap:4px;padding:25px 24px 12px}.illustrated-heading h1{font-size:29px}.illustrated-heading .page-heading-copy>p{max-width:none}.page-mascot{height:210px;width:min(100%,280px);justify-self:center}.illustrated-heading:after{background:radial-gradient(ellipse at 50% 85%,#ffd1b94d,transparent 60%)}[data-theme=dark] .illustrated-heading:after{background:radial-gradient(ellipse at 50% 85%,#d99c6529,transparent 60%)}}.sidebar-companion{display:none}:root{--landscape:url(/images/reference-landscape.webp);--hero-art:url(/images/reference-home.webp);--paper:#fcf7f3;--surface:#fffdfb;--surface-alt:#faf1eb}.topbar{height:68px;padding:0 34px}.preview-strip{font-size:10px;padding:6px 18px}main{max-width:1440px;padding:28px 34px 22px}.sidebar{padding:25px 20px 0}.workspace-tag{margin:22px 10px 12px;font-size:9px}.sidebar nav{gap:4px}.nav-item{padding:11px 13px;min-height:44px}.sidebar-note{margin-top:auto;margin-bottom:18px;padding:18px 16px;background:linear-gradient(135deg,var(--surface-alt),var(--surface))}.sidebar-note .plant span,.sidebar-note>button{display:none}.sidebar-note .plant{margin-bottom:8px}.sidebar-note p{margin-bottom:0}.sidebar-bottom{margin-top:0}.sidebar-user{margin-top:10px;padding:15px 0}.sidebar-bottom>.nav-item{min-height:36px;padding:8px 12px;font-size:12px}.greeting{margin-bottom:20px}.greeting h1{font-size:30px;line-height:1.4}.greeting .eyebrow{display:block;margin-bottom:5px}.greeting p{margin-top:3px}.hero{aspect-ratio:2.95/1;min-height:340px;padding:32px;border-radius:18px}.hero:before{background-position:100%}.hero:after{background:linear-gradient(90deg,var(--hero-wash),color-mix(in srgb,var(--hero-wash) 88%,transparent) 30%,transparent 57%)}.hero-copy{max-width:53%}.hero h2{font-size:clamp(32px,3vw,44px);line-height:1.28;margin:16px 0}.hero p{font-size:15px;margin-bottom:18px}.hero-caption{font-size:12px}.home-discover{margin-top:24px}.home-discover .section-title{margin-bottom:15px}.home-discover .section-title h2{font-size:22px}.home-discover .lesson-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;background:none;box-shadow:none;border:0;overflow:visible}.home-discover .lesson-row{display:grid;grid-template-columns:40px minmax(0,1fr) 28px;grid-template-rows:1fr auto;column-gap:12px;row-gap:12px;min-height:156px;padding:20px 18px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow);text-align:left;align-items:start}.home-discover .lesson-row:hover{background:var(--surface-alt)}.home-discover .lesson-row>div{min-width:0;grid-column:2/4}.home-discover .lesson-row strong{font-size:16px;line-height:1.5;display:block}.home-discover .lesson-row div span{font-size:14px;line-height:1.7;display:block}.home-discover .lesson-row div .zh-inline{display:inline;font-size:1.4em;color:var(--green)}.home-discover .lesson-row>small{grid-column:1/3;margin:0;align-self:center;font-size:12px;color:var(--muted)}.home-discover .lesson-row>svg{grid-column:3;grid-row:2;background:#c52232;color:white;width:28px;height:28px;padding:6px;border-radius:50%}.home-discover .lesson-number{width:38px;height:44px;border-radius:9px}.page-heading{margin:4px 0 20px;border-radius:16px}.page-heading-copy>p{max-width:680px}.illustrated-heading{grid-template-columns:minmax(0,1fr) 300px;gap:12px;min-height:170px;padding:20px 26px;background:var(--surface-alt)}.illustrated-heading:after{background:linear-gradient(90deg,var(--surface-alt) 10%,transparent 75%),var(--landscape) right center /cover no-repeat;opacity:1}.illustrated-heading h1{font-size:34px;line-height:1.3;margin:9px 0}.page-mascot{height:165px;background-position:bottom;filter:drop-shadow(0 5px 7px #834b3520)}.illustrated-roadmap{--mascot:url(/images/reference-roadmap.webp);min-height:150px;padding-top:14px;padding-bottom:14px}.illustrated-roadmap .page-mascot{height:150px}.illustrated-vocab{--mascot:url(/images/reference-vocab.webp)}.illustrated-progress{--mascot:url(/images/reference-progress.webp)}.illustrated-review{--mascot:url(/images/reference-review.webp);display:block;padding:0;min-height:0;background:none;border:0;overflow:visible;box-shadow:none}.illustrated-review:after{display:none}.illustrated-review .page-heading-copy{padding:3px 0 8px}.illustrated-review .page-mascot{margin:10px auto 0;max-width:820px;height:275px;border:1px solid var(--line);border-radius:18px;background:var(--mascot) center bottom /auto 94% no-repeat,linear-gradient(90deg,var(--surface-alt),transparent 80%),var(--landscape) center /cover no-repeat;filter:none}.page-review .empty{max-width:820px;margin:0 auto;padding:28px 28px 32px}.page-review .empty>svg{display:none}.page-review .empty h2{font-size:22px}.page-review .empty p{font-size:15px;max-width:570px;margin-left:auto;margin-right:auto}.roadmap-banner{padding:18px 22px;border-radius:14px;background:linear-gradient(90deg,var(--surface),var(--surface-alt));margin-bottom:18px}.roadmap-banner strong{font-size:19px}.roadmap-banner p{font-size:13px;margin-bottom:0}.toolbar{gap:14px;margin-bottom:18px}.filter-pills{gap:7px}.filter-pills>button{padding:9px 14px;border-radius:9px;font-size:13px;min-height:40px}.toolbar .search-input{width:230px;min-height:40px}.search-input input{font-size:13px}.catalog-grid{gap:16px}.catalog-card{position:relative;isolation:isolate;overflow:hidden;padding:19px 20px;border-radius:15px;min-height:205px}.catalog-card:before{content:"";position:absolute;z-index:-1;right:0;bottom:0;width:52%;height:76%;background:var(--landscape) right center /cover no-repeat;opacity:.22;pointer-events:none}.catalog-top{margin-bottom:12px}.catalog-card>.tiny{font-size:11px}.catalog-card h3{font-size:19px;margin:8px 0}.catalog-card>p{font-size:14px;line-height:1.65;margin-bottom:15px;min-height:42px}.catalog-meta{font-size:12px;margin-bottom:14px}.catalog-card .button{min-height:38px;font-size:13px;padding:8px 13px}.page-vocab .toolbar select{font-size:14px;max-width:340px}.page-vocab .vocab-grid{gap:18px}.page-vocab .vocab-card{padding:25px 26px}.page-vocab .hanzi{font-size:60px;line-height:1.4}.page-vocab .example{font-size:27px}.page-progress .stats-grid{margin:18px 0 24px}.page-progress .stat{padding:19px;gap:14px}.page-progress .stat strong{font-size:30px}.activity-section{margin:20px 0 28px}.activity-section .section-title{margin-bottom:14px}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.activity-calendar,.activity-week{padding:21px 24px;border-radius:16px;min-width:0}.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:14px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;text-align:center;align-items:center}.weekday{font-size:11px;color:var(--muted);padding-bottom:5px}.activity-day{width:28px;height:28px;display:grid;place-items:center;justify-self:center;border-radius:50%;background:var(--accent-soft);font-size:11px;color:var(--muted)}.activity-day.studied{background:#c92534;color:#fff}.activity-day.today{outline:2px solid var(--green);outline-offset:3px}.activity-calendar>p{margin:18px 0 0;font-size:11px}.activity-key{display:inline-block;width:8px;height:8px;background:#c92534;border-radius:50%;margin-right:7px}.activity-week{position:relative;isolation:isolate;overflow:hidden}.activity-week:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,var(--surface) 45%,transparent),var(--landscape) right center /cover;opacity:.8}.activity-week h3{font-size:20px;margin:10px 0}.activity-week>p{font-size:14px}.activity-week>p strong{font-size:30px;color:var(--ink)}.week-bars{height:140px;display:flex;gap:14px;align-items:flex-end;padding-top:10px}.week-bars>div{flex:1 1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;padding-bottom:24px}.week-bar{display:block;width:18px;max-width:80%;min-height:3px;background:linear-gradient(#e86363,#bd2033);border-radius:4px 4px 0 0}.week-bars small{position:absolute;bottom:0;font-size:10px;white-space:nowrap;color:var(--muted)}footer{margin-top:28px;padding-top:18px}[data-theme=dark]{--hero-art:url(/images/study-night.webp);--paper:#181622;--surface:#262131;--surface-alt:#302739}[data-theme=dark] .illustrated-heading{background:var(--surface-alt)}[data-theme=dark] .illustrated-heading:after{background:linear-gradient(90deg,var(--surface-alt),#302739a8),var(--landscape) right center /cover;opacity:.65}[data-theme=dark] .illustrated-review{background:none}[data-theme=dark] .illustrated-review .page-mascot{background:var(--mascot) center bottom /auto 94% no-repeat,linear-gradient(90deg,#262337d9,#322738bd),url(/images/study-night.webp) 50% /cover}[data-theme=dark] .catalog-card:before{opacity:.09}[data-theme=dark] .activity-week:after{opacity:.15}[data-theme=dark] .home-discover .lesson-row>svg{background:#ef9f96;color:#281a28}@media(min-width:1100px) and (min-height:950px){.page-roadmap .sidebar-companion{display:block;position:absolute;top:385px;left:10px;width:225px;height:245px;background:url(/images/reference-roadmap.webp) 50%/contain no-repeat;pointer-events:none}.illustrated-roadmap{grid-template-columns:1fr;min-height:150px}.illustrated-roadmap .page-mascot{display:none}}@media(max-width:1200px){.hero{min-height:330px;padding:27px}.hero h2{font-size:34px}.hero-copy{max-width:59%}.illustrated-heading{grid-template-columns:minmax(0,1fr) 230px}.illustrated-heading h1{font-size:30px}.home-discover .lesson-list{gap:12px}.home-discover .lesson-row{padding:17px 14px;grid-template-columns:32px minmax(0,1fr) 25px;gap:9px}.home-discover .lesson-number{width:32px}.home-discover .lesson-row strong{font-size:15px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-card{padding:17px}.catalog-card h3{font-size:17px}}@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-discover .lesson-list{grid-template-columns:1fr}.home-discover .lesson-row{min-height:115px;grid-template-columns:40px minmax(0,1fr) 28px}.home-discover .lesson-row>div{grid-column:2;grid-row:1/3}.home-discover .lesson-row>small{grid-column:1;grid-row:2;white-space:nowrap;font-size:10px}.home-discover .lesson-row>svg{grid-row:1/3;align-self:center}.activity-grid{grid-template-columns:1fr}.greeting h1{font-size:26px}.hero h2{font-size:31px}}@media(max-width:760px){main{padding:22px 18px 95px}.topbar{padding:0 16px;height:66px}.greeting h1{font-size:24px}.daily-target{display:none}.sidebar-note{margin-top:auto}.hero{aspect-ratio:auto;min-height:380px}.hero-copy{max-width:62%}.hero h2{font-size:33px}.illustrated-heading{grid-template-columns:minmax(0,1fr) 200px;padding:18px 22px;min-height:165px;gap:5px}.illustrated-heading h1{font-size:29px}.page-mascot{height:155px;width:100%}.illustrated-review{display:block;padding:0}.illustrated-review .page-mascot{height:240px}.illustrated-roadmap .page-mascot{height:150px}.home-discover .section-title .text-button{font-size:12px}.home-discover .lesson-row strong{font-size:16px}.home-discover .lesson-row div span{font-size:14px}.catalog-card{padding:20px}.catalog-card h3{font-size:19px}.catalog-card>p{font-size:15px}.filter-pills{flex-wrap:wrap}.toolbar .search-input{width:100%}.page-vocab .hanzi{font-size:58px}.page-vocab .example{font-size:26px}.activity-calendar,.activity-week{padding:20px}.activity-section .section-title>.tiny{font-size:11px}}@media(max-width:520px){.hero{min-height:610px;padding:26px 24px}.hero-copy{max-width:100%}.hero h2{font-size:33px}.hero:before{background-size:auto 290px;background-position:100% 100%}.hero:after{background:linear-gradient(180deg,var(--hero-wash) 0,var(--hero-wash) 50%,transparent 75%)}.hero-caption{max-width:100%;font-size:11px}.hero p{margin-bottom:16px}.greeting h1{font-size:23px}.home-discover .section-title h2{font-size:20px}.home-discover .section-title .text-button svg{display:none}.illustrated-heading{grid-template-columns:minmax(0,1fr) 118px;padding:18px 16px;gap:2px;min-height:190px}.illustrated-heading h1{font-size:26px;margin-top:8px}.illustrated-heading .eyebrow{font-size:9px;letter-spacing:.7px}.page-heading-copy>p{font-size:14px;line-height:1.7}.illustrated-roadmap .page-mascot,.page-mascot{height:155px}.illustrated-review{display:block;padding:0}.illustrated-review .page-heading-copy{padding-bottom:5px}.illustrated-review .page-mascot{height:215px;margin-top:12px}.illustrated-review h1{font-size:29px}.page-review .empty{padding:25px 20px}.page-review .empty h2{font-size:20px}.catalog-grid{grid-template-columns:1fr}.catalog-card{min-height:210px}.page-vocab .vocab-grid{grid-template-columns:1fr}.calendar-grid{gap:9px 5px}.activity-day{width:26px;height:26px}.week-bars{gap:10px}.sidebar-bottom>.nav-item{font-size:13px}}:root[data-theme=dark]{--hero-art:url(/images/study-night.webp)}[data-theme=dark] .illustrated-heading .page-mascot,[data-theme=dark] .sidebar-companion{display:none;background:none}[data-theme=dark] .illustrated-heading{grid-template-columns:minmax(0,1fr);min-height:140px}[data-theme=dark] .illustrated-review{min-height:0}.podcast-heading{padding:28px 30px;margin-bottom:20px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(115deg,var(--surface-alt),var(--surface));position:relative;overflow:hidden}.podcast-heading .eyebrow{display:flex;align-items:center;gap:8px}.podcast-heading h1{font-size:34px;margin:12px 0}.podcast-heading p{color:var(--muted)}.podcast-grid{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,1.8fr);gap:22px;align-items:start;margin-top:24px}.podcast-library{display:grid;gap:14px;max-height:850px;overflow-y:auto;min-width:0;padding:2px}.podcast-card{text-align:left;padding:22px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;cursor:pointer}.podcast-card.selected{border:2px solid var(--green);padding:21px;background:var(--surface-alt)}.podcast-card h2{font-size:20px;margin:12px 0}.podcast-card p{font-size:14px;line-height:1.7;color:var(--muted)}.podcast-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:var(--green);font-size:13px}.podcast-player{padding:26px;min-width:0}.podcast-player h2{font-size:26px;margin:10px 0}.podcast-player audio{width:100%;display:block;margin:22px 0 14px}.podcast-options{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:14px}.podcast-options label{display:flex;align-items:center;gap:7px}.podcast-options input{width:18px;height:18px;accent-color:var(--green)}.podcast-options select{padding:7px;min-height:36px;width:auto;background:var(--surface);color:var(--ink)}.podcast-tip{padding:16px;background:var(--surface-alt);border-radius:12px;line-height:1.8;margin:20px 0;font-size:15px}.podcast-transcript{list-style:none;padding:0;margin:16px 0 0}.podcast-transcript li{border-top:1px solid var(--line);border-radius:12px}.podcast-transcript button{border:0;background:transparent;color:var(--ink);display:grid;gap:8px;text-align:left;width:100%;padding:17px 14px;cursor:pointer}.podcast-transcript li.current{background:var(--accent-soft);box-shadow:inset 3px 0 var(--green)}.transcript-meta{font-size:12px;color:var(--muted)}.transcript-hanzi{font-size:27px;line-height:1.8;font-family:Microsoft YaHei,Noto Sans CJK SC,sans-serif}.transcript-pinyin{font-size:16px;line-height:1.7;color:var(--green)}.transcript-meaning{font-size:15px;line-height:1.8;color:var(--muted)}.podcast-credit{font-size:12px;color:var(--muted);line-height:1.9;margin:24px 0}.podcast-credit svg{vertical-align:middle}.podcast-credit a{color:var(--green);text-decoration:underline}:root[data-theme=dark] .podcast-heading{background:linear-gradient(115deg,var(--surface-alt),var(--surface))}.podcast-transcript{max-height:520px;overflow-y:auto;overscroll-behavior:contain;scroll-padding:12px;overflow-wrap:anywhere}.podcast-transcript button:focus-visible{outline:2px solid var(--green);outline-offset:-3px;border-radius:12px}.transcript-pinyin{font-size:17px}.transcript-meaning{font-size:16px}.podcast-daily{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:20px;background:var(--surface-alt);border:1px solid var(--line);border-radius:16px;margin:20px 0}.podcast-daily p{font-size:13px;line-height:1.8;margin:7px 0 0;color:var(--muted)}.podcast-toolbar{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.podcast-toolbar .search-input{flex:1 1;min-width:180px}.podcast-toolbar>label:not(.search-input){display:flex;align-items:center;gap:8px;font-size:14px}.podcast-toolbar input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}.podcast-actions,.podcast-transport{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0}.podcast-transport{justify-content:space-between}.podcast-transport .text-button{font-size:13px;min-height:40px;gap:4px}.podcast-player-bar{position:sticky;top:66px;z-index:5;background:var(--surface);padding:4px 0;border-bottom:1px solid var(--line)}.podcast-player-bar audio{margin-top:12px}.podcast-options select{max-width:200px}@media(max-width:760px){.podcast-grid{grid-template-columns:minmax(0,1fr)}.podcast-library{display:flex;max-height:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding-bottom:12px}.podcast-card{padding:18px;flex:0 0 85%;scroll-snap-align:start}.podcast-card.selected{padding:17px}.podcast-player{padding:18px}.podcast-heading{padding:24px 20px}.podcast-heading h1{font-size:29px}.transcript-hanzi{font-size:25px}.podcast-transcript button{padding:16px 8px}.podcast-daily{align-items:start;flex-direction:column}.podcast-toolbar .search-input{flex-basis:100%}.podcast-player-bar{top:56px}.podcast-transport{gap:3px}.podcast-transport .text-button{font-size:12px}}