@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg-dark:#0f172a;--bg-darker:#020617;--primary:#3b82f6;--primary-hover:#2563eb;--success:#10b981;--danger:#ef4444;--danger-hover:#dc2626;--surface:#1e293bb3;--surface-border:#ffffff1a;--text:#f8fafc;--text-muted:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-darker);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#3b82f626 0,#0000 50%),radial-gradient(at 100% 100%,#10b9811a 0,#0000 50%);flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.glass-panel{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);border-radius:24px;box-shadow:0 25px 50px -12px #00000080}.container{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:480px;margin:0 auto;padding:24px;display:flex}h1{letter-spacing:-.025em;background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2.5rem;font-weight:800}p.subtitle{color:var(--text-muted);margin-bottom:32px;font-size:1.1rem}.input-group{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}input{border:1px solid var(--surface-border);width:100%;color:var(--text);background:#0f172a99;border-radius:12px;outline:none;padding:16px;font-family:inherit;font-size:1.1rem;transition:all .2s}input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a}button{cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .2s}button.primary{background:var(--primary);color:#fff}button.primary:hover{background:var(--primary-hover);transform:translateY(-2px)}button.danger{background:var(--danger);color:#fff}button.danger:hover{background:var(--danger-hover)}.ptt-container{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:32px;display:flex}.ptt-button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;width:200px;height:200px;font-size:1.5rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 0 #3b82f666}.ptt-button:before{content:"";border:2px solid #fff3;border-radius:50%;position:absolute;inset:0}.ptt-button:active,.ptt-button.active{background:var(--success);transform:scale(.95);box-shadow:0 0 0 20px #10b98133}.ptt-button.denied{background:var(--danger);cursor:not-allowed;transform:scale(1)}.ptt-button.receiving{background:var(--surface);border:2px solid var(--primary);animation:2s infinite pulse-receive}@keyframes pulse-receive{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 20px #3b82f600}to{box-shadow:0 0 #3b82f600}}.status-indicator{align-items:center;gap:8px;font-weight:500;display:flex}.dot{background:var(--text-muted);border-radius:50%;width:12px;height:12px}.dot.connected{background:var(--success)}.dot.speaking{background:var(--success);box-shadow:0 0 8px var(--success)}.dot.receiving{background:var(--primary);box-shadow:0 0 8px var(--primary)}.members-list{background:#0003;border-radius:16px;width:100%;padding:16px}.member{border-bottom:1px solid var(--surface-border);align-items:center;padding:12px;display:flex}.member:last-child{border-bottom:none}.member-avatar{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:16px;font-weight:700;display:flex}.header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}