/* QA56: one responsive visual language. All text, permissions and handlers stay live. */
@font-face{font-family:CamlangsNanum;src:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/fonts/NanumSquareRoundR.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:CamlangsNanum;src:url('/releases/20261022-sketch-qa56-r2/sketch-pop-qa56/fonts/NanumSquareRoundB.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
html[data-sketch-pop-theme="qa56"]{
 --sketch-font-title:CamlangsNanum,'Arial Rounded MT Bold','Trebuchet MS',system-ui,sans-serif;
 --sketch-font-body:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
 --sketch-ink:#11131b;--sketch-yellow:#ffd43c;--sketch-paper:#fffef8;--sketch-cream:#fff5d2;
 --sketch-outline:2px solid var(--sketch-ink);--sketch-radius:23px 21px 25px 20px / 22px 25px 20px 24px;
 --sketch-small-radius:12px 15px 13px 16px / 15px 12px 16px 13px;
 --sketch-pop-ink:var(--sketch-ink);--sketch-pop-yellow:var(--sketch-yellow);--sketch-pop-paper:var(--sketch-paper);
 --cl-activity-font:var(--sketch-font-title);
 --sketch-tab-brush:url('/releases/20261023-sketch-qa60-r1/sketch-pop-qa60/instructions/brush.webp');
}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2{
 --ink:var(--sketch-ink);--muted:#64636c;--line:#dcdad2;--soft:#fff6d5;--blue:#ad7800;
 --brand-gold:#ffd43c;--brand-deep:#17171c;--a-ink:#11131b;--a-action:#ffd43c;
 font-family:var(--sketch-font-body);color:var(--sketch-ink);accent-color:#e8ae00;
}
html[data-sketch-pop-theme="qa56"] :is(button,summary,legend,h1,h2,h3,h4,h5,h6,.cl-brand,.cl-a-tile-name,.cl-language-tabs,.language-option,.cl-settings-section-title){font-family:var(--sketch-font-title)!important;letter-spacing:0;font-weight:700}
html[data-sketch-pop-theme="qa56"] :is(input,textarea,select,[contenteditable=true],.cm-message-body,.cm-bubble,.cm-preview,.cl-a-text-block,.cl-a-original,.cl-profile-bio,.cl-language-detail p){font-family:var(--sketch-font-body)!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(dialog,section,textarea,.cl-social-body,.cl-settings-body){scrollbar-color:#a97f00 #fff9de}
html[data-sketch-pop-theme="qa56"] :is(.cl-a-tile-summary,.cl-mode-menu p,.cl-device-menu label){font-family:var(--sketch-font-body)!important}
/* Frames are deliberately unequal soft curves; they never distort children. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cl-dialog,.cl-beta-gate,.cl-entry-dialog,.ce-notifications,.cm-profile-menu,.cm-invite-dialog,.cl-device-menu,.cl-mode-menu,.cl-level-menu,.cl-a-menu,.cl-a-game,.cl-a-proposal,.cl-a-reading-countdown,.cl-popover,.cl-language-request-dialog,.cl-report-dialog,.cl-class-prejoin,.cl-profile-dialog,.cl-dev-sound-panel,.cl-lab-profiles,.cl-language-card){
 border:var(--sketch-outline)!important;border-radius:var(--sketch-radius)!important;background-color:var(--sketch-paper)!important;color:var(--sketch-ink)!important;
 box-shadow:3px 4px 0 #17171c14,0 14px 36px #17171c18!important;
}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cl-topbar,.cl-call-actions){background:#fff!important;border-color:var(--sketch-ink)!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.cl-skip)[data-sketch-pop-icon]{border:1.7px solid #17171c!important;border-radius:14px 12px 15px 13px / 13px 15px 12px 14px!important;background:#fffef8!important;box-shadow:0 2px 0 #17171c!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.cl-skip)[data-sketch-pop-icon]:not(:disabled):hover{background:#fff0b3!important;border-color:#17171c!important;box-shadow:0 2px 0 #17171c,0 0 0 2px #ffd43c!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.cl-skip)[data-sketch-pop-icon]:not(:disabled):is(:active,[data-pressed=true]){box-shadow:none!important}
/* Keep established desktop geometry, media layers and white toolbar untouched. */
html[data-sketch-pop-theme="qa56"] .cl-brand{font-family:var(--sketch-font-title);font-weight:700;color:var(--sketch-ink)!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cl-topbar,.cl-device-menu,.cl-mode-menu,.ce-notifications,.cl-account-menu,.cl-a-menu,.cl-a-game,.cl-a-proposal,.cl-level-menu,.cl-class-prejoin,.cl-dialog,.wb-toolbar,.wb-popover) button:not(.cl-a-tile):not(.ce-reaction-choice):not([data-color]):not(.wb-custom-slot){
 border-radius:var(--sketch-small-radius);color:var(--sketch-ink);transition:background-color .15s ease,border-color .15s ease,box-shadow .12s ease;
}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cl-topbar,.cl-device-menu,.cl-mode-menu,.ce-notifications,.cl-account-menu,.cl-a-menu,.cl-a-game,.cl-a-proposal,.cl-level-menu,.cl-class-prejoin,.cl-dialog) button:not(:disabled):not(.cl-a-tile):hover{
 background-color:#fff2b6!important;border-color:#e4ac00!important;box-shadow:0 0 0 1.5px #ffd43c!important;
}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cl-topbar,.cl-call-actions,.cl-device-menu,.cl-mode-menu,.ce-notifications,.cl-account-menu,.cl-a-menu,.cl-a-game,.cl-a-proposal,.cl-class-prejoin,.cl-dialog) button:not(:disabled):not(.cl-a-tile):active{
 translate:none!important;box-shadow:inset 0 1px 0 #17171c22!important;
}
html[data-sketch-pop-theme="qa56"] :is(button,a,input,textarea,select,[role=button]):focus-visible{outline:3px solid #d8a400;outline-offset:3px}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cl-dialog,.cl-device-menu,.cl-mode-menu,.cl-class-prejoin,.cl-dev-sound-panel,.cl-lab-profiles) :is(input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]),select,textarea){border:1.5px solid #aaa8a2!important;border-radius:var(--sketch-small-radius)!important;background-color:#fff!important;color:var(--sketch-ink)!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cl-dialog,.cl-device-menu,.cl-mode-menu,.cl-class-prejoin) select:hover{border-color:#d4a100!important;box-shadow:0 0 0 1.5px #ffe474!important;background-color:#fffdf5!important}
/* Neutral and action states remain distinct. Supplied PNGs keep their own ink. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cl-a-primary,.cl-class-prejoin-join,.dialog-done,.cl-beta-gate button[type=submit],.cl-pro-plan button){background:#ffd43c!important;color:var(--sketch-ink)!important;border:2px solid var(--sketch-ink)!important;border-radius:var(--sketch-small-radius)!important;box-shadow:0 3px 0 #17171c!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cl-device-menu,.cl-mode-menu,.cl-level-menu){background-image:none!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cl-access-panel,.cl-profile-account-layer){background:#fff!important;color:var(--sketch-ink);border-color:#17171c!important}
html[data-sketch-pop-theme="qa56"] :is(.cl-pro-plan,.cl-auth-benefits,.cl-account-benefits,.cl-pro-benefits){background:#fff9e5!important;border:1.5px solid #17171c!important;border-radius:var(--sketch-radius)!important;color:var(--sketch-ink)!important}
html[data-sketch-pop-theme="qa56"] :is(.cl-pro-plan,.cl-pro-benefits) :is(h2,h3,strong){color:var(--sketch-ink)!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-pro-crown[data-sketch-pop-icon="crown"],
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-pro-crown[data-sketch-pop-icon="crown"]:hover{background:none!important;border-color:transparent!important;box-shadow:none!important}
/* Activity bitmaps are now static; the existing icon/title/description hover is retained. */
html[data-sketch-pop-theme="qa56"] .cl-a-menu{background:#fff!important;border:2px solid var(--sketch-ink)!important;border-radius:var(--sketch-radius)!important}
html[data-sketch-pop-theme="qa56"] .cl-a-menu>header{padding-bottom:13px;border-bottom:1.5px solid #17171c}
html[data-sketch-pop-theme="qa56"] .cl-a-menu :is(h2,h3){color:var(--sketch-ink)!important}
html[data-sketch-pop-theme="qa56"] .cl-a-tabs button{border:1.5px solid #17171c!important;background:#fff!important;border-radius:var(--sketch-small-radius)!important;color:#17171c!important}
html[data-sketch-pop-theme="qa56"] .cl-a-tabs button:is(.active,[aria-selected=true]){background:var(--sketch-yellow)!important}
html[data-sketch-pop-theme="qa56"] .cl-a-grid{gap:15px;padding-block:15px}
html[data-sketch-pop-theme="qa56"] .cl-a-tile{background:#fff9e7!important;color:#11131b!important;border:2px solid #11131b!important;border-radius:23px 19px 22px 20px / 20px 23px 19px 22px!important;box-shadow:0 3px 0 #17171c!important;height:210px;min-height:0;padding:14px}
html[data-sketch-pop-theme="qa56"] .cl-a-tile:nth-child(3n+2){background:#fffef9!important;border-radius:19px 23px 20px 22px / 23px 19px 22px 20px!important}
html[data-sketch-pop-theme="qa56"] .cl-a-tile:nth-child(3n){background:#ffefb7!important}
html[data-sketch-pop-theme="qa56"] .cl-a-tile-art{width:132px;height:130px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
html[data-sketch-pop-theme="qa56"] .cl-a-tile-art>.cl-a-supplied-icon{min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}
html[data-sketch-pop-theme="qa56"] .cl-a-tile-name{font-family:var(--sketch-font-title)!important;font-weight:700;font-size:19px;line-height:1.25}
html[data-sketch-pop-theme="qa56"] .cl-a-tile-summary{color:#4d4d55!important;font-size:14px;line-height:1.45}
html[data-sketch-pop-theme="qa56"] .cl-a-tile:not(:disabled):hover{background:#ffed9d!important;border-color:#181818!important;box-shadow:0 3px 0 #17171c,0 0 0 3px #ffe071!important;transform:none!important}
html[data-sketch-pop-theme="qa56"] .cl-a-tile:not(:disabled):active{box-shadow:none!important;transform:none!important}
html[data-sketch-pop-theme="qa56"] .cl-a-supplied-icon{border-radius:0!important;filter:none!important}
/* Preserve the writing canvas and color swatches; style only its controls. */
html[data-sketch-pop-theme="qa56"] .cl-board-v4 :is(.wb-tools,.wb-toolbar,.wb-popover,.wb-text-toolbar){border:1.5px solid #17171c!important;border-radius:var(--sketch-small-radius)!important;background-color:var(--sketch-paper)!important;color:var(--sketch-ink)!important;box-shadow:2px 3px 0 #17171c18!important}
html[data-sketch-pop-theme="qa56"] .cl-board-v4 :is(.wb-tools,.wb-toolbar,.wb-text-toolbar)>button{border-radius:var(--sketch-small-radius)!important;color:#16161b}
html[data-sketch-pop-theme="qa56"] .cl-board-v4 :is(.wb-tools,.wb-toolbar,.wb-text-toolbar)>button:not(:disabled):hover{background-color:#fff1ad!important;outline:1.5px solid #e5b72f;outline-offset:1px}
html[data-sketch-pop-theme="qa56"] .cl-board-v4 .wb-swatches button:hover{outline:2px solid #e5b72f!important;outline-offset:2px}
html[data-sketch-pop-theme="qa56"] .cl-board-v4 :is(.wb-stage,canvas){background-color:#fff}
/* Every supplied flag is used in every existing flag context. Its bitmap is never stretched. */
html[data-sketch-pop-theme="qa56"] img.sketch-flag-art{content:var(--sketch-flag-art)!important;object-fit:contain!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important}
/* Apply to the source image too: asynchronous art adapters must never expose
   a white card/shadow while the replacement flag is decoding. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(img.flag-dot,.cl-interface-language-flag,.cl-profile-language img,.cl-language-flag img,.cm-flags img,.cl-search-flags img,.cl-search-language-flag,img.cl-header-learning-flag,img[data-language-flag],img#round-flag,.cl-language-card img[data-flag-asset],.cl-language-detail-body>header>img,.cl-profile-languages img[data-flag-asset]){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;object-fit:contain!important}
html[data-sketch-pop-theme="qa56"] :is(.cl-language-row,.language-chip,.cl-language-tabs>button,.cl-level-menu button){border-radius:var(--sketch-small-radius)!important}
html[data-sketch-pop-theme="qa56"] :is(.language-option.selected,.cl-language-tabs>button.active){background:#fff0b5!important;color:#17171c!important;box-shadow:inset 0 0 0 1.5px #e9b922}
html[data-sketch-pop-theme="qa56"] .cl-language-detail :is(.cl-language-family,.cl-language-script,.cl-language-speakers){border-color:#17171c!important;border-radius:var(--sketch-small-radius)!important}
html[data-sketch-pop-theme="qa56"] :is(.ce-notification-row,.cl-settings-card){border:1.5px solid #17171c!important;border-radius:var(--sketch-small-radius)!important;background:#fff!important;color:var(--sketch-ink)!important}
html[data-sketch-pop-theme="qa56"] .ce-notification-row.is-new{background:#fff3c2!important}
html[data-sketch-pop-theme="qa56"] :is(.ce-notifications,.cl-a-proposal,.cl-mode-menu) p{color:#55535a!important}
html[data-sketch-pop-theme="qa56"] .cm-report-page{background:#fff9e8!important;color:#17171c!important}
html[data-sketch-pop-theme="qa56"] .cm-report-page :is(form,fieldset){border:1.5px solid #17171c!important;border-radius:var(--sketch-radius)!important;background:#fff!important}
html[data-sketch-pop-theme="qa56"] .cm-report-page button[type=submit]{background:#ffd43c!important;color:#17171c!important;border:2px solid #17171c!important}
/* Consent/privacy keep equivalent choices and their original functionality. */
html[data-sketch-pop-theme="qa56"] .pgc{--pgc-accent:#614c0c;--pgc-fill:#fff0b7;--pgc-soft:#fff9e5;--pgc-ink:#17171c;--pgc-line:#d4cfbf;--pgc-surface:#fffef8}
html[data-sketch-pop-theme="qa56"] :is(.pgc-banner,.pgc-dialog,.pgc-privacy-center){border:2px solid #17171c!important;border-radius:var(--sketch-radius)!important;background:#fffef8!important;box-shadow:3px 4px 0 #17171c1a}
html[data-sketch-pop-theme="qa56"] :is(.pgc-button,.pgc-reopen,.pgc-save,.pgc-center-row){border-radius:var(--sketch-small-radius)!important;border-color:#17171c!important}
html[data-sketch-pop-theme="qa56"] .pgc-choices .pgc-button{background:#fff5ce!important;border:1.5px solid #17171c}
html[data-sketch-pop-theme="qa56"] .pgc button:not(:disabled):hover{background:#fff0b7!important;box-shadow:0 0 0 1.5px #ffd43c}
/* Developer, reaction and audio menus belong to the same paper/ink family. */
html[data-sketch-pop-theme="qa56"] :is(.ds-panel,.cl-sound-dialog,.cl-dev-panel,.cl-dev-sound-panel,.cl-lab-profile-dialog,.cl-founder-panel,.cr-menu,.cl-volume-popover){background:#fffef8!important;color:#17171c!important;border:2px solid #17171c!important;border-radius:var(--sketch-radius)!important;box-shadow:3px 4px 0 #17171c18!important}
html[data-sketch-pop-theme="qa56"] :is(.ds-panel,.cl-dev-panel,.cl-dev-sound-panel,.cl-founder-panel) :is(button,input,select){border-radius:var(--sketch-small-radius)!important}
/* Secondary surfaces use the same frame, without altering visibility or layout. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cl-social-dialog,.ce-time-proposal,.cl-control-sound-editor,.cl-dev-language-panel,.cl-language-request-dialog){border:2px solid #17171c!important;border-radius:var(--sketch-radius)!important;background:#fffef8!important;color:#17171c!important;box-shadow:3px 4px 0 #17171c18,0 12px 30px #17171c18!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cl-social-dialog,.ce-time-proposal,.cl-control-sound-editor,.cl-dev-language-panel,.cl-language-request-dialog,.cr-menu) button:not(:disabled):not([data-color]):not(.cl-ui-sound-dot):hover{background-color:#fff2bd;border-color:#e2b124;box-shadow:0 0 0 1.5px #ffdc55}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(.cl-social-dialog,.ce-time-proposal,.cl-control-sound-editor,.cl-dev-language-panel,.cl-language-request-dialog) :is(button,input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){border-radius:var(--sketch-small-radius)}
html[data-sketch-pop-theme="qa56"] .cl-language-detail :is(.cl-language-detail-body,.cl-language-description){background:#fffef8!important;color:#17171c!important}
html[data-sketch-pop-theme="qa56"] .cl-language-detail .cl-language-facts>div{border:1.5px solid #17171c!important;border-radius:var(--sketch-small-radius)!important;background:#fff9e5!important;color:#17171c!important}
html[data-sketch-pop-theme="qa56"] .cl-language-detail :is(dt,.cl-language-autonym){font-family:var(--sketch-font-title)!important;font-weight:700}
html[data-sketch-pop-theme="qa56"] .cl-language-detail :is(dd,.cl-language-description p,.cl-language-photo-context){font-family:var(--sketch-font-body)!important}
html[data-sketch-pop-theme="qa56"] .cl-language-detail :is(.cl-language-fact-mark,.cl-language-photo figcaption){color:#17171c;background:#ffdf67;border-radius:var(--sketch-small-radius)}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-dialog :is(.language-option,.cl-level-trigger){border-radius:var(--sketch-small-radius)!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-dialog .language-option:not(:disabled):hover{background:#fff0b3!important;box-shadow:0 0 0 1.5px #ffd43c!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-dialog .cl-level-trigger{border:1.5px solid #17171c!important;background:#ffdf67!important;color:#17171c!important}
/* Ink edges do not add padding/borders or move the edit overlay and caret. */
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .clm-chat-row .cm-bubble{background:#fffef8!important;color:#17171c!important;box-shadow:inset 0 0 0 1.3px #17171c!important;border-radius:18px 21px 20px 7px / 20px 18px 22px 8px!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .clm-chat-row.me .cm-bubble{background:#fff2b9!important;border-radius:21px 18px 7px 20px / 18px 20px 8px 22px!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-compose-field{background:#fffef8;border-radius:var(--sketch-small-radius);outline:1.3px solid #99968a;outline-offset:0}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cm-chat .cm-compose-field:focus-within{outline:2px solid #d9ad21;outline-offset:0}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(#board-close,.cl-language-card-close,.cl-account-close,.cl-fe-close)[data-sketch-pop-icon=close]{background:none!important;border:0!important;box-shadow:none!important;place-items:center}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(#board-close,.cl-language-card-close,.cl-account-close,.cl-fe-close)[data-sketch-pop-icon=close]::before,html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(#board-close,.cl-language-card-close,.cl-account-close,.cl-fe-close)[data-sketch-pop-icon=close]::after{content:none!important}
html[data-sketch-pop-theme="qa56"] body.cl-guest-v2 :is(#board-close,.cl-language-card-close,.cl-account-close,.cl-fe-close)[data-sketch-pop-icon=close]>.sketch-pop-glyph{width:30px!important;height:30px!important;margin:0!important}
@media(max-width:700px){html[data-sketch-pop-theme="qa56"] .cl-a-tile{height:190px;padding:11px}html[data-sketch-pop-theme="qa56"] .cl-a-tile-art{width:118px;height:112px}html[data-sketch-pop-theme="qa56"] .cl-a-tile-name{font-size:17px}html[data-sketch-pop-theme="qa56"] .cl-a-tile-summary{font-size:13px}}
@media(prefers-reduced-motion:reduce){html[data-sketch-pop-theme="qa56"] :is(button,.cl-a-tile-art,.cl-a-tile-name,.cl-a-tile-summary){transition:none!important}}