.dictionary-popup{position:fixed;z-index:1200;display:flex;flex-direction:column;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:hidden;padding:22px;box-sizing:border-box;background:var(--white,#fff);color:var(--ink,#203047);border:1px solid #dce4f1;border-radius:18px;box-shadow:0 16px 60px #192d4b30;font-size:16px;line-height:1.65}
.dictionary-popup:focus{outline:none}.dictionary-popup-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.dictionary-popup-heading h2{margin:2px 0 12px;font-family:Georgia,serif;font-size:30px;overflow-wrap:anywhere}.dictionary-popup-heading small{color:#71819b;font-size:12px;letter-spacing:1px}.dictionary-popup-heading .dialog-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid #dce4f1;border-radius:12px;background:transparent;color:#71819b;cursor:pointer}.dictionary-popup-heading .dialog-close:hover{background:#edf2ff;color:#4264c2}.dictionary-popup-heading .dialog-close:focus-visible{outline:2px solid #4264c2;outline-offset:2px}
.dictionary-entry{padding:14px 0;border-top:1px solid #e5eaf2}.dictionary-entry-title{display:flex;align-items:center;gap:10px}.dictionary-entry-title strong{font-size:21px}.dictionary-lemma{font-size:12px;color:#4264c2;background:#edf2ff;border-radius:5px;padding:2px 7px}.dictionary-phonetic{color:#6d7b92;margin:4px 0 8px}.dictionary-translation,.dictionary-definition{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;font-size:17px;line-height:1.8}.dictionary-definition{font-size:14px}.dictionary-entry summary{cursor:pointer;color:#71819b;font-size:13px}.dictionary-playback-note{font-size:12px;color:#8793a7;border-top:1px solid #e5eaf2;padding-top:12px;margin-bottom:0}
.dictionary-import input[type=file]{max-width:100%;font-size:16px}.dictionary-status strong{font-size:23px}.dictionary-import-progress progress{width:100%;accent-color:#4169e1;height:10px}.dictionary-help p{line-height:1.8}.dictionary-test-result{max-height:400px;overflow:auto}.sentence .en .word{cursor:help}
html[data-theme=dark] .dictionary-popup{background:#1e293b;color:#e5eaf3;border-color:#3b4a60;box-shadow:0 16px 60px #0008}html[data-theme=dark] .dictionary-entry,html[data-theme=dark] .dictionary-playback-note{border-color:#3b4a60}html[data-theme=dark] .dictionary-lemma{background:#2c3e60;color:#b5c8ff}
.dictionary-popup-heading{flex:none;padding-bottom:12px}
.dictionary-popup-heading h2{margin:2px 0 0;line-height:1.3}
.dictionary-result{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:6px}
.dictionary-entry-title{flex-wrap:wrap}
.dictionary-phonetic{overflow-wrap:anywhere}
.dictionary-forms{margin-top:16px;padding:14px;background:#f5f7fc;border:1px solid #e7edf7;border-radius:12px}
.dictionary-forms h3{margin:0 0 10px;font-size:14px;font-weight:600;color:#62738e}
.dictionary-forms dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0}
.dictionary-form{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:baseline;gap:8px}
.dictionary-form dt{font-size:13px;color:#71819b}
.dictionary-form dd{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0;font-size:16px;font-weight:500;overflow-wrap:anywhere;min-width:0}
.dictionary-form dd span{max-width:100%}
.dictionary-playback-note{flex:none;line-height:1.6;margin:4px 0 0}
html[data-theme=dark] .dictionary-forms{background:#243247;border-color:#3b4a60}
html[data-theme=dark] .dictionary-forms h3,html[data-theme=dark] .dictionary-form dt{color:#a7b6ce}
html[data-theme=dark] .dictionary-popup-heading .dialog-close{border-color:#465773;color:#b7c5db}
html[data-theme=dark] .dictionary-popup-heading .dialog-close:hover{background:#30405b;color:#d9e4ff}
@media(max-height:480px){.dictionary-popup{padding:14px}.dictionary-popup-heading{padding-bottom:8px}.dictionary-popup-heading h2{font-size:25px}.dictionary-playback-note{padding-top:8px;font-size:11px}}
@media(max-width:520px){.dictionary-forms dl{grid-template-columns:1fr}}
/* Lookup selection takes precedence over playback colors, including custom reader modes.
   Paint only: no font, padding or border changes that could move the clicked word. */
.sentence .en .word.dictionary-selected{background:#ffdf85!important;color:#5b3900!important;box-shadow:0 0 0 3px #ffdf85!important;border-radius:3px}
.sentence .en .word.dictionary-selected::selection{background:#ffdf85;color:#5b3900}