:root{--chat-font:15px;--silver:linear-gradient(#f8f8fb 0%,#e4e4eb 45%,#b7b7c5 100%);--chrome:linear-gradient(#9999a1,#5a5a65 58%,#41414c);--purple:#807f9f;--line:#b7b6c8}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Arial,Helvetica,sans-serif}body{padding:22px;background:radial-gradient(ellipse at bottom,#adaddb,#545784 52%,#191c34);color:#15151a}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:2px solid #6758a7;outline-offset:2px}button img{object-fit:contain}button{touch-action:manipulation}.window{position:relative;width:min(1100px,100%);height:calc(100dvh - 44px);margin:auto;border:2px solid #37394c;border-radius:15px;overflow:hidden;background:#f0f0fa;box-shadow:0 15px 45px #11132d66;display:flex;flex-direction:column}.room-tabs{height:40px;flex:none;display:flex;overflow:auto;scrollbar-width:none;background:var(--silver);border-bottom:1px solid #858598}.room-tabs button{min-width:130px;flex:1;white-space:nowrap;padding:7px 16px;border:0;border-right:2px solid #f5f5ff;border-left:1px solid #a3a3ba;background:linear-gradient(#e2e2f1,#b7b8d1);text-shadow:0 1px #fff;font-variant:small-caps;font-size:18px;color:#171725}.room-tabs button.active{background:linear-gradient(#f7f6ff,#c8c7dd);box-shadow:inset 0 -3px #fffe96}.banner{display:flex;align-items:center;gap:7px;flex:none;height:43px;background:#0e1014;color:white;border-bottom:1px solid #7c7d8c;padding:3px 8px}.banner button{height:30px;border:1px solid #6f7077;border-radius:2px;background:#25272b;color:white;min-width:48px;font-size:14px;white-space:nowrap}.banner #roomsToggle{align-self:stretch;border:0;border-right:1px solid #303138;border-radius:0;width:39px;min-width:35px;background:none;font-size:27px;margin:-3px 3px -3px -8px;height:auto}.room-title{display:flex;flex-direction:column;text-align:center;flex:1;min-width:0;font-size:13px;line-height:1.2}.room-title b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-title span{color:#bdc1cd;font-size:12px}.banner #favorite{min-width:28px;padding:0;border:0;background:none;color:#bfc1ce;font-size:23px}.banner #favorite[aria-pressed=true]{color:#f1d377}.banner b{font-weight:700}
.workspace{display:flex;flex:1;min-height:0;position:relative;flex-direction:column}.workspace>main{display:contents}.chat-panel{display:flex;flex:1;min-height:0;flex-direction:column}.room-notice{height:26px;flex:none;padding:4px 9px;border-bottom:1px solid #c5c5d6;background:#e8e9f4;display:flex;gap:9px;font-size:10px;color:#757688;white-space:nowrap;overflow:hidden}.room-notice #speakingStatus{margin-left:auto;max-width:45%;overflow:hidden;text-overflow:ellipsis}.message-area{position:relative;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:9px 10px;background:radial-gradient(ellipse at 100% 95%,#cecbf8,transparent 68%),repeating-radial-gradient(ellipse at 100% 30%,transparent 0 22px,#ffffff54 23px,transparent 24px 42px),linear-gradient(110deg,#f7f7ff,#e6e6f8);scrollbar-width:thin;scrollbar-color:#a3a1bb #e7e7f1}.chat-welcome{color:#787790;font-size:12px;padding:3px 0 9px;border-bottom:1px solid #ceccdf;margin-bottom:8px}#messages{font-size:var(--chat-font);line-height:1.45;overflow-wrap:anywhere}#messages p{margin:0 0 10px;white-space:pre-wrap}#messages time{color:#94939f;font-size:.82em}#messages b{font-weight:600}.avatar{width:27px;height:27px;vertical-align:middle;object-fit:contain;margin-right:3px}#messages .avatar{width:19px;height:21px;margin-right:1px}.compact #messages p{margin-bottom:4px}.palchat-inline{width:18px;height:18px;object-fit:contain;vertical-align:middle;margin:0 1px}.speaky-inline,#messageEditor .speaky-inline{width:24px;height:24px;object-fit:contain;vertical-align:middle;margin:0 1px}
#chat{height:63px;min-height:63px;display:flex;gap:7px;padding:7px;background:#eaeaf5;border-top:1px solid #9291a7;position:relative;flex:none;margin-top:34px}#messageEditor{flex:1;min-width:0;min-height:44px;max-height:46px;overflow:auto;background:#fafaff;border:1px solid #8b899e;box-shadow:inset 1px 1px 2px #6f6c7e40;padding:10px 11px;font-size:14px;line-height:23px;white-space:pre-wrap;overflow-wrap:anywhere}#messageEditor:empty:before{content:attr(data-placeholder);color:#9292a6;pointer-events:none}#chat>button,.silver-button{border:1px solid #1b1b24;border-radius:3px;background:linear-gradient(#68696b 0%,#565759 47%,#18191a 51%,#030304);color:#fff;box-shadow:0 1px 3px #0005;padding:6px 18px;min-height:38px;font-weight:bold;text-shadow:0 1px #000}#chat>button{width:96px;font-size:14px}#chat>.emoji-control{display:contents}.controls{position:absolute;z-index:8;bottom:63px;left:0;right:0;height:34px;display:flex;align-items:center;padding:1px 7px;gap:3px;background:#121316;border-top:1px solid #777785}.controls>button,.controls #emojiToggle{display:grid;place-items:center;width:32px;height:31px;padding:3px;border:1px solid transparent;background:transparent;border-radius:2px;color:#f3e7c4;font-size:21px;min-width:0}.controls>button>img{max-width:25px;max-height:26px}.controls>button[aria-pressed=true],.controls #emojiToggle[aria-expanded=true]{background:#cce5b7;border-color:#8f9a84;color:#252238}.controls #appearanceToggle{font-size:17px;font-family:Georgia,serif}.controls #emojiDock{display:contents}.controls #emojiToggle img{width:25px;height:25px}.controls .exit{margin-left:auto;width:57px;height:27px;background:linear-gradient(#8c2829,#581112);border:1px solid #c45252;color:white;font-size:12px;font-weight:bold;text-shadow:0 1px #000}.controls #release{font-size:25px}footer{min-height:16px;height:16px;padding:2px 8px;background:#d8d7e7;color:#696879;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none}
.lower-panel{display:none;position:absolute;z-index:7;inset:0 0 97px;pointer-events:none}.members-open .lower-panel,.seats-open .lower-panel{display:block}.lower-panel>aside,.lower-panel>.mic-panel{display:none;pointer-events:auto}.members-open .lower-panel:after,.seats-open .lower-panel:after{content:'';position:absolute;inset:0;z-index:-1;background:#19192366}.members-open #participantPanel{display:flex;flex-direction:column;width:52%;max-width:340px;height:100%;background:linear-gradient(115deg,#f8f8ff,#e7e7f5);border-right:2px solid #777788;box-shadow:2px 0 6px #0004}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:#e0e1ed;border-bottom:1px solid #b5b4c8;font-size:13px}.panel-heading button{border:0;background:none;font-size:22px;color:#282735;width:30px;height:27px}.member{display:flex;align-items:center;width:100%;gap:6px;text-align:left;min-height:47px;padding:8px 9px;background:none;border:0;border-bottom:1px solid #d7d6e6;font-size:14px}.member .avatar{flex:none}.member span{min-width:0;overflow-wrap:anywhere}.member small{margin-left:auto;color:#87859f;font-size:18px}.member:hover{background:#dfddef}#members{flex:1;overflow:auto}.member-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b7b5ca;padding:9px;font-size:11px;color:#77758c}.member-footer b{font-size:22px;font-style:italic;color:#355e91;text-shadow:1px 1px white}.member-footer i{color:#51b45d;font-style:normal}#takeFirst{border-radius:0;min-height:39px;font-size:15px}.seats-open .mic-panel{display:block;position:absolute;left:8px;right:8px;bottom:8px;max-width:550px;max-height:100%;overflow:auto;background:#e9e8f4;border:1px solid #77758e;box-shadow:0 3px 10px #0005}.seats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:8px}.seat{display:grid;grid-template-columns:30px 1fr;grid-template-rows:20px 15px;text-align:left;gap:0 5px;align-items:center;padding:6px;border:1px solid #b5b1c8;background:var(--silver);border-radius:3px;min-width:0;min-height:48px;color:#3d3a50}.seat>img,.seat>.seat-icon{grid-row:1/3;font-size:24px}.seat>span:not(.seat-icon){font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat small{font-size:9px;color:#7a748e}.seat.mine{background:#d2e8c5}.seat.occupied:disabled{opacity:.8}#queueList{padding:7px 10px;border-top:1px solid #c6c3d5;font-size:12px;color:#57506d}#queueList b{display:block;margin-bottom:7px}#queueList div{padding:4px}#queueList small{color:#888098}
.emoji-picker[hidden]{display:none}.emoji-picker{position:absolute;z-index:6;left:0;right:0;bottom:34px;width:auto;background:#f4f4fc;color:#20202a;border-top:2px solid #b4b3c6;max-height:58dvh;display:flex;flex-direction:column;box-shadow:none;transform:none;padding:0}.emoji-heading{display:flex;justify-content:space-between;align-items:center;min-height:32px;background:#e0e1ed;padding:3px 10px;font-size:13px;font-weight:600}.emoji-heading button{border:0;background:none;font-size:21px;width:27px;height:27px}.emoji-sets{display:flex;gap:5px;padding:6px 9px}.emoji-sets button{flex:1;min-width:0;min-height:28px;padding:4px;border:1px solid #a9a6bf;background:var(--silver);border-radius:2px;color:#5f5874;font-size:10px}.emoji-sets button[aria-pressed=true]{background:#d8d4ef;border-bottom:2px solid #8170a4}.emoji-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:3px 9px;overflow:auto;min-height:0;max-height:calc(58dvh - 116px);overscroll-behavior:contain;scrollbar-width:thin}.emoji-grid button{border:1px solid #c4c1d6;border-radius:3px;min-height:40px;background:white;display:grid;place-items:center;padding:3px;font:26px/1 'Segoe UI Emoji',sans-serif}.emoji-grid img{width:18px;height:18px;object-fit:contain}.emoji-grid img.speaky-emoji{width:29px;height:29px}#emojiPages{display:flex;align-items:center;justify-content:space-between;padding:3px 10px;font-size:10px;color:#78718b}#emojiPages[hidden]{display:none}#emojiPages button{width:35px;min-height:27px;background:var(--silver);border:1px solid #b8b2cb;border-radius:2px;color:#6b5f83;font-size:18px}.emoji-picker>small{font-size:9px;color:#8b849b;padding:0 10px 5px}.emoji-open .message-area{padding-bottom:min(58dvh,460px)}
.lobby{display:none;position:absolute;inset:0;z-index:12;background:var(--purple);flex-direction:column}.lobby-open .lobby{display:flex}.site-brand{height:76px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:9px 18px;background:var(--chrome);border-bottom:2px solid #aaa9b2;color:white}.site-brand>b{font:bold italic 42px/1 Georgia,serif;color:#bdd8e7;text-shadow:0 2px 1px #2b3b4a;letter-spacing:-2px}.site-brand b span{display:block;text-align:right;font:15px/1.3 Arial,sans-serif;letter-spacing:-.3px;color:#d3d3dc;text-shadow:none}.language{font-size:12px;font-weight:bold;border-radius:16px;background:#41414a;padding:6px 9px}.silver-nav{display:flex;flex:none;background:var(--silver);height:48px;box-shadow:0 4px 7px #2423355c;z-index:1}.silver-nav button{flex:1;border:0;border-right:1px solid #fff;border-left:1px solid #a9a9b4;background:transparent;text-shadow:0 1px #fff;color:#505058;letter-spacing:1px;font-size:12px;font-weight:bold;min-width:0;padding:7px 4px}.silver-nav button:before{content:'◆';display:block;color:#8e8e97;font-size:8px;line-height:9px}.silver-nav button.active{background:#d8d4ee}.lobby-body{flex:1;min-height:0;overflow:auto;padding:17px 14px 25px}.search-card,.site-card,.login-card{background:linear-gradient(#d4d6df,#eef0f5 18px,#e9ebf2);border:1px solid #bcbcc5;border-top:2px solid #f7f8fc;border-radius:18px;padding:18px;box-shadow:0 1px 2px #44435450}.search-card{padding:17px 18px 0;overflow:hidden}.search-card>b{color:#536373;font-size:13px}.search-card input{width:100%;margin:10px 0 12px;background:#f9f9ff;border:1px solid #8c899e;min-height:43px;padding:10px 12px;font-size:14px;color:#4e475f}.search-card input::placeholder{color:#9490a6}.filters{display:flex;overflow:auto;scrollbar-width:none;margin-bottom:0}.filters button{min-width:65px;flex:1;padding:8px 12px;min-height:36px;white-space:nowrap;border:0;border-right:1px solid #8b89a2;border-left:1px solid #f4f4ff;background:linear-gradient(#d7d8ec,#b6b8d2);position:relative;font-size:13px}.filters button.active:after{content:'';position:absolute;bottom:1px;left:15%;right:15%;height:2px;background:#fbff7e}.lobby-body h2{font-size:14px;color:#f5f4fb;margin:18px 0 12px}.site-card{padding:17px 18px 20px}.site-info{display:flex;gap:12px;align-items:center;margin-bottom:12px;color:#85849c}.site-monogram{font:italic bold 22px Georgia,serif;color:#2b62a1;text-shadow:1px 1px #fff;flex:none;border:2px solid #d6bc56;border-radius:12px;padding:10px 3px;background:#fff5b8}.site-info h3{margin:0 0 3px;font-size:18px;color:#536174}.site-info span{font-size:12px}.site-info p{font-size:12px;color:#68677e;line-height:1.5;margin:7px 0 0}nav#rooms{display:grid;gap:8px}nav#rooms button{display:flex;align-items:center;gap:8px;min-height:43px;text-align:left;padding:7px 14px;border:1px solid #353246;border-radius:3px;background:linear-gradient(#a9a9bf,#61617a 48%,#53536c 51%,#65657d);color:white;box-shadow:0 2px 3px #0005;font-size:14px}nav#rooms button:nth-child(2){background:linear-gradient(#98a7ca,#3a4f85 48%,#2c4274 51%,#3f5487)}nav#rooms button.active{background:linear-gradient(#b3a5d0,#62507f 48%,#55426f 51%,#6f5d90)}.room-arrow{font-size:13px;color:#e3e2ed}.room-count{margin-left:auto;border:1px solid #3c374c;background:#24213844;min-width:24px;padding:2px 5px;text-align:center;font-size:12px;border-radius:2px}.active .room-count{color:#ffff75;border-color:#a6a76f}#emptyRooms{font-size:12px;color:#7a718b}.lobby-bottom{height:48px;flex:none}.lobby-bottom button:before{display:none}
dialog{padding:0;color:#141419}dialog::backdrop{background:#181a33b8}dialog#login{position:fixed;inset:0;margin:auto;width:min(700px,calc(100vw - 44px));height:calc(100dvh - 44px);max-height:none;max-width:none;border:2px solid #393a4c;border-radius:15px;background:var(--purple);overflow:hidden}dialog#login[open]{display:flex;flex-direction:column}.login-scroll{overflow:auto;flex:1;min-height:0;padding:22px 24px 28px}.login-scroll h1{font-size:17px;color:white;text-align:center;margin:5px 0 6px}.site-url{text-align:center;font-size:13px;color:#d6d2e7;margin:0 0 18px}.login-card{display:flex;flex-direction:column;gap:5px;padding:16px;margin-bottom:25px;border-radius:18px}.login-card h2{font-size:17px;text-align:center;margin:0 0 7px}.login-card label{font-size:14px;margin-top:4px}.login-card>input{min-height:40px;border:1px solid #a5a4ac;background:#fff;padding:8px;font-size:15px;min-width:0}.login-card>.silver-button{align-self:center;margin-top:8px;min-width:90px;min-height:36px;font-weight:400;font-size:14px;background:#d9d9dc;color:#555;border:1px solid #a4a4aa;box-shadow:none;text-shadow:none;border-radius:0}.text-button{background:none;border:0;color:#625a7e;text-decoration:underline;font-size:11px;margin-top:6px;padding:6px}.login-card fieldset{border:0;display:flex;justify-content:center;gap:16px;padding:5px 0}.login-card fieldset label{display:flex;align-items:center;gap:3px}.login-card input[type=radio]{width:19px;height:19px;accent-color:#777}.avatar-choices{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:3px}.avatar-choices button{min-height:40px;display:grid;place-items:center;padding:4px;border:1px solid #aaa9b2;background:#fafaff}.avatar-choices .avatar{width:29px;height:29px;margin:0}.avatar-choices button[aria-pressed=true]{outline:2px solid #8a79af;background:#e3def1}.login-bottom{height:48px}.login-bottom button:before{display:none}.login-bottom button:after{content:'◆';display:block;font-size:8px;color:#85858b;margin-top:2px}#accountStatus{font-size:12px;color:#973f4e;margin:2px 0;text-align:center;line-height:1.4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.small-dialog{width:min(430px,calc(100vw - 30px));border:1px solid #777087;border-radius:5px;background:#ecebf6;box-shadow:0 12px 50px #0006;max-height:85dvh;overflow:auto}.small-dialog form:not(#privateForm){display:flex;flex-direction:column;gap:14px;padding:14px}.small-dialog form .panel-heading{margin:-14px -14px 0}.small-dialog label{font-size:13px;display:block}.small-dialog>label,.small-dialog>select{margin:12px;width:calc(100% - 24px)}.small-dialog select{min-height:35px}.small-dialog input[type=range]{width:100%;accent-color:#7c6b9b}.small-dialog input[type=color]{width:65px;height:35px}#privateMessages{min-height:140px;max-height:35dvh;overflow:auto;padding:10px;background:#fafaff;font-size:14px;line-height:1.5}#privateMessages p{overflow-wrap:anywhere}#privateForm{display:flex;padding:9px;gap:6px}#privateText{flex:1;min-width:0;padding:8px;border:1px solid #b3adc6}.private-note{color:#8d839d;font-size:10px;padding:0 10px}
@media(min-width:850px){.lobby-body{max-width:850px;width:100%;align-self:center}.site-card{padding:22px}.room-tabs button{min-width:150px}.emoji-picker{max-width:550px}.members-open #participantPanel{width:300px}.site-brand{height:90px}.site-brand>b{font-size:50px}.login-scroll{padding:26px 34px}.login-card>input{min-height:44px}.window{max-width:1100px}}
@media(max-width:650px){body{padding:0}.window{width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none}.room-tabs{height:36px}.room-tabs button{min-width:91px;font-size:15px;padding:7px 10px}.banner{height:38px;padding:3px 6px;gap:6px}.banner button{min-width:45px;height:27px;font-size:12px}.room-title b{font-size:14px}.room-title span{font-size:11px}.banner #roomsToggle{min-width:34px}.banner #favorite{min-width:24px}.room-notice{height:24px;font-size:9px}.message-area{padding:8px 9px}.chat-welcome{font-size:11px}#messages{line-height:1.45}#chat{height:57px;min-height:57px;padding:6px;gap:6px}#messageEditor{min-height:44px;max-height:44px;font-size:14px;padding:9px}#chat>button{width:91px;min-width:80px;font-size:14px}.controls{bottom:57px;height:34px;gap:1px;padding:1px 5px}.controls>button,.controls #emojiToggle{width:30px;height:31px}.controls .exit{width:52px;font-size:12px}.lower-panel{bottom:91px}.emoji-picker{max-height:58dvh}.emoji-grid{max-height:calc(58dvh - 116px)}.lobby-body{padding:15px 12px 22px}.site-brand{height:67px;padding:7px 16px}.site-brand>b{font-size:36px}.site-brand b span{font-size:13px}.silver-nav{height:45px}.silver-nav button{font-size:10px}.search-card,.site-card{border-radius:16px}.search-card{padding:16px 16px 0}.site-card{padding:17px 16px 21px}.site-info h3{font-size:17px}.site-info{gap:10px}.site-info p{font-size:11px}.site-info span{font-size:12px}.site-monogram{font-size:20px}.search-card>b{font-size:12px}.search-card input{font-size:13px;min-height:41px}.lobby-bottom{height:45px}.member{font-size:13px;padding:8px;gap:4px}.member .avatar{width:25px;height:27px}.member small{font-size:15px}.member-footer{font-size:9px;padding:6px}.member-footer b{font-size:18px}dialog#login{width:100%;height:100dvh;border:0;border-radius:0}.login-scroll{padding:20px 23px}.login-card{padding:15px;border-radius:17px}.login-card h2{font-size:16px}.login-card label{font-size:14px}.avatar-choices{gap:6px}.avatar-choices button{padding:3px}.avatar-choices .avatar{width:27px;height:28px}.room-notice #speakingStatus{max-width:35%}footer{height:14px;min-height:14px;font-size:8px}.controls{padding-bottom:env(safe-area-inset-bottom)}.small-dialog{max-height:85dvh}}
@media(max-width:360px){.controls>button,.controls #emojiToggle{width:27px;padding:2px}.controls{gap:0}.controls>button>img{max-width:23px}.controls .exit{width:45px;margin-left:auto}.banner{gap:4px}.banner button{min-width:38px}.room-title b{font-size:13px}.avatar-choices{gap:3px}.avatar-choices button{min-width:0}.site-info h3{font-size:15px}.site-monogram{font-size:17px}.lobby-body{padding:13px 10px}.search-card,.site-card{padding-left:13px;padding-right:13px}.login-scroll{padding:17px}.emoji-grid{gap:5px}.member{font-size:12px;padding:7px 5px}.member-footer b{font-size:16px}#chat>button{width:76px;min-width:72px}.room-tabs button{min-width:86px}}
/* Mobile layout uses the visible viewport, including the on-screen keyboard. */
@media(max-width:650px){
html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{background:#eaeaf5;-webkit-text-size-adjust:100%}.window{height:var(--app-height,100dvh);max-width:100%;padding-top:env(safe-area-inset-top);isolation:isolate}.workspace{min-height:0}.chat-panel{min-height:0}
.room-tabs{height:44px;scroll-snap-type:x proximity;scroll-padding:12px}.room-tabs button{flex:0 0 auto;min-width:112px;max-width:180px;height:44px;padding:10px 14px;font-size:15px;text-overflow:ellipsis;overflow:hidden;scroll-snap-align:start}.banner{height:53px;padding:4px 9px;gap:6px}.banner button{min-width:44px;height:42px;font-size:14px;border-color:#656571}.banner #roomsToggle{min-width:40px;margin:-4px 0 -4px -9px;font-size:31px}.banner #favorite{min-width:36px;height:42px;font-size:26px}.room-title{gap:2px}.room-title b{font-size:15px}.room-title span{font-size:11px}.room-notice{height:28px;min-height:28px;align-items:center;padding:5px 12px;font-size:10px;gap:7px}.room-notice #nickname{max-width:42%;overflow:hidden;text-overflow:ellipsis}.room-notice #speakingStatus{font-size:10px;max-width:36%}
.message-area{padding:12px 13px;scrollbar-width:thin}.chat-welcome{font-size:12px;line-height:1.6;padding:0 0 10px;margin-bottom:11px}#messages{font-size:var(--chat-font,16px);line-height:1.55}#messages p{margin:0 0 13px}#messages time{font-size:11px}#messages .avatar{width:21px;height:23px}#messages b{font-weight:600}.controls{position:relative;bottom:auto;left:auto;right:auto;flex:none;height:49px;min-height:49px;gap:0;justify-content:space-between;padding:2px 6px;background:linear-gradient(#23242a,#111216);border-top:1px solid #71717f;z-index:8}.controls>button,.controls #emojiToggle{width:44px;height:44px;flex:1;max-width:54px;min-width:0;padding:8px;font-size:23px;border-radius:5px}.controls>button>img{max-width:27px;max-height:28px}.controls #emojiToggle img{width:28px;height:28px}.controls #settingsToggle{font-size:25px}.controls #appearanceToggle,.controls #exitButton{display:none}.controls #release{font-size:27px}.controls button:active{background:#ffffff24}.controls button:disabled{opacity:.32}
#chat{position:relative;flex:none;height:auto;min-height:66px;max-height:112px;margin-top:0;padding:8px 9px calc(8px + env(safe-area-inset-bottom));gap:8px;align-items:stretch;background:#e8e8f2;border-top:1px solid #b7b4ca}#messageEditor{min-height:46px;max-height:88px;align-self:center;font-size:16px;line-height:24px;padding:10px 11px;border-radius:5px;border-color:#aca7bd;background:#fff;box-shadow:inset 0 1px 2px #4d41620e}#messageEditor:empty:before{font-size:15px}#chat>button{height:46px;align-self:flex-end;min-width:72px;width:78px;padding:8px 10px;border-radius:5px;font-size:14px;box-shadow:0 1px 2px #0003}footer{height:20px;min-height:20px;line-height:16px;font-size:10px;padding:2px 10px;border-top:1px solid #c8c5d8;background:#e1dfec;color:#716a82}
.lower-panel{bottom:calc(115px + env(safe-area-inset-bottom))}.members-open #participantPanel{width:min(82%,320px);max-width:none;border-right:1px solid #a6a0b9}.panel-heading{min-height:44px;padding:6px 12px;font-size:14px}.panel-heading button{width:36px;height:32px}.member{min-height:55px;gap:9px;padding:10px 12px;font-size:15px}.member .avatar{width:29px;height:31px}.member small{font-size:18px}.member-footer{padding:10px 12px;font-size:11px}.member-footer b{font-size:22px}#takeFirst{min-height:47px;font-size:16px}.seats-open .mic-panel{left:10px;right:10px;bottom:10px;border-radius:9px;box-shadow:0 5px 25px #20192e33}.seats{padding:9px;gap:7px}.seat{min-height:57px;border-radius:5px;padding:7px;grid-template-columns:29px 1fr}.seat>span:not(.seat-icon){font-size:13px}.seat small{font-size:10px}
.emoji-picker{bottom:100%;max-height:min(54dvh,440px);border-top:1px solid #b3adca;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 -5px 20px #40334e1a}.emoji-heading{min-height:42px;font-size:14px;padding:5px 12px}.emoji-heading button{width:36px;height:32px}.emoji-sets{padding:7px 10px;gap:7px}.emoji-sets button{min-height:35px;font-size:12px;border-radius:4px}.emoji-grid{padding:3px 10px;gap:7px;max-height:calc(min(54dvh,440px) - 143px);grid-template-columns:repeat(6,minmax(0,1fr))}.emoji-grid button{min-height:43px;border-radius:5px}.emoji-grid img.speaky-emoji{width:30px;height:30px}#emojiPages{padding:5px 11px;font-size:11px}#emojiPages button{min-height:32px;width:40px;border-radius:4px}.emoji-picker>small{font-size:10px;padding:0 12px 7px}.emoji-open .message-area{padding-bottom:12px}
.site-brand{height:76px;padding:11px 18px}.site-brand>b{font-size:38px}.language{font-size:12px}.silver-nav{height:49px}.silver-nav button{font-size:11px;letter-spacing:.6px}.lobby-body{padding:18px 15px 25px}.search-card{padding:17px 16px 0;border-radius:15px}.search-card>b{font-size:13px;line-height:1.5;display:block}.search-card input{min-height:46px;font-size:16px;margin:12px 0 14px;border-radius:4px}.filters button{min-height:42px;font-size:14px}.lobby-body h2{font-size:15px;margin:22px 0 13px}.site-card{padding:18px 16px 20px;border-radius:15px}.site-info{gap:12px;align-items:flex-start;margin-bottom:17px}.site-info>div{min-width:0}.site-info h3{font-size:18px;line-height:1.25}.site-info span{font-size:13px}.site-info p{font-size:12px;line-height:1.6}.site-monogram{font-size:21px;padding:12px 5px}nav#rooms{gap:11px}nav#rooms button{min-height:49px;font-size:15px;padding:10px 13px;border-radius:5px}.room-count{min-width:29px;font-size:13px;padding:3px 6px}.lobby-bottom{height:calc(52px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.lobby-bottom button{font-size:11px}
dialog#login{height:var(--app-height,100dvh);padding-top:env(safe-area-inset-top)}.login-scroll{padding:21px 17px 28px;scroll-padding:18px;overscroll-behavior:contain}.login-scroll h1{font-size:18px;margin-top:3px}.site-url{font-size:13px;margin-bottom:21px}.login-card{padding:19px 17px;gap:8px;border-radius:15px;margin-bottom:22px}.login-card h2{font-size:18px;margin-bottom:7px}.login-card label{font-size:15px}.login-card>input{font-size:16px;min-height:46px;border-radius:4px;padding:10px 12px}.login-card>.silver-button{min-height:43px;min-width:116px;font-size:15px;border-radius:4px}.text-button{min-height:38px;font-size:12px;margin-top:0}.login-card fieldset{padding:5px 0;gap:24px}.login-card fieldset label{min-height:34px;font-size:15px}.avatar-choices{gap:7px;grid-template-columns:repeat(6,minmax(0,1fr))}.avatar-choices button{min-height:43px;min-width:0;border-radius:4px;padding:5px}.avatar-choices .avatar{width:28px;height:29px}.login-bottom{height:calc(51px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.login-bottom button{font-size:11px}.small-dialog{width:calc(100vw - 24px);max-height:calc(var(--app-height,100dvh) - 30px);border-radius:11px}.small-dialog label{font-size:15px}.small-dialog select,.small-dialog input:not([type=checkbox]):not([type=range]):not([type=color]){font-size:16px;min-height:44px}.small-dialog .silver-button{min-height:43px}#privateMessages{max-height:calc(var(--app-height,100dvh) - 260px);font-size:15px;min-height:90px}
}
@media(max-width:360px){.banner{gap:3px;padding-right:6px}.banner button{min-width:39px}.banner #favorite{min-width:30px}.room-title b{font-size:14px}.controls{padding:2px 3px}.controls>button,.controls #emojiToggle{width:42px;padding:7px}.member{padding:9px 10px}.avatar-choices{gap:5px}.avatar-choices button{min-height:40px;padding:3px}.avatar-choices .avatar{width:25px;height:27px}.site-info h3{font-size:16px}.site-monogram{font-size:18px}.lobby-body{padding:15px 12px}.site-card,.search-card{padding-left:13px;padding-right:13px}.login-scroll{padding:18px 13px}.login-card{padding:17px 14px}#chat{padding-left:7px;padding-right:7px;gap:6px}#chat>button{width:70px;min-width:68px}.emoji-grid{gap:5px}.emoji-grid img.speaky-emoji{width:28px;height:28px}}
@media(max-width:650px) and (max-height:550px){.room-tabs{height:37px}.room-tabs button{height:37px;padding:7px 12px}.banner{height:45px}.room-notice{height:23px;min-height:23px}.chat-welcome{display:none}.emoji-picker{max-height:52dvh}.emoji-grid{max-height:calc(52dvh - 128px)}.emoji-heading{min-height:34px}.emoji-sets button{min-height:29px}.emoji-sets{padding:5px 10px}.emoji-picker>small{display:none}footer{display:none}.lower-panel{bottom:115px}.site-brand{height:61px}.site-brand>b{font-size:31px}.silver-nav{height:42px}.login-bottom,.lobby-bottom{height:44px}.small-dialog{max-height:calc(var(--app-height,100dvh) - 16px)}}

.controls svg,.banner svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.banner #membersToggle,.banner #inboxToggle{display:flex;align-items:center;justify-content:center;gap:5px}.banner svg{width:16px;height:16px}.controls svg{color:#ded9ec}@media(max-width:650px){.controls svg{width:25px;height:25px}.banner svg{width:17px;height:17px}.controls button[aria-pressed=true] svg{color:#323039}}
@media(max-width:650px){.login-scroll #accountForm{display:none}.entry-account .login-scroll #accountForm{display:flex}.entry-account .login-scroll #loginForm{display:none}.login-scroll{scrollbar-width:thin}.login-scroll h1{margin-bottom:7px}.login-card fieldset{margin:3px 0}.login-card>#avatarChoices{margin-bottom:5px}.login-card>.silver-button{align-self:stretch;min-height:46px;background:linear-gradient(#777083,#403b4a);color:#fff;border-color:#5f586c;text-shadow:0 1px #292332}.login-card label{margin-top:3px}}