@font-face{font-family:Libron;src:url('/apps/kiddled/fonts/libron/Libron-Regular.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#faf6ee;color:#171717;font-family:Libron,Arial,sans-serif}header{display:flex;align-items:center;gap:14px;padding:12px 20px;background:white;border-bottom:2px solid #171717}header a{color:inherit;font-weight:900}header strong{margin-right:auto}button,input,textarea{font:inherit;color:inherit;border:1.5px solid #171717;border-radius:5px;background:white;padding:8px 12px}button{cursor:pointer}button[aria-pressed=true],#lesson-form>button{background:#171717;color:white}main{display:flex;min-height:calc(100dvh - 62px);gap:0}aside{width:248px;flex:none;border-right:2px solid #171717;padding:18px}aside h2{margin-top:0}#new-topic>div{display:flex;gap:4px;margin:4px 0 14px}#new-topic input{width:100%;min-width:0}#topics{display:grid;gap:7px}#topics button{text-align:left}main>section{flex:1;min-width:0;padding:24px clamp(16px,4vw,56px)}h1{font-size:clamp(28px,4vw,42px);margin:0 0 14px}.modes{display:flex;gap:8px;margin-bottom:16px}#lesson{display:grid;gap:10px;max-height:55vh;overflow:auto}.turn{border:1.5px solid #171717;background:white;padding:12px 15px;border-radius:7px;white-space:pre-wrap;line-height:1.5}.turn.user{background:#d4e7f5}.turn b{display:block;margin-bottom:6px}#lesson-form{margin-top:18px}textarea{display:block;width:100%;margin:5px 0 8px;resize:vertical}#status{font-size:.85rem;margin-left:8px}#board{flex:1;padding:0;border-left:2px solid #171717}#board iframe{display:block;width:100%;height:100%;min-height:65vh;border:0}dialog{border:2px solid #171717;border-radius:10px;padding:18px;background:#faf6ee;max-width:min(420px,90vw)}dialog::backdrop{background:#0006}dialog input{display:block;width:100%;margin:6px 0 12px}dialog form div{display:flex;justify-content:flex-end;gap:8px}[hidden]{display:none!important}@media(max-width:780px){main{display:block}aside{width:auto;border-right:0;border-bottom:1px solid #171717;padding:12px}aside h2{font-size:18px}#topics{display:flex;flex-wrap:wrap}main>section{padding:18px}#board{border:0;border-top:2px solid #171717}}