*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f0f13;color:#e8e8f0;min-height:100vh}.app{max-width:620px;margin:0 auto;padding:56px 24px 80px;display:flex;flex-direction:column;align-items:center;gap:0}header{text-align:center;margin-bottom:40px}h1{font-size:2.6rem;font-weight:700;background:linear-gradient(135deg,#7c6fff,#38d9f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.subtitle{margin-top:8px;color:#7a7a9d;font-size:1rem}.controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:36px}.controls label{color:#9090b0;font-size:.9rem}select{padding:10px 16px;border-radius:10px;border:1px solid #2e2e45;background:#1a1a2e;color:#e8e8f0;font-size:1rem;cursor:pointer;outline:none;transition:border-color .2s}select:focus{border-color:#7c6fff}select:disabled{opacity:.45;cursor:not-allowed}.mic-btn{width:130px;height:130px;border-radius:50%;border:none;background:#7c6fff;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:2.2rem;transition:transform .15s ease,background .2s ease;box-shadow:0 4px 24px #7c6fff59}.mic-btn span{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.mic-btn:hover{transform:scale(1.06)}.mic-btn.listening{background:#e0365a;box-shadow:0 4px 24px #e0365a66;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #e0365a73}50%{box-shadow:0 0 0 20px #e0365a00}}.status-row{height:24px;margin-top:18px;display:flex;align-items:center;justify-content:center}.status{font-size:.875rem;color:#7a7a9d}.status.processing{color:#38d9f5}.panel{width:100%;margin-top:24px;background:#16162a;border:1px solid #2a2a42;border-radius:14px;padding:20px 24px}.panel h3{font-size:.75rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#5a5a7a;margin-bottom:10px}.panel p{font-size:1.1rem;line-height:1.65;color:#d8d8ef}.panel.translation{border-color:#7c6fff4d;background:#13132b}.panel.error{border-color:#e0365a66;background:#1e0f18}.panel.error p{color:#f07090;font-size:.9rem}@media (max-width: 480px){h1{font-size:2rem}.mic-btn{width:110px;height:110px;font-size:1.8rem}}