:root{--ink:#173e43;--muted:#637470;--paper:#f6f4ee;--white:#fff;--line:#dfe4da;--orange:#ed8c59;--mint:#dfecdc;--yellow:#eed780;--red:#a33c37;--shadow:0 14px 40px #173e4309;font-family:Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button,a{transition:background .16s,transform .16s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #be632c;outline-offset:4px}[hidden]{display:none!important}a{color:inherit}button{border:0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,3.3vw,48px);line-height:1.35;letter-spacing:-1px;margin-bottom:14px}h2{font-size:25px;line-height:1.4}h3{font-size:19px;line-height:1.5}p{line-height:1.9}.skip{position:fixed;top:-80px;right:20px;z-index:20000;background:white;padding:15px}.skip:focus{top:10px}.studio-shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{padding:28px 23px;background:#fafbf7;border-left:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:bold;font-size:18px;direction:ltr}.brand img{width:58px;height:63px;object-fit:contain}.brand small{display:block;font-weight:normal;font-size:11px;margin-top:7px;text-align:right}.side-label{font-size:12px;color:var(--muted);margin:43px 5px 18px}.sidebar nav{display:grid;gap:9px}.nav{background:transparent;text-align:right;padding:15px 11px;border-radius:12px;color:var(--muted);font-size:13px;display:flex;gap:12px;align-items:center}.nav span{font-size:10px;color:#7d9088;letter-spacing:1px}.nav.selected{color:var(--ink);font-weight:bold;background:var(--mint)}.side-bottom{margin-top:auto;padding-top:45px;color:var(--muted);font-size:13px}.side-bottom a{font-size:11px}.pip-face{display:inline-flex;background:var(--orange);border:3px solid var(--ink);height:37px;width:48px;border-radius:14px;align-items:center;justify-content:center;gap:9px;transform:rotate(-5deg);margin-bottom:13px}.pip-face i{width:5px;height:8px;background:var(--ink);border-radius:4px}.workspace{min-width:0}.topbar{padding:26px 40px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);font-size:12px}.eyebrow{font-size:10px;letter-spacing:2px;font-family:Arial,sans-serif;font-weight:bold;direction:ltr;display:block;color:var(--muted)}.save-status{display:inline-block;margin-right:18px;color:var(--muted);font-size:11px}.save-status.good:before{content:'●';font-size:9px;color:#358163;margin-left:6px}main{max-width:1400px;margin:auto;padding:36px 40px 55px;min-height:75vh}footer{border-top:1px solid var(--line);padding:22px 40px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);direction:ltr}.hero{display:grid;grid-template-columns:1.2fr 1fr;border-radius:24px;overflow:hidden;background:var(--ink);color:white;min-height:330px;box-shadow:var(--shadow)}.hero-copy{padding:39px 35px}.hero .eyebrow{color:#c7d9ba;margin-bottom:18px}.hero p{color:#d8e5dc;max-width:490px;font-size:14px}.primary,.secondary,.ghost,.danger{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:12px 19px;border-radius:9px;text-decoration:none;font-size:13px;font-weight:bold}.primary{background:var(--ink);color:white}.hero .primary{background:var(--yellow);color:var(--ink)}.secondary{background:#e7eee3;color:var(--ink);border:1px solid #d1ddcd}.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.danger{background:#f9e7e4;color:var(--red)}.primary:hover,.secondary:hover{transform:translateY(-1px)}.hero-art{position:relative;background:#cfdfc9;overflow:hidden;min-height:300px;display:flex;align-items:center;justify-content:center;direction:ltr}.desk-sheet{transform:rotate(-9deg);background:#fcf9ec;border:2px solid #173e4330;border-radius:8px;width:205px;min-height:239px;padding:23px;color:var(--ink);box-shadow:12px 14px #a7bda0}.desk-sheet b{font-size:12px;letter-spacing:2px}.desk-sheet strong{display:block;font-family:Georgia,serif;font-size:33px;line-height:1.05;margin:22px 0}.desk-sheet .ink-line{height:5px;background:#c8d2bf;margin:9px 0;border-radius:4px}.desk-sheet .ink-line:last-child{width:70%}.pencil{position:absolute;height:190px;width:19px;background:var(--orange);border:2px solid var(--ink);border-radius:3px;transform:rotate(26deg);left:17%;top:25%}.pencil:after{content:'';position:absolute;bottom:-21px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:20px solid var(--ink);left:-1px}.orbit{position:absolute;border:1px solid #6e8f6855;border-radius:50%;width:450px;height:450px;transform:rotate(-10deg)}.art-stamp{position:absolute;right:10%;top:22px;border:2px dashed var(--ink);padding:12px;border-radius:50%;font-size:11px;transform:rotate(12deg);font-weight:bold}.hero-art .pip-face{position:absolute;right:15%;bottom:28px;transform:rotate(9deg) scale(1.55)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:34px 0 20px}.section-title h2{margin:5px 0 0}.section-title p{font-size:12px;color:var(--muted);margin:0}.worlds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.world{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.world-art{height:112px;background:var(--mint);padding:22px;display:flex;align-items:center;justify-content:space-between;direction:ltr}.world:nth-child(2) .world-art{background:#f4dfc7}.world:nth-child(3) .world-art{background:#e5dff1}.world-art span{font-family:Georgia,serif;font-size:66px;line-height:1;opacity:.35}.world-art strong{font-size:12px;letter-spacing:2px;max-width:80px;line-height:1.7}.world-body{padding:21px}.world small{color:var(--muted);font-size:10px}.world h3{margin:10px 0;font-size:20px}.world p{font-size:12px;color:var(--muted);min-height:42px}.bar{height:5px;background:#edf0e8;border-radius:5px;overflow:hidden;margin:17px 0 8px}.bar i{display:block;background:var(--ink);height:100%;border-radius:5px}.world-status{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.bottom-note{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;margin-top:12px}.bottom-note p{font-size:12px;color:var(--muted);margin:0}.pill{display:inline-block;padding:7px 11px;border:1px solid var(--line);border-radius:20px;font-size:10px;background:white}.lesson-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:24px}.lesson-head h1{font-size:30px;margin:10px 0}.lesson-head p{font-size:12px;color:var(--muted);margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:24px}.step{padding:12px 5px;font-size:11px;background:#e8ede4;color:var(--muted);border-radius:8px;display:grid;gap:6px}.step.active{background:var(--ink);color:white}.step span{font-family:Arial;font-size:10px}.lesson-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:22px;align-items:start}.card{background:white;border:1px solid var(--line);padding:27px;border-radius:17px;box-shadow:var(--shadow)}.card h2{font-size:23px}.card p{font-size:14px}.scene{background:#e4ecdb;min-height:295px;position:relative;overflow:hidden;border:1px solid #d3ddcb;padding:27px;border-radius:17px;direction:ltr}.scene:after{content:'';position:absolute;right:-28px;bottom:-55px;width:160px;height:160px;border:1px solid #173e4320;border-radius:50%;pointer-events:none}.scene .eyebrow{font-size:9px;margin-bottom:15px}.scene h2{font:28px/1.2 Georgia,serif;margin-bottom:23px;max-width:85%}.clues{display:grid;gap:10px;position:relative;z-index:1}.clue{display:block;text-align:left;font:14px/1.65 Arial,sans-serif;background:#ffffffb3;color:var(--ink);padding:13px;border:1px solid #d0dbc7;border-radius:9px}.clue.selected{background:var(--yellow);border-color:#b79a46}.clue em{font-size:10px;color:var(--muted);display:block;font-style:normal}.scene-note{font-size:11px;line-height:1.6;color:#586c53;margin-top:16px}.chip-bank{display:flex;flex-wrap:wrap;gap:6px;direction:ltr;margin-top:18px}.chip{background:#fff;border:1px solid var(--line);border-radius:6px;padding:7px 10px;font-size:12px;color:var(--ink)}.en{direction:ltr;text-align:left;white-space:pre-wrap;font-family:Arial,sans-serif;line-height:1.9;font-size:17px}.teaching{font-size:18px}.muted{color:var(--muted);font-size:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px;align-items:center}.practice-row{border-bottom:1px solid var(--line);padding:18px 0}.practice-row:first-child{padding-top:0}.practice-row:last-child{border:0}.practice-row label{display:block;font-size:15px;margin-bottom:12px}.field{width:100%;border:1px solid #cbd6c6;background:#fdfefa;border-radius:9px;padding:12px;line-height:1.6;color:var(--ink)}textarea.field{resize:vertical;min-height:175px;direction:ltr;text-align:left;font:17px/1.85 Arial,sans-serif}input.field{min-height:46px}.feedback{padding:11px 13px;margin-top:10px;border-radius:8px;background:#edf4e9;font-size:12px;line-height:1.8}.feedback.again{background:#fff3db}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;margin:18px 0 9px;font-size:11px;color:var(--muted);gap:12px}.writing-label{display:block;font-size:12px;font-weight:bold;margin:18px 0 9px}.editor-pages{display:grid;grid-template-columns:1fr 1fr;gap:13px}.editor-pages textarea.field{min-height:180px;font-size:15px}.checklist{display:grid;gap:15px;margin:20px 0;font-size:13px}.checklist label{display:flex;align-items:center;gap:10px}.checklist input{width:18px;height:18px;accent-color:var(--ink)}.tip{background:#fff4d6;padding:17px;border-radius:12px;line-height:1.9;font-size:13px;margin-top:15px}.draft-preview{direction:ltr;background:#fffdf3;border:1px solid #e3dcc3;padding:24px;font:17px/1.9 Georgia,serif;white-space:pre-wrap;border-radius:12px;margin-top:20px;overflow-wrap:anywhere}.badge-preview{border:2px dashed #af9b64;text-align:center}.badge-preview h3{font:20px Georgia;margin-bottom:16px}.note-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.metric{padding:22px;background:#fff;border:1px solid var(--line);border-radius:13px}.metric strong{display:block;font-family:Georgia;font-size:36px;margin-bottom:8px}.metric span{font-size:12px;color:var(--muted)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.portfolio-grid article{min-width:0}.portfolio-grid pre{font:14px/1.8 Arial;white-space:pre-wrap;direction:ltr;background:#fafbf7;padding:15px;border-radius:9px;max-height:250px;overflow:auto;overflow-wrap:anywhere}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:14px 10px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top;line-height:1.7}th{background:#f5f7f1}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:22px}.toolbar .field{width:auto;max-width:100%}.staff-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rubric{display:grid;gap:11px}.rubric label{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:15px}.rubric select{padding:7px;border:1px solid var(--line);border-radius:5px;background:white}.report-entry{padding:20px 0;border-bottom:1px solid var(--line)}.report-entry p{margin:8px 0;font-size:13px}.banner{background:#fff1d6;border:1px solid #e9cf8c;border-radius:10px;padding:15px 18px;font-size:12px;line-height:1.9;margin-bottom:20px}#notice{margin:20px 40px 0;padding:16px 20px;border:1px solid #e3bbb2;background:#fff0ed;font-size:13px;line-height:1.8;border-radius:10px}#notice button{margin-right:15px}.loading{text-align:center;padding:100px 0;color:var(--muted)}#toast{position:fixed;bottom:22px;left:22px;background:var(--ink);color:white;padding:14px 20px;max-width:80vw;border-radius:10px;z-index:10001;font-size:12px}.timer{font:50px Georgia,serif;direction:ltr}.audio-area{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:11px;color:var(--muted)}audio{width:100%;max-width:280px;height:38px}.stack{display:grid;gap:20px}.branch-tabs{display:flex;gap:10px;direction:ltr;margin-top:15px}.page-no{display:block;font-family:Arial;font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:5px}.review-header{display:flex;align-items:center;justify-content:space-between}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;direction:ltr}.memory-grid button{background:var(--ink);color:white;padding:18px 8px;border-radius:8px;min-height:55px;font-size:12px}.memory-grid button.revealed{background:var(--yellow);color:var(--ink)}.origin-name{font-size:11px;color:#637470}details>summary{cursor:pointer;font-size:12px;line-height:1.8}details[open]>summary{margin-bottom:15px}.print-only{display:none}
@media(min-width:1600px){main{padding-top:50px}.hero{min-height:390px}.hero-copy{padding:50px}.hero-art{min-height:350px}}
@media(max-width:1100px){.studio-shell{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding:23px 14px}.brand{font-size:15px}.brand img{width:45px}.topbar{padding:22px 25px}main{padding:26px 25px 40px}.hero-copy{padding:29px 25px}.hero{grid-template-columns:1.3fr 1fr}.hero-art .pencil{left:6%}.worlds{gap:12px}.world-body{padding:17px}.world h3{font-size:17px}.lesson-grid{grid-template-columns:1fr}.scene .clues{grid-template-columns:repeat(2,1fr)}.scene{min-height:initial}.staff-layout{grid-template-columns:1fr}}
@media(max-width:760px){.studio-shell{display:block}.sidebar{position:static;height:auto;padding:15px 18px;border-bottom:1px solid var(--line)}.brand{font-size:16px}.brand img{height:43px;width:43px}.brand small{font-size:10px}.side-label,.side-bottom{display:none}.sidebar nav{display:flex;gap:5px;margin-top:16px;overflow:auto}.nav{padding:11px 10px;font-size:10px;white-space:nowrap}.nav span{display:none}.topbar{padding:16px 18px;flex-wrap:wrap;gap:12px}.topbar .eyebrow{font-size:8px}main{padding:22px 18px 35px}.hero{grid-template-columns:1fr}.hero-copy{padding:28px}.hero h1{font-size:33px}.hero-art{min-height:235px}.desk-sheet{width:180px;min-height:190px;padding:19px;transform:rotate(-7deg) translateY(20px)}.desk-sheet strong{font-size:28px;margin:15px 0}.art-stamp{right:12%}.hero-art .pip-face{right:16%;bottom:35px;transform:rotate(7deg) scale(1.2)}.pencil{left:19%!important;height:150px;top:20%}.worlds{grid-template-columns:1fr}.world{display:grid;grid-template-columns:100px 1fr;direction:ltr}.world-art{height:100%;display:flex;flex-direction:column;justify-content:center;gap:15px;padding:12px}.world-art strong{font-size:9px}.world-art span{font-size:50px}.world-body{direction:rtl}.world p{min-height:0;margin-bottom:5px}.world h3{margin:5px 0}.bar{margin:11px 0 7px}.section-title{align-items:start}.section-title p{font-size:10px;max-width:130px}.bottom-note{align-items:start;flex-direction:column}.lesson-head{flex-wrap:wrap}.lesson-head h1{font-size:25px}.steps{gap:4px}.step{font-size:9px;padding:10px 2px}.card{padding:20px}.en{font-size:16px}.scene{padding:23px}.scene .clues{grid-template-columns:1fr}.editor-pages,.note-row,.portfolio-grid{grid-template-columns:1fr}.metric-row{gap:8px}.metric{padding:16px 11px}.metric strong{font-size:28px}.metric span{font-size:9px}.toolbar{gap:8px}.toolbar .field{width:100%}.actions>*{flex:1}.actions button{white-space:nowrap;font-size:12px}.save-status{margin-right:10px}.banner{font-size:11px}#notice{margin:15px 18px 0}footer{padding:20px 18px;gap:14px;flex-wrap:wrap;font-size:9px}.staff-layout{display:block}.staff-layout>.card{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{body{background:white}.sidebar,.topbar,footer,#student-session-bar,.actions,.toolbar,.steps,#notice,#toast,button,.no-print{display:none!important}.studio-shell{display:block}main{padding:0;max-width:none}.card{box-shadow:none;border-color:#bbb;break-inside:avoid;margin-bottom:20px}.portfolio-grid{display:block}.portfolio-grid pre{max-height:none;overflow:visible}.print-only{display:block}.metric-row{break-inside:avoid}.draft-preview{border:0}.workspace{width:100%}}
.comic-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px;direction:ltr;margin:20px 0}.comic-preview>div{background:#fff5dc;border:2px solid var(--ink);border-radius:10px;padding:18px;min-height:150px}.comic-preview span{display:inline-grid;place-items:center;background:var(--ink);color:white;width:24px;height:24px;border-radius:50%;font-size:12px}.comic-preview p{font-size:15px;margin:12px 0 0}#task-panel pre{font:15px/1.9 Arial;direction:ltr;white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f8f2;padding:18px;border-radius:10px}@media(max-width:480px){.comic-preview{grid-template-columns:1fr}}
.scene-diagram{display:block;width:100%;height:auto;margin:0 0 18px}.scene-clues{margin-top:10px}.scene-clues summary{font:12px/1.8 Arial,Tahoma,sans-serif}.scene-diagram+details .clues{grid-template-columns:1fr}

.translation{border-inline-start:3px solid #de8c43;padding:12px 16px;background:#f5f8f7;border-radius:6px;color:#23484c;font-size:1rem;line-height:1.9}.preview-navigation{padding:20px;background:#e9f4f4;border:1px solid #8fb5b7;border-radius:14px;margin-bottom:24px}.preview-navigation label{display:block;font-weight:700;margin-bottom:8px}.preview-navigation p{margin:12px 0 0;font-size:.95rem}.chip-bank .chip{display:flex;align-items:center;flex-direction:column;gap:3px;min-width:82px;font-size:1rem}.chip small{font-size:.875rem;font-weight:400}.audio-area{display:flex;flex-direction:column;gap:6px;align-items:flex-start;margin:14px 0;font-size:.875rem}.audio-area audio,#word-audio audio{max-width:100%;width:100%}.practice-row .translation{margin-top:8px}.preview-navigation .actions{flex-wrap:wrap}

.world-actions{display:grid;gap:9px;margin-top:15px}.book-download{width:100%;min-height:44px;text-align:center}.world-body>.book-download{margin-top:15px}.world-body>[data-action="level"]{width:100%;margin-top:9px!important}