.vowel-square-container.svelte-1na0hwy{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;box-sizing:border-box}.vowel-square.svelte-1na0hwy{display:flex;justify-content:center;align-items:center;flex-direction:column;width:90%;height:90%;border-radius:5px;color:#eee;transition:border-color .3s ease,box-shadow .3s ease,transform .2s ease;box-shadow:0 3px 8px #0000004d}.vowel-square.clicked.svelte-1na0hwy{box-shadow:0 0 15px 6px #ffd700cc;transform:scale(1.05)}.vowel-square.svelte-1na0hwy:hover{background-color:#fab917;box-shadow:0 0 12px 5px #ffd70080}.symbol.svelte-1na0hwy{font-size:clamp(1.5rem,4vw,2rem);line-height:1.2;text-align:center;overflow:hidden;transition:all .3s ease}.ipa.svelte-1na0hwy{font-size:clamp(.7rem,.8vw,1.3rem);margin-top:2px;white-space:nowrap;height:1.5em;transition:all .3s ease}@media (max-width: 760px){.vowel-square-container.svelte-1na0hwy{padding:.2rem}.vowel-square.svelte-1na0hwy{width:100%;height:50px}.symbol.svelte-1na0hwy{font-size:min(clamp(1.2rem,4vw,1.7rem),1.5em)}}.dashboard-container.svelte-vicg2l.svelte-vicg2l{display:flex;flex-direction:column;align-items:center;padding:10px;background-color:#1e1e1e;color:#fff;width:100%}.vowel-info.svelte-vicg2l.svelte-vicg2l{max-width:400px;text-align:center}.heading.svelte-vicg2l.svelte-vicg2l{font-size:1rem;color:#f7b917;margin-bottom:8px}.symbol.svelte-vicg2l.svelte-vicg2l{font-size:3rem;color:#fff;margin-bottom:10px}.ipa-inline.svelte-vicg2l.svelte-vicg2l{font-size:1.2rem;color:#f7b917;margin-left:8px}.details-section.svelte-vicg2l.svelte-vicg2l{display:flex;flex-direction:column;align-items:center;width:100%}.table-container.svelte-vicg2l.svelte-vicg2l{display:flex;flex-direction:column;align-items:center;margin-top:8px;width:100%}.table-title.svelte-vicg2l.svelte-vicg2l{font-size:.85rem;color:#f7b917;margin-bottom:4px}.form-table.svelte-vicg2l.svelte-vicg2l,.phonetic-table.svelte-vicg2l.svelte-vicg2l{width:100%;border-collapse:collapse;text-align:center;font-size:.8rem;max-width:95vw;margin-bottom:8px}.form-table.svelte-vicg2l th.svelte-vicg2l,.phonetic-table.svelte-vicg2l th.svelte-vicg2l{background-color:#444;color:#f7b917;padding:4px;font-size:.75rem}.form-table.svelte-vicg2l td.svelte-vicg2l,.phonetic-table.svelte-vicg2l td.svelte-vicg2l{background-color:#333;color:#ccc;padding:4px;font-size:1rem;cursor:pointer}.form-table.svelte-vicg2l td.svelte-vicg2l:hover{background-color:#555}.actions.svelte-vicg2l.svelte-vicg2l{display:flex;justify-content:space-between;align-items:center;width:250px;max-width:400px;margin:10px auto 0}.export-to-sketchpad.svelte-vicg2l.svelte-vicg2l{display:flex;align-items:center;cursor:pointer}.export-label.svelte-vicg2l.svelte-vicg2l{margin-left:4px;font-size:.9rem}.spacer.svelte-vicg2l.svelte-vicg2l{width:20px}.toggle-details.svelte-vicg2l.svelte-vicg2l{font-size:.9rem;color:#f7b917;cursor:pointer}@media screen and (max-width: 600px){.heading.svelte-vicg2l.svelte-vicg2l{font-size:.85rem}.symbol.svelte-vicg2l.svelte-vicg2l{font-size:2.3rem}.table-title.svelte-vicg2l.svelte-vicg2l{font-size:.7rem}.form-table.svelte-vicg2l th.svelte-vicg2l,.phonetic-table.svelte-vicg2l th.svelte-vicg2l,.form-table.svelte-vicg2l td.svelte-vicg2l,.phonetic-table.svelte-vicg2l td.svelte-vicg2l{font-size:.6rem;padding:3px}.export-label.svelte-vicg2l.svelte-vicg2l,.toggle-details.svelte-vicg2l.svelte-vicg2l{font-size:.75rem}}.layout-switcher.svelte-dfd7fx.svelte-dfd7fx,.form-switcher.svelte-dfd7fx.svelte-dfd7fx{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.layout-switcher.svelte-dfd7fx button.svelte-dfd7fx,.form-switcher.svelte-dfd7fx button.svelte-dfd7fx{margin:3px;padding:5px 10px;font-size:clamp(.6em,1vw,.75em);cursor:pointer;border:none;background-color:#444;color:#f7b917;border-radius:5px;transition:background-color .3s}.layout-switcher.svelte-dfd7fx button.active.svelte-dfd7fx,.form-switcher.svelte-dfd7fx button.active.svelte-dfd7fx{background-color:#f7b917;color:#444}.default-layout.svelte-dfd7fx.svelte-dfd7fx{display:flex;justify-content:center;width:85vw;max-width:1200px;margin:20px auto 0;overflow-x:hidden;padding:0 5px}table.svelte-dfd7fx.svelte-dfd7fx{width:100%;border-collapse:collapse;table-layout:fixed}th.svelte-dfd7fx.svelte-dfd7fx,td.svelte-dfd7fx.svelte-dfd7fx{padding:8px;text-align:center;border:1px solid #444;color:#f7b917;font-size:clamp(.6em,1vw,1em)}th.column-header.svelte-dfd7fx.svelte-dfd7fx{background-color:#333;font-weight:700;font-size:clamp(.5em,1.2vw,1em)}th.sub-column-header.svelte-dfd7fx.svelte-dfd7fx{background-color:#3a3a3a;color:#f7b917;font-style:italic;font-size:clamp(.5em,1vw,.85em);font-weight:400}.full-row-header.svelte-dfd7fx.svelte-dfd7fx{font-weight:700;background-color:#333;color:#f7b917;text-align:left;padding:8px 5px;font-size:clamp(.75em,1.2vw,1em)}.sub-row-header.svelte-dfd7fx.svelte-dfd7fx{background-color:#3a3a3a;color:#f7b917;font-style:italic;text-align:left;padding-left:20px;font-size:clamp(.65em,1vw,.85em)}.script-metadata.svelte-dfd7fx.svelte-dfd7fx{text-align:center;margin-bottom:20px}.script-metadata.svelte-dfd7fx p.svelte-dfd7fx{color:#aaa;font-size:.9rem;margin-top:5px}@media screen and (max-width: 767px){.layout-switcher.svelte-dfd7fx button.svelte-dfd7fx,.form-switcher.svelte-dfd7fx button.svelte-dfd7fx{padding:4px 6px;font-size:clamp(.6em,1vw,.7em)}.default-layout.svelte-dfd7fx.svelte-dfd7fx{width:98vw}.script-metadata.svelte-dfd7fx p.svelte-dfd7fx{font-size:.8rem}}.layout-switcher.svelte-dfd7fx.svelte-dfd7fx{display:flex;justify-content:center;margin-bottom:10px}.layout-switcher.svelte-dfd7fx button.svelte-dfd7fx{margin:3px;padding:5px 10px;font-size:clamp(.6em,1vw,.75em);cursor:pointer;border:none;background-color:#444;color:#f7b917;border-radius:5px;transition:background-color .3s}.layout-switcher.svelte-dfd7fx button.active.svelte-dfd7fx{background-color:#f7b917;color:#444}.description-toggle.svelte-dfd7fx.svelte-dfd7fx{cursor:pointer;text-align:center;color:#f7b917;margin:10px auto;font-size:1rem;width:65vw;max-width:75vw}.layout-description.svelte-dfd7fx.svelte-dfd7fx{width:75vw;max-width:65vw;margin:10px auto;padding:8px;background-color:#2e2e2e;color:#ccc;border-radius:8px;font-size:.9rem;line-height:1.5}@media screen and (max-width: 600px){.description-toggle.svelte-dfd7fx.svelte-dfd7fx,.layout-description.svelte-dfd7fx.svelte-dfd7fx{width:90vw;max-width:90vw;font-size:.7rem}.layout-description.svelte-dfd7fx.svelte-dfd7fx{font-size:.8rem}}.sound-toggle.svelte-dfd7fx.svelte-dfd7fx{position:absolute;top:200px;left:300px;background-color:#fab917;opacity:.5;padding:4px;border-radius:50%;cursor:pointer;z-index:1000;transition:background-color .3s ease}.sound-toggle.svelte-dfd7fx.svelte-dfd7fx:hover{background-color:#fab917cc}.sound-icon.svelte-dfd7fx.svelte-dfd7fx{width:30px;height:30px;opacity:.8;transition:opacity .3s ease}.sound-icon.svelte-dfd7fx.svelte-dfd7fx:hover{opacity:1}@media (max-width: 500px){.sound-toggle.svelte-dfd7fx.svelte-dfd7fx{position:absolute;top:30vw;left:3vw;background-color:#fab917;padding:4px;border-radius:50%;cursor:pointer;z-index:1000;transition:background-color .3s ease}.sound-icon.svelte-dfd7fx.svelte-dfd7fx{width:16px;height:16px}}.bg-dark{background-color:#212121}h1.svelte-1gr017r{color:#fab917;text-align:left;font-size:2rem}@media (max-width: 760px){h1.svelte-1gr017r{text-align:center;font-size:1.2rem}.page-title.svelte-1gr017r{margin-bottom:1px;padding-bottom:0}}.compass-link.svelte-1gr017r{display:flex;align-items:center;justify-content:center;padding:.5rem 0;font-size:1rem;text-align:center}.link-text.svelte-1gr017r{display:inline-flex;align-items:center;color:#fab917;text-decoration:none;font-weight:700;transition:color .3s}.link-text.svelte-1gr017r:hover{color:#ffd54f}@media (max-width: 760px){.compass-link.svelte-1gr017r{font-size:.9rem}}