.voice-recorder[data-v-3e43a69b]{font-family:system-ui,sans-serif;margin:20px auto;max-width:500px;padding:20px}.controls[data-v-3e43a69b]{display:flex;flex-direction:column;gap:15px}.btn[data-v-3e43a69b]{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 20px;transition:all .3s}.record[data-v-3e43a69b]{background:#4caf50;color:#fff}.record[data-v-3e43a69b]:hover{background:#45a049}.stop[data-v-3e43a69b]{animation:pulse-3e43a69b 1s infinite;background:#f44336;color:#fff}.stop[data-v-3e43a69b]:hover{background:#da190b}@keyframes pulse-3e43a69b{0%,to{opacity:1}50%{opacity:.7}}audio[data-v-3e43a69b]{margin:15px 0;width:100%}.actions[data-v-3e43a69b]{display:flex;gap:10px}.upload[data-v-3e43a69b]{background:#2196f3;color:#fff;flex:1}.upload[data-v-3e43a69b]:hover{background:#0b7dda}.delete[data-v-3e43a69b]{background:#ff9800;color:#fff}.delete[data-v-3e43a69b]:hover{background:#e68900}.message[data-v-3e43a69b]{border-radius:6px;font-weight:500;margin-top:15px;padding:12px;text-align:center}.error[data-v-3e43a69b]{background:#ffebee;color:#c62828}.success[data-v-3e43a69b]{background:#e8f5e9;color:#2e7d32}.info[data-v-3e43a69b]{background:#e3f2fd;color:#1565c0}textarea[data-v-53cfd03d]{max-height:none;min-height:auto;resize:none}.word-ipa-wrapper{align-items:baseline;display:flex;flex-wrap:wrap;line-height:1.8}.word-display{cursor:pointer;font-size:16px;font-weight:500;transition:opacity .2s}.word-display:hover{text-decoration:underline;text-decoration-color:#7b7b7b}.char-match{color:#3f9eff}.char-similar{color:#f5a300}.char-mismatch{color:#e91d23}.space{margin:0}.popover-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--white,#fff);border:1px solid var(--Stroke,rgba(91,97,110,.15));border-radius:12px;box-shadow:2px 2px 16px #00000040;padding:18px;width:248px}.circle-svg{transform:rotate(0)}.circle-progress{transition:stroke-dashoffset .5s ease;stroke-linecap:round}.circle-text{font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.popover-words{font-size:18px;font-weight:500;margin-bottom:8px;text-align:center}.popover-ipa{font-size:16px;text-align:center}audio[data-v-6147d310]{display:none}.button-suggest[data-v-6147d310]{-webkit-backdrop-filter:blur(13.550000190734863px);backdrop-filter:blur(13.550000190734863px);background:conic-gradient(from 180deg at 50% 50%,#bc82f303 .167333722114563turn,#f5b9ea03 85.1531571149826deg,#8d99ff03 126.66306138038635deg,#aa6eee03 209.3291187286377deg,#ff677803 .696975588798523turn,#ffba7103 291.4154005050659deg,#c686ff03 332.6585268974304deg);border:1px solid var(--AI,#bc82f3);border-radius:50px;box-shadow:inset 0 0 4px #c485fc,1px 1px 4px #ffbdbf}.hover-bg.loading1[data-v-6147d310],.loading1[data-v-6147d310]{color:transparent!important;cursor:not-allowed;opacity:1;pointer-events:auto;position:relative;text-shadow:none!important;transition:all 0s linear,opacity .1s ease}.hover-bg.loading1[data-v-6147d310]:before,.loading1[data-v-6147d310]:before{border:.2em solid #3f9eff;border-radius:500rem}.hover-bg.loading1[data-v-6147d310]:after,.hover-bg.loading1[data-v-6147d310]:before,.loading1[data-v-6147d310]:after,.loading1[data-v-6147d310]:before{content:"";height:1.28571429em;left:50%;margin:-.64285714em 0 0 -.64285714em;position:absolute;top:50%;width:1.28571429em}.hover-bg.loading1[data-v-6147d310]:after,.loading1[data-v-6147d310]:after{animation:spin-6147d310 .6s linear;animation-iteration-count:infinite;border:.2em solid transparent;border-radius:500rem;border-top-color:#fff;box-shadow:0 0 0 1px transparent}@keyframes spin-6147d310{to{transform:rotate(1turn)}}.button-gradient[data-v-2e6e7be1]{-webkit-backdrop-filter:blur(13.550000190734863px);backdrop-filter:blur(13.550000190734863px);background:conic-gradient(from 180deg at 50% 50%,#bc82f303 .167333722114563turn,#f5b9ea03 85.1531571149826deg,#8d99ff03 126.66306138038635deg,#aa6eee03 209.3291187286377deg,#ff677803 .696975588798523turn,#ffba7103 291.4154005050659deg,#c686ff03 332.6585268974304deg),#fff;border:1px solid var(--AI,#bc82f3);border-radius:50px;box-shadow:inset 0 0 4px #c485fc,1px 1px 4px #ffbdbf}