:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eeeee8;background:#111310;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 38%,#22291a55,transparent 58%)}header,footer{display:flex;align-items:center;justify-content:space-between;margin:0 auto;width:min(1120px,calc(100% - 64px))}header{height:106px}.brand{font-size:24px;font-weight:650;letter-spacing:-1px;color:inherit;text-decoration:none;display:flex;align-items:center;gap:10px}.brand-mark{background:#c8ee94;color:#17200e;border-radius:11px;width:33px;height:33px;text-align:center;line-height:29px;letter-spacing:-3px;padding-right:3px}.tag,.eyebrow,.label,footer{font-size:10px;letter-spacing:1.6px}.tag{border:1px solid #353a30;color:#a6af9b;border-radius:6px;padding:7px 10px}main{width:min(630px,calc(100% - 40px));margin:53px auto 60px;flex:1}.eyebrow{display:flex;gap:10px;align-items:center;color:#aab99b;font-weight:600}.dot{display:inline-block;background:#c8ee94;width:7px;height:7px;border-radius:50%}.small{width:5px;height:5px;margin-right:7px}h1{font-size:clamp(44px,7vw,66px);line-height:1.06;letter-spacing:-3px;font-weight:550;margin:25px 0 20px}.accent{color:#c8ee94}.intro{font-size:16px;color:#93998d;margin:0 0 39px}.room{background:#1a1d17;border:1px solid #33392d;border-radius:19px;padding:27px;box-shadow:0 20px 80px #0002}.room-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:25px;border-bottom:1px solid #30362a}.label{color:#8f9a83;font-size:9px;letter-spacing:1.2px}h2{font-size:20px;letter-spacing:-.5px;margin:8px 0 0;font-weight:500;overflow-wrap:anywhere}button,input{font:inherit}button{cursor:pointer;transition:background .15s,transform .15s;min-height:44px;border-radius:9px;padding:12px 16px;font-size:12px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:14px}button:hover{filter:brightness(1.12)}button:active{transform:translateY(1px)}button:disabled{cursor:wait;opacity:.55}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #c8ee94;outline-offset:4px}.secondary{background:#262c20;color:#dbe4d1;border:1px solid #3b4432}.primary{background:#c8ee94;color:#1b2511;border:1px solid #c8ee94}.danger{background:#372722;color:#e9b6a5;border:1px solid #53362b}form{padding-top:25px}label{display:block;font-size:13px;color:#c1c6b9;margin-bottom:11px}.join-row{display:flex;gap:10px}input{min-width:0;flex:1;border:1px solid #3a4133;border-radius:9px;background:#12160f;padding:14px;color:#eee;font-size:14px}input::placeholder{color:#6d7664}.hint{color:#808a75;font-size:11px;margin:13px 0 2px}.room-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #30362a;padding-top:18px;margin-top:25px;color:#8d9882;font-size:11px}#message{font-size:12px;line-height:1.6;color:#d6dfc7;margin:15px 0 0;overflow-wrap:anywhere}#message:empty{display:none}#message.error{color:#f4b5a5}.below{font-size:11px;color:#757e6c;text-align:center;margin:22px 0 0}footer{color:#6f7766;border-top:1px solid #292e23;padding:24px 0 28px;font-size:9px;letter-spacing:1px}footer span:last-child{letter-spacing:0;font-size:11px}.call-info{display:flex;justify-content:space-between;color:#8f9a83;font-size:11px;margin:20px 0}.participants{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.participant{border:1px solid #333c2b;background:#151a11;border-radius:12px;padding:17px 8px 13px;text-align:center;min-width:0;transition:border-color .2s}.participant.speaking{border-color:#c8ee94;box-shadow:0 0 0 1px #c8ee9422}.avatar{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 10px;border-radius:50%;background:#343e29;color:#d6e8c2;font-size:18px}.participant-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-status{font-size:10px;color:#8b977d;margin-top:7px;min-height:13px}.controls{display:flex;justify-content:space-between;gap:12px;margin-top:21px}#play{margin-top:12px}[hidden]{display:none!important}@media(max-width:600px){header,footer{width:calc(100% - 40px)}header{height:80px}main{margin-top:35px;margin-bottom:50px}.room{padding:20px}.room-header{align-items:flex-start;flex-direction:column}.room-header button{width:100%}.join-row{flex-direction:column}.join-row button{width:100%}h1{letter-spacing:-2px}.participants{grid-template-columns:repeat(2,1fr)}.controls{flex-direction:column}footer span:last-child{display:none}}
#access-message{font-size:12px;line-height:1.6;color:#e9c1ac;overflow-wrap:anywhere}#key-panel{margin:18px 0}#generated-key{width:100%;margin-top:16px;padding:12px;border:1px solid #3a4133;border-radius:8px;background:#12160f;color:#eee;font:13px ui-monospace,monospace;resize:vertical}#service-logout{margin-top:16px}#accept-invite{margin-top:16px}
#nickname-fields input{width:100%}#join-form>#join{margin-top:12px}