.book-vocabulary-settings[data-v-creation-f7c1e2d2] { margin-top:20px; padding:18px; background:#fff; border:1px solid #d8e1ea; border-radius:20px;
}
.book-vocabulary-settings header[data-v-creation-f7c1e2d2] { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:14px;
}
.book-vocabulary-settings h3[data-v-creation-f7c1e2d2] { margin:0; font-size:18px; font-weight:700;
}
.book-vocabulary-settings__row[data-v-creation-f7c1e2d2] { display:grid; grid-template-columns:minmax(90px,150px) minmax(0,1fr) auto 34px; align-items:center; gap:12px; margin:12px 0;
}
.book-vocabulary-settings__word[data-v-creation-f7c1e2d2] { justify-self:start; padding:4px 10px; border-radius:12px; background:#ffe082; overflow-wrap:anywhere;
}
.book-vocabulary-settings__information[data-v-creation-f7c1e2d2] { grid-column:2 / -1; padding:16px; border:1px solid #ddd1e2; border-radius:16px; background:#faf7fc; min-width:0;
}
.book-vocabulary-settings__information h4[data-v-creation-f7c1e2d2] { margin:0 0 8px; font-size:15px; font-weight:700; color:#76477c;
}
.book-vocabulary-settings__information-heading[data-v-creation-f7c1e2d2] { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px;
}
.book-vocabulary-settings__information-heading h4[data-v-creation-f7c1e2d2] { margin:0;
}
.book-vocabulary-settings__delete-information[data-v-creation-f7c1e2d2] { flex:none;
}
.book-vocabulary-settings__asked[data-v-creation-f7c1e2d2] { margin:0 0 12px; color:#607d8b; white-space:pre-wrap; overflow-wrap:anywhere;
}
@media(max-width:600px) {
.book-vocabulary-settings__row[data-v-creation-f7c1e2d2] { grid-template-columns:minmax(0,1fr) auto 34px;
}.book-vocabulary-settings__word[data-v-creation-f7c1e2d2],.book-vocabulary-settings__information[data-v-creation-f7c1e2d2] { grid-column:1/-1;
}
}


.book-vocabulary-editor[data-v-creation-9587d732] { min-width:0;
}
.book-vocabulary-editor__heading[data-v-creation-9587d732] { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; margin-bottom:8px; color:#455a64;
}
.book-vocabulary-editor__selection[data-v-creation-9587d732] { min-height:120px; padding:16px; border:1px solid #d8e1ea; border-radius:14px; white-space:pre-wrap; font-size:1.15em; line-height:1.9;
}
.book-vocabulary-editor__selection[data-v-creation-9587d732] .book-vocabulary-word { cursor:pointer; border-radius:8px; box-decoration-break:clone; -webkit-box-decoration-break:clone; outline-offset:2px;
}
.book-vocabulary-editor__selection[data-v-creation-9587d732] .book-vocabulary-word:hover { background:#f1e7f4;
}
.book-vocabulary-editor__selection[data-v-creation-9587d732] .book-vocabulary-word--selected { background:#ffe082; box-shadow:0 0 0 2px #e2b944;
}
.book-vocabulary-editor__selection[data-v-creation-9587d732] .book-vocabulary-word:focus-visible { outline:2px solid #76477c;
}


.book-vocabulary-more[data-v-creation-0951b5f1] { width:620px; max-width:94vw; max-height:90dvh; display:flex; flex-direction:column; border:1px solid #fff; border-radius:30px; overflow:hidden;
}
.book-vocabulary-more__body[data-v-creation-0951b5f1] { overflow:auto; min-height:0; padding:20px;
}
.book-vocabulary-more__definition[data-v-creation-0951b5f1] { margin:0 0 18px; color:#455a64; line-height:1.5;
}
.book-vocabulary-more__actions[data-v-creation-0951b5f1] { flex:none; padding:12px 20px; border-top:1px solid #d8e1ea;
}
.book-vocabulary-more__loading[data-v-creation-0951b5f1] { display:flex; align-items:center; gap:12px; margin:16px 0 0; color:#455a64;
}
.book-vocabulary-more__loading span[data-v-creation-0951b5f1] { display:flex; gap:4px;
}
.book-vocabulary-more__loading i[data-v-creation-0951b5f1] { width:6px; height:6px; background:#ffa726; border-radius:50%; animation:vocabulary-more-dot-creation-0951b5f1 1s ease-in-out infinite;
}
.book-vocabulary-more__loading i[data-v-creation-0951b5f1]:nth-child(2) { animation-delay:.15s;
}.book-vocabulary-more__loading i[data-v-creation-0951b5f1]:nth-child(3) { animation-delay:.3s;
}
@keyframes vocabulary-more-dot-creation-0951b5f1 {
0%,80%,100% { opacity:.45; transform:translateY(0);
}40% { opacity:1; transform:translateY(-3px);
}
}
@media(prefers-reduced-motion:reduce) {
.book-vocabulary-more__loading i[data-v-creation-0951b5f1] { animation:none;
}
}