.gonta-learning-nav{position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:8px;flex-wrap:wrap;box-sizing:border-box;padding:9px 16px;background:#fffaf3;border-bottom:1px solid #e1d5eb;font:600 15px/1.3 system-ui,sans-serif;color:#47315e}.gonta-learning-nav a,.gonta-learning-nav button{display:block;padding:9px 13px;border:1px solid transparent;border-radius:10px;text-decoration:none;color:#543971;background:transparent;font:inherit;cursor:pointer}.gonta-learning-nav a[aria-current=page]{background:#eee4f8}.gonta-learning-nav button{margin-left:auto;background:#7654ad;color:white}.gonta-learning-nav :focus-visible,.gonta-scratch-panel :focus-visible{outline:3px solid #b795db;outline-offset:2px}
.gonta-scratch-panel{position:fixed;right:12px;top:76px;bottom:12px;z-index:1010;width:var(--gonta-scratch-width,46vw);max-width:calc(100vw - 24px);box-sizing:border-box;display:flex;flex-direction:column;background:#fff;border:1px solid #d7c6e5;border-radius:16px;box-shadow:0 8px 36px #39224c30;padding:12px;font:14px/1.4 system-ui,sans-serif;color:#39284c}.gonta-scratch-panel[hidden]{display:none}.gonta-scratch-panel header{display:flex;align-items:center;justify-content:space-between;gap:8px}.gonta-scratch-panel h2{font-size:19px;margin:0 0 9px}.gonta-scratch-panel button,.gonta-scratch-panel select{padding:7px 9px;border:1px solid #d7c6e5;border-radius:8px;background:#faf7fd;color:#543971;font:inherit;cursor:pointer}.gonta-scratch-panel button[aria-pressed=true]{background:#7654ad;color:white}.gonta-scratch-panel button:disabled{opacity:.45;cursor:default}.gonta-scratch-tools{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.gonta-scratch-tools label{display:flex;align-items:center;gap:8px}.gonta-scratch-paper{position:relative;overflow:hidden;flex:1;min-height:100px;border:1px solid #e6e0eb;border-radius:6px;background-color:#fff;background-image:linear-gradient(#dfe6f0 1px,transparent 1px),linear-gradient(90deg,#dfe6f0 1px,transparent 1px);background-size:20px 20px}.gonta-scratch-paper canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Ccircle cx='6' cy='6' r='2' fill='%23263b69'/%3E%3C/svg%3E") 6 6,default}.gonta-scratch-note{font-size:12px;margin:8px 0 0;color:#6f637d}
@media(min-width:1200px){body.gonta-scratch-open{padding-right:calc(var(--gonta-scratch-width,46vw) + 24px)!important}}@media(max-width:600px){.gonta-learning-nav{gap:3px;padding:6px}.gonta-learning-nav a,.gonta-learning-nav button{font-size:13px;padding:8px}.gonta-scratch-panel{top:106px;width:calc(100vw - 24px)}}@media print{.gonta-learning-nav,.gonta-scratch-panel{display:none!important}body.gonta-scratch-open{padding-right:0!important}}

:root{--gonta-scratch-width:46vw}.gonta-scratch-panel canvas[data-tool=eraser]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Ccircle cx='14' cy='14' r='11' fill='white' fill-opacity='.5' stroke='%237654ad'/%3E%3C/svg%3E") 14 14,default}@media(min-width:601px) and (max-width:1199px){.gonta-scratch-panel{width:65vw}}

.gonta-learning-nav button{margin-left:0}.gonta-learning-nav .gonta-reset-answers{margin-left:auto;background:#eee7f7;color:#58398d}.gonta-learning-nav .gonta-restore-answers{background:#eee7f7;color:#58398d;padding-inline:10px}

.gonta-learning-nav .gonta-scratch-launch,.gonta-learning-nav .gonta-ink-launch{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-height:38px;padding:8px;flex:0 0 38px}.gonta-learning-nav .gonta-ink-launch span{display:none}.gonta-learning-nav .gonta-ink-launch svg{width:21px;height:21px}.gonta-learning-nav [hidden]{display:none!important}