.word-book{border:1px solid #596ba3;border-radius:12px;background:#1c2548;color:#f4f4ff;padding:.7rem;margin:.5rem 0}
.word-book summary{cursor:pointer;padding:.25rem 0;font-weight:750}
.gear-book{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.4rem}
.gear-book details{background:#26365c;border-radius:7px;padding:.2rem .45rem}
.gear-quiz[hidden],.gear-quiz [hidden]{display:none!important}
.gear-quiz{position:fixed;z-index:100;inset:0;margin:auto;width:min(92vw,560px);padding:1rem;border:2px solid #a7c2ff;border-radius:16px;background:#151e39;color:#fff;box-shadow:0 0 0 100vmax #070b17b5;max-height:min(80dvh,560px);overflow:auto}
.gear-title{font-size:1.15rem}
.gear-choices,.gear-quiz form{display:flex;flex-wrap:wrap;align-items:end;gap:.45rem;margin:.45rem 0}
.gear-quiz button{cursor:pointer;min-height:44px;padding:.4rem .65rem;color:white;background:#304776;border:1px solid #8aa9e0;border-radius:7px;font-size:1rem}
.gear-quiz input{display:block;background:#0d172c;color:white;padding:.45rem;border:1px solid #9eb5e4;border-radius:6px;font:16px monospace;max-width:100%}
.gear-feedback{margin:.4rem 0;color:#ffeba4}
.code-predict{padding:.45rem .65rem;border-left:3px solid #83d3ef;background:#19243c;color:#d9edff;font-size:.87rem;margin:.25rem 0}

.shared-word-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.45rem;margin-top:.65rem}
.shared-word-grid>div,.vocab-practice{background:#192641;border-radius:.5rem;padding:.45rem .55rem}
.shared-word-grid button{min-height:32px;padding:.15rem .35rem}
.vocab-practice input{max-width:100%;padding:.45rem;background:#111d31;color:#fff;border:1px solid #80a5c9;border-radius:.35rem}

.shared-word-grid[hidden]{display:none!important}

@media (max-width:700px){.gear-quiz{width:min(96vw,560px);max-height:min(86dvh,620px);padding:.9rem}}