*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#000;min-height:100vh;display:flex;justify-content:center;align-items:center;color:#fff;position:relative}.unnic-logo{display:inline-block;text-decoration:none;padding:12px 24px;border-radius:50px;background:transparent;transition:all .3s ease;margin-top:40px}.unnic-logo:hover{background:#1a1a1a}.unnic-text{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:1.2rem;font-weight:500;letter-spacing:.15em;color:#ffffff80;transition:color .3s ease}.unnic-logo:hover .unnic-text{color:#fffc}.unnic-text .dot{color:inherit}.container{text-align:center;padding:40px 20px;max-width:600px;width:100%}header{margin-bottom:60px}header h1{font-size:3rem;font-weight:700;letter-spacing:-.02em;margin-bottom:16px;color:#fff}.subtitle{font-size:1.1rem;color:#ffffff80;font-weight:400}main{display:flex;flex-direction:column;align-items:center;gap:30px}.mic-button{width:120px;height:120px;border-radius:50%;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);cursor:pointer;display:flex;justify-content:center;align-items:center;position:relative;transition:all .3s ease}.mic-button:hover{background:#252525;border-color:#fff3;transform:scale(1.02)}.mic-button:active{transform:scale(.98)}.mic-button.active{background:#1a1a1a;border-color:#3b82f680;box-shadow:0 0 30px #3b82f64d}.mic-icon{width:32px;height:32px;color:#ffffffb3;transition:color .3s ease;z-index:2}.mic-button:hover .mic-icon{color:#ffffffe6}.mic-button.active .mic-icon{color:#3b82f6}.pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(59,130,246,.5);opacity:0;pointer-events:none}.mic-button.active .pulse-ring{animation:pulse 2s ease-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.5);opacity:0}}.status-text{font-size:.95rem;color:#fff6;min-height:24px;transition:all .3s ease}.status-text.active{color:#3b82f6}.status-text.error{color:#ef4444}.transcript-window,#transcript-window{display:none!important;visibility:hidden!important;opacity:0!important}.listening-indicator{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 0}.listening-indicator span{width:4px;height:16px;background:#3b82f6;border-radius:2px;animation:soundWave .5s ease-in-out infinite alternate}.listening-indicator span:nth-child(1){animation-delay:0s}.listening-indicator span:nth-child(2){animation-delay:.1s}.listening-indicator span:nth-child(3){animation-delay:.2s}.listening-indicator span:nth-child(4){animation-delay:.3s}.listening-indicator span:nth-child(5){animation-delay:.4s}@keyframes soundWave{0%{height:8px;opacity:.5}to{height:24px;opacity:1}}@media(max-width:480px){header h1{font-size:2.2rem}.subtitle{font-size:1rem}.mic-button{width:100px;height:100px}.mic-icon{width:28px;height:28px}}