/* September QA: consistent golden controls and a compact mobile whiteboard. */
body.cl-guest-v2 .cl-call-actions:has(.cl-a-menu:not([hidden])){z-index:100}
/* Keep the action row separate from the language timer on narrow phones. */
@media(max-width:520px){
 body.cl-guest-v2 .cl-topbar{flex-wrap:nowrap;gap:6px}
 body.cl-guest-v2 .cl-toolbar{flex-wrap:nowrap;flex-shrink:0;margin-left:auto;gap:4px}
 body.cl-guest-v2 .cl-toolbar #language-preview>*:nth-child(n+2){display:none}
 body.cl-guest-v2 .cl-toolbar .ce-pro-time{position:absolute;left:12px;top:70px;font-size:10px;line-height:14px;max-width:76px;margin:0}
}
.cm-flags .cm-language-info{border:0!important;padding:3px!important;margin:-3px 0!important;min-width:0!important;width:auto!important;height:auto!important;border-radius:4px!important;background:transparent!important;cursor:pointer}.cm-flags .cm-language-info:hover{outline:2px solid #e7bc58;outline-offset:1px}
.cl-language-card{position:fixed;width:min(410px,calc(100vw - 30px));max-height:90dvh;padding:0;border:1px solid #e8cc87;border-radius:24px;box-shadow:0 20px 70px #563b1640;background:#fffdf6;color:#3b2c15;overflow:auto}.cl-language-card::backdrop{background:#35260e60;backdrop-filter:blur(3px)}.cl-language-card>img{display:block;width:100%;height:200px;object-fit:cover}.cl-language-card-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;font-size:24px;background:#fffaf3ec;color:#b33434;cursor:pointer}.cl-language-card>div{padding:23px}.cl-language-card h2{font-size:25px;margin:0 0 6px}.cl-language-card strong{display:block;font-size:18px;margin-top:17px}.cl-language-card p{font-size:16px;line-height:1.6}.cl-language-card small{display:block;color:#8a795e;font-size:12px;line-height:1.5}.cl-language-card a{display:block;margin-top:10px;font-size:12px;color:#8b620d}
body.cl-guest-v2 .cl-brand{position:relative;gap:8px}
.cl-beta{align-self:flex-start;margin:12px 0 0 -3px;padding:2px 5px;border:1px solid #eacb77;border-radius:5px;background:#fff1bc;color:#805604;font-size:9px;line-height:1;letter-spacing:.02em}
body.cl-guest-v2 .cl-topbar>.cl-round-progress{height:9px;left:0;right:0;bottom:0;border-radius:0;background:#f4e9c8;box-shadow:inset 0 1px 2px #94651122;pointer-events:none}
body.cl-guest-v2 .cl-topbar>.cl-round-progress span{position:relative;border-radius:0;box-shadow:0 0 9px #eab63e80;transition:width 1s linear}
.cl-topbar>.cl-round-progress span:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 18px,#fff7 24px,transparent 36px);background-size:100px 100%;animation:cl-time-flow 4s linear infinite}
@keyframes cl-time-flow{to{background-position:100px 0}}
body.cl-guest-v2[data-theme="light"] .flag-dot,body.cl-guest-v2 #round-flag,body.cl-guest-v2 .cm-flags img,body.cl-guest-v2 .cl-peer-flags img{width:27px!important;height:18px!important;flex-shrink:0;object-fit:contain!important;border-radius:0!important;background:transparent!important;border:0!important;padding:0!important;clip-path:none!important;mask:none!important;box-shadow:none!important}
body.cl-guest-v2 .cl-instructions{width:min(610px,calc(100% - 32px));max-width:610px;padding:30px 34px;border-radius:24px}
body.cl-guest-v2 .cl-instructions strong{font-size:clamp(23px,2vw,30px)}
body.cl-guest-v2 .cl-instructions ol{font-size:clamp(16px,1.2vw,19px);line-height:1.6;padding-left:24px;margin-top:18px}
body.cl-guest-v2 .cl-instructions li+li{margin-top:12px}
body.cl-guest-v2 .cl-presenting:not(.cl-has-room) .cl-video-grid>.cl-remote{display:none!important}
body.cl-guest-v2 .cl-presenting:not(.cl-has-room) .cl-grid-divider{display:none!important}
body.cl-guest-v2 #language-dialog{width:min(1060px,calc(100vw - 32px));max-width:none;font-size:16px;max-height:90dvh}
body.cl-guest-v2 #language-dialog .cl-language-tabs>button{font-size:17px;padding:11px 17px}
body.cl-guest-v2 #language-dialog .cl-language-list{gap:9px 14px;padding:20px;grid-template-columns:repeat(auto-fit,minmax(195px,1fr))}
.cl-language-row{display:flex;align-items:center;min-width:0;border-radius:12px;border:1px solid transparent;overflow:hidden}
.cl-language-row.selected{background:#fff0bd;border-color:#eed592}
body.cl-guest-v2 #language-dialog .language-option{flex:1;min-width:0;min-height:48px;font-size:16px;padding:10px;gap:10px;background:transparent;border:0;text-align:left}
.cl-language-row:hover{box-shadow:0 2px 10px #bd8a2524;border-color:#e4c26c}
.cl-language-row .language-option span{flex:1;overflow-wrap:anywhere}
.cl-native-choice{display:grid;place-items:center;flex:none;width:35px;height:35px;margin-right:6px;padding:6px;border:1px solid #e4c57a;border-radius:9px;background:#fffaf0;color:#807154;cursor:pointer}
.cl-native-choice[aria-pressed="true"]{background:#f4c449;color:#4e3403;box-shadow:inset 0 1px #fff6cd,0 2px 8px #c89a2844}
.cl-native-choice:focus-visible{outline:2px solid #aa720a;outline-offset:-2px}
body.cl-guest-v2 #language-dialog .language-chip{font-size:15px;padding:7px 9px}
body.cl-guest-v2 #language-dialog .cl-language-group{font-size:16px;grid-column:1/-1;margin:9px 0}
body.cl-guest-v2 #language-dialog .cl-search input{font-size:16px;padding:12px}
body.cl-guest-v2 #language-dialog .cl-native-filter{font-size:15px;padding:6px 0}
.cl-language-tabs .cl-native-filter[hidden]{display:none!important}
body.cl-guest-v2 #language-feedback{background:linear-gradient(110deg,#fff7da,#fffdf6);border:1px solid #e8c367;border-left:4px solid #d69a0b;padding:16px 20px;color:#624717;font-size:15px;box-shadow:0 6px 20px #9f742b14}
#language-feedback.is-new{animation:cl-notice-in .2s ease-out}
@keyframes cl-notice-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
body.cl-guest-v2[data-theme="light"] .cm-head{background:linear-gradient(110deg,#fff7e2,#f8e4b0)!important;border-color:#ecd18a}
.cm-head>button{position:relative}
.cm-head .cm-badge{position:absolute;right:-3px;top:-5px;min-width:17px;pointer-events:none}
.cm-profile-menu{left:auto;right:8px;flex-direction:column;width:225px;padding:9px;background:#fffdf7;border-color:#e4cc95}
.cm-profile-menu button{display:flex!important;align-items:center;justify-content:flex-start!important;gap:9px;width:100%!important;height:auto!important;min-height:44px;padding:11px!important;color:#714d0c!important;background:#fff8e8;white-space:nowrap}
.cm-profile-menu button svg{width:20px!important;height:20px!important;flex:none}
.cm-profile-menu button:after{margin:0;font-size:14px}
.cm-profile-menu button:disabled{opacity:.4;cursor:default}
.cm-profile-menu button:hover:not(:disabled),.cm-invite-friend:hover:not(:disabled){outline:2px solid #e5af35;outline-offset:-2px;box-shadow:0 3px 14px #b8862c26;background:#fff2cc}
.cm-profile-menu button:active:not(:disabled),.cm-invite-friend:active:not(:disabled){transform:scale(.98)}
.cm-invite-dialog{width:min(600px,calc(100vw - 28px));padding:26px;font-size:16px}
.cm-invite-dialog h2{font-size:25px}.cm-invite-dialog p{font-size:16px;line-height:1.5}
.cm-invite-dialog .cm-invite-friend{padding:15px 13px;min-height:75px}.cm-invite-friend strong{font-size:17px}.cm-invite-friend small{font-size:13px}
.cm-invite-crown{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;margin-bottom:14px;background:linear-gradient(140deg,#fff7cf,#f7c748);color:#9b690b;box-shadow:inset 0 1px white,0 4px 20px #d1a33f26}
.cm-invite-crown svg{width:33px;height:33px}
body.cl-guest-v2 .cm-invite svg{width:23px;height:23px}
body.cl-guest-v2 .cm-quote-compose,body.cl-guest-v2 .cm-reply{background:#f4eddb;color:#5f4b24;border-left-color:#a77514}
body.cl-guest-v2 .cm-referral{background:#fff4d8;color:#805713;border-color:#e9d3a0}
body.cl-guest-v2 .cm-contact:hover{background:#fff1ce}
body.cl-guest-v2 .cl-access-panel .cl-access-head{height:54px;font-size:17px;background:linear-gradient(110deg,#fffdf8,#fff1c7);border-color:#ead9ac}
@media(max-width:600px){body.cl-guest-v2 .cl-instructions{padding:20px;margin:8px;width:calc(100% - 16px)}body.cl-guest-v2 .cl-instructions ol{font-size:15px;line-height:1.45}body.cl-guest-v2 .cl-instructions li+li{margin-top:9px}body.cl-guest-v2 #language-dialog{width:calc(100vw - 16px)}body.cl-guest-v2 #language-dialog .cl-language-list{padding:12px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}body.cl-guest-v2 #language-dialog .language-option{font-size:14px;gap:7px;padding:7px}.cl-native-choice{width:30px;height:30px;padding:4px;margin-right:4px}.cl-beta{margin-top:5px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.cl-topbar>.cl-round-progress span:after{animation:none}#language-feedback.is-new{animation:none}}
.cl-board-v4 .wb-tools button:hover:not(:disabled),
.cl-board-v4 .wb-tools button:focus-visible{background:#fff1bd!important;color:#704b07!important;outline:2px solid #e9b01e;outline-offset:1px}
.cl-board-v4 .wb-tools>button[aria-pressed="true"],
.cl-board-v4 .wb-tool>button[aria-pressed="true"]{background:#ffe5a0!important;color:#664205!important;outline:2px solid #e7a810;outline-offset:1px}
.cl-board-v4 .wb-shapes button[aria-pressed="true"]{background:#fff0b8!important;outline:3px solid #e9ad17;outline-offset:1px;box-shadow:0 0 0 5px #ffd36473,0 3px 12px #b4802340}
.cl-board-v4 .wb-shapes button:hover{outline:2px solid #e9ad17;outline-offset:1px}
.cl-board-v4 .wb-shapes button[aria-pressed="true"]:hover{outline:3px solid #e9ad17;outline-offset:1px}
.wb-popover input[type=range]{accent-color:#d9a01c}
.clm-chat-row:not(.me) .cm-inline-emoji{background:transparent;box-shadow:none;padding:0}
.ce-gallery.is-profile{background:linear-gradient(145deg,#fff9e9e8,#ffe3a2e3)!important;border:1px solid #ebc76d;box-shadow:0 18px 70px #7e560658}
.ce-gallery.is-profile::backdrop{background:#39280caa}
.ce-notifications .ce-notification-join{width:100%;height:auto;min-height:58px;margin:0;text-align:left;cursor:pointer;font:inherit;background:#fff0c3;border:1px solid #e9c976;color:#493d2a}
.ce-notifications .ce-notification-join:hover:not(:disabled){background:#ffe69a;box-shadow:0 3px 12px #b9822d35;transform:translateY(-1px)}
.cl-mode-wrap:has(#activities-toggle) .cl-mode-menu{width:min(310px,calc(100vw - 26px));max-width:none;max-height:min(60dvh,450px);overflow:auto}
.cl-activity-preview{margin:2px 0 4px;padding:14px;border:1px solid #e6c981;border-radius:15px;background:linear-gradient(140deg,#fffefa,#fff0c2);box-shadow:inset 0 1px #fff;color:#443514}
.cl-activity-preview small,.cl-activity-preview strong{display:block}.cl-activity-preview small{color:#866523;margin-bottom:8px;font-size:11px}.cl-activity-preview strong{font-size:16px}.cl-activity-preview p{white-space:pre-line;margin:8px 0 0;line-height:1.4;font-size:12px}
.cl-activity-game{position:absolute;z-index:59;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 26px));padding:24px;border:1px solid #e6c981;border-radius:22px;background:linear-gradient(135deg,#fffefa,#ffe8ad);color:#352a15;box-shadow:0 20px 60px #3a2b134a;text-align:center}
.cl-activity-game[hidden]{display:none}.cl-activity-game h2{margin:4px 0 10px;font-size:23px}.cl-activity-game small{color:#8b6926;font-weight:700}.cl-activity-game p{padding:18px;background:#fffdf6;border:1px solid #f1dca6;border-radius:13px;line-height:1.45}.cl-activity-game button{padding:9px 15px;border:1px solid #daa634;border-radius:10px;background:#ffdc7a;color:#3d2a0a;cursor:pointer;font:inherit;font-weight:700}.cl-activity-game button:first-child{position:absolute;right:10px;top:10px;padding:5px 8px;font-size:12px;background:#fff9eb}
.cl-language-tabs .cl-native-filter{display:inline-flex;align-items:center;gap:8px;flex-basis:100%;font-size:12px;color:#765723;cursor:pointer}
.cl-language-tabs .cl-native-filter input{accent-color:#d6a01d;width:15px;height:15px}
@media(max-width:600px){
 .cl-board-v4 .wb-tools{left:6px;right:6px;top:auto;bottom:7px;transform:none;flex-direction:row;max-height:none;padding:4px;gap:2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
 .cl-board-v4 .wb-tools>button,.cl-board-v4 .wb-tool>button{width:35px;height:36px;padding:6px}
 .cl-board-v4 .wb-tools .wb-history{flex-direction:row;margin:0 0 0 auto;border:0;border-left:1px solid #e4eaf2;padding:0 0 0 4px}
 .cl-board-v4 .wb-popover{position:fixed;left:12px;right:12px;bottom:170px;top:auto;width:min(310px,calc(100vw - 24px));max-height:42dvh;overflow:auto}
 .cl-board-v4 .wb-footer{gap:4px}.cl-board-v4 .wb-footer>div{min-width:0}
 .cl-board-v4 .wb-footer button{width:26px;height:27px;padding:4px}.cl-board-v4 .wb-footer span{min-width:35px}
}

/* QA7: quiet white/blue-white surfaces; gold is reserved for interaction. */
body.cl-guest-v2[data-theme="light"]{
 --cl-action:#f2c044;--cl-icon:#80600c;--cl-icon-hover:#926800;
 --cl-surface:#fff;--cl-canvas:#eef3f9;--cl-control-bar:#f1f5fa;
 --cl-border:#dfe6ee;--cl-focus:#d49b09;
 background:var(--cl-canvas);color:#253247;
}
#peer-label:empty,#peer-label[hidden]{display:none!important}
body.cl-guest-v2[data-exchange-available="false"] :is(#timer,.cl-round-progress){display:none!important}
body.cl-guest-v2[data-practice-available="false"] :is(#round-language,#round-flag){display:none!important}
body.cl-guest-v2[data-exchange-available="false"] .cl-topbar{padding-bottom:0;min-height:56px}
body.cl-guest-v2[data-exchange-available="false"]{--cl-header:67px}
@media(max-width:900px){
 body.cl-guest-v2[data-exchange-available="false"]{--cl-header:92px}
 body.cl-guest-v2[data-exchange-available="false"][data-practice-available="false"]{--cl-header:56px}
 body.cl-guest-v2[data-exchange-available="false"] .cl-topbar .cl-hud{height:38px}
 body.cl-guest-v2[data-practice-available="false"] .cl-topbar .cl-hud{height:0;padding:0;border:0;pointer-events:none}
 body.cl-guest-v2[data-practice-available="false"] .cl-topbar .cl-hud .cl-view-tools{position:absolute;right:48px;top:8px;pointer-events:auto}
}
/* Invisible grip, unchanged hit area and drag mechanics. */
body.cl-guest-v2 .cl-grid-divider::after{display:none!important}
body.cl-guest-v2 .cl-account-button.has-avatar,body.cl-guest-v2 .cl-account-button.is-connected{overflow:visible!important}
body.cl-guest-v2 .cl-account-button.has-avatar>img{border-radius:50%;object-fit:cover}
body.cl-guest-v2 .cl-account-button.is-connected::after{right:-2px!important;bottom:-2px!important;top:auto!important;z-index:2;border:2px solid #fff}
body.cl-guest-v2[data-theme="light"] :is(.cl-device-menu,.cl-mode-menu,.cl-layout-menu,.cl-safety-menu,.cl-language-card,.cl-social-dialog,.cm-invite-dialog,.cl-profile-hero,.cl-profile-setting-groups>a,.cl-profile-setting-groups>button,.ce-toast){background:var(--cl-surface);border-color:var(--cl-border);color:#253247}
body.cl-guest-v2[data-theme="light"] :is(.cl-account-menu,.cl-access-head){background:var(--cl-surface)!important;border-color:var(--cl-border)!important}
body.cl-guest-v2[data-theme="light"] .cl-call-actions{background:var(--cl-control-bar)}
body.cl-guest-v2[data-theme="light"] :is(.cl-call-actions .cl-control,.cl-call-actions .cl-device-arrow,.cl-topbar .cl-view-tools .cl-control,.cl-toolbar>.icon-button,.cl-language-button){
 background:transparent;border-color:transparent;box-shadow:none;color:var(--cl-icon);
 transition:background-color .16s ease,color .16s ease,box-shadow .16s ease;
}
body.cl-guest-v2[data-theme="light"] :is(.cl-call-actions .cl-control,.cl-call-actions .cl-device-arrow,.cl-topbar .cl-view-tools .cl-control,.cl-toolbar>.icon-button,.cl-language-button):hover:not(:disabled){
 background:#fff;color:var(--cl-icon-hover);box-shadow:0 2px 9px #263e5410;transform:none;
}
body.cl-guest-v2[data-theme="light"] :is(.cl-control,.cl-language-button,.cm-head>button,.cm-message-action,.cl-mode-menu button):focus-visible{outline:2px solid var(--cl-focus);outline-offset:3px}
body.cl-guest-v2[data-theme="light"] .cl-call-actions .cl-control.is-off{background:transparent;border-color:transparent;color:#c83a49}
body.cl-guest-v2[data-theme="light"] .cl-call-actions .cl-control.is-off:hover:not(:disabled){background:#fff;color:#b52435}
body.cl-guest-v2[data-theme="light"] .cl-control.cl-primary,
body.cl-guest-v2[data-theme="light"] .cl-control.cl-primary.cl-searching,
body.cl-guest-v2[data-theme="light"] .cl-control.cl-primary.cl-skip,
body.cl-guest-v2[data-theme="light"] .dialog-done,
body.cl-guest-v2[data-theme="light"] .cm-chat .cl-composer .send{
 background:var(--cl-action)!important;border-color:transparent!important;color:#302609!important;box-shadow:none!important;
}
body.cl-guest-v2[data-theme="light"] .cl-control.cl-primary:not(.cl-holding):hover:not(:disabled),
body.cl-guest-v2[data-theme="light"] .cm-chat .cl-composer .send:hover{background:#e9b42b!important;filter:none;transform:none;box-shadow:0 2px 9px #9a751422!important}
/* Keep the actual two-second black fill intact, above the new flat button treatment. */
body.cl-guest-v2[data-theme="light"] .cl-control.cl-primary.cl-holding{background:#fff!important;color:#fff!important}
body.cl-guest-v2[data-theme="light"] :is(.cl-mode-menu button,.cm-invite-friend b,.cm-history-upgrade){background:var(--cl-action);border-color:transparent;color:#302609;box-shadow:none}
body.cl-guest-v2[data-theme="light"] .ce-volume{color:#3d4b60}
body.cl-guest-v2[data-theme="light"] :is(.ce-volume input,.ce-share-menu input){accent-color:#d4a016}
body.cl-guest-v2[data-theme="light"] .ce-volume-pop{color:var(--cl-icon);border-color:var(--cl-border);background:#fff}
body.cl-guest-v2[data-theme="light"] .ce-share-menu{background:#fff;border-color:var(--cl-border);color:#253247}
body.cl-guest-v2[data-theme="light"] .ce-share-menu label{display:flex;align-items:center;gap:9px}
body.cl-guest-v2[data-theme="light"] .ce-share-menu button{background:var(--cl-action);color:#302609;box-shadow:none}
body.cl-guest-v2[data-theme="light"] .cl-empty.is-searching .cl-empty-icon{border-top-color:var(--cl-action)}
body.cl-guest-v2[data-theme="light"] .cl-round-progress span{background:var(--cl-action)!important}
body.cl-guest-v2[data-theme="light"] #language-feedback{background:#fff;border-color:#e5bd55;color:#5c471d;box-shadow:0 4px 14px #2532470a}
body.cl-guest-v2[data-theme="light"] .cl-access-panel .cl-access-head{background:#fff;border-color:var(--cl-border)}
body.cl-guest-v2[data-theme="light"] .cm-chat{background:var(--cl-canvas)!important;border-left-color:var(--cl-border)}
body.cl-guest-v2[data-theme="light"] :is(.cm-head,.cm-chat .cl-composer,.ce-notifications){background:#fff!important;border-color:var(--cl-border);box-shadow:0 3px 15px #2532470a}
body.cl-guest-v2[data-theme="light"] :is(.cm-directory>input,.cm-bubble,.cm-avatar.mine){background:#e8eef5;color:#253247}
body.cl-guest-v2[data-theme="light"] .clm-chat-row.me .cm-bubble{background:#f8df86!important;color:#302609!important}
body.cl-guest-v2[data-theme="light"] :is(.cm-profile-menu,.cm-profile-menu button,.cm-referral,.cm-history-day>h3){background:#fff;border-color:var(--cl-border);color:#4c5a6e}
body.cl-guest-v2[data-theme="light"] :is(.cm-quote-compose,.cm-reply){background:#e8eef5;color:#344b69;border-left-color:#d4a016}
body.cl-guest-v2[data-theme="light"] .cm-contact:hover{background:#fff}
body.cl-guest-v2[data-theme="light"] .cm-head>button:not(:disabled):hover{background:#f4f7fb;box-shadow:0 2px 8px #25324712;transform:none}
body.cl-guest-v2[data-theme="light"] .cm-head>.cm-profile{background:transparent;box-shadow:none}
body.cl-guest-v2[data-theme="light"] .cm-history-row{border-color:var(--cl-border)}
body.cl-guest-v2 .cl-call-actions:has(#mode-toggle[aria-expanded="true"]){z-index:100}
/* Fixed coordinates are viewport-relative, not anchored to the bottom toolbar. */
body.cl-guest-v2 .cl-mode-wrap:has(>#mode-toggle)>.cl-mode-menu{
 position:fixed;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);
 width:min(460px,calc(100vw - 32px));min-width:0;max-height:calc(100dvh - 40px);overflow:auto;
 padding:30px;gap:20px;border-radius:20px;box-shadow:0 18px 60px #20354e26;font-size:18px;
}
body.cl-guest-v2 .cl-mode-wrap:has(>#mode-toggle)>.cl-mode-menu strong{font-size:24px;line-height:1.3}
body.cl-guest-v2 .cl-mode-wrap:has(>#mode-toggle)>.cl-mode-menu select{max-width:none;font-size:19px;min-height:56px;padding:13px}
body.cl-guest-v2 .cl-mode-wrap:has(>#mode-toggle)>.cl-mode-menu button{min-height:52px;font-size:18px}
body.cl-guest-v2 .cl-mode-wrap:has(>#mode-toggle)>.cl-mode-menu button svg{width:24px;height:24px}
@media(max-width:520px){
 body.cl-guest-v2 .cl-mode-wrap:has(>#mode-toggle)>.cl-mode-menu{width:calc(100vw - 24px);padding:24px;gap:16px}
 body.cl-guest-v2 .cl-mode-wrap:has(>#mode-toggle)>.cl-mode-menu strong{font-size:22px}
}
@media(prefers-reduced-motion:reduce){body.cl-guest-v2[data-theme="light"] :is(.cl-control,.cl-device-arrow,.cl-language-button){transition:none}}

/* Shared community controls: neutral surfaces, gold actions and visible input states. */
/* QA9: stronger gold, unobstructed flags, legible CEFR controls. */
body.cl-guest-v2{--cl-gold:#ffcb19;--cl-focus:#efb900;--cl-gold-ink:#715000}
body.cl-guest-v2 button:not(:disabled):hover{outline-color:#efb900}
body.cl-guest-v2 .cl-access-panel[data-view=pro]>.cl-access-head{display:none}
body.cl-guest-v2 .cl-access-panel[data-view=pro] iframe{height:100%;border-radius:20px}
body.cl-guest-v2 #language-dialog{width:min(1160px,calc(100vw - 32px));font-size:17px}
body.cl-guest-v2 #language-dialog .language-option{font-size:17px;min-height:52px}
body.cl-guest-v2 #language-dialog .flag-dot{width:30px;height:22px;background:none;object-fit:contain;border-radius:2px}
body.cl-guest-v2 #language-dialog .cl-level-select{font-size:15px;max-width:112px;min-height:46px;background:#fff4be;color:#392b08;border-color:#e1bd50;padding:8px}
body.cl-guest-v2 .cl-level-tag{background:#fff0a3;color:#3b2b00;font-weight:750;font-size:13px}
.cl-upcoming-inline{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin:6px 0;padding:12px 14px;background:#fff7d8;border:1px solid #efd688;border-radius:14px;color:#4f3905;font-size:15px;line-height:1.45}
.cl-upcoming-inline .cl-language-notify{flex:none;width:42px;height:42px;border:0;border-radius:50%;background:#f4384e;color:white;cursor:pointer;display:grid;place-items:center;padding:10px}.cl-language-notify svg{width:23px;height:23px;transform-origin:50% 12%;animation:cl-notify-ring 2.8s ease-in-out infinite}
@keyframes cl-notify-ring{0%,65%,100%{transform:rotate(0)}70%{transform:rotate(-10deg)}77%{transform:rotate(10deg)}84%{transform:rotate(-6deg)}91%{transform:rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.cl-language-notify svg{animation:none}}
body.cl-guest-v2 .cl-call-actions{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
body.cl-guest-v2 .cl-control-center{display:grid;grid-template-columns:48px 56px 48px;gap:10px;justify-items:center}
body.cl-guest-v2 .cl-control-center>.cl-mode-wrap{min-width:0}
body.cl-guest-v2 .cl-control-center>#search{grid-column:2;grid-row:1}
body.cl-guest-v2 .cl-control-center>.cl-mode-wrap:has(#mode-toggle){grid-column:1;grid-row:1}
body.cl-guest-v2 .cl-control-center>.cl-a-launcher{grid-column:3;grid-row:1}
body.cl-guest-v2[data-theme="light"] :is(.cl-control,.cl-device-arrow):hover:not(:disabled){background:#fff1bb;color:#775609}
body.cl-guest-v2 .cl-round-language-info{display:grid;place-items:center;flex:none;min-width:38px;min-height:36px;padding:6px;border:0;border-radius:9px;background:transparent;cursor:pointer}
body.cl-guest-v2 .cl-round-language-info:hover{background:#fff0bb}
body.cl-guest-v2 .cl-round-language-info:focus-visible{outline:2px solid var(--cl-focus);outline-offset:2px}
body.cl-guest-v2 .cl-round-language-info[hidden]{display:none}
body.cl-guest-v2 .cl-level-select{font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;max-width:88px;min-height:38px;padding:7px 5px;border:1px solid #dce4ed;border-radius:9px;background:#fff;color:#61470c;cursor:pointer;margin:0 6px 0 0}
body.cl-guest-v2 .cl-level-select:hover{background:#fff0bc;border-color:#d4a532}
body.cl-guest-v2 .cl-level-select:focus-visible{outline:2px solid var(--cl-focus);outline-offset:2px}
.cl-level-tag{display:inline-flex;align-items:center;white-space:nowrap;padding:3px 6px;background:#eaf0f7;color:#47576d;border-radius:5px;font:600 11px/1.2 system-ui,sans-serif}
.cl-language-row.is-unavailable{background:#f5f7fa}
.cl-language-row.is-unavailable .language-option{color:#7a8492;cursor:not-allowed}
body.cl-guest-v2 #language-dialog .cl-language-list{grid-template-columns:repeat(auto-fit,minmax(255px,1fr));grid-auto-rows:minmax(50px,max-content)}
body.cl-guest-v2 #language-dialog .cl-language-row{min-height:50px}
.cl-native-wait{box-sizing:border-box;width:min(490px,calc(100vw - 28px));padding:30px;border:1px solid #dfe6ee;border-radius:22px;background:#fff;color:#253247;box-shadow:0 18px 65px #23324730}
.cl-native-wait::backdrop{background:#20314955}
.cl-native-wait h2{font-size:24px;margin:0 0 14px;letter-spacing:-.025em}
.cl-native-wait p{font-size:16px;line-height:1.6;color:#5b6a7d}
.cl-native-wait-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.cl-native-wait-actions button{flex:1 1 130px;min-height:46px;border:1px solid #dce4ed;background:#edf3f9;border-radius:11px;color:#253247;font:600 14px/1.3 system-ui,sans-serif;padding:11px 15px;cursor:pointer}
.cl-native-wait-actions .cl-action-button{background:#f2c044;border-color:#f2c044;color:#302609;flex-basis:230px}
.cl-native-wait-actions button:hover:not(:disabled){background:#ffe191;border-color:#c79420}
.cl-native-wait-actions button:disabled{opacity:.6;cursor:wait}
.cl-native-wait-actions button:focus-visible{outline:2px solid #b68412;outline-offset:3px}
.cl-native-wait-status:empty{display:none}

/* The same thumb interaction applies to all current and future native sliders. */
body.cl-guest-v2 input[type=range]{appearance:none;-webkit-appearance:none;height:32px;border:0;background:transparent;box-shadow:none;cursor:ew-resize;accent-color:var(--cl-action);filter:none;touch-action:pan-y}
body.cl-guest-v2 input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:#d9e2ec}
body.cl-guest-v2 input[type=range]::-moz-range-track{height:6px;border-radius:4px;background:#d9e2ec}
body.cl-guest-v2 input[type=range]::-moz-range-progress{height:6px;border-radius:4px;background:#efbd39}
body.cl-guest-v2 input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border:3px solid #b48615;border-radius:50%;background:#fff;box-shadow:0 1px 4px #25324729;transition:box-shadow .15s,transform .15s}
body.cl-guest-v2 input[type=range]::-moz-range-thumb{width:12px;height:12px;border:3px solid #b48615;border-radius:50%;background:#fff;box-shadow:0 1px 4px #25324729;transition:box-shadow .15s,transform .15s}
body.cl-guest-v2 input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #f2c04436}
body.cl-guest-v2 input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 0 5px #f2c04436}
body.cl-guest-v2 input[type=range]:active::-webkit-slider-thumb{background:#ffe697;transform:scale(1.18);box-shadow:0 0 0 7px #f2c04455}
body.cl-guest-v2 input[type=range]:active::-moz-range-thumb{background:#ffe697;transform:scale(1.18);box-shadow:0 0 0 7px #f2c04455}
body.cl-guest-v2 input[type=range]:focus-visible{outline:2px solid var(--cl-focus);outline-offset:3px;border-radius:8px}
body.cl-guest-v2 input[type=range]:disabled{cursor:not-allowed;opacity:.45}
body.cl-guest-v2[data-theme="light"] .ce-volume-pop{border:1px solid #dfe6ee;background:#fff;border-radius:11px;color:var(--cl-icon);box-shadow:0 2px 8px #25324714}
body.cl-guest-v2 .ce-volume-pop summary{min-width:36px;min-height:36px;padding:8px;border-radius:10px}
body.cl-guest-v2 .ce-volume-pop summary:hover{background:#fff0bc;color:#775609}
body.cl-guest-v2 .ce-volume-pop summary:focus-visible{outline:2px solid var(--cl-focus);outline-offset:2px}
body.cl-guest-v2 .ce-volume-pop[open]{width:210px}
body.cl-guest-v2 .ce-volume-pop[open] summary{border-bottom:1px solid #e5ebf2;border-radius:10px 10px 0 0}
body.cl-guest-v2 .ce-volume{font-size:13px;line-height:1.45}
@media(max-width:620px){
 body.cl-guest-v2 .cl-call-actions{height:112px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:42px 48px;padding:7px 12px;gap:7px 0}
 body.cl-guest-v2 .cl-control-left{grid-column:1/3;grid-row:1;justify-content:flex-start}
 body.cl-guest-v2 .cl-control-group:last-child{grid-column:3;grid-row:1}
 body.cl-guest-v2 .cl-control-center{grid-column:1/-1;grid-row:2;grid-template-columns:48px 56px 48px;gap:12px;justify-content:center}
 body.cl-guest-v2 .cl-call:not(.cl-presenting){padding-bottom:112px}
 body.cl-guest-v2 .cl-presenting :is(.cl-board-v4,.ce-screen){bottom:112px!important}
 body.cl-guest-v2 #language-dialog .cl-language-list{grid-template-columns:1fr}
 body.cl-guest-v2 .cl-level-select{min-height:44px;max-width:92px}
 .cl-native-wait{padding:24px}
}
@media(prefers-reduced-motion:reduce){body.cl-guest-v2 input[type=range]::-webkit-slider-thumb{transition:none}body.cl-guest-v2 input[type=range]::-moz-range-thumb{transition:none}}
/* An empty stage has no companion whose audio can be adjusted. */
.cl-remote:has(#empty-stage:not([hidden])) > .ce-volume-pop{display:none}
/* Membership alone does not imply a connected remote participant. */
body.cl-guest-v2 .cl-call :is(.cl-remote,.cl-room-participant):not([data-peer-connected="true"]) > .ce-volume-pop.ce-volume-compact,
body.cl-guest-v2 .cl-call :is(.cl-remote,.cl-room-participant) > .ce-volume-pop.ce-volume-compact[hidden]{display:none!important}
.cm-report-page{background:#f1f6fb}.cm-report-page form{background:#fff;border-color:#dce5ee;box-shadow:0 12px 40px #25324712}
.cm-report-page fieldset label:has(:checked){background:#fff2c6}.cm-report-page input{accent-color:#b18016}
.cm-report-page button[type=submit]{background:#f1c94f;color:#302811}.cm-report-page button:hover{box-shadow:0 0 0 2px #e7c45b;transform:none}
.cm-report-page button[type=submit]:hover{background:#e8bd39}.cm-report-page button:focus-visible{outline:2px solid #80600c;outline-offset:3px}