.qz{padding-block:var(--sp-7) var(--sp-8)}.qz-heading{max-inline-size:52rem;margin-block-end:var(--sp-7)}.qz-heading h1{font-size:clamp(2.2rem,4.8vw,3.8rem);line-height:1.12;letter-spacing:-.04em;max-inline-size:19ch}.qz-heading .lede{max-inline-size:52ch;color:var(--ink-2)}.qz-heading>.qz-actions{margin-block-start:var(--sp-5)}.qz-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3)}.qz-section{margin-block-start:var(--sp-7)}.qz-section>h2,.qz-section-title{font-size:var(--fs-2);margin-block-end:var(--sp-4)}.qz-catalogue{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--sp-5)}.qz-card{min-inline-size:0;border:1px solid var(--line);border-radius:var(--r-2);overflow:clip;background:var(--surface)}.qz-card:first-child{grid-row:span 2}.qz-card-link{display:grid;grid-template-columns:34% 1fr;block-size:100%;color:var(--ink);text-decoration:none}.qz-card:first-child .qz-card-link{grid-template-columns:1fr;grid-template-rows:1fr auto}.qz-card-link:focus-visible{outline-offset:-4px}.qz-card-art{overflow:hidden;min-block-size:12rem;background:var(--surface-2)}.qz-card-art img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--t-base)}.qz-card:first-child .qz-card-art{block-size:17rem}.qz-card-body{display:flex;flex-direction:column;align-items:start;padding:var(--sp-5);gap:var(--sp-3)}.qz-card-body p,.qz-card-body h3{margin:0}.qz-card-body h3{font-size:var(--fs-2);line-height:1.25}.qz-card:first-child h3{font-size:var(--fs-3);letter-spacing:-.025em}.qz-card-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);font-size:var(--fs-0);color:var(--ink-2)}.qz-card-meta span:first-child{font-weight:700;color:var(--brand)}.qz-card-description{color:var(--ink-2);font-size:.9rem}.qz-card-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);inline-size:100%;margin-block-start:auto;padding-block-start:var(--sp-3);color:var(--brand);font-weight:700}.qz-card-cta .qz-arrow{display:grid;place-items:center;border-radius:var(--r-round);inline-size:2.25rem;block-size:2.25rem;background:var(--brand-soft);font-size:1.3rem}.qz-card-link:hover h3{color:var(--brand)}.qz-card-link:hover img{transform:scale(1.035)}.qz-classroom{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);padding:var(--sp-6);margin-block:var(--sp-7);border-radius:var(--r-2);background:var(--brand-soft)}.qz-classroom h2{max-inline-size:27ch;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.2}.qz-classroom p:last-child{max-inline-size:58ch;color:var(--ink-2)}.qz-classroom>.btn{flex-shrink:0}.qz-community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5)}.qz-community-grid:has(>p:only-child){display:block}.qz-community-card{display:block;color:var(--ink);text-decoration:none}.qz-community-card img{inline-size:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:var(--r-2)}.qz-community-card h3{font-size:var(--fs-2);margin-block:var(--sp-3) var(--sp-2)}.qz-library-row{display:flex;align-items:center;gap:var(--sp-4);padding-block:var(--sp-3);border-block-end:1px solid var(--line);color:var(--ink);text-decoration:none}.qz-library-row img{inline-size:5rem;block-size:3.4rem;object-fit:cover;border-radius:var(--r-1)}.qz-library-row>span:first-of-type{flex:1;font-weight:600;overflow-wrap:anywhere}.qz-back{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--ink-2);font-size:.9rem;text-decoration:none;min-block-size:2.75rem}.qz-back:hover{color:var(--brand)}.qz-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);margin-block:var(--sp-4) var(--sp-6)}.qz-hero-copy{min-inline-size:0}.qz-hero .eyebrow{margin-block-end:var(--sp-3)}.qz-hero h1{font-size:clamp(1.65rem,3vw,2.6rem);line-height:1.2;letter-spacing:-.03em;max-inline-size:24ch;margin:0;overflow-wrap:anywhere}.qz-hero-copy>p:last-child{color:var(--ink-2);margin-block:var(--sp-3) 0;max-inline-size:54ch}.qz-hero-art{inline-size:13rem;block-size:9rem;object-fit:cover;flex-shrink:0;border-radius:var(--r-2)}.qz-console{padding:var(--sp-6);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface)}.qz-console>.btn{margin-block-start:var(--sp-4);margin-inline-end:var(--sp-3)}.qz-start-count{font-size:var(--fs-3);font-weight:700;margin-block:0 var(--sp-2)}.qz-check{display:flex;align-items:center;gap:var(--sp-3);min-block-size:2.75rem;margin-block:var(--sp-3)}.qz input[type=checkbox],.qz input[type=radio]{inline-size:1.15rem;block-size:1.15rem;accent-color:var(--brand);flex-shrink:0}.qz-stats{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-3);color:var(--ink-2);font-size:.9rem;font-weight:600}.qz-stats p{margin:0}.qz-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:var(--sp-4) auto;min-block-size:6rem;font-variant-numeric:tabular-nums;color:var(--brand);text-align:center}.qz-clock-value{font-size:clamp(3.5rem,7vw,5rem);line-height:1;letter-spacing:-.04em}.qz-clock-label{font-size:.8rem;color:var(--ink-2);margin-block-start:var(--sp-2)}.qz-clock[data-urgent=true]{color:var(--danger)}.qz-share-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.qz-share-actions svg{flex-shrink:0}.qz-upload-preview{inline-size:min(100%,24rem);max-block-size:16rem;object-fit:contain;border-radius:var(--r-1)}.qz-upload .hint,.qz-credit{color:var(--ink-2);font-size:.875rem}.qz-credit{overflow-wrap:anywhere}.qz-progress{display:block;inline-size:100%;block-size:.35rem;border:0;border-radius:var(--r-round);overflow:hidden;appearance:none;background:var(--surface-2);margin-block:var(--sp-4) var(--sp-5)}.qz-progress::-webkit-progress-bar{background:var(--surface-2)}.qz-progress::-webkit-progress-value{background:var(--brand);border-radius:var(--r-round)}.qz-progress::-moz-progress-bar{background:var(--brand);border-radius:var(--r-round)}.qz-question{border:0;min-inline-size:0;padding:0;margin:var(--sp-5) 0}.qz-prompt{font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.3;font-weight:700;inline-size:100%;overflow-wrap:anywhere}.qz-prompt,.qz-feedback p,.qz-hero-copy>p,.qz-card-description{white-space:pre-line}.qz-question-image{inline-size:min(100%,32rem);max-block-size:17rem;object-fit:contain;border-radius:var(--r-2);margin-block:var(--sp-4)}.qz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4);margin-block-start:var(--sp-5)}.qz-option{--answer-color: #5682dc;display:flex;align-items:center;gap:var(--sp-3);min-block-size:6rem;padding:var(--sp-4);border:2px solid var(--answer-color);border-radius:var(--r-1);background:var(--bg);cursor:pointer;position:relative;font-size:var(--fs-2);font-weight:600;transition:background var(--t-fast),border-color var(--t-fast)}.qz-option[data-tone="1"]{--answer-color: #b08add}.qz-option[data-tone="2"]{--answer-color: #d39147}.qz-option[data-tone="3"]{--answer-color: #459e9c}.qz-option>span:last-child{overflow-wrap:anywhere}.qz-option-letter{color:var(--ink-2);font-size:var(--fs-0)}.qz-option:has(:checked){border-color:var(--brand);background:var(--brand-soft)}.qz-option:has(:focus-visible){outline:3px solid var(--brand);outline-offset:3px}.qz-question:disabled .qz-option{cursor:default}.qz-option[data-correct=true]{border-color:var(--brand);background:var(--brand-soft)}.qz-option[data-correct=true]:after{content:"\2713";margin-inline-start:auto}.qz-typed{max-inline-size:36rem;min-block-size:3.5rem;font-size:var(--fs-2)}.qz-feedback{padding:var(--sp-4);margin-block:var(--sp-5);background:var(--surface-2);border-radius:var(--r-1);border:1px solid var(--line)}.qz-feedback h2{font-size:var(--fs-2);margin-block:0 var(--sp-2)}.qz-feedback p:last-child{margin-block-end:0}.qz-result-score{font-size:clamp(3.5rem,10vw,6.5rem);font-weight:800;letter-spacing:-.045em;color:var(--brand);margin-block:var(--sp-4);font-variant-numeric:tabular-nums}.qz-review{margin-block-start:var(--sp-5)}.qz-review summary,.qz-host-panel summary,.qz-report summary{cursor:pointer;min-block-size:2.75rem;align-content:center;font-weight:700}.qz-review-row{display:flex;align-items:baseline;gap:var(--sp-4);padding-block:var(--sp-4);border-block-end:1px solid var(--line)}.qz-review-row p{margin-block:var(--sp-2)}.qz-host-panel,.qz-report{border-block:1px solid var(--line);padding-block:var(--sp-3);margin-block:var(--sp-5)}.qz-host-panel>.field{max-inline-size:24rem}.qz-host-panel>.btn{margin-block-start:var(--sp-4)}#qz-notice:empty{display:none}#qz-notice{position:sticky;bottom:var(--sp-4);z-index:2;padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-1);color:var(--ink);background:var(--surface);box-shadow:var(--shadow-1)}.qz-editor{display:grid;gap:var(--sp-5);max-inline-size:52rem}.qz-cover-picker,.qz-edit-options{border:0;padding:0;min-inline-size:0}.qz-cover-picker legend,.qz-edit-options legend{font-weight:600;margin-block-end:var(--sp-3)}.qz-cover-picker{display:flex;gap:var(--sp-3)}.qz-cover-picker{flex-wrap:wrap}.qz-cover-picker label{flex:0 1 calc(33.333% - var(--sp-3))}.qz-cover-picker label{position:relative;inline-size:33.33%;cursor:pointer}.qz-cover-picker img{inline-size:100%;block-size:6rem;object-fit:cover;border:3px solid transparent;border-radius:var(--r-1)}.qz-cover-picker input{position:absolute;inset-inline-start:var(--sp-2);inset-block-start:var(--sp-2)}.qz-cover-picker label:has(:checked) img{border-color:var(--brand)}.qz-cover-picker label:has(:focus-visible){outline:2px solid var(--brand)}.qz-edit-question{padding:var(--sp-5);border:1px solid var(--line);border-radius:var(--r-2);display:grid;gap:var(--sp-5);background:var(--surface)}.qz-edit-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3)}.qz-edit-heading h2{margin:0;font-size:var(--fs-2)}.qz-edit-heading .btn{font-size:var(--fs-0);padding-inline:var(--sp-3)}.qz-edit-option{display:flex;align-items:center;gap:var(--sp-3);margin-block:var(--sp-3)}.qz-edit-option .input{min-inline-size:0;flex:1}.qz-correct-toggle{display:flex;align-items:center;gap:var(--sp-2);min-block-size:2.75rem}.qz-editor-actions{padding-block:var(--sp-3)}.qz-share-link{overflow-wrap:anywhere}.qz-join{max-inline-size:34rem;margin-inline:auto}.qz-code-input{font-size:2rem;letter-spacing:.25em;font-variant-numeric:tabular-nums}.qz-live-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,17rem);gap:var(--sp-5);align-items:start}.qz-live-layout:has(.qz-roster[hidden]){grid-template-columns:1fr}.qz-live-console h2{margin-block-start:0}.qz-roster{padding:var(--sp-4);background:var(--surface-2);border-radius:var(--r-2)}.qz-roster h2{font-size:var(--fs-2);margin-block:0 var(--sp-2)}.qz-player-list{list-style:none;margin:0;padding:0}.qz-player-list li{display:flex;align-items:center;gap:var(--sp-3);padding-block:var(--sp-2);border-block-end:1px solid var(--line)}.qz-player-list li>span{flex:1;overflow-wrap:anywhere}.qz-player-list .btn{padding:var(--sp-2)}.qz-invite{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);margin-block:var(--sp-5)}.qz-game-code{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.2;letter-spacing:.08em;font-weight:800;margin-block:var(--sp-3);color:var(--brand)}.qz-qr{inline-size:9rem;block-size:9rem;border:.5rem solid white;background:#fff;border-radius:var(--r-1);image-rendering:pixelated}[dir=rtl] .qz-arrow{transform:scaleX(-1)}.qz-back-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3)}.qz-catalogue-expanded{grid-template-columns:repeat(3,minmax(0,1fr))}.qz-catalogue-expanded .qz-card:first-child{grid-row:auto;grid-column:auto}.qz-catalogue-expanded .qz-card .qz-card-link{grid-template-columns:1fr;grid-template-rows:auto 1fr}.qz-catalogue-expanded .qz-card .qz-card-art{min-block-size:0;block-size:auto;aspect-ratio:3 / 2}.qz-catalogue-expanded .qz-card h3{font-size:var(--fs-2);letter-spacing:normal}.qz-dashboard{padding-block-start:var(--sp-4)}.qz-dashboard .qz-heading{max-inline-size:none;margin-block:var(--sp-4)}.qz-dashboard .qz-heading h1{max-inline-size:none;font-size:clamp(2rem,3vw,2.75rem)}.qz-device-note{padding:var(--sp-4) var(--sp-5);background:var(--brand-soft);border-radius:var(--r-1);color:var(--ink-2);font-size:.9rem}.qz-dashboard-nav{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-block:var(--sp-6) var(--sp-5);border-block-end:1px solid var(--line);padding-block-end:var(--sp-3)}.qz-dashboard-nav .btn[aria-pressed=true]{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.qz-dashboard-toolbar{display:flex;align-items:end;gap:var(--sp-4);margin-block-end:var(--sp-5)}.qz-dashboard-toolbar .field{flex:1;max-inline-size:28rem}.qz-dashboard-toolbar .field label{margin-block-end:var(--sp-2)}.qz-dashboard-toolbar .input{inline-size:100%}.qz-dashboard #qz-notice{position:static;box-shadow:none;margin-block-end:var(--sp-4)}.qz-dashboard-row{display:flex;align-items:center;gap:var(--sp-5);padding-block:var(--sp-5);border-block-end:1px solid var(--line)}.qz-dashboard-cover{inline-size:9rem;block-size:6rem;object-fit:cover;border-radius:var(--r-1)}.qz-dashboard-row-body{min-inline-size:0;flex:1}.qz-dashboard-row h2{font-size:var(--fs-2);margin:0;overflow-wrap:anywhere}.qz-dashboard-row .qz-actions{gap:var(--sp-2)}.qz-dashboard-row .qz-actions .btn{padding-block:.55rem;padding-inline:var(--sp-3);font-size:.875rem}.qz-dashboard-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);color:var(--ink-2);font-size:.875rem;font-weight:400;margin-block:var(--sp-2) var(--sp-3)}.qz-session-code{display:grid;place-items:center;inline-size:9rem;min-block-size:6rem;flex-shrink:0;border-radius:var(--r-1);background:var(--surface-2);color:var(--ink);font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.06em}.qz-row-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.qz-status{display:inline-block;color:var(--ink-2);background:var(--surface-2);border-radius:var(--r-round);padding:.35rem .7rem;font-size:.75rem;font-weight:600}.qz-status[data-active=true]{color:var(--brand);background:var(--brand-soft)}.qz-retention{max-inline-size:78ch;margin-block-end:var(--sp-5)}.qz-empty{padding:var(--sp-7) var(--sp-5);text-align:center;border:1px dashed var(--line);border-radius:var(--r-2)}.qz-empty p{max-inline-size:48ch;margin:0 auto var(--sp-4);color:var(--ink-2)}.qz-saved-result{border:1px solid var(--line);border-radius:var(--r-2);margin-block:var(--sp-4);background:var(--surface)}.qz-saved-result>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);cursor:pointer;padding:var(--sp-5)}.qz-saved-result>summary:after{content:"+";color:var(--brand);font-size:1.5rem}.qz-saved-result[open]>summary:after{content:"\2212"}.qz-saved-result summary>span:first-child{flex:1;min-inline-size:0;overflow-wrap:anywhere}.qz-saved-result summary strong{font-size:var(--fs-2)}.qz-saved-result .qz-dashboard-meta{margin-block-end:0}.qz-result-body{padding:0 var(--sp-5) var(--sp-5)}.qz-results-table{inline-size:100%;border-collapse:collapse;margin-block-end:var(--sp-5)}.qz-results-table th,.qz-results-table td{padding:var(--sp-3);text-align:start;border-block-end:1px solid var(--line);overflow-wrap:anywhere}.qz-results-table th{font-weight:500}.qz-results-table thead{background:var(--surface-2);font-size:.875rem}.qz-results-table td{font-variant-numeric:tabular-nums;inline-size:30%}:lang(ar) .qz-heading h1,:lang(ar) .qz-hero h1,:lang(ar) .qz-result-score{letter-spacing:normal}@media(max-width:64rem){.qz-catalogue{grid-template-columns:1fr 1fr}.qz-card:first-child{grid-column:1 / -1;grid-row:auto}.qz-card:first-child .qz-card-link{grid-template-columns:1fr 1fr;grid-template-rows:auto}.qz-card:first-child .qz-card-art{block-size:auto;min-block-size:17rem}.qz-card:not(:first-child) .qz-card-link{grid-template-columns:1fr}.qz-card:not(:first-child) .qz-card-art{block-size:10rem;min-block-size:0}.qz-live-layout{grid-template-columns:1fr}.qz-player-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3)}}@media(max-width:48rem){.qz-dashboard-row{align-items:start;gap:var(--sp-3)}.qz-dashboard-cover,.qz-session-code{inline-size:4.5rem;block-size:4rem;min-block-size:0;font-size:.875rem}.qz-dashboard-toolbar{flex-wrap:wrap}.qz-dashboard-toolbar .field{min-inline-size:100%}.qz-saved-result>summary{padding:var(--sp-4);flex-wrap:wrap}.qz-saved-result>summary>.qz-status{display:none}.qz{padding-block-start:var(--sp-5)}.qz-hero{gap:var(--sp-4);margin-block:var(--sp-3) var(--sp-5)}.qz-hero-art{inline-size:7.5rem;block-size:8rem}.qz-console{padding:var(--sp-5)}.qz-classroom{flex-direction:column;align-items:start;padding:var(--sp-5)}.qz-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:34rem){.qz-catalogue-expanded .qz-card:not(:first-child) .qz-card-link{grid-template-columns:30% 1fr}.qz-catalogue-expanded .qz-card:not(:first-child) .qz-card-art{aspect-ratio:auto}.qz-heading{margin-block-end:var(--sp-5)}.qz-catalogue{grid-template-columns:1fr;gap:var(--sp-4)}.qz-card:first-child .qz-card-link{grid-template-columns:1fr}.qz-card:first-child .qz-card-art{block-size:12rem;min-block-size:0}.qz-card:not(:first-child) .qz-card-link{grid-template-columns:30% 1fr}.qz-card:not(:first-child) .qz-card-art{block-size:auto}.qz-card-body{padding:var(--sp-4)}.qz-card-description{font-size:var(--fs-0)}.qz-hero{align-items:start}.qz-hero-art{inline-size:4.5rem;block-size:4.5rem;margin-block-start:var(--sp-2)}.qz-console,.qz-edit-question{padding:var(--sp-4)}.qz-options{grid-template-columns:1fr;gap:var(--sp-3)}.qz-option{min-block-size:4.5rem;font-size:var(--fs-1);padding:var(--sp-3)}.qz-player-list{grid-template-columns:1fr}.qz-game-code{font-size:2.3rem}.qz-qr{inline-size:6rem;block-size:6rem}.qz-cover-picker img{block-size:4rem}.qz-edit-option{gap:var(--sp-2)}.qz-community-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.qz-card-art img,.qz-option{transition:none}.qz-card-link:hover img{transform:none}}@media print{.qz-back,.qz-hero-art,.qz .btn,.qz-host-panel,.qz-report,.qz-dashboard-toolbar,.qz-dashboard-nav,.qz-device-note{display:none}.qz-console,.qz-saved-result{break-inside:avoid}}
