: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}}

/* Colors and panel structure from phpregister/loginpage.php. */
dialog#login{background:#666699}.site-url{color:#ddddee}.login-scroll{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;align-items:start;gap:18px 20px;padding:24px}.login-scroll>h1,.login-scroll>.site-url{grid-column:1/-1;margin:0;text-align:center}.login-scroll>h1{font:italic bold 20px Arial,sans-serif;color:#fff}.login-scroll>.site-url{margin:-9px 0 6px;font-size:13px}.login-scroll>#loginForm{grid-column:1;grid-row:3}.login-scroll>#accountForm{grid-column:2;grid-row:3}.login-card{margin:0;padding:0 17px 15px;border:2px solid #002f5e;border-radius:0;background:#b3b3d9;box-shadow:none;color:#002f5e;gap:7px}.login-card h2{padding:11px 13px;margin:0 -17px 8px;background:#101010;color:white;text-align:left;font:700 14px Verdana,Arial,sans-serif}.login-card label{font-size:13px;font-weight:600}.login-card>input,.login-card>select{width:100%;min-height:40px;padding:9px 10px;border:1px solid #7c7c9a;border-radius:2px;background:white;font-size:15px;color:#24243a}.login-card>[hidden],.login-card>label[hidden]{display:none!important}.login-card>.silver-button{align-self:flex-start;margin:8px 0 3px;min-height:39px;padding:7px 20px;min-width:95px;background:linear-gradient(#f7f7fc,#c6c6d9);border:1px solid #6b6b87;border-radius:2px;color:#002f5e;text-shadow:0 1px #fff;font-size:14px;font-weight:600;box-shadow:none}.login-card .guest-intro,.membership-help{margin:0 0 4px;font-size:12px;line-height:1.6;color:#3f3f68}.login-card fieldset{padding:5px 0;margin:0}.login-card fieldset label{font-weight:400}.login-card .avatar-choices{margin:0}.login-card .avatar-choices button{background:#f7f7ff;border:1px solid #8484aa;border-radius:1px}.login-card .avatar-choices button[aria-pressed=true]{outline-color:#002f5e}.membership-links{display:grid;gap:0;margin:3px -17px -15px;background:#002f5e;padding:6px 12px}.membership-links button{border:0;background:none;min-height:33px;padding:5px 0;color:#ffcc66;text-align:left;text-decoration:underline;font-size:12px}.membership-links button:hover{color:#fff0c5}#registerToggle{align-self:stretch;text-align:left;margin:1px 0 2px;padding:7px 0;min-height:31px;color:#002f5e;font-size:12px}.login-card #accountStatus{font-size:12px;color:#8a102c;line-height:1.6;text-align:left;padding:10px 0 0;margin-top:8px}.login-card #accountStatus:empty{display:none}.login-card #accountStatus.success{color:#164b3b;font-weight:600}.login-card .membership-links+#accountStatus{background:#e6e6f4;margin:15px -17px -15px;padding:12px 15px}.login-card .membership-links+#accountStatus:empty{display:none}.login-card .avatar-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.login-card .avatar-choices button{min-height:40px}.entry-account #memberFocus,.login-scroll+#loginAccount{color:#002f5e}.login-scroll #loginForm .guest-intro{color:#eeeefe}.login-scroll #loginForm{background:#666699;color:white}.login-scroll #loginForm h2{border-bottom:1px solid #343452}.login-scroll #loginForm>.silver-button{color:#002f5e}.login-card input:focus-visible,.login-card select:focus-visible{outline-color:#002f5e}
@media(min-width:850px){dialog#login{width:min(850px,calc(100vw - 44px))}.login-scroll{gap:20px 24px;padding:28px 30px}.login-card h2{font-size:15px}.login-card .avatar-choices{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:650px){.login-scroll{display:flex;flex-direction:column;gap:0;align-items:stretch;padding:23px 17px 27px}.login-scroll>h1{font-size:19px;line-height:1.4;margin:0 0 7px}.login-scroll>.site-url{margin:0 0 23px;font-size:13px}.login-scroll>#loginForm,.login-scroll>#accountForm{grid-column:auto;grid-row:auto}.login-card{padding:0 17px 18px;border:1px solid #002f5e;border-radius:4px;gap:9px}.login-card h2{margin:0 -17px 8px;border-radius:3px 3px 0 0;padding:14px 15px;font-size:15px}.login-card label{font-size:15px}.login-card>input,.login-card>select{min-height:46px;font-size:16px;border-radius:3px;padding:10px 11px}.login-card>.silver-button{align-self:stretch;min-height:45px;font-size:15px;margin-top:10px;border-radius:3px}.login-card fieldset label{font-size:14px}.login-card .avatar-choices{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.login-card .avatar-choices button{min-height:43px;border-radius:3px}.login-card .guest-intro,.membership-help{font-size:13px;line-height:1.6}.membership-links{margin:5px -17px -18px;padding:7px 14px}.membership-links button{min-height:39px;font-size:13px}#registerToggle{min-height:39px;font-size:13px}.login-card .membership-links+#accountStatus{margin:18px -17px -18px}.login-card #accountStatus{font-size:13px}.login-bottom{border-top:1px solid #4c4c76}.login-scroll #loginForm{border-color:#002f5e}.login-scroll #loginForm .guest-intro{color:#eeeefe}}
@media(max-width:360px){.login-scroll{padding:20px 13px 24px}.login-card{padding-left:13px;padding-right:13px}.login-card h2{margin-left:-13px;margin-right:-13px}.membership-links{margin-left:-13px;margin-right:-13px}.login-card .membership-links+#accountStatus{margin-left:-13px;margin-right:-13px}.login-card .avatar-choices{gap:4px}.login-card .avatar-choices button{padding:3px;min-height:40px}}

/* Original phpregister palette and panel structure, responsive PHP edition. */
dialog#login{max-width:none;width:100%;height:100%;max-height:100%;border:0;border-radius:0;box-shadow:none;padding:8px;display:flex;flex-direction:column}dialog#login:not([open]){display:none}#login>.site-brand,#login>.silver-nav{display:none}#login .login-scroll{flex:1;overflow:auto;padding:54px 0 24px;grid-template-columns:43% 29%;justify-content:space-between;gap:25px 0}#login .login-scroll>h1{font:italic bold 18px Arial,sans-serif}#login .login-scroll>.site-url{font:13px Arial,sans-serif;color:#eee}#loginForm{border-width:4px}#login .login-card h2{padding:7px 12px}#login .login-card{font-family:Verdana,Arial,sans-serif}#login .login-card>input{min-height:30px;padding:4px 8px}#login .classic-legal{flex:none;background:#002f5e;border:1px solid #141442;color:#b3b3d9;text-align:center;font:12px/1.8 Verdana,sans-serif;padding:18px;margin:22px 0 12px}#login .login-scroll #accountForm{margin-right:0}#login .avatar-choices{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:650px){dialog#login{padding:8px}#login>.silver-nav:not(.login-bottom){display:flex;flex:none;min-height:44px}#login .login-scroll{padding:20px 0;display:flex;flex-direction:column;gap:14px}#login .login-scroll>h1,#login .login-scroll>.site-url{align-self:center;margin:0}#login .login-card{width:100%;margin:0}#login .login-scroll #accountForm{display:none}.entry-account #login .login-scroll #accountForm{display:flex}.entry-account #login .login-scroll #loginForm{display:none}#login .classic-legal{margin:8px 0;font-size:11px;padding:10px}#login .login-card>input{min-height:44px;font-size:16px}}

/* Voice4Web 1.0: original chat.php/OCX colors and native control proportions. */
body.voice4web{padding:8px;background:#3a3a2e;font:12px Verdana,Arial,sans-serif;color:#000}
.voice4web .window{width:min(790px,100%);height:min(610px,calc(var(--app-height,100dvh) - 16px));margin:0;border:3px ridge #ced6ec;border-radius:0;box-shadow:none;background:#9999c4}
.voice4web .v4w-title{height:49px;flex:none;border:2px solid #000;background:#829eb4;display:flex;align-items:center;justify-content:center;gap:12px;color:#002f5e;font:italic bold 24px Verdana,Arial,sans-serif}.v4w-title span{font-size:13px}
.voice4web .room-tabs{height:27px;order:2;background:#9999c4;border:1px solid #000;gap:3px;padding:2px;overflow-x:auto}.voice4web .room-tabs button{font:700 12px Arial,sans-serif;font-variant:normal;min-width:125px;padding:1px 8px;border:2px outset #ced6ec;background:#b3b3d9;box-shadow:none;text-shadow:none;color:#000}.voice4web .room-tabs button::before{content:'::'}.voice4web .room-tabs button::after{content:'::'}.voice4web .room-tabs button.active{background:#d1d1e9;border-style:inset;box-shadow:none}
.voice4web .banner{order:1;height:25px;background:#829eb4;border:1px solid #ced6ec;color:#002f5e;padding:1px 4px;gap:3px}.voice4web .banner .room-title{flex-direction:row;justify-content:flex-start;text-align:left;gap:10px}.voice4web .room-title b{font:700 11px Verdana,sans-serif}.voice4web .room-title span{color:#002f5e;font-size:10px}.voice4web .banner button{height:21px;min-width:28px;background:#b3b3d9;border:1px outset #ced6ec;color:#002f5e;font-size:11px;border-radius:0}.voice4web .banner #roomsToggle{height:21px;width:28px;margin:0;border:1px outset #ced6ec;min-width:28px;font-size:15px}.voice4web #favorite{display:none}.voice4web #membersToggle{background:#b3b3d9;color:#002f5e}
.voice4web .workspace{order:3;display:grid;grid-template-columns:minmax(0,1fr) 164px;grid-template-rows:minmax(0,1fr);gap:3px;padding:3px;background:#9999c4;border:1px solid #ced6ec;position:relative;min-height:0}.voice4web .workspace>main{display:contents}.voice4web .chat-panel{grid-column:1;grid-row:1;border:2px inset #ced6ec;min-width:0;overflow:hidden;background:#c0c0c0}.voice4web .room-notice{height:22px;background:#efeff8;color:#002f5e;border-bottom:1px solid #c0c0c0;padding:3px 4px;font-size:10px}.voice4web .message-area{background:#efeff8;padding:5px;font:13px Verdana,sans-serif;scrollbar-color:auto}.voice4web .chat-welcome{font:11px Verdana,sans-serif;color:#002f5e;border:0;margin:0 0 9px;padding:1px}.voice4web #messages{font-size:var(--chat-font);--chat-font:13px;line-height:1.45}.voice4web #messages p{margin:0 0 4px}.voice4web #messages time{font-size:10px;color:#777}.voice4web #messages .avatar{width:18px;height:18px}
.voice4web #participantPanel{grid-column:2;grid-row:1;position:static!important;display:flex!important;transform:none!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;min-height:0;background:#d1d1e9;border:2px inset #ced6ec;border-radius:0;box-shadow:none;flex-direction:column;padding:0;z-index:auto}.voice4web #participantPanel .panel-heading{display:none}.voice4web #members{flex:1;min-height:0;overflow:auto;background:#d1d1e9;padding:2px}.voice4web .member{display:flex;align-items:center;min-height:23px;padding:2px;border:0;background:none;width:100%;font:11px Verdana,sans-serif;text-align:left;gap:2px;border-radius:0}.voice4web .member .avatar{width:18px;height:18px;flex:none;margin:0}.voice4web .member>span{overflow-wrap:anywhere;flex:1}.voice4web .member small{font-size:11px;color:#002f5e}.voice4web .member-footer{min-height:40px;height:auto;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:3px;background:#c0c0c0;border-top:2px groove #fff;color:#002f5e;font:10px Verdana,sans-serif}.voice4web .member-footer b{font:bold italic 15px Georgia,serif;color:#333}.voice4web #takeFirst{border:2px outset #e4e4e4;border-radius:0;background:#c0c0c0;color:#000;box-shadow:none;text-shadow:none;min-height:32px;font:12px Arial,sans-serif;margin:2px}
.voice4web .controls{flex:none;position:relative;height:29px;min-height:29px;gap:2px;padding:2px;background:#c0c0c0;border-top:2px outset #eee;overflow:visible;display:flex;align-items:center;justify-content:flex-start}.voice4web .controls>button,.voice4web #emojiToggle{width:25px;min-width:25px;height:24px;min-height:24px;padding:2px;border:1px outset #eee;border-radius:0;background:#c0c0c0;color:#000;font:12px Arial,sans-serif;box-shadow:none}.voice4web .controls button img{width:18px;height:18px;image-rendering:auto;object-fit:contain}.voice4web .controls button svg{width:17px;height:17px;stroke:currentColor}.voice4web .controls #seatsToggle{width:auto;min-width:65px;font-size:10px}.voice4web .controls #settingsToggle{width:29px}.voice4web .controls #exitButton{display:block!important;margin-left:auto;width:39px;font-size:11px;background:#c0c0c0;color:#000}.voice4web .controls #appearanceToggle{display:block!important;font:bold 15px 'Times New Roman',serif}.voice4web .controls button[aria-pressed=true]{border-style:inset;background:#dedede}.voice4web #emojiDock{display:block;flex:none}.voice4web .emoji-control{position:static}.voice4web #emojiToggle img{width:18px;height:18px}
.voice4web #chat{height:37px;min-height:37px;background:#c0c0c0;gap:3px;padding:3px;border-top:0}.voice4web #messageEditor{background:#fff;border:2px inset #eee;border-radius:0;min-height:29px;padding:4px;font:13px Verdana,sans-serif;box-shadow:none}.voice4web #chat>button{width:58px;min-width:58px;border:2px outset #eee;border-radius:0;background:#c0c0c0;color:#000;font:12px Arial,sans-serif;text-shadow:none;box-shadow:none}.voice4web .window>footer{order:4;flex:none;height:18px;min-height:18px;background:#9999c4;color:#002f5e;font:10px Arial,sans-serif;border:1px inset #ced6ec;padding:2px 4px;overflow:hidden}
.voice4web .lower-panel{display:none!important}.voice4web.seats-open .lower-panel{display:block!important;position:absolute;inset:30px 175px 68px 8px;z-index:12;background:#d1d1e9;border:2px outset #eee;box-shadow:2px 2px #555}.voice4web .mic-panel{display:flex!important;position:static!important;width:100%!important;height:100%!important;max-height:100%!important;background:#d1d1e9;border:0;border-radius:0;box-shadow:none;padding:0;transform:none!important;flex-direction:column}.voice4web .panel-heading{background:#b3b3d9;border-bottom:1px solid #999;padding:4px 6px;min-height:27px;font:700 11px Verdana,sans-serif}.voice4web .panel-heading button{border:1px outset #eee;border-radius:0;background:#c0c0c0;color:#000;width:22px;height:20px;font-size:15px}.voice4web .seats{padding:4px;gap:3px;grid-template-columns:repeat(2,minmax(0,1fr));overflow:auto;min-height:0}.voice4web .seat{border:2px outset #eee;border-radius:0;background:#c0c0c0;min-height:39px;padding:3px;color:#000;box-shadow:none;font-size:10px}.voice4web .seat small{font-size:9px}.voice4web #queueList{font-size:10px;padding:4px;background:#d1d1e9;overflow:auto}.voice4web .emoji-picker{bottom:30px;left:0;width:min(430px,100%);max-height:min(380px,60vh);border:2px outset #eee;border-radius:0;box-shadow:2px 2px #555;background:#d1d1e9}.voice4web .emoji-heading,.voice4web .emoji-sets{background:#b3b3d9;color:#000}.voice4web .lobby{border-radius:0;background:#9999c4}.voice4web .lobby .site-brand,.voice4web .lobby .silver-nav{background:#829eb4;border-radius:0}.voice4web .site-card,.voice4web .search-card{border-radius:0;box-shadow:none;background:#d1d1e9}.voice4web .small-dialog{border-radius:0;border:2px outset #eee;background:#d1d1e9;box-shadow:2px 2px #555}
@media(max-width:650px){body.voice4web{padding:0}.voice4web .window{width:100%;height:var(--app-height,100dvh);max-height:none;border-width:1px;margin:0;border-radius:0}.voice4web .v4w-title{height:33px;font-size:17px;gap:8px}.voice4web .v4w-title span{font-size:10px}.voice4web .workspace{grid-template-columns:minmax(0,1fr) 98px;padding:2px;gap:2px}.voice4web .room-tabs{height:30px}.voice4web .room-tabs button{min-width:100px;font-size:11px;padding:2px}.voice4web #participantPanel{display:flex!important}.voice4web .member{font-size:10px;min-height:28px;gap:0}.voice4web .member .avatar{width:16px;height:18px}.voice4web .member small{display:none}.voice4web .room-notice #speakingStatus{display:none}.voice4web .room-notice{font-size:9px;height:21px;padding:4px 2px;gap:3px}.voice4web .message-area{padding:4px}.voice4web #messages{font-size:12px}.voice4web #messages time{font-size:9px}.voice4web #messages .avatar{width:16px;height:16px}.voice4web #messages .speaky-inline{width:20px;height:20px}.voice4web .member-footer{font-size:8px;min-height:39px}.voice4web .member-footer b{font-size:12px}.voice4web .controls{height:auto;min-height:29px;flex-wrap:wrap;gap:1px;padding:2px}.voice4web .controls>button,.voice4web #emojiToggle{width:25px;min-width:25px;height:26px;min-height:26px}.voice4web .controls #seatsToggle{min-width:64px}.voice4web #chat{height:43px;min-height:43px}.voice4web #messageEditor{font-size:16px;padding:6px 3px;min-height:35px}.voice4web #chat>button{width:47px;min-width:47px;font-size:11px}.voice4web.seats-open .lower-panel{inset:26px 4px 105px 4px;max-height:none!important;width:auto!important;border-radius:0}.voice4web .seats{grid-template-columns:repeat(2,minmax(0,1fr))}.voice4web .emoji-picker{position:fixed;left:3px;right:3px;bottom:105px;width:calc(100% - 6px);max-height:min(380px,60vh)}.voice4web .emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.voice4web .window>footer{font-size:9px;height:16px;min-height:16px}.voice4web .banner #membersToggle{min-width:30px}.voice4web .banner #inboxToggle{min-width:30px}}

.voice4web .chat-panel>.controls{top:auto;bottom:auto;margin:0;transform:none}.voice4web .chat-panel>#chat{top:auto;bottom:auto;margin:0;transform:none}

.voice4web .controls #settingsToggle{font:11px Arial,sans-serif;padding:2px}.voice4web.seats-open .lower-panel{bottom:auto;height:auto!important;max-height:calc(100% - 105px)!important}.voice4web .lower-panel .mic-panel{height:auto!important;max-height:100%!important}.voice4web .lower-panel #queueList{max-height:75px}.voice4web .lower-panel .seats{flex:none}.voice4web #participantPanel .member>span{font-weight:400}

/* Responsive Voice4Web: Windows desktop, tablet and touch screens. */
body.voice4web{padding:20px;background:#3a3a2e;font-family:Verdana,Arial,sans-serif}
.voice4web .window{width:min(1440px,100%);height:calc(var(--app-height,100dvh) - 40px);max-height:none;min-height:0;margin:0 auto;border:3px ridge #ced6ec}
.voice4web .v4w-title{height:58px;font-size:28px}.voice4web .v4w-title span{font-size:14px}
.voice4web .banner{height:42px;gap:6px;padding:4px 7px}.voice4web .banner .room-title{align-items:center;gap:12px}.voice4web .room-title b{font-size:14px}.voice4web .room-title span{font-size:12px}.voice4web .banner button,.voice4web .banner #roomsToggle{height:32px;min-width:42px;font-size:14px;margin:0}.voice4web .banner #roomsToggle{width:38px;min-width:38px;font-size:22px}.voice4web .banner button svg{width:17px;height:17px}.voice4web .banner #exitButton{border:2px outset #eee;background:#c0c0c0;color:#6b1720;min-width:53px;font:12px Arial,sans-serif;margin:0}
.voice4web .room-tabs{height:40px;gap:4px;padding:3px;scroll-padding:4px}.voice4web .room-tabs button{font-size:14px;min-width:140px;padding:4px 12px}.voice4web .workspace{grid-template-columns:minmax(0,1fr) clamp(190px,21vw,260px);padding:5px;gap:5px;overflow:hidden}.voice4web .room-notice{height:28px;min-height:28px;padding:6px 8px;font-size:11px}.voice4web .message-area{padding:12px 14px}.voice4web #messages{--chat-font:inherit;font-size:var(--chat-font);line-height:1.6}.voice4web #messages p{margin-bottom:9px}.voice4web #messages time{font-size:11px}.voice4web .chat-welcome{font-size:12px;margin-bottom:14px}.voice4web #messages .avatar{width:19px;height:19px}
.voice4web #participantPanel .panel-heading{display:flex;min-height:35px;background:#b3b3d9;padding:7px 8px;font-size:12px}.voice4web #participantPanel #closeMembers{display:none}.voice4web #members{padding:5px}.voice4web .member{min-height:37px;padding:5px 4px;font-size:12px;gap:5px}.voice4web .member>span{min-width:0;overflow-wrap:anywhere}.voice4web .member .avatar{width:20px;height:20px}.voice4web .member:hover{background:#bfc0df}.voice4web .member-footer{min-height:53px;font-size:11px}.voice4web .member-footer b{font-size:17px}.voice4web #takeFirst{min-height:43px;font-size:14px;margin:4px}.voice4web .controls{height:44px;min-height:44px;gap:4px;padding:4px;flex-wrap:nowrap}.voice4web .controls>button,.voice4web #emojiToggle{height:34px;min-height:34px;min-width:36px;width:36px;flex:none}.voice4web .controls #settingsToggle{width:40px;font-size:12px}.voice4web .controls #seatsToggle{min-width:105px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px}.voice4web .controls button img{width:18px;height:18px}.voice4web .controls button svg{width:20px;height:20px}.voice4web .controls #exitButton{width:58px;font-size:12px}.voice4web .controls #appearanceToggle{font-size:18px}.voice4web .controls #seatsToggle svg{width:18px;height:18px}
.voice4web #chat{height:58px;min-height:58px;padding:5px;gap:6px;align-items:stretch}.voice4web #messageEditor{min-width:0;min-height:44px;height:46px;max-height:46px;padding:10px 9px;font:15px/22px Verdana,Arial,sans-serif;overflow:auto;scrollbar-width:thin}.voice4web #chat>button{width:88px;min-width:88px;font-size:14px}.voice4web .window>footer{height:23px;min-height:23px;padding:4px 7px;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.voice4web.seats-open .lower-panel{inset:38px calc(clamp(190px,21vw,260px) + 15px) auto 14px;max-height:calc(100% - 155px)!important;overflow:auto;width:auto!important}.voice4web .lower-panel .mic-panel{overflow:visible}.voice4web .lower-panel .seats{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;gap:6px}.voice4web .seat{min-height:52px;font-size:12px}.voice4web .seat small{font-size:10px}.voice4web .panel-heading{min-height:35px;font-size:12px;padding:7px}.voice4web .panel-heading button{height:25px;width:28px}.voice4web #queueList{font-size:11px;padding:7px}.voice4web .emoji-picker{bottom:45px;max-height:min(430px,60vh);width:min(460px,100%)}.voice4web .emoji-grid button{min-height:42px}.voice4web .small-dialog{max-width:calc(100vw - 20px);max-height:calc(var(--app-height,100dvh) - 20px);overflow:auto}
@media(min-width:761px) and (max-height:600px){body.voice4web{padding:6px}.voice4web .window{height:calc(var(--app-height,100dvh) - 12px)}.voice4web .v4w-title{height:32px;font-size:20px}.voice4web .banner{height:36px}.voice4web .room-tabs{height:34px}}
@media(max-width:760px){body.voice4web{padding:0;overflow:hidden}.voice4web .window{width:100%;height:var(--app-height,100dvh);margin:0;border:1px solid #ced6ec;max-height:none}.voice4web .v4w-title{height:36px;min-height:36px;gap:8px;font-size:19px}.voice4web .v4w-title span{font-size:11px}.voice4web .banner{height:44px;min-height:44px;padding:4px;gap:4px}.voice4web .banner .room-title{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px}.voice4web .room-title b{font-size:12px;max-width:100%}.voice4web .room-title span{font-size:10px}.voice4web .banner button,.voice4web .banner #roomsToggle{height:35px;min-width:38px}.voice4web .banner #roomsToggle{width:31px;min-width:31px}.voice4web .banner #membersToggle,.voice4web .banner #inboxToggle{min-width:40px;font-size:12px}.voice4web .banner #exitButton{min-width:48px;height:35px;font-size:11px;flex:none}.voice4web .room-tabs{height:42px;min-height:42px;gap:3px;padding:3px}.voice4web .room-tabs button{min-width:112px;font-size:12px;padding:4px 8px;flex:1}.voice4web .workspace{display:flex;flex-direction:column;padding:3px;gap:0;overflow:hidden;isolation:isolate}.voice4web .chat-panel{flex:1;min-height:0;width:100%;display:flex}.voice4web .room-notice{height:25px;min-height:25px;font-size:10px;padding:5px 6px;gap:8px}.voice4web .room-notice #speakingStatus{display:none}.voice4web .message-area{padding:9px 8px}.voice4web #messages{font-size:var(--chat-font);line-height:1.55}.voice4web #messages p{margin-bottom:10px}.voice4web #messages time{font-size:10px}.voice4web .chat-welcome{font-size:11px;line-height:1.5;margin-bottom:11px}.voice4web #messages .speaky-inline{width:24px;height:24px}.voice4web #messages .avatar{width:18px;height:18px}
.voice4web .workspace>#participantPanel{display:none!important;position:absolute!important;inset:4px 4px 4px auto!important;width:min(300px,85%)!important;height:auto!important;max-height:calc(100% - 8px)!important;z-index:25;box-shadow:-4px 0 12px #16182744}.voice4web.members-open .workspace>#participantPanel{display:flex!important}.voice4web.members-open .workspace::before{content:'';position:absolute;inset:0;background:#18192755;z-index:24}.voice4web #participantPanel .panel-heading{display:flex;min-height:43px;padding:7px 9px;align-items:center}.voice4web #participantPanel #closeMembers{display:block;width:34px;height:30px;font-size:21px}.voice4web #members{padding:5px}.voice4web .member{min-height:44px;font-size:13px;gap:6px;padding:6px}.voice4web .member .avatar{width:22px;height:22px}.voice4web .member small{display:block;font-size:12px}.voice4web #takeFirst{min-height:44px;font-size:15px}.voice4web .member-footer{font-size:11px;min-height:50px}.voice4web .member-footer b{font-size:16px}
.voice4web .controls{height:48px;min-height:48px;padding:4px 3px;gap:3px;flex-wrap:nowrap;justify-content:space-between}.voice4web .controls>button,.voice4web #emojiToggle{height:38px;min-height:38px;min-width:36px;width:40px;padding:3px;flex:0 1 40px}.voice4web .controls #appearanceToggle{display:none!important}.voice4web #emojiDock{flex:0 0 40px}.voice4web .controls #settingsToggle{min-width:36px;width:40px;font:12px Arial,sans-serif}.voice4web .controls #seatsToggle{width:40px;min-width:36px;padding:4px}.voice4web .controls #seatsToggle span{display:none}.voice4web .controls #seatsToggle svg{height:23px;width:23px}.voice4web .controls button svg{height:22px;width:22px}.voice4web .controls button img{width:18px;height:18px}.voice4web #chat{height:58px;min-height:58px;padding:5px 4px;gap:5px}.voice4web #messageEditor{min-height:46px;height:46px;max-height:46px;font-size:16px;line-height:23px;padding:9px 7px;flex:1;min-width:0}.voice4web #chat>button{width:65px;min-width:65px;font-size:13px}.voice4web .window>footer{height:calc(20px + env(safe-area-inset-bottom));min-height:calc(20px + env(safe-area-inset-bottom));padding:3px 5px calc(3px + env(safe-area-inset-bottom));font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.voice4web.seats-open .lower-panel{inset:5px 5px auto 5px!important;width:auto!important;max-height:calc(100% - 115px)!important;height:auto!important;overflow:auto;z-index:22}.voice4web .lower-panel .seats{grid-template-columns:repeat(2,minmax(0,1fr));padding:6px;gap:5px}.voice4web .seat{min-height:52px;font-size:11px}.voice4web .seat small{font-size:10px}.voice4web .lower-panel #queueList{max-height:70px;font-size:11px}.voice4web .emoji-picker{position:absolute;left:0;right:0;bottom:48px;width:100%;max-height:min(420px,calc(var(--app-height,100dvh) - 215px));z-index:23;overflow:auto}.voice4web .emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.voice4web .emoji-grid button{height:43px;min-height:43px}.voice4web .emoji-heading{min-height:35px;font-size:12px}.voice4web .small-dialog input,.voice4web .small-dialog select{font-size:16px}#login .login-scroll{flex:1 1 auto;justify-content:flex-start;gap:16px;padding:18px 0}#login .login-scroll>.site-url{flex:none}#login .login-scroll>h1{flex:none}.voice4web .lobby-body{padding:12px}.voice4web .lobby .site-card,.voice4web .lobby .search-card{padding:12px}}
@media(max-width:760px) and (max-height:500px){.voice4web .v4w-title{display:none}.voice4web .banner{height:37px;min-height:37px}.voice4web .banner button,.voice4web .banner #roomsToggle,.voice4web .banner #exitButton{height:30px;min-height:30px}.voice4web .room-tabs{height:34px;min-height:34px}.voice4web .room-notice{height:21px;min-height:21px;padding:3px 5px}.voice4web .chat-welcome{display:none}.voice4web .controls{height:40px;min-height:40px;padding:2px}.voice4web .controls>button,.voice4web #emojiToggle{height:34px;min-height:34px}.voice4web #chat{height:52px;min-height:52px;padding:3px}.voice4web #messageEditor{height:44px;min-height:44px;max-height:44px}.voice4web .window>footer{height:16px;min-height:16px;font-size:9px;padding:1px 4px}.voice4web .emoji-picker{bottom:40px;max-height:calc(var(--app-height,100dvh) - 160px)}}

.voice4web .window{max-width:1440px}.voice4web .controls button svg{color:#263b52;stroke:currentColor}.voice4web .controls button:disabled{opacity:.5}