[hidden]{display:none!important}
button{min-height:48px}
.option{min-height:60px;font-size:1.05rem;line-height:1.8;text-align:left;padding:14px 18px}
.options{gap:12px}
.learning-actions{position:relative;background:#faf9f2;padding:14px 0;margin-top:16px;border-top:1px solid #d7e5d8;z-index:2}
.next-step{display:block!important;width:100%;padding:17px 20px!important;border:2px solid #12664e!important;border-radius:16px!important;background:#176e60!important;color:white!important;font-size:1.1rem!important;font-weight:700;box-shadow:0 5px 0 #104d43;margin:16px 0 8px}
.next-step[hidden]{display:none!important}
.next-step:focus-visible,.option:focus-visible{outline:4px solid #e9b34b;outline-offset:4px}
.feedback{font-size:1.05rem;line-height:1.9}
.celebration{position:fixed;top:18%;left:50%;transform:translateX(-50%);z-index:1000;width:min(85vw,440px);text-align:center;pointer-events:none}
.celebration strong{position:relative;display:inline-block;background:#fff6d8;border:2px solid #e6ba52;color:#195b4c;border-radius:20px;padding:18px 22px;box-shadow:0 8px 25px #153b3322;line-height:1.9;z-index:1}
.celebration i{position:absolute;width:9px;height:9px;border-radius:50%;left:50%;top:50%;animation:child-spark 1.1s ease-out both}
@keyframes child-spark{from{transform:translate(0,0);opacity:1}to{transform:translate(var(--x),var(--y));opacity:0}}
@media(prefers-reduced-motion:reduce){.celebration i{display:none}*{scroll-behavior:auto!important}}
@media(max-width:600px){header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}header nav button{font-size:.85rem;padding:10px 4px}header nav button svg{width:18px}.toolbar{gap:8px}.option{width:100%}}
#dialog-content details{margin:12px 0;padding:12px;border-radius:12px;background:#edf3e8}#dialog-content summary{cursor:pointer;min-height:30px;line-height:1.8}.level-badge{background:#fff1c9;border-radius:16px;padding:20px;color:#195b4c;font-weight:700;line-height:1.9}