:root{color:#f6f5ef;background:#121316;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top,rgba(91,101,255,.18),transparent 35%),linear-gradient(180deg,#17181d,#0f1013)}body{min-height:100vh}button,input{font:inherit}#app{min-height:100vh}.shell{min-height:100vh;display:grid;place-items:center;padding:24px}.panel{width:min(100%,460px);padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#111216e0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 24px 80px #0000005c}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.row-top{margin-bottom:12px}.eyebrow{margin:0 0 2px;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffff8f}.title{margin:0;font-size:1.8rem;font-weight:620}.intro{margin:0 0 20px;color:#ffffffb8;line-height:1.5}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:#ffffff0f;color:#ffffffd1;font-size:.92rem}.status-pill.active{background:#ff436024}.status-dot{width:10px;height:10px;border-radius:999px;background:#ffffff59}.status-dot.listening{background:#ff5f74;box-shadow:0 0 0 6px #ff5f7424}.controls{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px}.primary-button,.secondary-button{width:100%;border:0;border-radius:16px;padding:14px 16px;transition:background .14s ease,transform .14s ease,opacity .14s ease}.primary-button{background:#ece7d6;color:#111217;font-weight:620}.primary-button:disabled{opacity:.6}.primary-button:not(:disabled):hover,.secondary-button:hover{transform:translateY(-1px)}.dropdown{position:relative}.secondary-button{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#ffffff0f;color:#f5f5ef}.dropdown-summary{color:#ffffff9e;text-align:right}.dropdown-panel{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:10;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#0e0f12fa;box-shadow:0 22px 50px #0006}.hidden{display:none}.language-search{width:100%;margin-bottom:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:#ffffff0a;color:inherit}.language-list{max-height:280px;overflow:auto}.language-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 8px;border-radius:12px;color:#ffffffe0}.language-option:hover{background:#ffffff0a}.language-code{color:#ffffff6b;text-transform:uppercase;font-size:.76rem;letter-spacing:.08em}.result-card{margin:0 0 14px;padding:18px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.result-label{margin:0 0 10px;color:#ffffff8f;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.result-primary{margin:0;font-size:2rem;font-weight:640}.result-secondary,.status-detail{margin:8px 0 0;color:#ffffffad;line-height:1.45}@media(max-width:520px){.shell{padding:14px}.panel{padding:18px;border-radius:20px}.row-top{align-items:flex-start;flex-direction:column}.status-pill{width:100%;justify-content:center}}