@charset "UTF-8";
:root{--bg:#f7f6f2;--paper:#fffefa;--ink:#283a35;--muted:#78817a;--line:#e5e6de;--plum:#733e4f;--plum-soft:#f0e6ea;--gold:#eab36c;--green:#456854;--green-soft:#eaf1e8;--red:#bd3043;--red-soft:#fff0f1;--radius:15px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:15px;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}a{color:var(--plum)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c5934d;outline-offset:3px}button{transition:background .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}input,select,textarea{color:var(--ink)}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#eeeee7;border-right:1px solid #dedfd5;padding:31px 20px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0;background:none;text-align:left;font-size:22px;font-family:Georgia,serif;font-weight:700}.brand-mark{background:var(--plum);color:#fff7e7;border-radius:12px;width:45px;height:48px;font-size:45px;font-style:italic;line-height:.9;padding:1px 0 0 9px;position:relative;letter-spacing:-10px}.brand-mark span{color:var(--gold)}.brand-sub{display:block;font:8px Arial,sans-serif;letter-spacing:2px;margin-top:3px}.grade-label{font-size:9px;letter-spacing:1.15px;margin:29px 0 24px;color:#6b7669;display:flex;align-items:center;gap:7px}.grade-dot,.local-dot{background:#6d8b63;border-radius:50%;width:6px;height:6px;display:inline-block;flex-shrink:0}.nav-home{background:transparent;display:flex;gap:10px;align-items:center;text-align:left;border-radius:9px;padding:12px 10px;font-size:12px;width:100%}.nav-home.active{background:var(--plum-soft);color:var(--plum);font-weight:700}.nav-home>span:first-child{font-size:20px}.nav-count{margin-left:auto;background:#fff8fa;padding:0 5px;border-radius:4px;font-size:10px}.side-section{font-size:9px;letter-spacing:1.6px;color:#7e867a;margin:26px 10px 11px}#sideNav{overflow-y:auto;flex:1;scrollbar-width:thin}.side-group{font-size:10px;color:#8a8f82;margin:16px 10px 5px;letter-spacing:.6px}.side-lesson{display:flex;align-items:flex-start;gap:9px;padding:9px 8px;width:100%;border-radius:7px;background:transparent;text-align:left;font-size:11px;color:#617064;line-height:1.4}.side-lesson.active{background:#fffaf4;color:var(--plum);font-weight:700}.side-lesson:hover{background:#e5e6dc}.side-num{font-size:9px;letter-spacing:.5px;color:#979f92;padding-top:2px;font-weight:400;min-width:15px}.side-lesson .finished{color:var(--green);margin-left:auto}.side-bottom{padding:12px 6px 0;border-top:1px solid #dbddd2;margin-top:15px}.side-bottom button{display:block;font-size:11px;padding:5px 0;background:transparent;color:#6d796b}.school-mark{font-size:8px;letter-spacing:1.4px;border-top:1px solid #dbddd2;padding-top:13px;margin-top:10px;color:#737d70;line-height:1.8}.school-mark span{font-family:Georgia,serif;font-size:13px;letter-spacing:0}.workspace{margin-left:250px;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:22px 45px;border-bottom:1px solid var(--line);height:75px;font-size:11px;color:#859083;background:#f9f8f4}.topbar>div{display:flex;align-items:center;gap:16px}.topbar strong{font-weight:500;color:#516252}.top-divider{color:#b9beb1}.top-right{font-size:9px;gap:7px!important}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:19px}.top-right .icon-button{margin-left:15px}.menu-button{display:none}main{max-width:1450px;margin:0 auto;padding:38px 45px 50px;min-height:calc(100vh - 135px)}footer{font-size:9px;color:#8d9586;border-top:1px solid var(--line);padding:20px 45px;display:flex;justify-content:space-between;gap:15px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;text-transform:uppercase;color:#7c8a78}.welcome{display:flex;gap:30px;justify-content:space-between;align-items:center;margin-bottom:27px}.welcome h1{font-family:Georgia,serif;font-weight:400;line-height:1.15;font-size:45px;letter-spacing:-1.7px;margin:11px 0 14px}.welcome h1 em{color:var(--plum);font-weight:400}.welcome p{font-size:13px;color:#7c8679;max-width:490px;line-height:1.8;margin:0}.welcome-art{width:190px;height:157px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.book-art{width:119px;height:142px;background:var(--plum);border-radius:4px 11px 11px 4px;box-shadow:-8px 5px #ded5c5,10px 16px 0 #ece6d9;transform:rotate(12deg);position:relative;padding:24px 17px;color:#f5e9cf;font:italic 24px Georgia,serif;line-height:1.1}.book-art:before{content:"";position:absolute;left:7px;top:0;bottom:0;border-left:1px solid #a46b7c}.book-art:after{content:"✦";position:absolute;font:30px Georgia;right:16px;bottom:11px;color:#eab36c}.art-star{position:absolute;color:#b09265;font-size:24px;top:11px;left:7px}.art-letter{position:absolute;font:italic 38px Georgia;color:#839779;bottom:5px;left:0;transform:rotate(-15deg)}.overview-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:30px}.overview-strip>div{padding-left:25px;border-left:1px solid var(--line)}.overview-strip>div:first-child{padding-left:0;border-left:0}.overview-strip strong{font-family:Georgia,serif;font-size:27px;font-weight:400;line-height:1}.overview-strip span{display:block;font-size:10px;color:#84907f;margin-top:6px}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:15px 0 22px}.filters{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:11px;background:transparent;padding:7px 12px;border-radius:7px;color:#7b8676}.chip.active{background:var(--ink);color:#fffdf3}.search-box{position:relative;display:flex;align-items:center;gap:8px;padding:8px 11px;background:var(--paper);border:1px solid var(--line);border-radius:8px;color:#9ba08f}.search-box input{width:155px;background:none;border:0;font-size:11px;outline:0}.section-title{font:22px Georgia,serif;margin:27px 0 17px;display:flex;align-items:center;gap:14px;font-weight:400}.section-title small{font:9px Arial;letter-spacing:1px;color:#8b9581}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lesson-card{display:flex;flex-direction:column;text-align:left;padding:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .2s,border-color .2s;min-width:0}.lesson-card:hover{border-color:#c0ad9c;transform:translateY(-3px)}.card-art{height:110px;position:relative;overflow:hidden;padding:17px 20px;display:flex;justify-content:space-between;align-items:flex-start}.art-nut{background:#e4ebdf;color:#526e50}.art-gpg{background:#e9e8da;color:#8c8058}.art-wib{background:#ebe2db;color:#a16c4e}.art-alltag{background:#ece4ea;color:#886477}.card-art .line-art{width:100px;height:95px;position:absolute;right:15px;bottom:-8px;opacity:.62}.card-art .type-tag{font-size:9px;letter-spacing:1px;padding:3px 7px;border:1px solid currentColor;border-radius:4px;opacity:.8}.card-art .card-index{font:italic 28px Georgia;color:currentColor;position:absolute;left:21px;bottom:15px;opacity:.8}.card-body{padding:19px 19px 14px;flex:1}.card-body h3{font:22px Georgia,serif;line-height:1.25;font-weight:400;margin:0 0 10px;letter-spacing:-.3px}.card-body p{font-size:10px;color:#919a89;margin:0;line-height:1.6}.grammar-tag{display:inline-block;font-size:9px;padding:4px 7px;border-radius:4px;background:#f4f2ea;color:#7c8475;margin-top:14px}.card-foot{margin:0 19px;padding:12px 0;border-top:1px solid #f0eee5;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8c9683}.card-foot span:last-child{color:var(--plum)}.empty{padding:45px;border:1px dashed var(--line);text-align:center;border-radius:12px;color:var(--muted)}.back-link{font-size:10px;color:#82907b;padding:0;background:none;margin-bottom:23px}.lesson-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.lesson-heading h1{font:40px/1.17 Georgia,serif;font-weight:400;letter-spacing:-1px;margin:10px 0 13px;max-width:750px}.meta{font-size:10px;color:#89947d;display:flex;gap:17px;flex-wrap:wrap}.unit-number{font:italic 56px Georgia,serif;color:#d9decc;margin-top:-12px}.stepper{display:flex;gap:0;padding:22px 0;margin:19px 0 26px;border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.step{flex:1;display:flex;align-items:center;gap:9px;background:transparent;font-size:10px;position:relative;color:#909b87;padding:0}.step:after{content:"";height:1px;background:#e0e3d5;position:absolute;left:105px;right:15px}.step:last-child:after{display:none}.step span{border:1px solid #d9dece;display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;font-size:10px}.step.active{color:var(--plum);font-weight:700}.step.active span{background:var(--plum);color:#fff8eb;border-color:var(--plum)}.step.done span{background:var(--green-soft);color:var(--green);border-color:var(--green-soft)}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:25px;align-items:start}.paper{background:var(--paper);border:1px solid var(--line);border-radius:13px;overflow:hidden}.paper-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 23px;border-bottom:1px solid #eeeae0;font-size:10px;color:#839077}.paper-toolbar>div{display:flex;align-items:center;gap:8px}.small-button{background:#f3f1e9;border:1px solid #e8e5d9;padding:5px 9px;border-radius:5px;font-size:10px;display:inline-flex;gap:7px;align-items:center}.small-button.active{background:var(--plum-soft);color:var(--plum)}.zoom-button{width:25px;padding:4px 0}.reader-text{font-family:Georgia,serif;font-size:22px;line-height:1.9;padding:25px 32px 30px;color:#384436;overflow-wrap:break-word}.reader-text p{margin:0 0 1.3em}.reader-text p:last-child{margin:0}.reader-text mark{color:inherit;background:linear-gradient(transparent 55%,#efdfaa 55%);padding:2px 0}.reader-text button.word-in-text{padding:0;background:transparent;font:inherit;color:inherit;line-height:inherit;border-bottom:1px dotted #bca986}.reader-text .reading-sentence{background:#f5efdc;border-radius:2px}.reader-side .note-label{font-size:9px;letter-spacing:1.8px;margin-bottom:12px;color:#8c957d}.grammar-note{background:#efece0;border:1px solid #e3dfcf;border-radius:10px;padding:19px 18px;margin-bottom:23px}.grammar-note h3{font:21px/1.25 Georgia,serif;font-weight:400;margin:7px 0 12px}.grammar-note p{font-size:11px;color:#7a806a;line-height:1.8;margin:0}.word-list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.word-list-head h3{font:19px Georgia,serif;font-weight:400;margin:0}.word-list-head span{font-size:9px;background:#e9ebdf;border-radius:5px;padding:2px 5px;color:#6f7a62}.word-list{display:flex;flex-wrap:wrap;gap:6px}.word-tag{font-size:10px;border:1px solid #e4e5d8;background:transparent;border-radius:5px;padding:4px 8px;text-align:left;overflow-wrap:anywhere;max-width:100%}.word-tag:hover{background:#e9ebdf}.word-help{font-size:10px;color:#929b87;line-height:1.7;margin-top:12px}.voice-mini{padding:15px 0;border-top:1px solid var(--line);margin-top:20px;font-size:10px;color:#8b9580}.voice-mini button{color:var(--plum);padding:5px 0;background:none;display:block}.button{border-radius:7px;padding:12px 18px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;border:1px solid transparent;background:#ebece2;color:#617058}.button.primary{background:var(--plum);color:#fffcf5}.button.primary:hover{background:#653143}.button.secondary{background:var(--paper);border-color:#dfe2d3}.button.danger{background:var(--red-soft);color:var(--red)}.button.large{padding:15px 23px}.actions-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:25px}.actions-row p{font-size:10px;color:#929b85;margin:0;max-width:420px}.exercise-banner{display:flex;align-items:center;gap:18px;background:#eaf0e5;border:1px solid #dde5d5;padding:19px 23px;border-radius:11px;margin-bottom:23px}.exercise-banner .big-symbol{font:38px Georgia;color:#718267}.exercise-banner h2{font:24px Georgia;margin:0 0 4px;font-weight:400}.exercise-banner p{font-size:11px;color:#859379;margin:0}.exercise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.exercise-tile{border:1px solid var(--line);border-radius:10px;background:var(--paper);text-align:left;padding:19px 17px;display:flex;gap:13px;align-items:center;min-width:0}.exercise-tile:hover{border-color:#b2bba6}.exercise-icon{font:24px Georgia;color:var(--plum);background:var(--plum-soft);width:41px;height:43px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.exercise-tile.completed .exercise-icon{background:var(--green-soft);color:var(--green)}.exercise-tile h3{font-size:12px;font-weight:600;margin:0 0 4px}.exercise-tile p{font-size:9px;color:#94a087;margin:0}.exercise-tile .tile-arrow{margin-left:auto;font-size:14px;color:#a5ad99}.exercise-work{padding:27px 30px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.exercise-title{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.exercise-title h2{font:29px Georgia;margin:0 0 8px;font-weight:400;line-height:1.2}.exercise-title p{font-size:12px;color:#829176;margin:0}.exercise-title .badge{align-self:flex-start}.badge{font-size:10px;padding:5px 9px;border-radius:5px;background:#eef0e7;color:#7a8b6c;white-space:nowrap}.question-row{padding:15px 0;border-bottom:1px solid #ebece2;display:grid;grid-template-columns:25px minmax(0,1fr);gap:10px}.question-row:last-child{border:0}.question-num{font-size:10px;color:#a0aa94;padding-top:6px}.question-content p{font-size:13px;margin:0 0 10px}.answer-input{border:1px solid #dce0ce;background:#fbfbf7;border-radius:6px;padding:8px 11px;font-size:14px;max-width:100%;width:240px}.answer-input.correct{border-color:#6d9572;background:#eff7ed}.answer-input.incorrect{border-color:#ce7581;background:#fff1f2}.cloze-text{font:20px/2.5 Georgia;color:#4d5b45}.cloze-input{font:15px Arial;width:160px;padding:6px 8px;margin:0 4px;vertical-align:baseline}.feedback{font-size:11px;line-height:1.7;margin-top:8px}.feedback.correct{color:var(--green)}.feedback.incorrect{color:var(--red)}.practice-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:23px}.practice-footer .button{flex-shrink:0}.progressbar{height:5px;background:#e7eadd;border-radius:5px;overflow:hidden;margin-bottom:22px}.progressbar span{display:block;background:#899b7e;height:100%;transition:width .2s}.puzzle-clue{font-size:14px;margin:15px 0;color:#6e7d62}.puzzle-answer{min-height:63px;padding:12px;border:1px dashed #cbd3bf;background:#fafaf4;border-radius:7px;display:flex;flex-wrap:wrap;gap:5px;align-content:flex-start}.puzzle-bank{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.letter-tile{border:1px solid #d8d7c7;border-bottom:3px solid #d8d7c7;border-radius:6px;background:#f7f4e8;min-width:32px;height:38px;display:inline-flex;align-items:center;justify-content:center;font:19px Georgia;box-shadow:0 1px 1px #eee8da}.sentence-tile{font:14px Arial;padding:7px 11px;min-height:37px;height:auto}.puzzle-answer:empty:after{content:"Tippe die Bausteine in der richtigen Reihenfolge an …";font-size:11px;color:#a4ad96;margin:9px}.choice-group{display:flex;flex-wrap:wrap;gap:8px}.choice{padding:9px 13px;background:#f7f7ef;border:1px solid #e0e4d5;border-radius:6px;font-size:12px;text-align:left;min-height:39px;overflow-wrap:anywhere}.choice.selected{background:var(--plum-soft);border-color:#ba8c9b;color:var(--plum)}.choice.correct{border-color:#719e78;background:#eaf5e7;color:#456d45}.choice.incorrect{border-color:#d57f8c;background:#fff0f2;color:var(--red)}.hint-box{background:#f5f0e0;border:1px solid #e8dfc6;padding:12px 15px;border-radius:7px;font-size:11px;color:#857550;line-height:1.75;margin:16px 0}.match-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.match-row label{font-size:13px}.match-row select{width:100%}.cipher-key{display:flex;flex-wrap:wrap;gap:4px;padding:13px;background:#f2f3e9;border-radius:8px;margin-bottom:22px}.cipher-key span{display:flex;flex-direction:column;align-items:center;width:28px;line-height:1.6;font:11px Arial;color:#a1a98e}.cipher-key b{font-size:13px;color:#647558}.cipher-text{font:18px monospace;letter-spacing:1px;color:var(--plum);overflow-wrap:anywhere}.crossword-wrap{overflow:auto;padding-bottom:9px}.crossword{display:grid;gap:0;width:max-content;border:1px solid #e0e3d6;max-width:none}.cw-cell{width:32px;height:34px;position:relative;background:#f0f1e7;display:flex;border:1px solid transparent}.cw-cell.used{background:#fffef7;border-color:#cbd3bc}.cw-cell label{font-size:7px;position:absolute;top:0;left:2px;line-height:1;pointer-events:none}.cw-cell input{width:100%;height:100%;border:0;background:transparent;text-transform:uppercase;text-align:center;padding:4px 0 0;font-size:16px;border-radius:0}.cw-cell input.correct{background:#edf7e8}.cw-cell input.incorrect{background:#ffe8ed;color:var(--red)}.cw-cell.focus-word{background:#f8edcf}.crossword-clues{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:19px}.crossword-clues h4{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#879575;margin:0 0 10px}.clue-button{display:block;padding:5px 0;background:none;text-align:left;font-size:11px;line-height:1.6;color:#778568}.clue-button b{margin-right:4px}.dictation-intro{max-width:660px;margin:8px auto;text-align:center;padding:30px 0}.dictation-orb{width:94px;height:94px;border-radius:50%;background:#ebe3e8;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;color:var(--plum);font:47px Georgia}.dictation-intro h2{font:35px/1.2 Georgia;font-weight:400;margin:0 0 17px;letter-spacing:-.5px}.dictation-intro>p{font-size:13px;color:#879478;line-height:1.9;max-width:510px;margin:0 auto 24px}.rules-summary{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:24px 0}.rules-summary span{font-size:10px;background:#eeeee4;color:#869373;padding:6px 10px;border-radius:5px}.dictation-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:start}.dictation-player{background:var(--plum);color:#fff9ed;border-radius:11px;padding:23px;display:flex;align-items:center;gap:18px;margin-bottom:22px}.play-big{width:57px;height:57px;border-radius:50%;background:#f9f0df;color:var(--plum);font-size:21px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.dictation-player h2{font:25px Georgia;font-weight:400;margin:0 0 3px}.dictation-player p{font-size:10px;opacity:.65;margin:0}.dictation-player .small-button{margin-left:auto;background:#88596a;color:#fff4e7;border-color:#a07585}.dictation-notebook{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:22px 21px}.notebook-label{font-size:9px;color:#9ba38c;text-transform:uppercase;letter-spacing:1.5px;display:flex;justify-content:space-between;margin-bottom:14px}.writing-row{display:flex;gap:15px}.writing-field{position:relative;flex:1;min-width:0;background:repeating-linear-gradient(transparent 0,transparent 38px,#e5e9dc 38px,#e5e9dc 39px);font:23px/39px Georgia}.writing-field textarea,.writing-overlay{font:inherit;letter-spacing:0;word-spacing:0;padding:4px 2px 9px;margin:0;width:100%;border:0;min-height:205px;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;tab-size:4}.writing-field textarea{resize:none;position:relative;z-index:2;background:transparent;color:transparent;caret-color:var(--ink);-webkit-text-fill-color:transparent;overflow:hidden;display:block;outline-offset:5px}.writing-field textarea::placeholder{color:#a8b09b;-webkit-text-fill-color:#a8b09b;opacity:1}.writing-field textarea::selection{background:#e8cde280}.writing-overlay{position:absolute;inset:0;pointer-events:none;z-index:1;color:#3a4a34}.writing-overlay .error-char{color:var(--red);text-decoration:underline wavy;text-decoration-thickness:1px;text-underline-offset:3px}.writing-overlay .error-space{background:#ffd5dd;border-radius:2px}.writing-overlay .missing-live{position:relative;display:inline-block;width:0;vertical-align:baseline}.writing-overlay .missing-live:after{content:"⌃";position:absolute;color:var(--red);font:15px Arial;left:-4px;top:11px}.error-margin{width:46px;flex-shrink:0;border-left:1px solid #edc2c8;min-height:200px;padding:8px 0 0 12px;display:flex;gap:4px;flex-wrap:wrap;align-content:flex-start}.red-stroke{display:inline-block;width:3px;height:18px;background:var(--red);transform:rotate(13deg);border-radius:2px;flex-shrink:0}.error-margin .more{font-size:10px;color:var(--red)}.live-status{font-size:10px;color:#929c83;padding-top:12px;min-height:27px}.live-status.has-errors{color:var(--red)}.dictation-side h3{font:21px Georgia;font-weight:400;margin:0 0 15px}.sentence-dots{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.sentence-dot{width:25px;height:25px;border-radius:5px;font-size:9px;background:#eeeee3;border:1px solid #e1e3d5;color:#929d83;display:flex;align-items:center;justify-content:center}.sentence-dot.done{background:#e6efe0;border-color:#c4d6b8;color:#607e4a}.sentence-dot.active{background:var(--plum);color:#fff9ed;border-color:var(--plum)}.total-errors{font:36px Georgia;color:var(--plum);margin:0}.total-label{font-size:10px;color:#8d9a7e;margin-bottom:17px}.sentence-history{margin-top:20px}.history-sentence{font:17px/1.9 Georgia;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:15px 20px;margin-bottom:11px;display:flex;gap:18px}.history-sentence small{font:9px Arial;color:#96a187;display:block;margin-bottom:6px}.marked-text .bad{color:var(--red);text-decoration:underline wavy;text-decoration-thickness:1px;text-underline-offset:3px}.marked-text .omission{display:inline;background:#ffedf0;border-bottom:2px dotted #cc5362;color:var(--red);font:12px Arial;padding:1px 3px;white-space:nowrap}.marked-text .omission:empty:after{content:"∅"}.history-strokes{padding-left:12px;border-left:1px solid #eec6cc;display:flex;gap:4px;flex-wrap:wrap;align-content:flex-start;min-width:31px;max-width:70px}.submit-feedback{background:#faf0e3;padding:16px;border-radius:8px;margin-top:15px;font-size:12px;color:#8e754d}.result-hero{padding:30px;background:#e8edde;border:1px solid #dbe1ce;border-radius:13px;display:flex;align-items:center;gap:30px;margin-bottom:26px}.grade-circle{background:var(--paper);border:1px solid #d8dfcb;border-radius:50%;height:100px;width:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;font:47px/1 Georgia;color:#667b52}.grade-circle span{font:8px Arial;letter-spacing:1.4px;margin-bottom:6px}.result-hero h2{font:30px Georgia;font-weight:400;margin:0 0 9px}.result-hero p{font-size:12px;color:#879375;margin:0}.result-stats{display:flex;gap:30px;margin-top:17px;color:#73835f;font-size:11px}.result-stats strong{font-size:19px;font-weight:400}.attempt-list{margin-top:25px;overflow:auto}.attempt-list table,.curriculum-table{width:100%;border-collapse:collapse;font-size:11px}.attempt-list td,.attempt-list th,.curriculum-table td,.curriculum-table th{padding:10px 12px;border-bottom:1px solid #e1e5d7;text-align:left}.attempt-list th,.curriculum-table th{color:#7e8c6e;font-weight:500}.modal-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:21px}.modal-heading h2{font:28px Georgia;font-weight:400;line-height:1.2;margin:0}dialog{border:1px solid #e4e3d6;border-radius:15px;background:var(--paper);padding:27px 30px;color:var(--ink);width:min(730px,calc(100% - 30px));max-height:85vh;box-shadow:0 20px 80px #29332926}dialog::backdrop{background:#26332859;backdrop-filter:blur(3px)}#modalBody{font-size:13px;line-height:1.85}#modalBody h3{font:22px Georgia;margin:22px 0 9px}#modalBody p{margin:0 0 15px}#modalBody label{display:block;font-size:11px;color:#7e8d6d;margin:17px 0 6px}#modalBody select{width:100%;padding:10px;border:1px solid #dce0d0;border-radius:7px;background:#f9f9f2}#modalBody input[type=range]{width:100%;accent-color:var(--plum)}.settings-check{display:flex!important;align-items:center;gap:9px;font-size:12px!important}.settings-check input{accent-color:var(--plum)}.toast{position:fixed;bottom:25px;left:calc(50% + 125px);transform:translateX(-50%);padding:13px 21px;background:#324835;color:#fffcef;border-radius:9px;box-shadow:0 5px 20px #33452d22;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:99;max-width:min(600px,80vw)}.toast.visible{opacity:1}.voice-alert{padding:12px 15px;background:#fff2df;border:1px solid #ead5b3;border-radius:7px;font-size:11px;color:#9b773b;margin:14px 0}.library-note{display:flex;gap:10px;align-items:center;margin-top:30px;font-size:10px;color:#8e9981}.library-note span{font-size:20px;color:#9aaa8c}.print-only{display:none}.button-row{display:flex;gap:10px;flex-wrap:wrap}.section-description{font-size:11px;color:#929c85;margin:-8px 0 19px}.fullwidth{width:100%}.text-small{font-size:11px;color:#929c85}.flex{display:flex;gap:9px;align-items:center}.success-panel{padding:30px;text-align:center;background:#edf2e7;border:1px solid #d8e2ce;border-radius:10px}.success-panel h3{font:28px Georgia;margin:5px 0 9px;font-weight:400}.success-panel p{font-size:12px;color:#8b977b}.success-check{font:45px Georgia;color:#7f996a}.delete-note{font-size:10px;color:#a2917f}.correction-key{display:flex;gap:15px;font-size:10px;color:#919b84;margin:14px 0}.correction-key span:first-child{color:var(--red)}
@media(min-width:1550px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.welcome h1{font-size:51px}.card-art{height:123px}}
@media(max-width:1180px){.sidebar{width:220px;padding:25px 15px 14px}.workspace{margin-left:220px}.brand{font-size:20px}.brand-mark{width:42px;height:45px}.topbar{padding:20px 28px}main{padding:30px 28px 45px}.top-right #saveStatus{display:none}.reader-layout{grid-template-columns:minmax(0,1fr) 205px;gap:18px}.reader-text{padding:23px;font-size:20px}.cards{gap:13px}.card-body{padding:16px 15px 12px}.card-body h3{font-size:20px}.exercise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dictation-layout{grid-template-columns:minmax(0,1fr) 175px;gap:16px}.welcome h1{font-size:39px}.toast{left:calc(50% + 110px)}}
@media(max-width:960px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-layout{grid-template-columns:1fr}.reader-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.voice-mini{grid-column:1/-1;margin:0;padding:10px 0}.grammar-note{margin:0}.welcome-art{width:135px;transform:scale(.9)}.welcome h1{font-size:35px}.lesson-heading h1{font-size:34px}.collection-toolbar{align-items:stretch;flex-direction:column}.search-box{width:100%}.search-box input{width:100%}.overview-strip>div{padding-left:16px}.overview-strip span{font-size:9px}.step:after{left:95px;right:10px}.topbar>div{gap:12px}.dictation-layout{grid-template-columns:1fr}.dictation-side{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-start}.dictation-side h3{font-size:18px;margin:0 0 8px}.sentence-dots{max-width:290px;margin:0}.dictation-side .hint-box{flex:1;min-width:180px;margin:0}.dictation-side .total-label{margin-bottom:0}.dictation-player .small-button{font-size:9px}.writing-field{font-size:21px}footer{padding:20px 28px;flex-wrap:wrap}.crossword-clues{grid-template-columns:1fr}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);width:250px;box-shadow:20px 0 60px #2d382322;transition:transform .2s}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.menu-button{display:inline-flex;width:27px;height:27px;font-size:15px;margin-right:2px}.topbar{height:62px;padding:16px 20px}.topbar>div{gap:9px}.top-right .icon-button{margin:0}.top-right .local-dot{display:none}main{padding:27px 20px 35px}.welcome{gap:8px;margin-bottom:24px}.welcome h1{font-size:36px;letter-spacing:-1px}.welcome-art{width:100px;transform:scale(.75);transform-origin:right center;margin-left:-20px}.welcome p{font-size:12px}.eyebrow{font-size:9px}.overview-strip{margin-bottom:22px}.overview-strip strong{font-size:24px}.overview-strip>div{padding-left:10px}.overview-strip span{font-size:8px;max-width:80px}.collection-toolbar{margin:12px 0 20px}.filters{gap:4px}.chip{font-size:10px;padding:7px 10px}.cards{gap:12px}.card-art{height:94px;padding:13px}.card-art .line-art{width:86px;height:84px;right:3px}.card-art .card-index{font-size:23px;left:15px;bottom:9px}.card-body{padding:14px 13px 10px}.card-body h3{font-size:20px}.card-body p{font-size:9px}.grammar-tag{font-size:8px;line-height:1.4;max-width:100%;padding:4px 6px}.card-foot{font-size:8px;margin:0 13px;gap:3px}.section-title{font-size:22px}.section-title small{font-size:8px}.lesson-heading h1{font-size:34px}.meta{gap:10px;font-size:9px}.unit-number{font-size:44px;margin-top:0}.stepper{margin-top:20px;padding:17px 0}.step{gap:6px;font-size:9px}.step span{width:22px;height:22px;flex-shrink:0;font-size:9px}.step:after{display:none}.paper-toolbar{padding:11px 15px;flex-wrap:wrap}.reader-text{padding:22px;font-size:21px}.reader-side{gap:14px}.grammar-note{padding:15px}.grammar-note h3{font-size:19px}.word-tag{font-size:9px;padding:3px 6px}.word-list-head h3{font-size:18px}.reader-side .note-label{font-size:8px;letter-spacing:1px}.actions-row{align-items:flex-start;flex-direction:column}.actions-row .button-row{width:100%}.actions-row .button{flex:1}.button{font-size:11px;padding:11px 15px}.exercise-work{padding:22px 17px}.exercise-title h2{font-size:26px}.exercise-grid{gap:10px}.exercise-tile{padding:15px 12px;gap:9px}.exercise-icon{width:31px;height:35px;font-size:22px}.exercise-tile h3{font-size:11px}.exercise-tile p{font-size:8px}.exercise-tile .tile-arrow{display:none}.exercise-banner{padding:16px;gap:12px}.exercise-banner h2{font-size:21px}.exercise-banner p{font-size:10px}.exercise-title p{font-size:11px}.question-row{grid-template-columns:18px 1fr;gap:6px}.question-content p{font-size:12px}.choice{font-size:11px;padding:8px 11px}.match-row{gap:10px;grid-template-columns:1fr 1fr}.match-row label{font-size:11px}.match-row select{font-size:12px}.cloze-text{font-size:18px}.cloze-input{width:135px;font-size:13px}.practice-footer{gap:10px;flex-wrap:wrap}.dictation-player{padding:18px;gap:13px;flex-wrap:wrap}.dictation-player h2{font-size:23px}.dictation-player .small-button{margin-left:70px;margin-top:-8px}.play-big{width:48px;height:48px;font-size:18px}.dictation-notebook{padding:18px 14px}.error-margin{width:34px;padding-left:9px}.writing-row{gap:9px}.writing-field{font-size:21px}.history-sentence{font-size:17px;padding:14px}.dictation-intro h2{font-size:31px}.dictation-intro{padding:18px 0}.result-hero{padding:22px;gap:20px}.result-hero h2{font-size:25px}.grade-circle{height:80px;width:80px;font-size:38px}.result-stats{gap:16px;font-size:10px}footer{font-size:8px;padding:18px 20px}footer span{display:none}.toast{left:50%;width:max-content;max-width:90vw}dialog{padding:23px 20px}.modal-heading h2{font-size:26px}.curriculum-table td,.curriculum-table th{padding:8px 6px;font-size:9px}}
@media(max-width:400px){main{padding-left:15px;padding-right:15px}.welcome h1{font-size:32px}.welcome-art{display:none}.cards{gap:9px}.card-body h3{font-size:18px}.card-body{padding-left:11px;padding-right:11px}.card-foot{margin:0 11px}.reader-side{grid-template-columns:1fr}.voice-mini{grid-column:auto}.lesson-heading h1{font-size:30px}.unit-number{display:none}.exercise-grid{grid-template-columns:1fr}.exercise-tile .tile-arrow{display:block}.step{font-size:8px}.topbar{padding:15px}.topbar strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.sidebar,.topbar,footer,.actions-row,.stepper,.back-link,.button-row,.dictation-player,.dictation-side,.practice-footer,.paper-toolbar,.reader-side,.toast,dialog,.notebook-label,.live-status{display:none!important}.workspace{margin:0}body,main{background:white;color:black}main{padding:0;max-width:none}.reader-layout,.dictation-layout{display:block}.paper,.history-sentence{border:0}.reader-text{font-size:14pt;padding:0;line-height:1.8}.lesson-heading h1{font-size:24pt}.print-only{display:block}.result-hero{background:white;border:1px solid #ccc;break-inside:avoid}.history-sentence{break-inside:avoid}.error-margin{display:flex}button{background:white}.marked-text .bad{color:#b00}.marked-text .omission{color:#b00}.lesson-heading{margin-bottom:15px}}
.school-logo{object-fit:contain;flex-shrink:0}.brand{gap:10px;font-size:21px}.brand-sub{font:13px/1.35 Georgia,serif;letter-spacing:0;margin-top:5px;color:var(--plum)}.grade-switch{display:flex;flex-wrap:wrap;gap:5px;margin-top:22px}.grade-label{margin-top:13px;margin-bottom:17px}.score-pill{padding:5px 8px;background:#eaf0e4;color:#61774e;font-size:10px;border-radius:7px;white-space:nowrap}.score-pill strong{font-size:13px}.fail-pill{color:#9a5965;background:#f4e8ec}.user-button{border-radius:7px;padding:7px 9px;background:#eae9e0;color:#65715b;font-size:10px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-card{max-width:430px;margin:16px auto;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:30px 36px}.login-card img{display:block;margin:0 auto 20px}.login-card h1{font:34px/1.2 Georgia;letter-spacing:-.7px;font-weight:400}.login-card h1 em{color:var(--plum)}.login-card p{font-size:12px;color:#7e8a74}.login-card label{display:block;text-align:left;font-size:11px;margin:15px 0 6px}.login-card input:not([type=checkbox]){width:100%;padding:10px 12px;border:1px solid #d8decc;border-radius:7px;background:#fafbf6;font-size:15px}.login-card input[type=checkbox]{accent-color:var(--plum)}.login-toggle{padding:13px;background:transparent;color:var(--plum);font-size:12px;text-decoration:underline}.dictation-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left;margin:24px 0}.dictation-options section{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.dictation-options h3{font:24px Georgia;font-weight:400;margin:0}.dictation-options p{font-size:12px;color:#869475;line-height:1.8;margin:0;flex:1}.dictation-options .rated-option{background:#f4ebef;border-color:#d7bbc6}.account-grades section{padding:15px 0;border-bottom:1px solid var(--line)}.earned-reward{font-weight:700;color:var(--green)!important;margin:9px 0!important}.topbar{padding-left:30px;padding-right:30px}.top-right{gap:6px!important}.top-right .icon-button{margin-left:4px}.dictation-intro{max-width:750px}.score-pill{display:inline-block}.exercise-tile:disabled{opacity:.65;background:#eceee5}.exercise-work .practice-footer .text-small{max-width:330px}.grade-circle span{font-size:9px}
@media(max-width:1100px){.top-right #saveStatus{display:none}.topbar>div{gap:9px}.topbar{padding:17px 23px}}@media(max-width:720px){.dictation-options{grid-template-columns:1fr}.topbar>div>strong{display:none}.topbar{padding:13px 15px}.top-divider{display:none}.top-right .user-button{max-width:75px}.score-pill{font-size:9px;padding:4px 6px}.login-card{padding:26px 23px}.login-card h1{font-size:30px}.brand{font-size:20px}.score-pill strong{font-size:12px}.topbar>div{gap:6px}}

#gradeSwitch{display:flex;flex-wrap:wrap;gap:6px}.punctuation-tools{display:flex;flex-wrap:wrap;gap:7px;padding:12px 20px;background:#faf6f1;border-bottom:1px solid var(--line)}.punctuation-tools .small-button{min-width:42px;font-size:20px}.grade-cards .exercise-tile{text-align:left}