[data-v-0f990be6]{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container[data-v-0f990be6]{background:linear-gradient(135deg,#1a2a6c,#b21f1f,#1a2a6c);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;color:#333}.speech-app[data-v-0f990be6]{background:hsla(0,0%,100%,.92);border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,.3);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:900px;width:100%;margin:0 auto}.app-header[data-v-0f990be6]{background:linear-gradient(90deg,#4b6cb7,#182848);color:#fff;padding:25px 30px;text-align:center}.app-title[data-v-0f990be6]{font-size:2.2rem;font-weight:700;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:15px}.app-subtitle[data-v-0f990be6]{font-size:1.1rem;opacity:.9;margin-bottom:5px}.compatibility[data-v-0f990be6]{background:hsla(0,0%,100%,.15);border-radius:20px;padding:6px 15px;font-size:.85rem;display:inline-block;margin-top:10px}.app-body[data-v-0f990be6]{padding:30px}.control-section[data-v-0f990be6]{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.mic-button[data-v-0f990be6]{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#4b6cb7,#182848);border:none;color:#fff;font-size:2.5rem;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 25px rgba(75,108,183,.5);transition:all .3s ease;margin-bottom:25px}.mic-button[data-v-0f990be6]:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(75,108,183,.7)}.mic-button.listening[data-v-0f990be6]{background:linear-gradient(135deg,#e53935,#e35d5b);animation:pulse-0f990be6 1.5s infinite;box-shadow:0 8px 25px rgba(229,57,53,.5)}@keyframes pulse-0f990be6{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.status-indicator[data-v-0f990be6]{font-size:1.1rem;font-weight:500;padding:8px 20px;border-radius:20px;background:#e8f4ff;color:#1976d2;display:inline-flex;align-items:center;gap:8px;margin-bottom:20px}.status-indicator.listening[data-v-0f990be6]{background:#ffebee;color:#d32f2f}.result-section[data-v-0f990be6]{background:#f8f9ff;border-radius:15px;padding:25px;box-shadow:inset 0 0 15px rgba(0,0,0,.05);margin-bottom:30px;min-height:200px}.section-title[data-v-0f990be6]{font-size:1.3rem;color:#2c3e50;margin-bottom:15px;display:flex;align-items:center;gap:10px}.result-text[data-v-0f990be6]{font-size:1.4rem;line-height:1.6;min-height:100px}.hotword[data-v-0f990be6]{background:linear-gradient(120deg,#ffeb3b,#ff9800);padding:2px 8px;border-radius:5px;font-weight:700;color:#333;animation:highlight-0f990be6 2s ease-in-out}@keyframes highlight-0f990be6{0%{background:linear-gradient(120deg,#ffeb3b,#ff9800)}50%{background:linear-gradient(120deg,#ffc107,#ff5722)}to{background:linear-gradient(120deg,#ffeb3b,#ff9800)}}.hotwords-section[data-v-0f990be6]{background:#fff;border-radius:15px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,.05);margin-bottom:30px}.hotword-list[data-v-0f990be6]{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px;margin-bottom:20px}.hotword-tag[data-v-0f990be6]{background:linear-gradient(135deg,#43cea2,#185a9d);color:#fff;padding:8px 15px;border-radius:20px;font-size:1rem;display:flex;align-items:center;gap:8px}.hotword-form[data-v-0f990be6]{display:flex;gap:10px;margin-top:15px}.hotword-input[data-v-0f990be6]{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:8px;font-size:1rem;box-shadow:inset 0 2px 5px rgba(0,0,0,.05);transition:border-color .3s}.hotword-input[data-v-0f990be6]:focus{outline:none;border-color:#4b6cb7;box-shadow:0 0 0 2px rgba(75,108,183,.2)}.add-button[data-v-0f990be6]{background:linear-gradient(135deg,#4b6cb7,#182848);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.add-button[data-v-0f990be6]:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(75,108,183,.4)}.instructions[data-v-0f990be6]{background:#e8f4ff;border-radius:15px;padding:20px;margin-top:15px;font-size:.95rem;line-height:1.6}.instructions h3[data-v-0f990be6]{color:#1976d2;margin-bottom:10px;display:flex;align-items:center;gap:10px}.instructions ul[data-v-0f990be6]{padding-left:20px}.instructions li[data-v-0f990be6]{margin-bottom:8px}@media (max-width:768px){.app-body[data-v-0f990be6]{padding:20px}.app-title[data-v-0f990be6]{font-size:1.8rem}.result-text[data-v-0f990be6]{font-size:1.2rem}.mic-button[data-v-0f990be6]{width:85px;height:85px;font-size:2rem}.hotword-form[data-v-0f990be6]{flex-direction:column}}@media (max-width:480px){.app-header[data-v-0f990be6]{padding:20px 15px}.app-title[data-v-0f990be6]{font-size:1.5rem}.app-subtitle[data-v-0f990be6]{font-size:.95rem}.hotword-list[data-v-0f990be6]{justify-content:center}}