.clickable-igbo-word{display:inline-block;padding:0 2px;margin:0;border:0;border-bottom:1.5px dotted var(--i,#5846c4);border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,transform .12s ease;vertical-align:baseline}.clickable-igbo-word:focus-visible,.clickable-igbo-word:hover{background-color:rgba(169,159,225,.2);border-bottom-style:solid;border-bottom-color:var(--i,#5846c4);outline:none}.clickable-igbo-word:active{transform:scale(.96)}.word-modal-backdrop{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,12,34,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:wordModalFadeIn .18s ease-out forwards}.word-modal-backdrop[data-leaving]{animation:wordModalFadeIn .26s ease reverse both}.word-modal-backdrop[data-leaving] .word-modal-card{animation:wordModalSlideDown .26s cubic-bezier(.4,0,.8,.4) both}@keyframes wordModalSlideDown{to{opacity:0;transform:translateY(18px) scale(.96)}}.word-modal-card{position:relative;width:100%;max-width:440px;max-height:85vh;overflow-y:auto;padding:24px;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:#ffffff;box-shadow:0 20px 40px rgba(15,12,34,.22),0 0 0 1px rgba(88,70,196,.08);animation:wordModalSlideUp .22s cubic-bezier(.16,1,.3,1) forwards}.word-modal-close{position:absolute;top:16px;right:16px;display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:50%;color:var(--e,#625d70);background:var(--h,#f2effc);cursor:pointer;transition:background-color .15s ease,color .15s ease}.word-modal-close:hover{color:var(--d,#1a1726);background:#e2dbfa}.word-modal-header{margin-bottom:20px}.word-modal-tag-row{margin-bottom:10px}.word-modal-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;color:var(--i,#5846c4);background:var(--k,#f2effc);font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.word-modal-badge svg{width:14px;height:14px}.word-modal-title{margin:0 0 14px;color:var(--d,#1a1726);font-size:clamp(28px,6vw,36px);font-weight:900;line-height:1.15}.word-modal-title--explanation{max-width:330px;font-size:clamp(25px,5.4vw,32px)}.word-modal-audio-row{display:flex;gap:10px;margin-top:12px}.word-modal-audio-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:0;border-radius:12px;color:white;background:var(--i,#5846c4);box-shadow:0 3px 0 var(--j,#4637a3);cursor:pointer;font-size:12px;font-weight:800;transition:transform .12s ease,background-color .15s ease}.word-modal-audio-btn svg{width:16px;height:16px}.word-modal-audio-btn:hover:not(:disabled){background:#4a39b3}.word-modal-audio-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--j,#4637a3)}.word-modal-audio-btn--secondary{color:var(--i,#5846c4);background:var(--k,#f2effc);box-shadow:0 3px 0 #d7cef2}.word-modal-audio-btn--secondary:hover:not(:disabled){background:#e6e0f8}.word-modal-audio-btn:disabled{opacity:.5;cursor:not-allowed}.word-modal-body{display:flex;flex-direction:column;gap:16px}.word-modal-section{display:flex;flex-direction:column;gap:4px}.word-modal-label{color:#7b758e;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.word-modal-meaning{margin:0;color:var(--d,#1a1726);font-size:18px;font-weight:800;line-height:1.35}.word-modal-subtext{margin:0;color:#433e54;font-size:14px;line-height:1.45}.word-modal-tone{margin:4px 0 0;color:#6b6480;font-size:12.5px;line-height:1.4;letter-spacing:.01em}.word-modal-explanation-link{align-self:flex-start;min-height:36px;padding:4px 0;border:0;color:var(--i,#5846c4);background:transparent;cursor:pointer;font:inherit;font-size:14px;font-weight:800;text-align:left;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.word-modal-explanation-link:hover{color:var(--j,#4637a3)}.word-modal-vowel-pairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.word-modal-vowel-pairs span{padding:10px 6px;border-radius:12px;color:var(--d,#1a1726);background:var(--k,#f2effc);font-size:18px;font-weight:900;text-align:center}.word-modal-back-btn{display:inline-flex;align-items:center;align-self:flex-start;gap:7px;min-height:40px;padding:8px 14px;border:0;border-radius:12px;color:var(--i,#5846c4);background:var(--k,#f2effc);cursor:pointer;font-size:13px;font-weight:800}.word-modal-back-btn:hover{background:#e6e0f8}.word-modal-back-btn svg{width:16px;height:16px}.word-modal-context-card{display:flex;flex-direction:column;gap:4px;padding:14px;border-left:4px solid var(--i,#5846c4);border-radius:12px;background:var(--k,#f9f8fe)}.word-modal-context-card strong{color:var(--d,#1a1726);font-size:15px}.word-modal-context-card span{color:#625d70;font-size:13px}@keyframes wordModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes wordModalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.word-modal-backdrop{align-items:flex-end;padding:0}.word-modal-card{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:28px;border-top-right-radius:28px;max-height:80vh}}.word-modal-page-link{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;min-height:40px;padding:9px 15px;border:1.5px solid var(--g,#dfdce6);border-radius:999px;color:var(--i,#5846c4);background:transparent;font-size:14px;font-weight:800;text-decoration:none}.word-modal-page-link svg{width:16px;height:16px}.word-modal-page-link:hover{border-color:var(--i,#5846c4);background:var(--k,#f9f8fe)}@media (prefers-reduced-motion:reduce){.word-modal-backdrop[data-leaving],.word-modal-backdrop[data-leaving] .word-modal-card{animation:none}}