.consonant-square.svelte-1jgqp5.svelte-1jgqp5{display:flex;justify-content:center;align-items:center;padding:6px;text-align:center;border-radius:5px;margin:4px;width:calc(85vw / 12);height:calc(42.5vw / 11);border:4px solid;transition:border-color .3s ease,box-shadow .3s ease}.consonant-square.highlighted.high.svelte-1jgqp5.svelte-1jgqp5,.consonant-square.highlighted.series_1.svelte-1jgqp5.svelte-1jgqp5,.consonant-square.highlighted.no_ы.svelte-1jgqp5.svelte-1jgqp5{border-color:#ff0;box-shadow:0 0 15px 6px #ff0c}.consonant-square.highlighted.mid.svelte-1jgqp5.svelte-1jgqp5{border-color:#0ff;box-shadow:0 0 15px 6px #0ffc}.consonant-square.highlighted.low.svelte-1jgqp5.svelte-1jgqp5{border-color:#0f0;box-shadow:0 0 15px 6px #0f0c}.consonant-square.highlighted.default.svelte-1jgqp5.svelte-1jgqp5{border-color:#0ff;box-shadow:0 0 15px 6px #0ffc}.consonant-square.highlighted.mid-b.svelte-1jgqp5.svelte-1jgqp5{border-color:tomato;box-shadow:0 0 15px 6px #ff6347cc}.multi-consonants.svelte-1jgqp5.svelte-1jgqp5{display:flex;justify-content:space-between;width:100%;flex-direction:row;gap:4px}.single-consonant.svelte-1jgqp5.svelte-1jgqp5,.sub-square.svelte-1jgqp5.svelte-1jgqp5{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:4px;box-sizing:border-box;width:50%;cursor:pointer}.symbol.svelte-1jgqp5.svelte-1jgqp5{font-size:clamp(1.5rem,2vw,2.5rem);line-height:1;transition:all .3s ease}.ipa.svelte-1jgqp5.svelte-1jgqp5{font-size:clamp(.9rem,1.2vw,1.6rem);margin-top:2px;white-space:nowrap;transition:all .3s ease}.consonant-square.svelte-1jgqp5.svelte-1jgqp5:hover{background-color:#fab917}.sub-square.svelte-1jgqp5:hover .symbol.svelte-1jgqp5,.single-consonant.svelte-1jgqp5:hover .symbol.svelte-1jgqp5{font-size:clamp(2.3rem,2.5vw,3.5rem);color:#fab917}.selected.svelte-1jgqp5 .symbol.svelte-1jgqp5{color:#fab917;font-size:clamp(2rem,2.5vw,3.2rem)}@media (max-width: 760px){.consonant-square.svelte-1jgqp5.svelte-1jgqp5{width:calc(90vw / 7);height:11vw}.sub-square.svelte-1jgqp5:hover .symbol.svelte-1jgqp5,.single-consonant.svelte-1jgqp5:hover .symbol.svelte-1jgqp5{font-size:1.5rem;color:#fab917}.selected.svelte-1jgqp5 .symbol.svelte-1jgqp5{color:#fab917;font-size:1.2rem}.symbol.svelte-1jgqp5.svelte-1jgqp5{font-size:1rem}.ipa.svelte-1jgqp5.svelte-1jgqp5{font-size:.65rem}}@media (max-width: 1340px) and (min-width: 761px){.consonant-square.svelte-1jgqp5.svelte-1jgqp5{width:10vw;height:calc(50vw / 9)}.symbol.svelte-1jgqp5.svelte-1jgqp5{font-size:clamp(1.6rem,2.5vw,2.8rem)}.ipa.svelte-1jgqp5.svelte-1jgqp5{font-size:clamp(1rem,1.4vw,1.8rem)}}.dashboard-container.svelte-1ru1yjk{display:flex;align-items:flex-start;justify-content:space-between;padding:16px;background-color:#1e1e1e;color:#fff;width:100%}.mouth-container.svelte-1ru1yjk{width:40%;height:auto;max-height:40vh;background-color:#2e2e2e;border-radius:10px;display:flex;justify-content:center;align-items:center;margin:0 auto}.consonant-info.svelte-1ru1yjk{margin-left:24px;max-width:500px;flex-grow:1;display:flex;flex-direction:column}.heading.svelte-1ru1yjk{font-size:clamp(1.5rem,2vw,3rem);color:#f7b917;margin-bottom:4px}.symbol.svelte-1ru1yjk{font-size:clamp(3rem,5vw,6rem);color:#fff;margin-bottom:16px;display:flex;align-items:center}.ipa-inline.svelte-1ru1yjk{font-size:clamp(1.2rem,2vw,3rem);color:#f7b917;margin-left:8px;transition:opacity .3s ease}.label.svelte-1ru1yjk{font-weight:700;color:#f7b917;font-size:clamp(1rem,1.5vw,2rem)}.value.svelte-1ru1yjk{margin-left:8px;font-size:clamp(1.2rem,1.8vw,2.5rem)}.toggle-details.svelte-1ru1yjk{font-size:clamp(.85rem,1.2vw,1.5rem);color:#fff;text-align:center;padding:10px 0;box-shadow:0 2px 4px #0000004d;border-bottom:1px solid #333;background-color:#2c2c2c}.toggle-details.svelte-1ru1yjk:hover{color:#f7b917}.details-wrapper.svelte-1ru1yjk{max-height:400px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.details-wrapper.isVisible.svelte-1ru1yjk{max-height:400px;opacity:1}.details-wrapper.svelte-1ru1yjk:not(.isVisible){max-height:0;opacity:0}.export-to-sketchpad.svelte-1ru1yjk{display:flex;align-items:center;justify-content:center;margin-top:4px;cursor:pointer;font-size:.75rem;color:#fff;opacity:.8}.export-to-sketchpad.svelte-1ru1yjk:hover{opacity:1}.export-label.svelte-1ru1yjk{margin-left:4px;color:#fff}@media (max-width: 760px){.export-to-sketchpad.svelte-1ru1yjk{flex-direction:row;align-items:center;margin-top:1px}.export-label.svelte-1ru1yjk{margin-left:2px;font-size:.55rem}.dashboard-container.svelte-1ru1yjk{flex-direction:column;align-items:center;text-align:center;width:100vw;padding:8px}.consonant-info.svelte-1ru1yjk{margin-left:0;margin-top:8px}.heading.svelte-1ru1yjk{margin-bottom:2px}.symbol.svelte-1ru1yjk{display:flex;justify-content:center;align-items:center;font-size:4rem;color:#fff;margin-bottom:16px}.ipa-inline.svelte-1ru1yjk{font-size:1.2rem;margin-left:5px}.ipa-section.svelte-1ru1yjk,.name-entry.svelte-1ru1yjk,.meaning-entry.svelte-1ru1yjk{margin-bottom:6px}.mouth-container.svelte-1ru1yjk{max-width:100%;height:auto}.label.svelte-1ru1yjk,.value.svelte-1ru1yjk{font-size:1rem}.toggle-details.svelte-1ru1yjk{font-size:.75rem;width:100vw;padding:5px 0}}@media (min-width: 761px){.dashboard-container.svelte-1ru1yjk{width:50vw}}.consonant-class-selector.svelte-amtzc1.svelte-amtzc1{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}button.svelte-amtzc1.svelte-amtzc1{background-color:#444;color:#ccc;padding:clamp(4px,1vw,10px) clamp(8px,1.5vw,20px);border:1px solid #555;cursor:pointer;border-radius:5px;transition:background-color .3s,color .3s;font-size:clamp(.7rem,1vw,1.1rem)}button.svelte-amtzc1.svelte-amtzc1:hover{background-color:#666;color:#fff}button.active.svelte-amtzc1.svelte-amtzc1{background-color:#fab917;color:#000}.mini-button-group.svelte-amtzc1.svelte-amtzc1{display:flex;gap:5px;justify-content:center;margin-top:10px}.mini-button-group.svelte-amtzc1 button.svelte-amtzc1,.single-toggle-button.svelte-amtzc1 button.svelte-amtzc1{background-color:#333;color:#ccc;padding:5px 10px;border-radius:4px;border:1px solid #666;cursor:pointer;font-size:.8rem;transition:background-color .3s,color .3s}.mini-button-group.svelte-amtzc1 button.svelte-amtzc1:hover,.single-toggle-button.svelte-amtzc1 button.svelte-amtzc1:hover{background-color:#555;color:#fff}.mini-button-group.svelte-amtzc1 button.active.svelte-amtzc1{background-color:#fc0;color:#1f1f1f}.single-toggle-button.svelte-amtzc1.svelte-amtzc1{display:flex;justify-content:center;margin-top:10px}.toggle-details.svelte-amtzc1.svelte-amtzc1{margin-top:10px;cursor:pointer;font-size:clamp(.75rem,1vw,1rem);color:#fab917;text-align:center;padding:clamp(5px,1vw,10px) 0;background-color:#2c2c2c;border-bottom:1px solid #333}.toggle-details.svelte-amtzc1.svelte-amtzc1:hover{color:#fff}.class-details-wrapper.svelte-amtzc1.svelte-amtzc1{max-height:200px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.class-details-wrapper.svelte-amtzc1.svelte-amtzc1:not(.isVisible){max-height:0;opacity:0}.class-details.svelte-amtzc1.svelte-amtzc1{margin-top:10px;background-color:#2c2c2c;color:#e0e0e0;padding:10px;border-radius:8px;box-shadow:0 4px 10px #0003;font-size:clamp(.85rem,1vw,2rem)}.toggle-tones.svelte-amtzc1.svelte-amtzc1{background-color:#fab917;color:#1f1f1f;padding:.2rem 1rem;border-radius:8px;cursor:pointer;font-weight:700;margin-top:10px;text-align:center}.toggle-tones.svelte-amtzc1.svelte-amtzc1:hover{background-color:#ffd633}.layout-selection.svelte-amtzc1.svelte-amtzc1{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}.layout-selection.svelte-amtzc1 button.svelte-amtzc1{padding:.3rem .6rem;border-radius:4px;background-color:#333;color:#ccc;border:1px solid #666;cursor:pointer;transition:background-color .3s}.layout-selection.svelte-amtzc1 button.svelte-amtzc1:hover{background-color:#444}.layout-selection.svelte-amtzc1 button.layout-button.svelte-amtzc1{background-color:#fc0;color:#1f1f1f}.gedney-box-container.svelte-amtzc1.svelte-amtzc1{width:25vw;max-width:100vw;padding:10px;margin:0 auto;overflow:visible}@media (max-width: 768px){.gedney-box-container.svelte-amtzc1.svelte-amtzc1{width:100vw;padding:0}.toggle-tones.svelte-amtzc1.svelte-amtzc1{font-size:.7rem}}.class-details-wrapper.svelte-amtzc1.svelte-amtzc1{max-height:0;opacity:0;transition:max-height .3s ease,opacity .3s ease}.class-details-wrapper.isVisible.svelte-amtzc1.svelte-amtzc1{max-height:1000px;opacity:1}.compass-wrapper.svelte-nwghnw{width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto}.loading-indicator.svelte-nwghnw{text-align:center;color:#f7b917;font-weight:700;margin-bottom:1rem}.desktop-layout.svelte-nwghnw{display:grid;grid-template-columns:1.5fr repeat(10,1fr);gap:.5rem;margin-top:1rem;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.mobile-layout.svelte-nwghnw{display:grid;grid-template-columns:repeat(6,1fr);gap:.07rem;width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto}.header-row.svelte-nwghnw,.varga-row.svelte-nwghnw{display:contents}.action-label.svelte-nwghnw{font-weight:700;text-align:center;color:#f7b917;background-color:#2c2c2c;padding:.08rem;height:2.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:center;align-items:center;font-size:clamp(.35rem,1vw,.9rem)}.varga-label.svelte-nwghnw{font-weight:700;text-align:center;color:#f7b917;padding:.08rem;background-color:#111;height:2.2rem;font-size:clamp(.5rem,1vw,.9rem)}.empty-cell.svelte-nwghnw{background-color:transparent;padding:.5rem;border-radius:.3rem;text-align:center}.sound-toggle.svelte-nwghnw{position:absolute;top:12.5rem;left:18.75rem;background-color:#fab917;opacity:.5;padding:.25rem;border-radius:50%;cursor:pointer;z-index:1000;transition:background-color .3s ease}.sound-toggle.svelte-nwghnw:hover{background-color:#fab917cc}.sound-icon.svelte-nwghnw{width:1.875rem;height:1.875rem;opacity:.8;transition:opacity .3s ease}.sound-icon.svelte-nwghnw:hover{opacity:1}.mobile-layout .consonant-square{font-size:clamp(.5rem,1.2vw,.6rem);max-width:95%}.mobile-layout .action-label,.mobile-layout .varga-label{font-size:clamp(.5rem,1vw,.9rem);padding:.08rem}.mobile-layout .consonant-square .ipa{font-size:clamp(.7rem,.6vw,.35rem)}@media (max-width: 500px){.sound-toggle.svelte-nwghnw{top:30vw;left:3vw;padding:.25rem}.sound-icon.svelte-nwghnw{width:1rem;height:1rem}}