@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:Plus Jakarta Sans,Noto Sans SC,sans-serif;color:#263e35;background:#f7f8f3;font-synthesis:none;font-weight:400;--green:#2d6950;--deep:#204b3b;--muted:#7d8982;--line:#e2e8df;--cream:#f2f4e9;--shadow:0 12px 40px #243f3007}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid #dce4dc;background:#fff;border-radius:9px;padding:10px 16px;color:#355044;line-height:1.5;transition:background .15s,transform .15s}button:hover,.button:hover{background:#edf3ea}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #9cc6ab;outline-offset:3px}input,select,textarea{width:100%;border:1px solid #dbe2d9;border-radius:8px;padding:11px 12px;background:#fff;color:#2a4035;outline:none}input:focus,select:focus,textarea:focus{border-color:#6e9c79;box-shadow:0 0 0 3px #b6d0af33}textarea{resize:vertical}label{display:block;font-size:13px;font-weight:500;margin:14px 0}label input,label textarea,label select{display:block;margin-top:6px;font-weight:400}fieldset{border:0;padding:0;margin:0;min-width:0}legend{margin-bottom:10px;font-weight:500}h1,h2,h3,p{margin-top:0}h1{font-size:29px;line-height:1.4;font-weight:700;letter-spacing:-.7px;margin-bottom:10px}h2{font-size:20px;font-weight:700;line-height:1.5;margin-bottom:16px}h3{font-size:16px;line-height:1.5;margin-bottom:10px}p{margin-bottom:14px}.muted{color:var(--muted)}.small,small{font-size:12px}.center{text-align:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.9px;color:#809375;margin-bottom:10px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--green);border:1px solid var(--green);color:#fff;border-radius:9px;padding:12px 19px;font-weight:600}.primary:hover{background:var(--deep);color:#fff}.danger{color:#b95040;border-color:#e8c8c1;background:#fff7f4}.quiet{background:transparent;border:0;padding:7px 10px;color:#77857b}.full{width:100%}.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.centered{justify-content:center}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:.2px;line-height:1.4}.brand small{display:block;font-size:8px;letter-spacing:1.25px;margin-top:3px;font-weight:500;color:#91a18e}.brand-mark{display:grid;place-items:center;width:39px;height:42px;border-radius:13px 13px 13px 4px;background:#e2ecd7;color:#427044}.sidebar{position:fixed;inset:0 auto 0 0;width:237px;padding:37px 25px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.nav-caption{font-size:10px;letter-spacing:1.5px;color:#a3ada1;margin:47px 0 15px 13px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:10px;color:#879087;font-size:13px;font-weight:500}.sidebar nav a:hover{background:#f4f7ef}.sidebar nav a.active{background:#eaf0e3;color:#376448;font-weight:700}.sidebar nav a.active svg{stroke:#4d7751}.sidebar-bottom{margin-top:auto;padding:25px 12px 0;color:#a0aa9a;font-size:11px}.sidebar-bottom p{margin:9px 0 0}.sidebar-bottom small{font-size:9px}.tiny-leaf{color:#a9bb9d}.main-shell{margin-left:237px;min-height:100vh}.main-shell>header{height:82px;padding:0 44px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#819080;background:#fbfcf8}.header-dot{display:inline-block;width:6px;height:6px;background:#9fb28b;border-radius:50%;margin-right:5px}.header-actions{display:flex;align-items:center;gap:15px}.header-actions select{max-width:150px;font-size:12px;padding:7px 10px}.avatar{display:grid;place-items:center;background:#ebeedf;border:3px solid white;width:35px;height:35px;border-radius:50%;color:#70826a;font-size:12px}.main-shell main{max-width:1440px;margin:auto;padding:37px 44px 55px;min-height:calc(100vh - 145px)}footer{display:flex;justify-content:space-between;padding:20px 44px;border-top:1px solid var(--line);font-size:9px;color:#a0aa9c}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading p{font-size:12px;margin:0}.date-tag{background:#fff;border:1px solid var(--line);border-radius:7px;padding:7px 12px;font-size:10px;color:#8c9687;white-space:nowrap}.hero{display:flex;position:relative;overflow:hidden;min-height:310px;background:#eaf0df;border-radius:16px;padding:35px 40px;border:1px solid #e0e8d1;justify-content:space-between}.hero .pill{font-size:10px;display:inline-block;background:#f7f9ef;color:#6f865c;border:1px solid #dae4c9;padding:4px 10px;border-radius:20px;margin-bottom:15px}.hero h2{font-size:31px;line-height:1.5;letter-spacing:.1px;margin-bottom:14px;color:#385a3d}.hero p{font-size:12px;line-height:1.9;color:#87967c;margin-bottom:21px}.hero .primary{font-size:11px;padding:10px 15px}.hero-art{position:relative;width:42%;max-width:400px;min-height:250px}.book-shape{position:absolute;left:15%;top:35px;width:175px;height:190px;background:#91a77c;border-radius:5px 18px 18px 5px;transform:rotate(-13deg);box-shadow:8px 9px #d5dfc5,14px 16px #aebf97;display:grid;place-items:center;color:#eff3e6}.book-shape:before{content:"";position:absolute;inset:0 auto 0 9px;border-left:1px solid #c6d4b14d}.book-shape>span{position:absolute;bottom:16px;right:22px;font-size:22px;font-family:Georgia,serif}.float-note{position:absolute;top:7px;right:6%;padding:17px 20px;background:#fcfcf3;color:#81946c;border:1px solid #e0e5d2;box-shadow:0 7px 10px #7580600a;transform:rotate(7deg);font-family:Georgia,serif;font-size:15px;line-height:1.6}.plant-stem{position:absolute;width:3px;height:105px;background:#91a57b;bottom:0;right:17%;transform:rotate(8deg)}.plant-leaf{position:absolute;background:#bdcea2;width:38px;height:64px;border-radius:2px 100% 0;right:17%;bottom:33px;transform:rotate(10deg)}.leaf-b{right:7%;bottom:62px;transform:rotate(70deg);width:33px;height:53px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:24px 0 34px}.stat{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px}.stat-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:12px;background:#f0f3e8;color:#849c6c}.stat-icon.leaf{background:#f5eedf;color:#b3996b}.stat-icon.check{background:#e9f1eb;color:#6f9a87}.stat .muted{display:block;font-size:10px}.stat strong{display:block;font-size:28px;line-height:1.6;font-weight:600}.stat small{font-size:9px;color:#a3aba0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading h2{font-size:17px;margin:0}.section-heading .small{font-size:10px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{position:relative;display:block;background:#fff;border:1px solid var(--line);border-radius:13px;padding:27px 24px;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.feature-card>svg{color:#809777;margin-bottom:19px}.card-number{position:absolute;top:26px;right:25px;font-size:10px;color:#c8cfc1}.feature-card h3{font-size:16px;margin-bottom:9px}.feature-card p{font-size:11px;color:#969f90;margin-bottom:26px}.link-arrow{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#6f8865}.notice{background:#edf3e7;border:1px solid #dce8d4;border-radius:9px;padding:13px 16px;margin:16px 0;color:#627858;font-size:12px;overflow-wrap:anywhere}.notice button{margin-left:12px}.notice a{text-decoration:underline}.notice.error{background:#fff2ed;border-color:#f0d2c8;color:#a35140}.loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:200px;color:#82917d}.spinner{width:18px;height:18px;border:2px solid #dae3d2;border-top-color:#78956e;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel{padding:26px;background:#fff;border:1px solid var(--line);border-radius:12px;margin:20px 0;box-shadow:var(--shadow)}.panel>h2{font-size:18px}.toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:20px 0}.toolbar>input{max-width:240px}.toolbar>select{width:auto;max-width:250px}.segmented{display:inline-flex;border-radius:9px;background:#eaf0e4;padding:4px;gap:3px;flex-wrap:wrap}.segmented button{background:transparent;border:0;font-size:12px;padding:8px 15px;color:#82917b}.segmented button.selected{background:#fff;color:#416a47;box-shadow:0 2px 5px #5571460a}.exam-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.exam-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.exam-cover{height:195px;padding:22px 23px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#e5ecd9;color:#768f62}.exam-cover>span{font-size:14px;align-self:flex-start;font-weight:600}.exam-cover>small{font-size:8px;letter-spacing:1.6px;align-self:flex-start}.cover-1{background:#e6ece7;color:#789181}.cover-2{background:#ece8da;color:#9d8d64}.exam-card-body{padding:24px}.exam-card-body .eyebrow{font-size:8px;letter-spacing:1px}.exam-card-body h2{font-size:18px;margin:8px 0 12px}.exam-card-body p{font-size:11px}.exam-card-body button{font-size:11px;padding:9px 11px}.part-buttons{display:grid;gap:8px}.part-buttons button{justify-content:space-between;text-align:left}.modal-backdrop{position:fixed;inset:0;background:#182f2666;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:700px;max-width:100%;max-height:90vh;overflow:auto;background:#fafbf7;border:1px solid #e4e9de;border-radius:15px;padding:28px;box-shadow:0 20px 80px #10281922}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-heading h2{margin:0;font-size:19px}.modal .paper-image{max-height:none}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fbfcf8}.login-intro{padding:50px 12%;position:relative;background:#edf2e5;min-height:100vh;overflow:hidden}.login-intro .brand{margin-bottom:72px}.login-intro h1{font-size:38px;line-height:1.65;color:#3c5a3b}.login-intro p{font-size:13px;color:#89967f;line-height:2}.login-intro>small{display:block;font-size:9px;color:#9caa91;margin-top:35px}.orbit{position:relative;height:240px;max-width:350px;margin-top:27px}.orbit:before{content:"";position:absolute;inset:20px 25px;border:1px dashed #b3c29d;border-radius:50%;transform:rotate(-16deg)}.orbit-center{position:absolute;left:33%;top:60px;background:#dce7c9;border:8px solid #e8efdc;display:grid;place-items:center;width:120px;height:120px;border-radius:50%;color:#8da26f}.orbit-card{position:absolute;background:#fffff5;border:1px solid #dce4cf;border-radius:10px;padding:11px 17px;font-size:12px;display:flex;align-items:center;gap:10px;color:#859776;box-shadow:0 4px 12px #6b7f4e08}.orbit-card.one{top:6px;left:4px;transform:rotate(-8deg)}.orbit-card.two{right:-8px;top:79px;transform:rotate(8deg)}.orbit-card.three{bottom:5px;left:20px;transform:rotate(-3deg)}.login-form{align-self:center;max-width:410px;width:100%;margin:auto;padding:40px 25px}.login-form h2{font-size:25px;margin-bottom:11px}.login-form>.muted{font-size:12px;margin-bottom:28px}.login-form .segmented{display:flex;margin:25px 0}.login-form .segmented button{flex:1}.login-form label{margin-top:21px}.login-form .primary{margin-top:14px}.login-form>.small{margin-top:24px;line-height:1.9}.history-row{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid #edf0e9}.history-row:last-child{border-bottom:0}.history-row>div{flex:1}.history-row strong{font-size:13px}.history-row small{display:block;color:#9ba492;font-size:10px;margin-top:3px}.row-icon{display:grid;place-items:center;background:#f0f4e8;border-radius:10px;width:40px;height:40px;color:#8ba277}.tag{font-size:10px;background:#eaf2e4;color:#6d895c;display:inline-block;border-radius:5px;padding:3px 8px;white-space:nowrap}.tag.amber{background:#f7efdc;color:#ac9864}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.score-card{padding:21px 24px;background:#fff;border:1px solid var(--line);border-radius:12px}.score-card>span{display:block;font-size:12px;color:#94a087}.score-card strong{display:block;font-size:30px;line-height:1.8;font-weight:600}.score-card strong small{font-size:14px;font-weight:400;color:#a8b29f}.score-card em{font-size:10px;font-style:normal;color:#849c74}.result-parts details{border-top:1px solid var(--line);padding:17px 0}.result-parts details summary{font-weight:600}.review-images{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.review-images img{width:100%;background:#fff;border:1px solid var(--line);border-radius:5px}.review-answer{padding:16px 18px;border:1px solid #e2e9d9;border-radius:8px;margin:12px 0;background:#f7faf4}.review-answer.wrong{background:#fff8f2;border-color:#f0dfcf}.review-answer.manual{background:#f4f6fa;border-color:#e0e5ee}.review-answer>div{display:flex;justify-content:space-between;gap:20px}.review-answer strong{font-size:12px}.review-answer p{font-size:12px;margin:10px 0 0}.typed-answer{white-space:pre-wrap;overflow-wrap:anywhere}.review-form{font-size:12px;padding-bottom:0!important;margin-top:12px}.recording-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:12px 0}.recording-row span{font-size:11px;color:#84947d}audio{max-width:100%;height:40px}.vocab-progress{max-width:720px;margin:32px auto 15px;font-size:10px;color:#91a084;display:flex;align-items:center;gap:20px}.vocab-progress>div{flex:1;background:#e2e8d9;height:4px;border-radius:3px;overflow:hidden}.vocab-progress i{display:block;height:100%;background:#8fa575}.vocab-card{max-width:720px;margin:0 auto 25px;padding:38px 55px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);text-align:center;min-height:440px}.vocab-card .eyebrow{display:block;font-size:9px;margin-bottom:35px}.vocab-card h2{font-size:38px;font-weight:500;line-height:1.5;margin-bottom:4px}.pos-tag{font-size:11px;color:#adbaa2}.meaning{font-size:19px;color:#7a9067;margin-top:27px}.example{color:#8b9981;font-size:12px;font-style:italic}.word-image{max-width:280px;max-height:230px;object-fit:contain;display:block;margin:20px auto}.spelling-input{max-width:400px;font-size:23px;text-align:center;letter-spacing:1px;margin:25px auto 8px;padding:14px}.meaning-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.meaning-options button{font-size:15px;min-height:57px}.meaning-options button.selected,.answer-options button.selected{background:#e6f0dd;border-color:#8cae79;color:#4b723d}.vocab-navigation{display:flex;justify-content:space-between;gap:20px;margin-top:35px;border-top:1px solid #eef1e9;padding-top:22px}.vocab-navigation button{font-size:11px}.feedback{padding:17px;margin-top:20px;border-radius:9px;font-size:13px;background:#edf5e6;color:#61874b}.feedback.wrong{background:#fff2e9;color:#ad7b50}.feedback p{margin:8px 0 0}.feedback small{display:block;margin-top:8px}.empty-state{text-align:center;padding:75px 20px;color:#9db18b}.empty-state h2{font-size:20px;color:#6a825a;margin:20px 0 12px}.empty-state p{font-size:12px;color:#a1ac98}.empty-state a{font-size:11px;margin-top:15px}.mistake-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.mistake-card{display:block;text-align:left;padding:23px;border-radius:12px;box-shadow:var(--shadow);min-height:180px}.mistake-card>div:first-child{display:flex;align-items:center;justify-content:space-between}.mistake-card h3{margin:19px 0 9px;font-size:14px}.mistake-card p{font-size:10px;color:#9aa78e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mastery-dots{display:flex;gap:5px;align-items:center;margin-top:18px}.mastery-dots i{width:7px;height:7px;background:#e1e8d8;border-radius:50%}.mastery-dots i.filled{background:#94b080}.mastery-dots small{font-size:9px;margin-left:7px;color:#a1ad96}.exam-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.exam-top h1{font-size:24px}.exam-top .eyebrow{font-size:9px}.exam-status{display:flex;align-items:center;gap:17px;font-size:10px}.save-ok{color:#6c9361}.timer{font-size:22px;display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums;font-weight:500}.timer.urgent{color:#bd6b4c}.part-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:10px;margin-bottom:12px}.part-tabs button{white-space:nowrap;font-size:10px;padding:7px 10px}.part-tabs button.selected{background:#dfead5;border-color:#b8caa6;color:#557345}.part-tabs small{display:none}.audio-bar{display:flex;align-items:center;gap:16px;background:#eaf0e3;border:1px solid #dce6d2;border-radius:10px;padding:15px 20px;margin-bottom:20px;color:#6b855b}.audio-bar>div{flex:1}.audio-bar strong{font-size:12px}.audio-bar small{display:block;font-size:10px;margin-top:3px;color:#94a386}.audio-bar button{font-size:10px;white-space:nowrap}.exam-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:23px;align-items:start}.paper-pane,.response-pane{border:1px solid var(--line);border-radius:12px;background:#fff;padding:22px;min-width:0}.paper-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.paper-heading h2{font-size:14px;margin:0}.paper-heading span{font-size:9px;color:#a7b09e}.paper-image{display:block;width:100%;height:auto;margin:15px 0;border:1px solid #eef0e9;object-fit:contain;background:#fff}.instructions{font-size:12px;color:#738368}.context{white-space:pre-wrap;padding:16px;background:#f6f8f0;font-size:13px}.response-pane>h2{font-size:15px}.response-pane h2 small{font-size:10px;font-weight:400;color:#a4ae9b;margin-left:8px}.question-card{position:relative;padding:15px 0 17px 31px;border-bottom:1px solid #eef1e9}.question-number{position:absolute;left:0;top:18px;font-size:10px;background:#edf2e6;color:#8ca478;display:grid;place-items:center;width:20px;height:20px;border-radius:5px}.question-card label,.field-prompt,.question-card legend{font-size:12px;line-height:1.7;margin:0}.question-card input{font-size:15px;padding:10px 12px;margin-top:8px}.answer-options{display:flex;gap:8px;flex-wrap:wrap}.answer-options button{padding:8px 12px;font-size:12px;min-width:44px}.answer-options b{font-size:11px}.question-card textarea{font-size:14px;line-height:1.9;margin-top:8px}.word-count{font-size:9px;display:block;text-align:right;color:#a7b29d;margin-top:5px}.hotspot-image{position:relative;margin-top:10px;touch-action:manipulation}.hotspot-image>img{width:100%;display:block}.hotspot{position:absolute;border:1px dashed #8aab6a88;background:#96c17315;border-radius:4px;padding:0;min-width:0;min-height:0;touch-action:manipulation}.hotspot span{position:absolute;top:0;left:0;font-size:8px;background:#f9fbedcc;padding:0 3px;color:#657e4f;line-height:1.3}.hotspot.chosen{border:2px solid #58803f;background:#a4cc7e55;box-shadow:0 0 0 2px #fff8}.colour-palette{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.colour-palette button{width:27px;height:27px;border-radius:50%;padding:0;border:3px solid white;box-shadow:0 0 0 1px #ddd}.colour-palette button.chosen{box-shadow:0 0 0 2px #3b6144;transform:scale(1.12)}.speaking-prompt{font-size:13px}.speaking-prompt>svg{color:#92a67e}.speaking-prompt p{margin:10px 0}.exam-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px}.exam-bottom button{font-size:11px;padding:10px 13px}.recorder{background:#f4f7ef;border:1px solid #e1e9d9;padding:20px;border-radius:10px;margin-top:24px}.recorder h3{font-size:14px;display:flex;gap:9px;align-items:center}.recorder audio{margin-top:20px}.recorder button,.recorder a{font-size:11px}.recorder .small{font-size:10px}.admin-grid,.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.admin-grid .panel{margin:0 0 20px}.inline-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.inline-form label{flex:1;min-width:120px}.inline-form button{margin-bottom:14px}.child-row,.package-row,.admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0e7;padding:13px 0}.child-row button,.package-row button{font-size:10px;padding:7px 9px}.child-row strong{font-size:13px}.package-row strong{display:block;font-size:13px}.package-row small{display:block;color:#a2ae96;font-size:10px}.drop-zone{padding:25px;border:1px dashed #bacbad;border-radius:10px;background:#f7f9f3;font-size:12px}.drop-zone input{margin-top:15px}.template-links{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;margin-top:15px;text-decoration:underline}.editor-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px}.editor-sidebar{align-self:start;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px}.editor-sidebar button{width:100%;text-align:left;justify-content:flex-start;font-size:11px;padding:8px;margin:3px 0}.editor-sidebar button.selected{background:#e9f1df;color:#54783f}.editor-sidebar h3{font-size:12px;margin:15px 0 8px}.editor-main{min-width:0}.editor-main .panel{margin-top:0}.editor-questions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.editor-questions button{padding:6px 10px;font-size:10px}.editor-questions .selected{background:#e2ecd6}.editor-form-grid,.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.advanced-json{font-family:Consolas,monospace;font-size:11px;min-height:350px}.hotspot-editor{position:relative;touch-action:none;border:1px solid var(--line)}.hotspot-editor>img{display:block;width:100%}.hotspot-rect{position:absolute;border:2px solid #6f9c4e;background:#a4cd7755;font-size:10px;overflow:hidden;pointer-events:none}.hotspot-tools{display:flex;gap:8px;flex-wrap:wrap}.hotspot-tools button{font-size:10px;padding:5px 8px}.preview-box{padding:20px;background:#f7f9f2;border:1px solid var(--line);border-radius:10px}.preview-box img{max-width:100%}.empty-state+.panel{margin-top:0}summary{cursor:pointer;color:#658451;padding:4px 0}details>form{padding:10px 0}.file-label{display:block;font-size:11px;color:#7e956d;margin:10px 0}.upload-field{font-size:11px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f5ed;padding:15px;border-radius:8px;font-size:11px}code{font-family:Consolas,monospace;font-size:.9em}input[type=checkbox]{width:auto}input[type=file]{font-size:11px;padding:8px}.section-card{border-top:1px solid var(--line);padding-top:15px}.muted a{text-decoration:underline}.question-list{display:grid;gap:6px;max-height:370px;overflow:auto;margin:20px 0}.question-list button{display:block;text-align:left;font-size:11px;padding:10px 12px}.question-list button.selected{background:#e7efdd}.question-list small{display:block;color:#9aa98e;font-size:9px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.annotation{position:absolute;border:2px solid #6f9c4e;background:#a4cd7755;font-size:9px;overflow:hidden;pointer-events:none;line-height:1.4}.marking{touch-action:none;-webkit-user-select:none;user-select:none}.file-button input{max-width:160px;font-size:9px;border:0}.word-form{max-width:650px}.code-editor{font-family:Consolas,monospace;font-size:12px}.check-line,.check-list label{display:flex;align-items:center;gap:10px}.word-list{max-height:250px;overflow:auto;margin:15px 0}.word-list button{display:flex;justify-content:space-between;width:100%;margin:4px 0;text-align:left;font-size:11px}@media(max-width:1150px){.sidebar{width:200px;padding:30px 18px}.brand{font-size:17px}.main-shell{margin-left:200px}.main-shell>header{padding:0 28px}.main-shell main{padding:30px 28px 45px}.hero{padding:30px}.hero h2{font-size:28px}.book-shape{left:0;width:140px;height:160px;top:50px}.float-note{right:0;font-size:12px}.stats-grid{gap:12px}.stat{padding:17px;gap:10px}.stat-icon{width:35px;height:35px}.feature-card{padding:23px 20px}.exam-cards{gap:14px}.exam-card-body{padding:18px}.exam-card-body h2{font-size:16px}.exam-workspace{grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr);gap:15px}.paper-pane,.response-pane{padding:17px}.admin-grid{grid-template-columns:1fr}.mistake-grid,.score-grid{grid-template-columns:1fr 1fr}.login-intro{padding:40px 10%}.login-intro h1{font-size:31px}}@media(max-width:850px){.sidebar{width:80px;padding:25px 12px;align-items:center}.sidebar .brand>span:not(.brand-mark),.sidebar .nav-caption,.sidebar-bottom{display:none}.sidebar .brand{margin-bottom:40px}.sidebar nav a{font-size:0;padding:14px;gap:0}.sidebar nav a svg{width:23px;height:23px}.main-shell{margin-left:80px}.main-shell>header{height:70px;padding:0 24px}.main-shell main{padding:27px 24px 40px}h1{font-size:25px}.date-tag{display:none}.hero{min-height:300px}.hero-art{width:38%}.float-note{display:none}.book-shape{width:125px;height:150px;left:-8px;top:60px}.book-shape>svg{width:75px}.hero h2{font-size:26px}.stat{display:block;padding:15px}.stat-icon{margin-bottom:10px}.stat small{display:none}.stat strong{font-size:24px}.feature-card{padding:20px 17px}.feature-card h3{font-size:14px}.feature-card p{font-size:10px;min-height:34px}.exam-cards{grid-template-columns:1fr 1fr}.exam-workspace{grid-template-columns:1fr}.paper-image{max-height:80vh}.exam-top{flex-direction:column;gap:10px}.exam-status{justify-content:space-between}.exam-layout .main-shell main{padding:22px}.audio-bar{flex-wrap:wrap}.audio-bar>audio{width:100%}.login-intro{padding:35px 10%}.login-intro h1{font-size:27px}.orbit{transform:scale(.85);transform-origin:left center}.login-form{padding:30px}.login-form h2{font-size:22px}footer{padding:20px 24px}footer span{display:none}}@media(max-width:600px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:67px;padding:5px 10px;background:#fff;border:0;border-top:1px solid var(--line)}.sidebar>.brand{display:none}.sidebar nav{display:flex;justify-content:space-around;width:100%;gap:2px}.sidebar nav a{font-size:8px;flex-direction:column;gap:4px;padding:5px 9px;line-height:1.4;min-width:43px;border-radius:7px}.sidebar nav a svg{width:19px;height:19px}.main-shell{margin:0 0 66px}.main-shell>header{padding:0 20px;height:60px}.header-actions{gap:7px}.header-actions select{max-width:115px;font-size:10px}.header-actions>.quiet{font-size:10px}.avatar{width:30px;height:30px;font-size:10px}.main-shell main{padding:25px 19px 35px}.page-heading{margin-bottom:22px;align-items:flex-start}.page-heading h1{font-size:23px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.page-heading p{font-size:10px}.page-heading>.button{font-size:10px;padding:8px;white-space:nowrap}.hero{padding:25px 24px;min-height:290px}.hero h2{font-size:25px}.hero p{font-size:10px}.hero .pill{font-size:8px}.hero-art{position:absolute;right:12px;width:125px;height:210px;bottom:8px;opacity:.6}.book-shape{width:85px;height:113px;top:65px;left:15px;box-shadow:5px 5px #d5dfc5,9px 10px #aebf97}.book-shape>svg{width:50px}.book-shape>span{font-size:15px;bottom:8px;right:12px}.plant-stem,.plant-leaf{display:none}.hero>div:first-child{position:relative;z-index:1}.stats-grid{gap:8px;margin:16px 0 28px}.stat{padding:12px 10px;border-radius:9px}.stat .muted{font-size:8px;white-space:nowrap}.stat strong{font-size:23px}.stat-icon{width:28px;height:28px;border-radius:8px}.stat-icon>svg{width:17px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card{padding:22px 22px 20px 75px;min-height:115px}.feature-card>svg{position:absolute;top:26px;left:24px;width:25px}.feature-card h3{font-size:15px;margin-bottom:5px}.feature-card p{font-size:10px;min-height:0;margin-bottom:10px}.card-number{top:23px;right:23px}.link-arrow{justify-content:flex-start;gap:12px;font-size:9px}.section-heading h2{font-size:16px}.section-heading .small{font-size:9px}.exam-cards{grid-template-columns:1fr}.exam-card{display:grid;grid-template-columns:105px 1fr}.exam-cover{height:100%;min-height:200px;padding:17px 12px}.exam-cover>span{font-size:11px}.exam-cover>svg{width:50px}.exam-cover>small{font-size:6px;letter-spacing:.7px}.exam-card-body{padding:22px 18px}.exam-card-body h2{font-size:15px}.exam-card-body .eyebrow{font-size:6px}.exam-card-body .button-row{gap:7px}.exam-card-body button{font-size:10px;padding:8px}.panel{padding:20px}.modal-backdrop{padding:12px}.modal{padding:23px;max-height:94vh}.modal-heading h2{font-size:17px}.toolbar{gap:10px}.toolbar .segmented{width:100%}.segmented button{font-size:10px;padding:7px 11px}.toolbar>input{max-width:100%;flex:1}.toolbar>select{font-size:11px}.vocab-card{padding:30px 23px;min-height:400px;border-radius:13px}.vocab-card h2{font-size:31px}.vocab-card .eyebrow{font-size:8px;margin-bottom:25px}.meaning{font-size:18px}.meaning-options{gap:8px}.meaning-options button{font-size:13px}.spelling-input{font-size:20px}.vocab-progress{font-size:8px;margin-top:25px}.mistake-grid{grid-template-columns:1fr}.mistake-card{padding:20px;min-height:170px}.history-row{gap:10px}.history-row strong{font-size:11px}.history-row small,.history-row .tag{font-size:8px}.history-row>svg{display:none}.row-icon{width:32px;height:32px;flex-shrink:0}.score-card{padding:17px}.score-card strong{font-size:27px}.review-images{grid-template-columns:1fr}.review-answer{padding:14px}.review-answer>div{gap:10px}.review-answer strong{font-size:11px}.review-answer .tag{font-size:8px}.exam-layout .main-shell main{padding:20px 14px}.exam-top h1{font-size:22px}.exam-status{font-size:9px;gap:10px}.timer{font-size:20px}.paper-pane,.response-pane{padding:17px}.question-card input,.question-card textarea{font-size:16px}.audio-bar{padding:14px;gap:12px}.audio-bar small{font-size:9px}.audio-bar .primary{font-size:9px;padding:8px 10px}.audio-bar>svg{width:20px}.editor-grid,.two-col{grid-template-columns:1fr}.child-row,.package-row{flex-wrap:wrap}.child-row .button-row,.package-row .button-row{margin:0}.login-page{grid-template-columns:1fr}.login-intro{min-height:260px;padding:26px 27px}.login-intro .brand{font-size:17px;margin-bottom:25px}.login-intro .brand-mark{width:31px;height:34px}.login-intro .eyebrow{font-size:7px}.login-intro h1{font-size:25px;line-height:1.5;margin-bottom:12px}.login-intro p{font-size:10px;margin:0}.login-intro .orbit,.login-intro>small{display:none}.login-form{padding:32px 27px;max-width:100%}.login-form h2{font-size:23px}.login-form .eyebrow{font-size:8px}.login-form>.muted{margin-bottom:20px}.login-form .segmented{margin:20px 0}.login-form input{font-size:16px}.login-form label{margin-top:16px}.login-form>.small{font-size:10px}.review-form input,.review-form textarea{font-size:16px}footer{font-size:8px;padding:20px}}