.ipa-cell.svelte-h7xjui.svelte-h7xjui{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 8px;background:#fff;border:2px solid #000000;cursor:pointer;overflow:hidden}.ipa-cell.svelte-h7xjui.svelte-h7xjui:hover{background:#ff0;transform:translate(-2px,-2px);box-shadow:4px 4px #000}.ipa-cell.svelte-h7xjui.svelte-h7xjui:active{transform:translate(0);box-shadow:none}.ipa-symbol.svelte-h7xjui.svelte-h7xjui{font-size:28px;font-weight:900;color:#000;line-height:1}.ipa-name.svelte-h7xjui.svelte-h7xjui{font-size:10px;color:#000;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;text-transform:uppercase}.modal-backdrop.svelte-h7xjui.svelte-h7xjui{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content.svelte-h7xjui.svelte-h7xjui{position:relative;width:100%;max-width:700px;max-height:90vh;background:#fff;border:3px solid #000000;overflow:hidden;box-shadow:5px 5px #000;display:flex;flex-direction:column}.close-btn.svelte-h7xjui.svelte-h7xjui{width:40px;height:40px;display:grid;place-items:center;background:red;border:2px solid #000000;color:#fff;cursor:pointer;flex-shrink:0;font-size:20px;font-weight:900}.close-btn.svelte-h7xjui.svelte-h7xjui:hover{background:#000}.modal-body.svelte-h7xjui.svelte-h7xjui{padding:24px;overflow-y:auto;flex-grow:1}.section-title.svelte-h7xjui.svelte-h7xjui:before{content:"";width:5px;height:16px;background:red}.modal-backdrop.svelte-h7xjui.svelte-h7xjui{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content.svelte-h7xjui.svelte-h7xjui{position:relative;width:100%;max-width:700px;max-height:90vh;background:#fff;border:3px solid #000000;box-shadow:8px 8px #000;overflow:hidden;display:flex;flex-direction:column}.modal-header.svelte-h7xjui.svelte-h7xjui{display:flex;align-items:center;justify-content:space-between;padding:24px;background:#ff0;border-bottom:3px solid #000000;flex-shrink:0}.ipa-symbol-large.svelte-h7xjui.svelte-h7xjui{font-size:64px;font-weight:900;color:#000;line-height:1}.close-btn.svelte-h7xjui.svelte-h7xjui{width:40px;height:40px;display:grid;place-items:center;background:red;border:2px solid #000000;color:#fff;cursor:pointer;font-weight:900;flex-shrink:0}.close-btn.svelte-h7xjui.svelte-h7xjui:hover{background:#000;color:#fff}.modal-body.svelte-h7xjui.svelte-h7xjui{padding:24px;overflow-y:auto;flex-grow:1;background:#fff}.section.svelte-h7xjui.svelte-h7xjui{margin-bottom:24px}.section.svelte-h7xjui.svelte-h7xjui:last-child{margin-bottom:0}.section-title.svelte-h7xjui.svelte-h7xjui{font-size:16px;font-weight:900;color:#000;margin-bottom:12px;display:flex;align-items:center;gap:8px;text-transform:uppercase}.section-title.svelte-h7xjui.svelte-h7xjui:before{content:"";width:4px;height:16px;background:red}.audio-waveform-player.svelte-h7xjui.svelte-h7xjui{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:2px solid #000000}.play-btn.svelte-h7xjui.svelte-h7xjui{flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;background:#0f0;border:2px solid #000000;color:#000;cursor:pointer}.play-btn.svelte-h7xjui.svelte-h7xjui:hover{background:#00f;color:#fff}.play-btn.playing.svelte-h7xjui.svelte-h7xjui{background:red;color:#fff}.waveform.svelte-h7xjui.svelte-h7xjui{flex:1;display:flex;align-items:center;justify-content:space-between;gap:2px;height:44px;overflow:hidden}.waveform.svelte-h7xjui .bar.svelte-h7xjui{flex:1;background:#000;height:20%}.waveform.active.svelte-h7xjui .bar.svelte-h7xjui{animation:svelte-h7xjui-wave 1.2s ease-in-out infinite!important}@keyframes svelte-h7xjui-wave{0%,to{height:20%;background:#000}50%{height:80%;background:red}}.video-player.svelte-h7xjui.svelte-h7xjui{width:100%;max-height:300px;background:#000;border:2px solid #000000;outline:none}.example-words.svelte-h7xjui.svelte-h7xjui{display:flex;flex-wrap:wrap;gap:12px}.example-word.svelte-h7xjui.svelte-h7xjui{padding:8px 16px;background:#fff;border:2px solid #000000;color:#000;font-size:14px;font-weight:900;text-transform:uppercase}.example-word.svelte-h7xjui.svelte-h7xjui:hover{background:#ff0}@keyframes svelte-h7xjui-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-h7xjui-modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-body.svelte-h7xjui.svelte-h7xjui::-webkit-scrollbar{width:8px}.modal-body.svelte-h7xjui.svelte-h7xjui::-webkit-scrollbar-track{background:#fff;border-left:2px solid #000000}.modal-body.svelte-h7xjui.svelte-h7xjui::-webkit-scrollbar-thumb{background:#000}@media (max-width: 640px){.ipa-symbol.svelte-h7xjui.svelte-h7xjui{font-size:24px}.ipa-name.svelte-h7xjui.svelte-h7xjui{font-size:9px}.ipa-symbol-large.svelte-h7xjui.svelte-h7xjui{font-size:48px}.modal-header.svelte-h7xjui.svelte-h7xjui,.modal-body.svelte-h7xjui.svelte-h7xjui{padding:16px}}