.ipa-detail-page{flex-direction:column;gap:20px;max-width:720px;display:flex}.ipa-detail-header__glyph{background:var(--primary-soft);color:var(--primary);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:clamp(24px,1.96078vw + 16.9412px,32px);font-weight:700;transition:box-shadow .15s;display:flex}@media (hover:hover) and (pointer:fine){.ipa-detail-header__glyph:hover{box-shadow:0 0 0 4px var(--primary-soft)}}.ipa-detail-header__glyph--playing{color:#fff;background:var(--primary)}.ipa-detail-images{border:1px solid var(--border);border-radius:var(--app-radius);background:var(--surface);justify-content:center;padding:16px}.ipa-detail-images__img{object-fit:contain;border-radius:var(--app-radius);width:auto;max-width:200px;height:auto;max-height:220px}.ipa-detail-video{aspect-ratio:16/9;border-radius:var(--app-radius);background:var(--surface);width:100%;position:relative;overflow:hidden}.ipa-detail-video__iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.ipa-detail-section{flex-direction:column;gap:8px;display:flex}.ipa-detail-section__title{color:var(--foreground);margin:0!important}.ipa-detail-spelling-tag{border-radius:999px;padding:2px 10px;font-size:13px}.ipa-detail-word-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.ipa-detail-word{border:1px solid var(--border);border-radius:var(--app-radius);background:var(--surface);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.ipa-detail-word__text{color:var(--foreground);font-size:14px}.ipa-detail-sentence{border:1px solid var(--border);border-radius:var(--app-radius);background:var(--surface);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.ipa-detail-sentence__en{color:var(--foreground);font-size:15px}.ipa-detail-sentence__vi{font-size:13px}