.tools-menu-cards-module__vvH3ZW__panel{--tool-blue:#1d78f1;--tool-green:#009351;--tool-orange:#e66e20;--tool-violet:#8e59e2;--tool-amber:#cc8e00;--tool-rose:#f04c5a;--tool-cyan:#009893;--tool-surface:var(--background);background:color-mix(in srgb, var(--background) 96%, transparent);width:min(680px,100vw - 32px)}@supports (color:lab(0% 0 0)){.tools-menu-cards-module__vvH3ZW__panel{--tool-blue:lab(50.6095% 10.0991 -69.3793);--tool-green:lab(53.3271% -51.8132 26.8381);--tool-orange:lab(60.5903% 44.5137 61.4105);--tool-violet:lab(49.2192% 44.191 -62.9112);--tool-amber:lab(63.9475% 18.3364 73.4389);--tool-rose:lab(57.2844% 64.1198 30.0698);--tool-cyan:lab(56.1037% -40.4664 -8.76828)}}.dark .tools-menu-cards-module__vvH3ZW__panel{--tool-blue:#7bb2ff;--tool-green:#62c689;--tool-orange:#fa9d6b;--tool-violet:#bd9bff;--tool-amber:#f2b54a;--tool-rose:#ff8e8f;--tool-cyan:#58c5c0;--tool-surface:var(--card)}@supports (color:lab(0% 0 0)){.dark .tools-menu-cards-module__vvH3ZW__panel{--tool-blue:lab(71.3394% -.92116 -49.395);--tool-green:lab(72.7011% -41.1983 21.2091);--tool-orange:lab(73.7081% 32.5963 41.2446);--tool-violet:lab(70.129% 29.3675 -47.8097);--tool-amber:lab(77.9573% 15.716 61.2679);--tool-rose:lab(71.8723% 44.7128 19.7848);--tool-cyan:lab(73.2837% -33.514 -7.38891)}}.tools-menu-cards-module__vvH3ZW__card[data-tone=blue]{--tool-color:var(--tool-blue)}.tools-menu-cards-module__vvH3ZW__card[data-tone=green]{--tool-color:var(--tool-green)}.tools-menu-cards-module__vvH3ZW__card[data-tone=orange]{--tool-color:var(--tool-orange)}.tools-menu-cards-module__vvH3ZW__card[data-tone=violet]{--tool-color:var(--tool-violet)}.tools-menu-cards-module__vvH3ZW__card[data-tone=amber]{--tool-color:var(--tool-amber)}.tools-menu-cards-module__vvH3ZW__card[data-tone=rose]{--tool-color:var(--tool-rose)}.tools-menu-cards-module__vvH3ZW__card[data-tone=cyan]{--tool-color:var(--tool-cyan)}.tools-menu-cards-module__vvH3ZW__card{--tool-art-surface:color-mix(in srgb, var(--tool-color) 4%, var(--tool-surface));isolation:isolate;border:1px solid color-mix(in srgb, var(--tool-color) 19%, var(--border));border-radius:var(--radius-lg);background:radial-gradient(ellipse at 100% 100%, color-mix(in srgb, var(--tool-color) 9%, transparent), transparent 78%), linear-gradient(135deg, color-mix(in srgb, var(--tool-color) 3%, var(--tool-surface)), var(--tool-surface));height:100%;min-height:120px;transition:border-color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard);display:block;position:relative;overflow:hidden}.tools-menu-cards-module__vvH3ZW__card:before{content:"";z-index:2;border-radius:inherit;background:radial-gradient(ellipse 104px 66px at 8px 8px, var(--tool-color) 0%, color-mix(in srgb, var(--tool-color) 70%, transparent) 25%, transparent 78%);-webkit-mask:linear-gradient(var(--background) 0 0) content-box, linear-gradient(var(--background) 0 0);-webkit-mask-composite:xor;-webkit-mask:linear-gradient(var(--background) 0 0) content-box, linear-gradient(var(--background) 0 0);mask:linear-gradient(var(--background) 0 0) content-box, linear-gradient(var(--background) 0 0);pointer-events:none;padding:2px;position:absolute;inset:-1px;-webkit-mask-composite:xor;mask-composite:exclude}.tools-menu-cards-module__vvH3ZW__card:hover,.tools-menu-cards-module__vvH3ZW__card[data-active=true]{border-color:color-mix(in srgb, var(--tool-color) 55%, var(--border))}.tools-menu-cards-module__vvH3ZW__card[data-active=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tool-color) 35%, transparent)}.tools-menu-cards-module__vvH3ZW__card:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.tools-menu-cards-module__vvH3ZW__copy{z-index:1;padding:16px 16px 34px;position:relative}.tools-menu-cards-module__vvH3ZW__title{color:var(--foreground);letter-spacing:-.015em;overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.3}.tools-menu-cards-module__vvH3ZW__description{color:color-mix(in srgb, var(--foreground) 63%, var(--tool-surface));margin-top:5px;font-size:12px;line-height:1.45}.tools-menu-cards-module__vvH3ZW__artwork{width:132px;height:89px;color:var(--tool-color);opacity:.65;-webkit-mask-image:linear-gradient(145deg, transparent 5%, var(--background) 53%);mask-image:linear-gradient(145deg, transparent 5%, var(--background) 53%);transition:opacity var(--dur-fast) var(--ease-standard);pointer-events:none;position:absolute;bottom:-22px;right:-22px;transform:rotate(-13deg)}.tools-menu-cards-module__vvH3ZW__card:hover .tools-menu-cards-module__vvH3ZW__artwork{opacity:.9}.dark .tools-menu-cards-module__vvH3ZW__artwork{opacity:.5}.dark .tools-menu-cards-module__vvH3ZW__card:hover .tools-menu-cards-module__vvH3ZW__artwork{opacity:.7}@media (max-width:767px){.tools-menu-cards-module__vvH3ZW__panel{width:min(480px,100vw - 32px)}.tools-menu-cards-module__vvH3ZW__copy{padding:14px 14px 34px}.tools-menu-cards-module__vvH3ZW__artwork{width:112px;height:76px}}@media (prefers-reduced-motion:reduce){.tools-menu-cards-module__vvH3ZW__card,.tools-menu-cards-module__vvH3ZW__artwork{transition:none}}
.syllable-how-section-module__TLPOLW__scene{animation:syllable-how-section-module__TLPOLW__scene-in .35s var(--ease-spring) both}.syllable-how-section-module__TLPOLW__word{animation:syllable-how-section-module__TLPOLW__scene-in .35s var(--ease-spring) both;animation-delay:var(--word-delay,0s)}@keyframes syllable-how-section-module__TLPOLW__scene-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.syllable-how-section-module__TLPOLW__scene,.syllable-how-section-module__TLPOLW__word{animation:.2s ease-out both syllable-how-section-module__TLPOLW__dissolve}}@keyframes syllable-how-section-module__TLPOLW__dissolve{0%{opacity:0}to{opacity:1}}
.syllable-pronunciation-section-module__KcmlvG__stage{flex-direction:column;justify-content:center;gap:24px;min-height:160px;display:flex;overflow:hidden}.syllable-pronunciation-section-module__KcmlvG__voiceTrack{width:64%;transition:width .4s var(--ease-spring), grid-template-columns .4s var(--ease-spring), column-gap .4s var(--ease-spring);grid-template-columns:minmax(0,1fr) minmax(0,0fr);column-gap:0;display:grid}.syllable-pronunciation-section-module__KcmlvG__voiceTrack[data-split=true]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px}.syllable-pronunciation-section-module__KcmlvG__voiceTrack[data-stretched=true]{width:100%}.syllable-pronunciation-section-module__KcmlvG__syllable{text-align:center;flex-direction:column;gap:8px;min-width:0;display:flex;overflow:hidden}.syllable-pronunciation-section-module__KcmlvG__secondSyllable{opacity:0;transition:opacity .2s}.syllable-pronunciation-section-module__KcmlvG__voiceTrack[data-split=true] .syllable-pronunciation-section-module__KcmlvG__secondSyllable{opacity:1}.syllable-pronunciation-section-module__KcmlvG__voiceBar{border-radius:var(--radius-sm);background:var(--brand);height:24px}.syllable-pronunciation-section-module__KcmlvG__timeAxis{color:var(--muted-foreground);align-items:center;gap:8px;font-size:12px;line-height:16px;display:flex}.syllable-pronunciation-section-module__KcmlvG__axisLine{background:var(--border);flex:1;height:1px}@media (prefers-reduced-motion:reduce){.syllable-pronunciation-section-module__KcmlvG__voiceTrack{transition:none}.syllable-pronunciation-section-module__KcmlvG__secondSyllable{transition:opacity .15s}}