:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#f6f8fb;background:#091321;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#1c3555,#091321 48%)}button,input{font:inherit}.app{max-width:520px;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}header small{color:#f5b63f;font-weight:800;letter-spacing:.14em}h1{font-size:28px;margin:2px 0}.status{padding:7px 11px;border-radius:20px;font-size:13px;background:#315e42}.offline{background:#61323a}.card{background:rgba(25,43,65,.94);border:1px solid #304c6c;border-radius:16px;padding:17px;box-shadow:0 12px 35px #0004}.setup h2,.users h2{font-size:17px;margin:0 0 16px}.setup label{display:block;margin:14px 0;color:#b8c6d8;font-size:14px}.setup input{display:block;width:100%;margin-top:7px;border:1px solid #45617e;background:#0d1b2c;border-radius:11px;padding:13px;color:white;font-size:17px}.primary{width:100%;border:0;border-radius:12px;padding:14px;background:#f5aa24;color:#142033;font-weight:800}.identity{display:flex;justify-content:space-between;align-items:center}.identity span{display:block;font-size:18px;font-weight:800}.identity small{display:block;margin-top:4px;color:#9db0c5}.identity button{background:none;color:#f5b63f;border:0}.groups{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.groups button{padding:13px 6px;border-radius:12px;border:1px solid #3c5877;background:#152943;color:#b9c8d9;font-weight:700}.groups button.active{background:#f5aa24;color:#152238;border-color:#f5aa24}.speaker{text-align:center;margin-bottom:18px}.speaker small{color:#8fa4ba}.speaker strong{display:block;font-size:20px;margin-top:6px;color:#66d391}.speaker.busy strong{color:#f4ba4e}.ptt{width:230px;height:230px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;border:10px solid #274669;background:linear-gradient(#e44c4c,#b8232d);color:white;box-shadow:0 12px 0 #751722,0 22px 35px #0008;touch-action:none;user-select:none}.ptt:disabled{filter:grayscale(.8);opacity:.55}.ptt.talking{transform:translateY(8px);box-shadow:0 4px 0 #751722,0 10px 25px #0008;background:linear-gradient(#53c778,#248746)}.ptt span{font-size:12px;letter-spacing:.08em}.ptt strong{font-size:27px;margin-top:4px}.hint{text-align:center;color:#9fb0c2;min-height:22px}.users{margin-top:18px}.users h2{display:flex;justify-content:space-between}.users h2 span{background:#0b1726;border-radius:20px;padding:2px 9px}.users ul{list-style:none;padding:0;margin:0}.users li{padding:9px 0;border-top:1px solid #314a65}.users li::before{content:'●';color:#58d07e;margin-right:9px}#audio{display:none}