:root{--bg:#f8f9ff;--paper:#fff;--ink:#183b32;--text:#243e37;--muted:#71827c;--line:#e6ede7;--green:#22c55e;--green-dark:#139448;--green-ink:#006e2f;--mint:#e8f8e9;--cream:#fff8ed;--amber:#fea619;--amber-dark:#d7880a;--sky:#36b6fb;--sky-light:#edf8ff;--blue-ink:#006591;--blue-light:#eaf6ff;--lavender:#f0ecfc;--purple:#8061c0;--coral:#ea785c;--coral-light:#fdece7;--radius:14px;--radius-lg:22px;--shadow:0 1px 2px #183b320f;--font:"Nunito Sans", "Segoe UI", system-ui, sans-serif;--font-heading:"Rubik", "Segoe UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45}h1,h2,h3{font-family:var(--font-heading);color:var(--ink);margin:0 0 12px;line-height:1.2}h1{font-size:26px}h2{font-size:19px}h3{font-size:16px}p{margin:0 0 12px}a{color:var(--blue-ink)}.muted{color:var(--muted)}.small{font-size:13px}code{background:var(--lavender);border-radius:6px;padding:1px 5px;font-size:13px}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--paper);border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:20px 14px;display:flex}.sidebar a{border-radius:var(--radius);color:var(--text);padding:10px 12px;font-weight:700;text-decoration:none}.sidebar a:hover{background:var(--bg)}.sidebar a.active{background:var(--mint);color:var(--green-ink)}.brand{font-family:var(--font-heading);color:var(--ink);align-items:center;gap:8px;padding:4px 12px 18px;font-weight:700;display:flex}.brand-mark{font-size:22px}.sidebar-footer{justify-content:space-between;align-items:center;margin-top:auto;padding:12px;font-size:13px;display:flex}.content{width:100%;max-width:1100px;padding:28px 32px 60px}@media (width<=720px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;padding:10px}.brand{width:100%;padding:4px 8px}.sidebar-footer{margin-left:auto;padding:4px 8px}.content{padding:18px 16px 48px}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-head h1{margin:0}.crumbs{color:var(--muted);margin-bottom:8px;font-size:13px}.crumbs a{color:var(--muted)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.panel h2{margin-top:0}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stack{gap:12px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.field{gap:5px;margin-bottom:12px;display:grid}.field>span{color:var(--ink);font-size:13px;font-weight:700}.field .hint{color:var(--muted);font-size:12px;font-weight:400}input[type=text],input[type=password],input[type=number],input[type=search],textarea,select{width:100%;font:inherit;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--text);padding:9px 12px}input:focus,textarea:focus,select:focus{outline:2px solid var(--sky);outline-offset:1px;border-color:var(--sky)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--coral)}textarea{resize:vertical;min-height:72px}.error-text{color:var(--coral);font-size:12px}.checks{flex-wrap:wrap;gap:8px 14px;display:flex}.checks label{align-items:center;gap:6px;display:inline-flex}button{font:inherit}.btn{border-radius:var(--radius);cursor:pointer;background:var(--green);border:2px solid #0000;border-bottom-width:4px;border-color:var(--green-dark);color:#fff;white-space:nowrap;align-items:center;gap:6px;padding:9px 16px;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.05)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.light{background:var(--paper);border-color:var(--line);color:var(--ink)}.btn.amber{background:var(--amber);border-color:var(--amber-dark)}.btn.danger{background:var(--coral-light);color:#9a3b25;border-color:#e8b8ab}.btn.sm{border-bottom-width:3px;padding:5px 10px;font-size:13px}.link{color:var(--blue-ink);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}table{border-collapse:collapse;background:var(--paper);border-radius:var(--radius-lg);width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 12px}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px}tr:last-child td{border-bottom:0}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);overflow-x:auto}.badge{background:var(--lavender);color:var(--purple);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:800;display:inline-block}.badge.published,.badge.active{background:var(--mint);color:var(--green-ink)}.badge.preview{background:var(--blue-light);color:var(--blue-ink)}.badge.draft{background:var(--cream);color:var(--amber-dark)}.badge.archived,.badge.failed{background:var(--coral-light);color:#9a3b25}.notice{border-radius:var(--radius);background:var(--blue-light);color:var(--blue-ink);margin-bottom:14px;padding:12px 14px}.notice.error{background:var(--coral-light);color:#9a3b25}.notice.success{background:var(--mint);color:var(--green-ink)}.notice.warn{background:var(--cream);color:var(--amber-dark)}.notice ul{margin:6px 0 0;padding-left:18px}.course-card{border-radius:var(--radius-lg);background:var(--paper);border:2px solid var(--line);border-bottom-width:5px;width:260px;overflow:hidden}.course-card .cover{background:linear-gradient(160deg, var(--mint), var(--sky-light));height:130px;color:var(--green-ink);justify-content:center;align-items:center;font-size:40px;display:flex}.course-card .cover img{object-fit:cover;width:100%;height:100%;display:block}.course-card .body{padding:12px 14px 14px}.course-card .title{font-family:var(--font-heading);color:var(--ink);font-size:17px;font-weight:700}.media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.media-tile{border:2px solid var(--line);border-radius:var(--radius);background:var(--paper);cursor:pointer;text-align:left;gap:6px;padding:8px;display:grid}.media-tile.selected{border-color:var(--sky);background:var(--sky-light)}.media-tile img{aspect-ratio:1;object-fit:contain;background:var(--bg);border-radius:8px;width:100%}.media-tile audio{width:100%}.thumb{object-fit:contain;background:var(--bg);border-radius:8px;width:44px;height:44px}.exercise{border:1.5px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);margin-bottom:12px;padding:14px 16px}.exercise-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.tiles{flex-wrap:wrap;gap:6px;display:flex}.tile-input{text-align:center;width:52px}.play{background:var(--bg);border:1px solid var(--line);border-radius:28px;max-width:480px;margin:0 auto;overflow:hidden}.play-top{color:var(--muted);align-items:center;gap:10px;padding:12px 16px;font-size:12px;display:flex}.play-progress{background:var(--line);border-radius:99px;flex:1;height:10px;overflow:hidden}.play-progress>div{background:var(--green);border-radius:99px;height:100%;transition:width .2s}.play-body{padding:8px 22px 16px}.play-prompt{font-family:var(--font-heading);color:var(--ink);margin:8px 0;font-size:24px}.bubble{background:var(--paper);border-radius:18px;margin-bottom:14px;padding:12px;font-size:13px}.choice-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.choice{background:var(--paper);border:2px solid var(--line);cursor:pointer;font:inherit;color:var(--ink);border-bottom-width:5px;border-radius:22px;justify-items:center;gap:4px;padding:10px;display:grid}.choice.selected{border-color:var(--sky);background:var(--sky-light)}.choice.correct{border-color:var(--green);background:var(--mint)}.choice:disabled{cursor:default}.choice .word{font-family:var(--font-heading);font-size:17px}.pairs{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0;display:grid}.pairs .col{gap:12px;display:grid}.pair{background:var(--paper);border:2px solid var(--line);cursor:pointer;min-height:90px;font:inherit;border-bottom-width:4px;border-radius:18px;justify-content:center;align-items:center;gap:6px;padding:6px;display:flex}.pair.paired{background:var(--cream);border-color:#dfc786}.pair.selected{border-color:var(--sky);background:var(--sky-light)}.pair.correct{border-color:var(--green);background:var(--mint)}.pair .n{color:var(--amber-dark);font-size:18px;font-weight:800}.answer-box{background:var(--mint);border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:75px;margin-top:16px;padding:10px;display:flex}.letter{border:2px solid var(--line);background:var(--paper);min-width:44px;min-height:52px;font-family:var(--font-heading);cursor:pointer;border-bottom-width:4px;border-radius:12px;padding:0 10px;font-size:20px}.letter.used{opacity:.25}.letter.chosen{border-color:var(--sky);background:var(--sky-light)}.play-dock{border-top:1px solid var(--line);background:var(--paper);padding:16px}.play-dock.correct{background:var(--mint)}.play-dock.wrong{background:var(--cream)}.sprite{display:inline-block;position:relative;overflow:hidden}.sprite img{max-width:none;position:absolute}.stars{justify-content:center;gap:8px;margin:12px 0;font-size:40px;display:flex}.audio-row{justify-content:center;gap:8px;margin:8px 0;display:flex}.diff-list{margin:0;padding-left:18px}.stage{background:var(--bg);border-radius:12px;flex:none;position:relative;overflow:hidden}.stage.empty{border:2px dashed var(--line);justify-content:center;align-items:center;display:flex}.stage img{aspect-ratio:auto;object-fit:contain;background:0 0;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.slot-box{pointer-events:none;border:2px solid;border-radius:6px;position:absolute}.slot-box span{color:#fff;white-space:nowrap;border-radius:4px 0 6px;padding:1px 5px;font-size:10px;position:absolute;top:-2px;left:-2px}.thumb.lg{width:96px;height:96px}.thumb.xl{width:160px;height:160px}.thumb.placeholder{border:2px dashed var(--line);background:0 0;display:inline-block}.media-tile.static{cursor:default;flex-direction:column;align-items:center;gap:6px;display:flex}.media-tile.static .stage{aspect-ratio:2/3;width:100%;height:auto}.link.danger{color:#b42318}.translation-row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:12px;display:grid}.translation-source{border-radius:var(--radius);background:var(--bg);padding:8px 10px}@media (width<=720px){.translation-row{grid-template-columns:1fr}}