@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{--ink:#101114;--muted:#656871;--yellow:#ffc700;--yellow-deep:#d89f00;--paper:#fbfaf7;--surface:#fff;--soft:#fff5c9;--line:#e7e4dc;--shadow:0 14px 36px rgba(16,17,20,.09)}html[data-theme="dark"]{--ink:#f8f7f3;--muted:#c3c0b8;--paper:#111214;--surface:#1c1d20;--soft:#332a09;--line:#36373c;--shadow:0 14px 36px rgba(0,0,0,.28)}*{box-sizing:border-box}body{background:var(--paper)!important;color:var(--ink)!important;font-family:Poppins,Arial,sans-serif!important;transition:.2s}a{color:inherit}.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;min-height:38px;padding:0 14px;font:700 .8rem Poppins,sans-serif;cursor:pointer}.teacher-panel{position:fixed;right:18px;top:18px;width:min(320px,calc(100vw - 36px));z-index:1000;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:var(--shadow)}.mode-tabs{display:flex;gap:6px}.mode-tabs button{flex:1;background:var(--paper)!important;color:var(--ink)!important;box-shadow:none!important}.mode-tabs button.active{background:var(--yellow)!important;color:#111!important}.teacher-panel section{padding:12px 2px 0;font-size:.78rem}.teacher-panel textarea{width:100%;min-height:90px;margin:10px 0;padding:9px;resize:vertical;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:9px;font:inherit}.teacher-panel label{display:block;margin:5px 0}.hero,.teacher{background:#171717!important;color:#fff!important;border-radius:18px!important}.box,.card,.sector{background:var(--surface)!important;border-color:var(--line)!important}.task,.scene,.script,.can,.lab{background:var(--soft)!important;border-color:var(--yellow)!important}.answer{background:#e8f5ee!important}.lines{border-color:var(--yellow-deep)!important}button,.controls button{background:var(--yellow)!important;color:#171717!important;border:0!important;border-radius:.65rem!important;box-shadow:0 3px 0 var(--yellow-deep);font-family:Poppins,Arial,sans-serif!important;font-weight:800!important}select,input,[contenteditable="true"]{background:var(--surface)!important;color:var(--ink)!important}h1,h2,h3,.brand{color:var(--ink);font-family:Poppins,Arial,sans-serif!important}.hero h1,.teacher h1,.hero h2,.teacher h2{color:#fff!important}@media(max-width:700px){.teacher-panel{top:auto;bottom:70px}.theme-toggle{font-size:.72rem}}