:root{--red: #b91722;--red-dark: #8e1119;--gold: #f4bd3f;--green: #2d8b57;--blue: #245f9f;--ink: #21191a;--muted: #6f6565;--line: #e7dad3;--paper: #fbf7ef;--surface: #ffffff;--soft: #fff2da;--shadow: 0 12px 34px rgba(57, 33, 24, .11);font-family:Sarabun,Noto Sans Thai,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(rgba(255,255,255,.62) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.62) 1px,transparent 1px),var(--paper);background-size:28px 28px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.hanzi{font-family:Kaiti SC,STKaiti,Songti SC,Microsoft YaHei,serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:310px minmax(0,1fr)}.lesson-rail{background:#ffffffed;border-right:1px solid var(--line);min-height:100vh;position:sticky;top:0;padding:22px 16px;display:flex;flex-direction:column;gap:16px;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.brand-mark{width:48px;height:48px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--red),var(--red-dark));border-radius:8px;font-size:1.45rem;font-weight:800}.brand strong{display:block;font-size:1.08rem}.brand span,.rail-title,.rail-footer,.source-note{color:var(--muted);font-size:.85rem}.lesson-list{overflow:auto;display:grid;gap:7px;padding-right:3px}.lesson-button{border:1px solid transparent;background:transparent;display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:9px;text-align:left;padding:8px;border-radius:8px;color:var(--ink)}.lesson-button:hover,.lesson-button.active{background:#fff8ea;border-color:#f0d28c}.lesson-button.active{box-shadow:inset 4px 0 0 var(--gold)}.lesson-number{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#fff;font-weight:700}.lesson-button.active .lesson-number{background:var(--gold);color:var(--red-dark);border-color:var(--gold)}.lesson-name{min-width:0}.lesson-name b,.lesson-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-name small{color:var(--muted);margin-top:1px}.rail-footer{border-top:1px solid var(--line);padding-top:13px;display:flex;align-items:center;gap:8px;margin-top:auto}.workspace{min-width:0}.topbar{min-height:86px;background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;gap:18px;box-shadow:0 8px 24px #780c1338}.lesson-heading{display:flex;align-items:center;gap:16px;min-width:0}.lesson-chip{flex:0 0 auto;background:var(--gold);color:var(--red-dark);border-radius:8px;padding:10px 13px;font-weight:800}.lesson-heading h1{margin:0;font-size:clamp(1.3rem,2vw,2rem);letter-spacing:0;line-height:1.2}.lesson-heading p{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 0;color:#ffffffd6}.top-actions{display:flex;align-items:center;gap:14px}.teacher{display:flex;align-items:center;gap:9px;padding-left:14px;border-left:1px solid rgba(255,255,255,.32);white-space:nowrap}.teacher small{color:#ffffffbf}.soft-button,.primary-button,.round-button,.icon-button,.tiny-icon{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px}.topbar .soft-button{background:#ffffff1c;color:#fff;border-color:#ffffff52}.primary-button{background:var(--red);color:#fff;border-color:var(--red);font-weight:700}.primary-button.full{width:100%}.round-button,.icon-button,.tiny-icon{width:40px;padding:0}.tiny-icon{width:30px;min-height:30px;color:var(--red);border-color:transparent;background:transparent}.mobile-menu{display:none;color:#fff;border-color:#ffffff3d;background:#ffffff1a}.tabbar{display:flex;flex-wrap:wrap;overflow:visible;gap:4px;padding:7px 28px 0;background:#fffffff2;border-bottom:1px solid var(--line)}.tab-button{border:0;background:transparent;color:#4c4545;min-height:58px;display:flex;align-items:center;gap:7px;padding:0 11px;border-bottom:3px solid transparent;white-space:nowrap}.nav-copy{display:grid;gap:1px;text-align:left;line-height:1.12}.nav-copy span{font-weight:800}.nav-copy small,.tab-button small{color:var(--muted);font-size:.78rem}.tab-button.active{color:var(--red);border-bottom-color:var(--red)}.tab-button.active small{color:var(--red)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;padding:22px 28px 32px;align-items:start}.main-panel,.side-card{background:#fffffff2;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.main-panel{min-height:720px;min-width:0;overflow:hidden;padding:22px}.panel-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.panel-title h2{display:flex;align-items:center;gap:9px;margin:2px 0 0;font-size:1.45rem}.panel-title h2 small{color:var(--muted);font-size:1rem}.section-kicker{color:var(--red);font-weight:700;font-size:.9rem}.stack{width:100%;max-width:100%;min-width:0;display:flex;flex-direction:column;gap:18px}.notice-band,.text-section,.learning-goals,.table-section,.exercise-card,.practice-row,.dialogue-scene,.sentence-bank{border:1px solid var(--line);border-radius:8px;background:#fff;padding:18px}.notice-band{background:linear-gradient(135deg,#fff7e8,#fff);border-left:5px solid var(--gold)}.notice-band h3,.text-section h3,.learning-goals h3,.table-section h3,.exercise-card h3,.practice-row h3,.dialogue-scene h3,.sentence-bank h3,.side-card h3{margin:0 0 10px}.notice-band p,.text-section p,.dialogue-scene p,.practice-row p{color:var(--muted);margin:0;line-height:1.72}.info-table{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.info-row{display:grid;grid-template-columns:190px 1fr;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line)}.info-row:last-child{border-bottom:0}.info-row span{color:var(--red);font-weight:700}.goal-list{display:grid;gap:10px}.goal-row{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}.goal-row span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff3d3;color:var(--red-dark);font-weight:800}.goal-row p{margin:4px 0 0;line-height:1.65}.skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.skill-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:16px}.skill-card b{display:block;color:var(--red);font-size:1.05rem}.skill-card span{color:var(--blue);font-weight:800}.skill-card p{color:var(--muted);margin:8px 0 0;line-height:1.55}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.search-box,.select-box{min-height:46px;border:1px solid var(--line);border-radius:8px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 12px}.search-box{flex:1 1 260px}.search-box input,.select-box select,.exercise-card input{border:0;outline:0;background:transparent;min-width:0;width:100%}.select-box{flex:0 1 260px}.vocab-section-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:8px}.vocab-section-tabs button{min-height:58px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:8px 10px;display:grid;gap:2px;text-align:left}.vocab-section-tabs button.active{background:#fff4ef;border-color:var(--red);color:var(--red)}.vocab-section-tabs span,.vocab-section-tabs small{color:var(--muted);font-size:.78rem}.vocab-section-tabs b{font-size:.95rem}.vocab-section{border:1px solid var(--line);border-radius:8px;background:#fffdfb;padding:16px}.vocab-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.vocab-section-head span{color:var(--green);display:block;font-weight:800;font-size:.86rem;margin-bottom:3px}.vocab-section-head h3{margin:0;font-size:1.12rem}.vocab-section-head small{color:var(--muted)}.vocab-grid{width:100%;max-width:100%;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:12px}.vocab-grid.compact{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.vocab-card{min-height:176px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:14px;display:flex;flex-direction:column;box-shadow:0 8px 18px #3921180f}.vocab-card.compact{min-height:140px}.vocab-card-head{display:flex;justify-content:space-between;align-items:center}.pos-label{min-height:24px;padding:2px 8px;border-radius:7px;background:#eef5ff;color:var(--blue);font-size:.78rem;font-weight:700}.vocab-card h3{font-size:2.05rem;margin:12px 0 4px;color:var(--red);letter-spacing:0}.vocab-card .pinyin{margin:0;color:var(--green);font-weight:700}.vocab-card .thai{color:var(--muted);line-height:1.45;margin:6px 0 0}.responsive-table{overflow-x:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:650px}th,td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:#fff4dd;color:var(--red-dark)}tr:last-child td{border-bottom:0}.big-cell{font-size:1.3rem;color:var(--red);font-weight:800}.proper-list{display:flex;flex-wrap:wrap;gap:10px}.proper-list span{border:1px solid var(--line);border-radius:8px;padding:8px 10px}.sentence-bank,.activity-list,.check-list{display:grid;gap:9px}.sentence-bank button{min-height:48px;border:1px solid var(--line);background:#fff;border-radius:8px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr);gap:12px;align-items:center;text-align:left;padding:8px 12px}.flash-layout{display:grid;place-items:center;gap:18px;min-height:560px}.flash-card{width:min(360px,90vw);aspect-ratio:.82;border:2px solid var(--gold);border-radius:8px;background:linear-gradient(145deg,#fffdf8,#fff0d2);color:var(--ink);box-shadow:var(--shadow);padding:28px;display:grid;place-items:center;align-content:center;position:relative;text-align:center}.flash-card.flipped{background:linear-gradient(145deg,var(--red),var(--red-dark));color:#fff}.flash-card h3{margin:0;font-size:clamp(2rem,8vw,4.2rem);letter-spacing:0}.flash-card p{margin:12px 0 0;color:inherit}.flash-tag{position:absolute;top:16px;right:16px;color:var(--red-dark);background:var(--gold);border-radius:8px;padding:4px 9px;font-weight:800}.flash-controls{display:flex;align-items:center;gap:12px}.mini-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.mini-strip button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 10px}.mini-strip button.active{border-color:var(--red);color:var(--red)}.dialogue-layout{display:grid;gap:14px}.dialogue-tabs{display:flex;flex-wrap:wrap;gap:8px}.dialogue-tabs button{border:1px solid var(--line);border-radius:8px;background:#fff;min-height:38px;padding:0 12px}.dialogue-tabs button.active{background:var(--red);border-color:var(--red);color:#fff}.dialogue-audio-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.dialogue-audio-row>span{color:var(--muted);font-weight:700;font-size:.88rem}.bubble-list{display:grid;gap:12px}.speech-bubble{border:1px solid var(--line);border-radius:8px;padding:14px;background:#fff;max-width:78%}.speech-bubble.right{justify-self:end;background:#fff7e5;border-color:#f0d28c}.speaker{display:flex;align-items:center;gap:8px;color:var(--muted);margin-bottom:8px}.speaker span{color:var(--red);font-weight:800}.speech-bubble b{display:block;font-size:1.28rem;margin-bottom:4px}.speech-bubble em{display:block;color:var(--green);font-style:normal}.speech-bubble p{color:var(--muted);margin:6px 0 0}.grammar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.grammar-card{border:1px solid var(--line);border-radius:8px;background:#fff;padding:16px}.grammar-card>span{display:inline-flex;color:var(--red);font-weight:900;margin-bottom:8px}.grammar-card p{margin:8px 0 0;line-height:1.58;color:var(--muted)}.grammar-card .hanzi-line{color:var(--ink)}.sentence-bank button{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr)}.sentence-bank .hanzi{color:var(--red);font-size:1.1rem;font-weight:800}.hanzi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.hanzi-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:16px;display:grid;gap:12px}.hanzi-main{width:96px;height:96px;display:grid;place-items:center;border:2px dashed var(--gold);border-radius:8px;background:linear-gradient(90deg,transparent 49%,#eadfda 49%,#eadfda 51%,transparent 51%),linear-gradient(transparent 49%,#eadfda 49%,#eadfda 51%,transparent 51%),#fffdf8}.hanzi-main span{color:var(--red);font-size:3.4rem}.hanzi-meta b{color:var(--green)}.hanzi-meta p{color:var(--muted);margin:4px 0}.writing-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.writing-grid span{aspect-ratio:1;display:grid;place-items:center;border:1px dashed #d6cbc4;border-radius:6px;color:#cfc3bc;font-size:1.35rem;background:linear-gradient(90deg,transparent 49%,#efe8e4 49%,#efe8e4 51%,transparent 51%),linear-gradient(transparent 49%,#efe8e4 49%,#efe8e4 51%,transparent 51%),#fff}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.exercise-intro{border:1px solid #f0d28c;border-left:5px solid var(--gold);border-radius:8px;background:#fff8ea;padding:16px 18px}.textbook-exercises{display:grid;gap:18px;padding:22px;border:2px solid #d7a53a;border-radius:20px;background:linear-gradient(145deg,#fffdf7,#fff8e8);box-shadow:0 16px 34px #754e0e17}.textbook-exercise-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.textbook-exercise-head span{color:#9a6717;font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.textbook-exercise-head h3,.textbook-exercise-block h4{margin:5px 0 6px;color:#4c3510}.textbook-exercise-head p,.textbook-exercise-block>p{margin:0;color:#74654d;line-height:1.65}.textbook-exercise-head>b{flex:0 0 auto;padding:8px 12px;border-radius:999px;background:#8c2f2b;color:#fff;font-size:.78rem}.textbook-exercise-block{padding:18px;border:1px solid #ead7af;border-radius:16px;background:#ffffffd1}.textbook-question-list{display:grid;gap:12px;margin-top:14px}.textbook-question{padding:14px;border:1px solid #eadfc8;border-radius:13px;background:#fff}.textbook-prompt{display:flex;align-items:flex-start;gap:10px;line-height:1.75;white-space:pre-line}.textbook-prompt>b{display:grid;flex:0 0 26px;height:26px;place-items:center;border-radius:8px;background:#f1ddb4;color:#65440f;font-size:.78rem}.textbook-blank-inputs{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 8px 36px}.textbook-blank-inputs label{display:grid;grid-template-columns:auto minmax(120px,180px) auto;align-items:center;gap:7px}.textbook-blank-inputs label>span,.textbook-blank-inputs small{color:#8a7656;font-size:.74rem;font-weight:700}.textbook-blank-inputs input,.textbook-question textarea{width:100%;border:1px solid #d8c49b;border-radius:10px;background:#fffdfa;color:var(--ink);font:inherit}.textbook-blank-inputs input{padding:8px 10px}.textbook-question textarea{min-height:68px;margin-top:12px;padding:11px 12px;resize:vertical}.textbook-blank-inputs small.ok{color:#22844d}.textbook-blank-inputs small.no{color:#a94a43}.textbook-answer-guide{display:grid;gap:12px;margin:10px 0 0 36px;padding:14px;border:1px solid #b9dbc8;border-radius:12px;background:#f3fbf6}.answer-guide-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.answer-guide-title>div{display:grid;gap:2px}.answer-guide-title small,.answer-sentence-detail dt{color:#557161;font-size:.74rem;font-weight:800}.answer-guide-title b{color:#176c43;font-size:1.05rem}.answer-word-list{display:flex;flex-wrap:wrap;gap:8px}.answer-word-list>div{display:grid;grid-template-columns:auto auto;gap:1px 8px;padding:8px 10px;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px #d7eadf}.answer-word-list b{color:#8c2f2b}.answer-word-list span{color:#2d6f52;font-size:.86rem}.answer-word-list small{grid-column:1 / -1;color:#66776d;font-size:.76rem}.answer-sentence-detail{display:grid;gap:9px;margin:0}.answer-sentence-detail>div{display:grid;gap:3px}.answer-sentence-detail dd{margin:0;color:#30463a;line-height:1.55;white-space:pre-line}.text-button{margin-left:36px;padding:3px 0;border:0;background:transparent;color:#8c2f2b;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}@media(max-width:720px){.textbook-exercises{padding:14px}.textbook-exercise-head{display:grid}.textbook-exercise-head>b{justify-self:start}.textbook-exercise-block{padding:13px}.textbook-blank-inputs{display:grid}.textbook-blank-inputs label{grid-template-columns:auto minmax(0,1fr)}.textbook-blank-inputs small{grid-column:2}.textbook-answer-guide{margin-left:0}}.exercise-intro h3{margin:0 0 8px}.exercise-intro p,.exercise-help{color:var(--muted);line-height:1.65;margin:0 0 12px}.source-stats{display:flex;flex-wrap:wrap;gap:8px}.source-stats span,.source-card-head span{border:1px solid #efd38b;border-radius:999px;background:#fffdf8;color:var(--red-dark);padding:5px 10px;font-size:.86rem;font-weight:800}.source-exercise-map{border:1px solid #d8e3d9;border-left:5px solid var(--green);border-radius:8px;background:#f7fbf8;padding:14px;display:grid;gap:12px}.source-exercise-map>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.source-exercise-map b{color:var(--green)}.source-exercise-map>div:first-child span{color:var(--muted);font-weight:800}.source-map-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}.source-map-links a{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:8px 9px;text-decoration:none;display:grid;gap:2px}.source-map-links small{color:var(--red);font-weight:900}.source-map-links span{color:var(--ink);font-weight:800;font-size:.88rem}.source-map-links b{color:var(--blue);font-size:.82rem}.source-exercise-card{display:grid;gap:14px;scroll-margin-top:14px}.source-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.source-card-head h3{margin:0}.source-card-title{display:grid;gap:4px;min-width:0}.source-card-title small,.source-skill-label{color:var(--green);font-size:.86rem;font-weight:800;line-height:1.45}.source-skill-label{display:block;margin:-4px 0 10px}.wordbank-inline{border:1px solid #e8d8ae;border-radius:8px;background:#fffdf8;padding:10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.wordbank-inline b{color:var(--green);margin-right:2px}.wordbank-inline span{border:1px solid var(--line);border-radius:8px;background:#fff;padding:5px 9px;font-weight:800}.match-grid>div,.choice-grid,.word-bank{display:grid;gap:8px}.match-grid button,.choice-grid button,.word-bank button{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 11px;text-align:left}.match-grid button.selected,.choice-grid button.selected{border-color:var(--blue);background:#eaf3ff}.match-grid button.done,.choice-grid button.correct{border-color:var(--green);background:#e8f6ef;color:var(--green)}.choice-grid button.wrong{border-color:var(--red);background:#fff0f0;color:var(--red)}.source-choice-list,.source-input-list,.source-task-lines{display:grid;gap:12px}.source-question,.source-input-row,.source-task-line{border:1px solid var(--line);border-radius:8px;background:#fffdf8;padding:12px}.source-prompt-line{display:grid;grid-template-columns:30px minmax(0,1fr) 34px;gap:8px;align-items:center;margin-bottom:10px}.source-prompt-line b,.source-input-prompt b{width:28px;height:28px;border-radius:999px;background:var(--red);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.86rem}.source-prompt-line span,.source-input-prompt span{min-width:0;line-height:1.55;overflow-wrap:anywhere}.source-hint{border-left:3px solid #e8d8ae;color:var(--muted);background:#fff8ea;border-radius:6px;margin:-2px 0 10px 38px;padding:7px 9px;line-height:1.5;font-size:.88rem}.source-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.source-picture-board{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;margin:6px 0 10px}.source-picture-example{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#fff9ef;color:var(--text);line-height:1.5}.source-picture-example>span:first-child{color:var(--muted);font-size:.92rem}.source-picture-example strong{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:6px;background:var(--red);color:#fff;font-weight:900;letter-spacing:0}.source-options.picture-letter-options{display:flex;flex-wrap:wrap;gap:8px}.source-options button{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 11px;text-align:left}.source-options.picture-letter-options button{min-width:52px;min-height:42px;text-align:center;font-weight:900;font-size:1rem;background:#eef5ff}.picture-option-card{display:grid;grid-template-rows:auto minmax(150px,1fr);min-height:214px;height:100%;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.picture-option-code{padding:8px 10px 6px;font-weight:800;color:var(--red);letter-spacing:0}.picture-image-frame{display:block;margin:0 10px 10px;border-radius:6px;background:#f5f1e8;aspect-ratio:4 / 3;overflow:hidden}.picture-image-frame img{width:100%;height:100%;display:block;object-fit:cover}.picture-image-missing{height:100%;display:grid;place-items:center;color:var(--muted);font-size:.88rem}.source-options button.selected{border-color:var(--blue);background:#eaf3ff}.source-options button.correct{border-color:var(--green);background:#e8f6ef;color:var(--green)}.source-options button.wrong{border-color:var(--red);background:#fff0f0;color:var(--red)}.source-input-row{display:grid;grid-template-columns:minmax(210px,1.25fr) minmax(180px,.9fr) 34px minmax(112px,auto);gap:10px;align-items:center}.source-input-row .source-hint{grid-column:1 / -1;margin:-4px 0 0 38px}.source-input-prompt{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center}.source-input-prompt small{color:var(--blue);font-weight:800}.source-task-line,.activity-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:flex-start;line-height:1.65}.task-line-index{width:24px;height:24px;border-radius:999px;background:#fff2dd;color:var(--red);display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:.78rem}.prompt{font-size:1.45rem;font-weight:800;color:var(--red);margin:6px 0 12px}.exercise-card input{border:1px solid var(--line);border-radius:8px;min-height:42px;padding:0 12px;margin-top:8px}.typing-list,.cloze-list,.grammar-practice-list{display:grid;gap:10px}.typing-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) 34px minmax(72px,auto);gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fffdf8;padding:10px}.typing-row input,.cloze-row input,.grammar-practice input{margin-top:0;background:#fff}.typing-prompt{display:grid;gap:2px}.typing-prompt b{color:var(--green)}.typing-prompt span{color:var(--ink)}.typing-prompt small{color:var(--blue);font-weight:800}.feedback-inline{border-radius:8px;padding:5px 8px;text-align:center;font-weight:800;font-size:.85rem}.feedback-inline.ok{background:#e8f6ef;color:var(--green)}.feedback-inline.no{background:#fff0f0;color:var(--red)}.cloze-row,.grammar-practice{border:1px solid var(--line);border-radius:8px;background:#fff;padding:14px;display:grid;gap:8px}.cloze-line{color:var(--red);font-size:1.18rem;font-weight:800;margin:0}.cloze-row small,.grammar-practice small{color:var(--green)}.cloze-row span{color:var(--muted)}.grammar-practice b{color:var(--red)}.grammar-practice p{margin:0;font-size:1.08rem}.sentence-target{min-height:52px;border:1px solid var(--line);background:#fff8ea;border-radius:8px;display:flex;align-items:center;padding:10px 12px;color:var(--red);font-size:1.25rem;margin-bottom:10px}.word-bank{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));margin-bottom:10px}.activity-item,.check-list li{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 12px;list-style:none}.ok-message,.bad-message,.muted-message{margin:10px 0 0;font-weight:800}.ok-message{color:var(--green)}.bad-message{color:var(--red)}.muted-message{color:var(--muted)}.listen-button{justify-self:start;border:1px solid #d9b45f;border-radius:8px;background:#fff8ea;color:var(--red-dark);min-height:38px;padding:7px 11px;display:inline-flex;gap:7px;align-items:center;font-weight:800}.summary-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.summary-stats div{border:1px solid var(--line);background:#fff;border-radius:8px;padding:16px;text-align:center}.summary-stats b{display:block;color:var(--red);font-size:2rem}.summary-stats span{display:block;color:var(--muted)}.summary-stats small,.check-list small,.bilingual-heading small{display:block;color:var(--muted);font-weight:700;font-size:.86rem;margin-top:3px}.check-list{margin:0;padding:0}.check-list li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;line-height:1.55}.check-list li b{display:block;font-weight:700}.check-list li svg{color:var(--green);flex:0 0 auto;margin-top:3px}.bilingual-heading{display:grid;gap:2px}.side-panel{min-width:0;display:grid;gap:18px;position:sticky;top:18px}.side-card{padding:18px}.mini-bubble{border:1px solid var(--line);border-radius:8px;padding:11px;margin-bottom:10px;background:#fff8ea;position:relative}.mini-bubble.student{background:#edf8f1;border-color:#cce7d6}.mini-bubble span{display:block;color:var(--red);font-weight:800}.mini-bubble b{display:block;margin-top:4px}.mini-bubble small{color:var(--green)}.mini-bubble .tiny-icon{position:absolute;right:6px;top:6px}.progress-card{display:grid;justify-items:center}.progress-ring{width:126px;height:126px;border-radius:50%;background:conic-gradient(var(--green) var(--progress),#ece8e4 0);display:grid;place-items:center;margin:8px 0 14px}.progress-ring:before{content:"";position:absolute}.progress-ring span{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--red);font-size:1.55rem;font-weight:900}.progress-lines{width:100%}.progress-lines p{border-top:1px solid var(--line);margin:0;padding:8px 0;color:var(--muted)}.quick-card{display:grid;gap:13px}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.module-grid button,.lesson-jump button{min-height:42px;border:1px solid var(--line);background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px}.module-grid button{min-height:54px;justify-content:flex-start;gap:7px;padding:7px 6px;color:var(--ink)}.module-grid .nav-copy{min-width:0}.module-grid .nav-copy span,.module-grid .nav-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-grid button.active{border-color:var(--red);background:#fff4ee;color:var(--red);box-shadow:inset 0 -3px 0 var(--red)}.module-grid button.active small{color:var(--red)}.lesson-jump{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:4px;border-top:1px solid var(--line)}.lesson-jump button{min-height:38px;font-weight:700}.empty-state{border:1px dashed var(--line);border-radius:8px;padding:28px;text-align:center;color:var(--muted)}.scrim{display:none}@media(max-width:1180px){.app-shell{grid-template-columns:270px minmax(0,1fr)}.content-grid{grid-template-columns:1fr}.side-panel{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:880px){.app-shell{display:block}.lesson-rail{position:fixed;inset:0 auto 0 0;width:min(330px,86vw);transform:translate(-105%);transition:transform .2s ease}.lesson-rail.open{transform:translate(0)}.mobile-menu,.scrim{display:inline-flex}.scrim{position:fixed;inset:0;background:#15101173;border:0;color:#fff;align-items:flex-start;justify-content:flex-end;padding:20px;z-index:10}.topbar{padding:14px 16px}.top-actions{display:none}.tabbar{padding:7px 16px 0}.content-grid,.main-panel{padding:16px}.skill-grid,.summary-stats,.side-panel{grid-template-columns:1fr 1fr}}@media(max-width:620px){.lesson-heading{gap:10px}.lesson-chip{padding:8px 10px}.lesson-heading h1{font-size:1.2rem}.lesson-heading p{font-size:.85rem}.panel-title,.source-card-head,.vocab-section-head{display:grid}.info-row,.match-grid,.skill-grid,.summary-stats,.side-panel{grid-template-columns:1fr}.speech-bubble{max-width:100%}.sentence-bank button,.typing-row,.source-input-row{grid-template-columns:1fr}.source-prompt-line,.source-input-prompt{grid-template-columns:30px minmax(0,1fr)}.source-options,.source-picture-board{grid-template-columns:1fr}.flash-controls{flex-wrap:wrap;justify-content:center}}