*{box-sizing:border-box}html,body{color:#fff;background:linear-gradient(135deg,#07142f,#102b63,#c4162a);min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}button,input,textarea,select{font:inherit}.app-container{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.app-card{text-align:center;-webkit-backdrop-filter:blur(18px);background:#ffffff1f;border-radius:28px;width:100%;max-width:460px;padding:32px 24px;box-shadow:0 24px 60px #00000059}.app-card h1{margin:0 0 18px;font-size:28px}.voice-status{min-height:28px;margin:0 0 28px;font-size:20px;font-weight:600}.micro-button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#07111f;border:3px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:230px;height:230px;margin:28px auto;padding:0;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:visible;box-shadow:0 14px 35px #00000059,inset 0 0 20px #ffffff14}.micro-button:active{transform:scale(.96)}.micro-logo{object-fit:contain;border-radius:50%;width:100%;height:100%}.micro-center{color:#fff;background:radial-gradient(circle at 35% 30%,#444,#111 65%);border:3px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;transition:background .2s,box-shadow .2s,color .2s;display:flex;position:absolute;box-shadow:0 5px 18px #0009,inset 0 0 12px #ffffff1f}.micro-icon{width:42px;height:42px}.micro-button-listening{border-color:#4ade80;animation:1.15s infinite teamff33-pulse;box-shadow:0 0 16px #4ade80f2,0 0 38px #4ade808c}.micro-button-listening .micro-center{color:#fff;background:radial-gradient(circle at 35% 30%,#4ade80,#087830 70%);border-color:#bbf7d0;box-shadow:0 0 14px #4ade80,0 0 32px #4ade80d9}.listening-label{color:#052e16;white-space:nowrap;background:#86efac;border-radius:999px;padding:6px 14px;font-size:15px;font-weight:800;position:absolute;bottom:-34px}.google-status{color:#fff;text-align:center;margin:28px 0 0;font-size:18px;font-weight:600}.google-connected{color:#86efac}.google-login-button{color:#172554;cursor:pointer;background:#fff;border:0;border-radius:14px;margin:28px auto 0;padding:14px 24px;font-size:18px;font-weight:800;display:block}@keyframes teamff33-pulse{0%,to{filter:drop-shadow(0 0 3px #4ade8059);transform:scale(1)}50%{filter:drop-shadow(0 0 22px #4ade80);transform:scale(1.07)}}@media (max-width:480px){.app-container{align-items:flex-start;padding:14px}.app-card{border-radius:24px;margin-top:12px;padding:24px 18px 32px}.app-card h1{font-size:25px}.micro-button{width:205px;height:205px}.micro-center{width:68px;height:68px}.micro-icon{width:38px;height:38px}}