:root{font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif;color:#edf3e8;background:#0d120e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 18%,#1c2d20 0,#101611 38%,#090c0a)}button,input{font:inherit}button{cursor:pointer}.shell{width:min(680px,100%);min-height:100vh;margin:auto;padding:32px 24px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #5f7c64;border-radius:50%;color:#d5ff77;font:500 11px ui-monospace,monospace;box-shadow:inset 0 0 18px #263d2b}.lobby{width:min(490px,100%);margin:auto;padding:48px 0}.eyebrow{margin:0 0 12px;color:#a9cf6b;font:500 11px ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase}h1{margin:0;font-size:clamp(39px,8vw,66px);line-height:.98;letter-spacing:-.065em}.intro{max-width:440px;margin:24px 0 38px;color:#9da99e;font-size:17px;line-height:1.65}form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.invite-form,.admin-form{grid-template-columns:1fr}label{color:#aab5ab;font:500 11px ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}input{display:block;width:100%;margin-top:8px;padding:15px 16px;color:#f4f8f1;background:#151c16;border:1px solid #2c392e;border-radius:10px;outline:none}input:focus{border-color:#92bd59;box-shadow:0 0 0 3px #92bd5918}.join{grid-column:1 / -1;margin-top:4px;padding:16px;border:0;border-radius:10px;color:#13190e;background:#c6f36c;font-weight:800;box-shadow:0 10px 30px #92c43b1f}.join:hover{background:#d2ff78}.join:disabled{opacity:.65;cursor:wait}.error{padding:12px 14px;color:#ffaaa1;background:#5b1c182b;border:1px solid #80342e;border-radius:9px;font-size:13px}.privacy{margin-top:22px;color:#657268;font-size:12px;text-align:center}.privacy span{color:#82ae4e}.beep-fieldset{margin:0;padding:12px 14px 14px;border:1px solid #2c392e;border-radius:10px}.beep-fieldset legend{padding:0 4px;color:#aab5ab;font:500 11px ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}.beep-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 0;color:#768178;font:500 11px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.beep-picker{display:flex;gap:6px}.beep-picker button{padding:7px 11px;color:#b9dc78;background:#1d2a1e;border:1px solid #506d45;border-radius:8px;font-size:11px;text-transform:capitalize}.beep-picker button:hover{background:#293c27}.beep-picker button.active{color:#13190e;background:#c6f36c;border-color:#c6f36c;font-weight:700}.room{flex:1;display:flex;flex-direction:column;padding-top:72px}.room-head{display:flex;justify-content:space-between;align-items:flex-start}.room-head h1{font-size:clamp(38px,9vw,60px)}.room-actions{display:flex;gap:8px;align-items:center}.share{padding:9px 12px;color:#c8ef83;background:#1d2a1e;border:1px solid #506d45;border-radius:8px;font-size:12px}.share:hover{background:#293c27}.leave{padding:9px 14px;color:#aeb8af;background:transparent;border:1px solid #334035;border-radius:8px}.people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:38px 0}.person{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;background:#141a15b8;border:1px solid #273129;border-radius:12px;transition:border-color .15s,background .15s}.person.active{background:#23331c;border-color:#a7d552;box-shadow:0 0 20px #9ecc4930}.avatar{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;color:#c8ef83;background:#263329;border-radius:50%;font:500 12px ui-monospace,monospace}.person span:last-child{min-width:0}.person strong,.person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person strong{font-size:14px}.person small{margin-top:3px;color:#768178;font:400 10px ui-monospace,monospace;text-transform:uppercase}.person.active small{color:#b9dc78}.person.blocked{background:#2a2416;border-color:#d4a04a}.person.blocked small{color:#efc56a}.transmit-wrap{margin:auto 0;padding:22px 0 42px;text-align:center}.transmit{width:min(360px,88vw);height:112px;color:#182010;background:#c4f066;border:0;border-radius:56px;font-weight:800;font-size:18px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;box-shadow:0 13px 50px #8fbd3f2b,inset 0 -5px #90b842;transition:transform .08s,background .08s}.transmit.active{transform:translateY(3px) scale(.985);color:#fff;background:#ed704f;box-shadow:0 6px 38px #e2553545,inset 0 -3px #b83f2c}.transmit.pending{transform:translateY(3px) scale(.985);color:#182010;background:#9ecb4e;box-shadow:0 6px 38px #8fbd3f2b,inset 0 -3px #7aa336}.transmit.busy{transform:translateY(3px) scale(.985);color:#1b160c;background:#e6b35c;box-shadow:0 6px 38px #e6b35c40,inset 0 -3px #b8862e}.radio-icon{margin-right:10px;font-size:22px}.transmit-wrap p{color:#5f6b61;font:400 10px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.history{padding:18px 0 34px;border-top:1px solid #263128}.history-head{display:flex;align-items:baseline;justify-content:space-between}.history-head .eyebrow{margin:0}.history-head>span{color:#69766c;font:400 10px ui-monospace,monospace}.history-empty{margin:12px 0 0;color:#657168;font-size:13px}.clips{display:grid;gap:8px;margin-top:12px}.pinned{margin-top:14px;padding:10px;background:#202c1c;border:1px solid #739245;border-radius:12px}.pin-label{display:block;margin:0 0 8px 2px;color:#c8ef83;font:600 10px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.clip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;background:#141a15b8;border:1px solid #273129;border-radius:9px}.clip.is-pinned{border-color:#739245}.clip.is-active{border-color:#b7e36b;box-shadow:0 0 18px #9ecc4922}.clip strong,.clip small{display:block}.clip strong{font-size:13px}.clip small{margin-top:3px;color:#768178;font:400 10px ui-monospace,monospace}.clip audio{width:min(220px,43%);height:30px}.stop{flex:0 0 auto;padding:7px 10px;color:#1b2416;background:#c8ef83;border:1px solid #c8ef83;border-radius:7px;font-size:11px;font-weight:700}.stop:hover{background:#e0ffa6}.pin{flex:0 0 auto;padding:7px 9px;color:#b9dc78;background:transparent;border:1px solid #506d45;border-radius:7px;font-size:11px}.pin:hover{background:#293c27}footer{color:#424c44;font:500 9px ui-monospace,monospace;letter-spacing:.12em;text-align:center}footer span{margin:0 6px;color:#6c7b6e}@media(max-width:520px){.shell{padding:24px 18px 18px}form,.people{grid-template-columns:1fr}.room{padding-top:48px}.room-head{gap:14px}.room-actions{flex-direction:column;align-items:stretch}.clip{flex-wrap:wrap}.clip audio{width:calc(100% - 54px)}}