@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-0: #0a0c0f;--bg-1: #111318;--bg-2: #181c22;--bg-3: #1f242d;--border: rgba(255,255,255,.07);--accent: #22d3ee;--accent-dim: rgba(34,211,238,.15);--accent-glow: rgba(34,211,238,.35);--green: #4ade80;--green-dim: rgba(74,222,128,.15);--red: #f87171;--text-1: #f0f4f8;--text-2: #8892a4;--text-3: #4a5568;--font: "Inter", sans-serif;--mono: "JetBrains Mono", monospace;--radius: 16px}html,body,#root{width:100%;height:100%;background:var(--bg-0);font-family:var(--font);color:var(--text-1);-webkit-font-smoothing:antialiased}.widget-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(ellipse 60% 40% at 30% 20%,rgba(34,211,238,.06) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 70% 80%,rgba(74,222,128,.04) 0%,transparent 70%),var(--bg-0)}.pin-screen{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:320px;padding:2rem 1.5rem 2.5rem;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 20px 60px #00000080}.pin-logo{display:flex;flex-direction:column;align-items:center;gap:.25rem}.pin-logo-icon{font-size:2.5rem;filter:drop-shadow(0 0 12px var(--accent-glow))}.pin-title{font-size:1.2rem;font-weight:700;letter-spacing:.05em;color:var(--text-1)}.pin-subtitle{font-family:var(--mono);font-size:.75rem;color:var(--accent);letter-spacing:.12em}.pin-dots-row{display:flex;gap:1rem}.pin-dots-row.shake{animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--text-3);transition:all .2s ease}.pin-dot.filled{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.pin-dot.error{background:var(--red);border-color:var(--red);box-shadow:0 0 10px #f8717166}.pin-message{font-size:.75rem;color:var(--red);height:1rem;opacity:0;transition:opacity .2s}.pin-message.visible{opacity:1}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;width:100%}.pin-key{height:52px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;color:var(--text-1);font-family:var(--font);font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.pin-key:hover{background:var(--bg-3);border-color:#ffffff26}.pin-key:active{transform:scale(.94);background:var(--accent-dim);border-color:var(--accent)}.pin-key.empty{background:transparent;border:none;pointer-events:none}.pin-key.del{font-size:1rem;color:var(--text-2)}.connecting-shell{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem}.connecting-spinner{width:40px;height:40px;border:3px solid var(--bg-3);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.connecting-text{font-size:1rem;font-weight:600;color:var(--text-1)}.connecting-sub{font-family:var(--mono);font-size:.75rem;color:var(--text-2);letter-spacing:.08em}.error-shell{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 2rem;background:var(--bg-1);border:1px solid rgba(248,113,113,.2);border-radius:var(--radius);max-width:340px;text-align:center}.error-icon{font-size:2rem}.error-msg{font-size:.82rem;color:var(--text-2);line-height:1.5}.error-retry{margin-top:.5rem;padding:.6rem 1.5rem;background:var(--accent-dim);border:1px solid var(--accent);border-radius:8px;color:var(--accent);font-family:var(--font);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.error-retry:hover{background:#22d3ee40}.radio-widget{width:340px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #22d3ee0d}.rw-header{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;background:var(--bg-2);border-bottom:1px solid var(--border)}.rw-logo{font-size:1.4rem}.rw-info{flex:1}.rw-title{font-size:.8rem;font-weight:700;letter-spacing:.08em;color:var(--text-1);text-transform:uppercase}.rw-channel{font-family:var(--mono);font-size:.65rem;color:var(--text-2);letter-spacing:.06em;margin-top:1px}.rw-status{display:flex;align-items:center;gap:.35rem;background:var(--green-dim);border:1px solid rgba(74,222,128,.25);border-radius:20px;padding:.25rem .6rem}.rw-status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse-green 2s ease infinite}@keyframes pulse-green{0%,to{opacity:1;box-shadow:0 0 6px var(--green)}50%{opacity:.6;box-shadow:0 0 3px var(--green)}}.rw-status-label{font-family:var(--mono);font-size:.6rem;font-weight:700;color:var(--green);letter-spacing:.1em}.rw-speaker-area{height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1rem;background:var(--bg-0);position:relative;overflow:hidden;transition:background .4s ease}.rw-speaker-area.active{background:radial-gradient(ellipse at center,rgba(34,211,238,.06) 0%,var(--bg-0) 70%)}.rw-speaker-area.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-top:1px solid rgba(34,211,238,.15);border-bottom:1px solid rgba(34,211,238,.15);animation:scan 2s linear infinite;pointer-events:none}@keyframes scan{0%{opacity:0;transform:scaleX(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:scaleX(1.05)}}.rw-waves{display:flex;align-items:center;gap:4px;height:36px}.rw-wave-bar{width:4px;border-radius:2px;background:var(--accent);box-shadow:0 0 8px var(--accent-glow);animation:wave .7s ease-in-out infinite alternate;min-height:4px}@keyframes wave{0%{height:6px;opacity:.5}to{height:32px;opacity:1}}.rw-wave-bar:nth-child(1){animation-duration:.5s}.rw-wave-bar:nth-child(2){animation-duration:.7s}.rw-wave-bar:nth-child(3){animation-duration:.6s}.rw-wave-bar:nth-child(4){animation-duration:.8s}.rw-wave-bar:nth-child(5){animation-duration:.55s}.rw-speaking-label{font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.2em;color:var(--accent)}.rw-speaker-name{font-size:1rem;font-weight:700;color:var(--text-1);letter-spacing:.04em}.rw-idle-icon{font-size:2rem;opacity:.25}.rw-idle-label{font-size:.72rem;color:var(--text-3);letter-spacing:.04em}.rw-footer{padding:.6rem 1rem;background:var(--bg-2);border-top:1px solid var(--border)}.rw-users{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:var(--text-2);margin-bottom:.4rem}.rw-users-dot{width:5px;height:5px;border-radius:50%;background:var(--text-3)}.rw-history{display:flex;flex-direction:column;gap:2px}.rw-history-item{display:flex;gap:.5rem;align-items:center}.rw-history-time{font-family:var(--mono);font-size:.6rem;color:var(--text-3);min-width:36px}.rw-history-from{font-size:.67rem;color:var(--text-2)}