/* QA57: one quiet interaction contract. Artwork supplies its own ink;
   hit targets never receive a second keycap, glow or yellow hover silhouette. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(dialog,.cl-topbar,.cl-call-actions,.cm-chat,.cl-social-dialog,.cl-device-menu,.cl-mode-menu,.ce-notifications,.ce-time-proposal,.cl-a-proposal,.cr-menu,.pgc,.cl-fe-panel,.cl-profile-account-layer,#language-dialog,#activity-grid,#board-panel) :is(button,[role=button],a.cl-profile-settings-entry):not([data-color]):not(.wb-custom-slot):not(.cl-ui-sound-dot):not(.cl-ui-animation-dot){
 background-color:var(--sketch-button-fill,transparent)!important;border-color:var(--sketch-button-border,transparent)!important;box-shadow:none!important;
 scale:1!important;transform-origin:center;transition:scale .16s cubic-bezier(.2,.8,.3,1)!important;
}
@media(hover:hover){
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(dialog,.cl-topbar,.cl-call-actions,.cm-chat,.cl-social-dialog,.cl-device-menu,.cl-mode-menu,.ce-notifications,.ce-time-proposal,.cl-a-proposal,.cr-menu,.pgc,.cl-fe-panel,.cl-profile-account-layer,#language-dialog,#activity-grid,#board-panel) :is(button,[role=button],a.cl-profile-settings-entry):not(:disabled):not([aria-disabled=true]):not([data-color]):not(.wb-custom-slot):not(.cl-ui-sound-dot):not(.cl-ui-animation-dot):hover{scale:1.1!important;outline:var(--sketch-hover-outline,none)!important}
}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(dialog,.cl-topbar,.cl-call-actions,.cm-chat,.cl-social-dialog,.cl-device-menu,.cl-mode-menu,.ce-notifications,.ce-time-proposal,.cl-a-proposal,.cr-menu,.pgc,.cl-fe-panel,.cl-profile-account-layer,#language-dialog,#activity-grid,#board-panel) :is(button,[role=button],a.cl-profile-settings-entry):not(:disabled):not([aria-disabled=true]):not([data-color]):not(.wb-custom-slot):not(.cl-ui-sound-dot):not(.cl-ui-animation-dot):is(:active,[data-pressed=true]){scale:1!important}
/* Keyboard focus remains visible; mouse hover has no painted outline. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(button,[role=button],a):focus-visible{--sketch-hover-outline:2px dashed #17171c;outline:2px dashed #17171c!important;outline-offset:3px!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(button,[role=button],a):focus:not(:focus-visible){outline:none!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 [data-sketch-pop-icon]:hover .sketch-pop-glyph{filter:none!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#mic,#camera,#board-toggle,#screen-share-toggle,#mode-toggle,#chat-toggle,#activities-toggle,#call-reactions-toggle,#next,#search)[data-sketch-pop-icon]{
 width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;padding:7px!important;border:0!important;background:none!important;box-shadow:none!important;translate:none!important;
}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#mic,#camera,#board-toggle,#screen-share-toggle,#mode-toggle,#chat-toggle,#activities-toggle,#call-reactions-toggle,#next,#search)[data-sketch-pop-icon]>.sketch-pop-glyph{width:50px!important;height:50px!important;max-width:100%;max-height:100%;margin:auto;filter:none!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search)[data-sketch-pop-icon]{width:78px!important;height:78px!important;min-width:78px!important;min-height:78px!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#mode-toggle,#activities-toggle,#next,#search)[data-sketch-pop-icon]>.sketch-pop-glyph{background-image:var(--sketch-pop-current,var(--sketch-pop-normal))!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search)[data-sketch-pop-icon]>.sketch-pop-glyph{width:64px!important;height:64px!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions .cl-device-wrap{width:64px;height:64px}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions{min-height:98px;align-items:center;overflow:visible}
@media(min-width:851px){html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions{grid-template-columns:minmax(0,1fr) 64px 78px 64px minmax(0,1fr)!important}}
/* Keep the white toolbar, the center search/timing/activity grouping, and right chat. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-topbar :is(button,.cl-pro-crown,#notifications-toggle,#open-languages,.cl-account-toggle){box-sizing:border-box;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;display:grid;place-items:center;padding:6px!important;flex:none}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-topbar :is(.sketch-pop-glyph,button>svg,button>img){width:32px!important;height:32px!important;max-width:100%;max-height:100%;object-fit:contain;margin:auto}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-topbar button:has(.cl-header-learning-flag){overflow:visible}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-topbar .cl-header-learning-flag{object-fit:contain;width:32px!important;height:32px!important}
/* Cards keep an ink contour, not a yellow fill. Hover only moves their contents. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 #activity-grid .cl-a-tile:is(:nth-child(n),:hover,:active){background:#fff!important;border:1.8px solid #17171c!important;box-shadow:none!important;border-radius:23px 20px 24px 21px / 21px 24px 20px 23px!important}
html[data-sketch-pop-theme="qa56"] #activity-grid .cl-a-tile{--sketch-button-fill:#fff;--sketch-button-border:#17171c}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 #activity-grid .cl-a-tile:focus-visible{outline:2px dashed #17171c!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 #language-dialog .language-option{background:#fff!important;border:1.5px solid #dfddd5!important;box-shadow:none!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 #language-dialog .language-option:is(.selected,[aria-selected=true]){background:#fff!important;border-color:#17171c!important;box-shadow:none!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 #language-dialog .language-option:hover{background:#fff!important;box-shadow:none!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 #language-dialog .cl-language-row{background:#fff!important;box-shadow:none!important;border-radius:16px 14px 17px 15px!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 #language-dialog .cl-language-row.selected{border-color:#17171c!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 #language-dialog :is(.cl-level-trigger,.cl-level-menu button.selected,.cl-level-menu button[aria-selected=true]){background:#ffd43c!important;border:1.5px solid #17171c!important;box-shadow:none!important}
html[data-sketch-pop-theme="qa56"] #language-dialog :is(.cl-level-trigger,.cl-level-menu button.selected,.cl-level-menu button[aria-selected=true]){--sketch-button-fill:#ffd43c;--sketch-button-border:#17171c}
/* Pro's modal shell covers the viewport for focus containment, not with paper.
   panel-motion already drives this registered opacity on its actual timeline. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 dialog.cl-profile-account-layer{background:transparent!important;border:0!important;box-shadow:none!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 dialog.cl-profile-account-layer::backdrop{background:rgb(31 34 43 / calc(var(--cl-backdrop-opacity,1) * .44))!important;backdrop-filter:none}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 dialog.cl-profile-account-layer .cl-access-panel{background:#fff!important}
/* Profile stays within its curvy shell: one scroll area, inset from corners. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 dialog.cl-social-dialog.cl-profile-dialog[data-sketch-profile]{overflow:hidden;display:flex;flex-direction:column;scrollbar-gutter:auto}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 dialog.cl-social-dialog.cl-profile-dialog[data-sketch-profile]:not([open]){display:none}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-dialog[data-sketch-profile]>.cl-social-head{flex:none}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-dialog[data-sketch-profile]>.cl-social-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 8px 8px 4px;scrollbar-width:thin;scrollbar-color:#b5a875 transparent;scrollbar-gutter:stable}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-dialog[data-sketch-profile]>.cl-social-body::-webkit-scrollbar{width:7px}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-dialog[data-sketch-profile]>.cl-social-body::-webkit-scrollbar-thumb{border:2px solid #fff;border-radius:10px;background:#b5a875}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-card[data-sketch-profile] .cl-profile-badges>.cl-profile-identity-side{order:0}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-card[data-sketch-profile] .cl-profile-badges>:is(.cl-profile-badge-edit,.cl-profile-custom-badge){order:1}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-card[data-sketch-profile] .cl-profile-badges>.cl-profile-share{order:2;background-position:center;border:0}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-card[data-sketch-profile] .cl-profile-badges>.cl-profile-plan{order:3}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-card[data-sketch-profile] .cl-profile-language{background:#fff!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-profile-card[data-sketch-profile] .cl-profile-language:hover{box-shadow:none!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-invite-link,.cm-room-link-create,.cm-room-share-actions>button){background:none!important;box-shadow:none!important;border:0!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cl-mode-menu #propose,.cm-invite-friend b){background:none!important;border:0!important;box-shadow:none!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cm-language-info,.cl-profile-language):hover .sketch-pop-flag{outline:none!important}
@media(max-width:850px){
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions{min-height:82px;gap:5px}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#mic,#camera,#board-toggle,#screen-share-toggle,#mode-toggle,#chat-toggle,#activities-toggle,#call-reactions-toggle)[data-sketch-pop-icon]{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;padding:4px!important}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#mic,#camera,#board-toggle,#screen-share-toggle,#mode-toggle,#chat-toggle,#activities-toggle,#call-reactions-toggle)[data-sketch-pop-icon]>.sketch-pop-glyph{width:40px!important;height:40px!important}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search)[data-sketch-pop-icon]{width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search)[data-sketch-pop-icon]>.sketch-pop-glyph{width:52px!important;height:52px!important}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions .cl-device-wrap{width:48px;height:48px}
}
@media(max-width:620px) and (orientation:portrait){
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions{grid-template-columns:repeat(4,48px) minmax(0,1fr) 62px!important;grid-template-rows:52px 52px;gap:2px;min-height:130px}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search)[data-sketch-pop-icon]{padding:5px!important}
}
@media(prefers-reduced-motion:reduce){html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(button,[role=button],a){transition:none!important}}

/* QA58: keep interaction scale separate from artwork and from legacy keycaps. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2{--cl-actions:98px}
@media(max-width:850px){html[data-sketch-pop-theme="qa56"] body.cl-guest-v2{--cl-actions:82px}}
@media(max-width:620px) and (orientation:portrait){html[data-sketch-pop-theme="qa56"] body.cl-guest-v2{--cl-actions:calc(130px + var(--cl-safe-bottom,0px))}}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search,#call-reactions-toggle):not(:disabled){transform:none!important;scale:1!important}
@media(hover:hover){html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search,#call-reactions-toggle):not(:disabled):hover{scale:1.1!important}}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search,#call-reactions-toggle):not(:disabled):is(:active,[data-pressed=true]){scale:1!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#next,#search,#call-reactions-toggle):hover>.sketch-pop-glyph{--sketch-pop-current:var(--sketch-pop-normal);transform:none!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions #board-toggle:not(:disabled):hover>.sketch-pop-glyph{background-color:#ffe777!important;border-radius:24% 20% 28% 19% / 23% 27% 21% 25%}
/* This slash wins against the old generic hover ::after tint. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-actions :is(#mic,#camera).is-off::after{
 content:""!important;position:absolute!important;inset:14% 17%!important;width:66%!important;height:72%!important;z-index:4;transform:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;pointer-events:none;
 background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M7 40Q18 28 24 23T41 7' fill='none' stroke='%23fff' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M7 40Q18 28 24 23T41 7' fill='none' stroke='%23e42e45' stroke-width='3.8' stroke-linecap='round'/%3E%3Cpath d='M6 38Q19 25 26 21T40 6' fill='none' stroke='%23ec5260' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E")!important;
}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-mode-menu #propose{display:grid;place-items:center;align-self:center;justify-self:center;margin:8px auto 0!important;width:58px!important;height:58px!important;padding:4px!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-mode-menu #propose>.sketch-pop-glyph{width:46px!important;height:46px!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cr-menu{background:#fff!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call .ce-volume-pop.ce-volume-compact{bottom:20px!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call .cl-connection-quality{bottom:20px!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call .ce-volume-pop.ce-volume-compact>.ce-volume{transform-origin:right center;inset:auto 35px 0 auto;width:150px;height:32px}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call .ce-volume-pop.ce-volume-compact>.ce-volume input{writing-mode:horizontal-tb!important;direction:ltr!important;width:100%!important;height:20px!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call>.cl-call-view-tools{position:absolute!important;top:auto!important;bottom:calc(var(--cl-actions,98px) + 66px)!important;right:18px!important;left:auto!important;width:32px!important;height:32px!important;z-index:28;transform:none!important;display:block!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-view-tools #fullscreen-toggle{display:grid!important;place-items:center;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:5px!important;background:#fff9e9!important;border:1.5px solid #252b33!important;border-radius:9px 8px 10px 8px!important;box-shadow:0 2px 0 #252b33!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call-view-tools #fullscreen-toggle svg{width:21px!important;height:21px!important;margin:0}
/* Flag and clock share the existing header height, never a second label row. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-topbar .cl-hud:has(#timer){position:absolute!important;inset:0 auto auto 50%!important;translate:-50% 0!important;transform:none!important;width:76px!important;min-width:0!important;height:calc(100% - 5px)!important;padding:0!important;display:grid!important;grid-template-columns:1fr;grid-template-rows:1fr;place-items:center;pointer-events:none}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-topbar .cl-round-meta{position:static!important;display:flex!important;flex-direction:column;align-items:center;gap:0!important;inset:auto!important;pointer-events:auto}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-topbar #round-language{display:none!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-topbar .cl-round-language-info:has(#round-flag){width:40px!important;height:28px!important;min-width:0!important;min-height:0!important;padding:0!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-topbar #round-flag{display:block;width:38px!important;height:26px!important;object-fit:contain}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-topbar #round-flag[hidden]{display:none!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-topbar :is(.cl-round-meta,.cl-round-language-info)[hidden]{display:none!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-topbar #timer{font-size:12px!important;line-height:15px!important;text-align:center;margin:0!important}
@media(max-width:850px) and (min-height:501px){html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-topbar .cl-hud:has(#timer){inset:auto auto 5px 50%!important;height:43px!important}}
@media(max-width:360px) and (min-height:501px){
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-topbar .cl-hud:has(#timer){height:35px!important}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-topbar .cl-round-language-info:has(#round-flag){height:24px!important}
 html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-topbar #timer{font-size:10px!important;line-height:11px!important}
}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-topbar #notifications-toggle>.sketch-pop-glyph{width:40px!important;height:40px!important;max-width:none;max-height:none}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call :is(#proposal,.cl-proposal,.cl-a-proposal-outgoing){position:absolute;top:auto!important;bottom:calc(var(--cl-actions,98px) + 20px)!important;left:50%;right:auto;translate:-50% 0;transform:none;z-index:40;max-width:calc(100% - 100px);margin:0;padding:8px 14px;border:1.5px solid #17171c;border-radius:14px 17px 13px 16px;background:#fff;box-shadow:0 3px 9px #0002}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-a-proposal-outgoing .cl-a-proposal-icon{width:30px;height:30px}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-a-proposal-outgoing .cl-a-proposal-time{display:inline-block;margin:0 0 0 8px;font-size:15px}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-a-proposal-outgoing p{margin:5px 0;line-height:1.35}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call .ce-camera-tools[data-camera-anchor="peer-outside"]{position:absolute;left:var(--ce-peer-tools-x)!important;top:var(--ce-peer-tools-y)!important;right:auto!important;bottom:auto;z-index:28;--ce-camera-tool-size:32px}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call:is(:hover,:focus-within)>.ce-camera-tools[data-camera-anchor="peer-outside"]{opacity:1;pointer-events:auto}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-self-tools{display:flex!important;flex-direction:row!important;align-items:center;gap:7px}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .ce-camera-badge-close{display:grid;place-items:center;width:44px!important;height:44px!important;padding:3px!important;border:0!important;background:none!important;box-shadow:none!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .ce-camera-badge-close>.sketch-pop-glyph{width:38px!important;height:38px!important}
@media(hover:none){html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-call>.ce-camera-tools[data-camera-anchor="peer-outside"]{opacity:1;pointer-events:auto}}