.quiz-shell:where(.astro-xe4ahn2d){--quiz-panel-bg: linear-gradient( 155deg, rgba(18, 21, 42, .92) 0%, rgba(13, 16, 33, .98) 55%, rgba(7, 9, 18, 1) 100% );--quiz-stage-bg: linear-gradient( 180deg, rgba(18, 24, 46, .98) 0%, rgba(14, 18, 35, .99) 100% );--quiz-border: rgba(193, 197, 214, .14);display:grid;gap:1rem}.quiz-feedback:where(.astro-xe4ahn2d)[hidden],.quiz-summary:where(.astro-xe4ahn2d)[hidden],.quiz-choice-list:where(.astro-xe4ahn2d)[hidden],.quiz-input-block:where(.astro-xe4ahn2d)[hidden],.quiz-hint-btn:where(.astro-xe4ahn2d)[hidden],.quiz-hint-reveal:where(.astro-xe4ahn2d)[hidden],.quiz-unsupported:where(.astro-xe4ahn2d)[hidden],.quiz-action-btn:where(.astro-xe4ahn2d)[hidden]{display:none!important}.quiz-workspace:where(.astro-xe4ahn2d),.quiz-feedback:where(.astro-xe4ahn2d),.quiz-summary:where(.astro-xe4ahn2d){border:1px solid var(--quiz-border);border-radius:1rem;background:var(--quiz-panel-bg);box-shadow:0 1.5rem 3rem #00000038}.quiz-workspace-header:where(.astro-xe4ahn2d){display:flex;justify-content:space-between;gap:1rem;align-items:start;grid-column:1 / -1;padding-block-end:.2rem}.quiz-kicker:where(.astro-xe4ahn2d),.quiz-question-type:where(.astro-xe4ahn2d),.quiz-reveal-label:where(.astro-xe4ahn2d){margin:0;color:var(--sl-color-accent-high);font-size:.72rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}.quiz-workspace-header:where(.astro-xe4ahn2d) h2:where(.astro-xe4ahn2d),.quiz-panel:where(.astro-xe4ahn2d) h3:where(.astro-xe4ahn2d),.quiz-summary:where(.astro-xe4ahn2d) h3:where(.astro-xe4ahn2d){margin:.55rem 0 0;color:var(--sl-color-text);line-height:1.1;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif}.quiz-workspace-header:where(.astro-xe4ahn2d) h2:where(.astro-xe4ahn2d){font-size:clamp(1.25rem,2vw,1.65rem)}.quiz-stats:where(.astro-xe4ahn2d){margin:0;display:grid;grid-template-columns:repeat(2,minmax(5.5rem,auto));gap:.7rem}.quiz-stats:where(.astro-xe4ahn2d) div:where(.astro-xe4ahn2d){padding:.75rem .9rem;border-radius:.85rem;background:#ffffff0a;border:1px solid rgba(193,197,214,.08)}.quiz-stats:where(.astro-xe4ahn2d) dt:where(.astro-xe4ahn2d){color:var(--sl-color-gray-3);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.quiz-stats:where(.astro-xe4ahn2d) dd:where(.astro-xe4ahn2d){margin:.35rem 0 0;color:var(--sl-color-text);font-size:1rem}.quiz-workspace:where(.astro-xe4ahn2d){padding:1.15rem;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);gap:1rem;align-items:start}.quiz-stage-card:where(.astro-xe4ahn2d),.quiz-panel:where(.astro-xe4ahn2d){min-inline-size:0}.quiz-stage-frame:where(.astro-xe4ahn2d){display:grid;gap:.75rem}.quiz-stage:where(.astro-xe4ahn2d){position:relative;min-block-size:18.5rem;border-radius:.95rem;border:1px solid rgba(224,170,255,.14);background:var(--quiz-stage-bg);overflow:hidden;display:grid;place-items:center;isolation:isolate}.quiz-stage:where(.astro-xe4ahn2d):before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 22%);opacity:.4;pointer-events:none}.quiz-stage-grid:where(.astro-xe4ahn2d){position:absolute;inset:0;background-image:linear-gradient(to right,rgba(193,197,214,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(193,197,214,.04) 1px,transparent 1px);background-size:4.75rem 4.75rem;opacity:.8}.quiz-stage-anchor:where(.astro-xe4ahn2d),.quiz-stage-positioned:where(.astro-xe4ahn2d){position:relative;z-index:2;border-radius:.9rem;padding:.8rem .95rem;display:grid;gap:.2rem;box-shadow:0 1rem 2rem #0000002e}.quiz-stage-anchor:where(.astro-xe4ahn2d){background:linear-gradient(135deg,#274468f5,#182d49f5);border:1px solid rgba(123,205,255,.78);color:#d8f2ff;min-inline-size:9rem;text-align:center;justify-items:center}.quiz-stage-positioned:where(.astro-xe4ahn2d){position:absolute;background:linear-gradient(135deg,#8f3f8e,#6e36b3);border:1px solid rgba(255,255,255,.22);color:#fff9fe;min-inline-size:10rem;max-inline-size:14rem}.quiz-stage-positioned:where(.astro-xe4ahn2d)[data-variant=menu]{min-inline-size:12rem;background:linear-gradient(155deg,#3a2167fa,#180e2ffa)}.quiz-stage-positioned:where(.astro-xe4ahn2d)[data-variant=badge]{min-inline-size:7.25rem;justify-items:center;text-align:center;background:linear-gradient(135deg,#7a3c98,#5c2f96)}.quiz-stage-positioned:where(.astro-xe4ahn2d)[data-variant=callout]{min-inline-size:11rem;max-inline-size:15rem;background:linear-gradient(135deg,#94479a,#763bb9)}.quiz-anchor-title:where(.astro-xe4ahn2d),.quiz-positioned-title:where(.astro-xe4ahn2d){font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:1rem;line-height:1.1;font-weight:700}.quiz-anchor-copy:where(.astro-xe4ahn2d),.quiz-question-meta:where(.astro-xe4ahn2d),.quiz-feedback-copy:where(.astro-xe4ahn2d),.quiz-summary-copy:where(.astro-xe4ahn2d),.quiz-unsupported:where(.astro-xe4ahn2d){margin:0;color:var(--sl-color-gray-2);font-size:.9rem;line-height:1.55}.quiz-positioned-copy:where(.astro-xe4ahn2d){margin:0;color:#fff5fceb;font-size:.9rem;line-height:1.55}.quiz-panel:where(.astro-xe4ahn2d){display:grid;gap:1rem;align-content:start}.quiz-question-block:where(.astro-xe4ahn2d){display:grid;gap:.55rem}.quiz-question-type:where(.astro-xe4ahn2d){color:#d8f2ff}.quiz-choice-list:where(.astro-xe4ahn2d){display:grid;gap:.7rem}.quiz-choice-control:where(.astro-xe4ahn2d),.quiz-action-btn:where(.astro-xe4ahn2d),.quiz-answer-input:where(.astro-xe4ahn2d){border-radius:.9rem;border:1px solid rgba(193,197,214,.18);background:#ffffff08;color:var(--sl-color-text);font:inherit}.quiz-choice-option:where(.astro-xe4ahn2d){position:relative}.quiz-choice-control:where(.astro-xe4ahn2d){position:absolute;inset:0;opacity:0;pointer-events:none}.quiz-choice-label:where(.astro-xe4ahn2d){inline-size:100%;display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:center;box-sizing:border-box;padding:.9rem 1rem;text-align:left;cursor:pointer;border-radius:.9rem;border:1px solid rgba(193,197,214,.18);background:#ffffff08;color:var(--sl-color-text);transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.quiz-choice-indicator:where(.astro-xe4ahn2d){inline-size:1rem;block-size:1rem;border-radius:999px;border:2px solid rgba(193,197,214,.52);background:transparent;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.quiz-choice-text:where(.astro-xe4ahn2d){min-inline-size:0}.quiz-choice-label:where(.astro-xe4ahn2d):hover,.quiz-action-btn:where(.astro-xe4ahn2d):hover{border-color:#e0aaff85;background:#e0aaff14;transform:translateY(-1px)}.quiz-choice-control:where(.astro-xe4ahn2d):checked+.quiz-choice-label:where(.astro-xe4ahn2d){border-color:#f28ecfbf;background:linear-gradient(135deg,#f28ecf2e,#7b4ce62e)}.quiz-choice-control:where(.astro-xe4ahn2d):checked+.quiz-choice-label:where(.astro-xe4ahn2d) .quiz-choice-indicator:where(.astro-xe4ahn2d){border-color:#ffebf7eb;box-shadow:inset 0 0 0 3px #f28ecfeb;background:#ffffff14}.quiz-choice-control:where(.astro-xe4ahn2d):focus-visible+.quiz-choice-label:where(.astro-xe4ahn2d){outline:2px solid rgba(224,170,255,.9);outline-offset:2px}.quiz-input-block:where(.astro-xe4ahn2d){display:grid;gap:.8rem}.quiz-input-wrap:where(.astro-xe4ahn2d){position:relative}.quiz-input-tools:where(.astro-xe4ahn2d){display:block;min-block-size:1.5rem}.quiz-input-label:where(.astro-xe4ahn2d){color:var(--sl-color-gray-2);font-size:.9rem}.quiz-answer-input:where(.astro-xe4ahn2d){min-block-size:3rem;inline-size:100%;box-sizing:border-box;padding:.95rem 8rem .95rem .9rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.quiz-hint-btn:where(.astro-xe4ahn2d){position:absolute;inset-inline-end:.7rem;inset-block-start:50%;transform:translateY(-50%);min-block-size:2rem;padding-inline:.8rem;border-radius:999px;border:1px solid rgba(123,205,255,.35);background:#7bcdff14;color:#d8f2ff;font:inherit;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.quiz-hint-btn:where(.astro-xe4ahn2d):hover{border-color:#7bcdff99;background:#7bcdff24;transform:translateY(calc(-50% - 1px))}.quiz-hint-reveal:where(.astro-xe4ahn2d){margin:0;color:#d8f2ff;font-size:.9rem;line-height:1.5;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.quiz-actions:where(.astro-xe4ahn2d){display:flex;flex-wrap:wrap;gap:.7rem}.quiz-action-btn:where(.astro-xe4ahn2d){min-block-size:2.7rem;padding-inline:1rem;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.quiz-action-btn-primary:where(.astro-xe4ahn2d){background:linear-gradient(135deg,#5e3568,#4b2d73);border-color:#c98eff73;color:#fff9fe;box-shadow:inset 0 0 0 1px #ffffff0a}.quiz-feedback:where(.astro-xe4ahn2d),.quiz-summary:where(.astro-xe4ahn2d){padding:1.05rem 1.15rem;display:grid;gap:.75rem}.quiz-feedback-status:where(.astro-xe4ahn2d){margin:0;color:var(--sl-color-text);font-weight:700}.quiz-feedback-link-row:where(.astro-xe4ahn2d){margin:0;color:var(--sl-color-gray-2);line-height:1.55}.quiz-feedback-link-row:where(.astro-xe4ahn2d) a:where(.astro-xe4ahn2d){color:#d8f2ff;text-decoration:none}.quiz-feedback-link-row:where(.astro-xe4ahn2d) a:where(.astro-xe4ahn2d):hover{color:var(--sl-color-accent-high)}.quiz-feedback-link-note:where(.astro-xe4ahn2d){color:var(--sl-color-gray-3)}.quiz-feedback:where(.astro-xe4ahn2d)[data-tone=success] .quiz-feedback-status:where(.astro-xe4ahn2d){color:#dff7e6}.quiz-feedback:where(.astro-xe4ahn2d)[data-tone=warning] .quiz-feedback-status:where(.astro-xe4ahn2d){color:#ffd5bf}.quiz-reveal:where(.astro-xe4ahn2d){padding:.95rem 1rem;border-radius:.9rem;background:#04060eb8;border:1px solid rgba(193,197,214,.14)}.quiz-reveal:where(.astro-xe4ahn2d) pre:where(.astro-xe4ahn2d){margin:.7rem 0 0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.quiz-reveal:where(.astro-xe4ahn2d) code:where(.astro-xe4ahn2d){color:#dfeaf5;font-size:.84rem;line-height:1.6;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.quiz-action-btn:where(.astro-xe4ahn2d):focus-visible,.quiz-answer-input:where(.astro-xe4ahn2d):focus-visible,.quiz-hint-btn:where(.astro-xe4ahn2d):focus-visible{outline:2px solid rgba(224,170,255,.9);outline-offset:2px}@media(max-width:900px){.quiz-workspace:where(.astro-xe4ahn2d){grid-template-columns:1fr}}@media(max-width:720px){.quiz-workspace-header:where(.astro-xe4ahn2d){flex-direction:column}.quiz-stats:where(.astro-xe4ahn2d){grid-template-columns:repeat(2,minmax(0,1fr));inline-size:100%}.quiz-workspace:where(.astro-xe4ahn2d){padding:1rem}.quiz-stage:where(.astro-xe4ahn2d){min-block-size:15.5rem}.quiz-stage-positioned:where(.astro-xe4ahn2d){min-inline-size:8.5rem;max-inline-size:11rem}}@media(prefers-reduced-motion:reduce){.quiz-choice-label:where(.astro-xe4ahn2d),.quiz-action-btn:where(.astro-xe4ahn2d),.quiz-hint-btn:where(.astro-xe4ahn2d){transition:none}}body{margin:0;min-block-size:100vh;color:var(--sl-color-text);font-family:Avenir Next,Avenir,Segoe UI,sans-serif}.playground-shell:where(.astro-cig34gyj){max-inline-size:76rem;margin-inline:auto;padding-inline:1.5rem;padding-block-end:3rem}.playground-header:where(.astro-cig34gyj){display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-block:1rem}.playground-nav:where(.astro-cig34gyj){display:flex;flex-wrap:wrap;gap:1rem}.playground-nav:where(.astro-cig34gyj) a:where(.astro-cig34gyj){color:var(--sl-color-gray-2);text-decoration:none}.playground-nav:where(.astro-cig34gyj) a:where(.astro-cig34gyj)[aria-current=page],.playground-nav:where(.astro-cig34gyj) a:where(.astro-cig34gyj):hover{color:var(--sl-color-text)}.playground-intro:where(.astro-cig34gyj){max-inline-size:56rem;padding-block:2rem .75rem}.playground-kicker:where(.astro-cig34gyj){margin:0;color:var(--sl-color-accent-high);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}h1:where(.astro-cig34gyj){margin:.6rem 0 1rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1}.playground-intro:where(.astro-cig34gyj)>p:where(.astro-cig34gyj):last-of-type{margin:0;color:var(--sl-color-gray-2);font-size:1.02rem;line-height:1.7}.playground-intro:where(.astro-cig34gyj) code:where(.astro-cig34gyj){margin-inline:.08rem}@media(max-width:720px){.playground-header:where(.astro-cig34gyj){flex-direction:column;align-items:start}}