:is(.dsa-playground):is(#cf-editor,*){--dsa-left-width:42vw;--dsa-results-height:34vh}:is(.dsa-playground):is(#cf-editor,*) .dsa-difficulty{display:inline-flex;align-items:center;padding:0 var(--cf-space-200);border:1px solid;border-radius:var(--cf-radius-full);font-size:var(--cf-font-size-250);font-weight:var(--cf-font-weight-semibold);line-height:var(--cf-line-height-170);text-transform:capitalize}:is(.dsa-playground):is(#cf-editor,*) .dsa-difficulty.is-easy{border-color:var(--cf-color-success-border);color:var(--cf-color-success)}:is(.dsa-playground):is(#cf-editor,*) .dsa-difficulty.is-medium{border-color:var(--cf-color-warning-border);color:var(--cf-color-warning)}:is(.dsa-playground):is(#cf-editor,*) .dsa-difficulty.is-hard{border-color:var(--cf-color-danger-border);color:var(--cf-color-danger)}:is(.dsa-playground):is(#cf-editor,*) .dsa-tag{display:inline-flex;padding:0 var(--cf-space-200);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-full);background:var(--cf-color-surface);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-250);line-height:var(--cf-line-height-180);white-space:nowrap}:is(.dsa-playground):is(#cf-editor,*) .dsa-tag:hover{border-color:var(--cf-color-primary-border-hover);color:var(--cf-color-primary)}:is(.dsa-playground):is(#cf-editor,*) .dsa-tag-reveal{display:inline-flex;padding:0 var(--cf-space-200);border:1px dashed var(--cf-color-border-control);border-radius:var(--cf-radius-full);background:none;color:var(--cf-color-text-tertiary);font:inherit;font-size:var(--cf-font-size-250);line-height:var(--cf-line-height-180);white-space:nowrap;cursor:pointer}:is(.dsa-playground):is(#cf-editor,*) .dsa-tag-reveal:hover{border-color:var(--cf-color-primary-border-hover);color:var(--cf-color-primary)}:is(.dsa-playground):is(#cf-editor,*) .dsa-xp-bar{height:8px;overflow:hidden;border-radius:var(--cf-radius-full);background:var(--cf-color-surface-strong)}:is(.dsa-playground):is(#cf-editor,*) .dsa-xp-bar span{display:block;height:100%;border-radius:var(--cf-radius-full);background:var(--cf-color-primary-solid);transition:width var(--cf-duration-slow) var(--cf-ease-out)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-crumbs{display:flex;align-items:center;gap:var(--cf-space-150);min-width:0;color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-300);white-space:nowrap}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-crumbs a:hover{color:var(--cf-color-primary)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-crumbs [aria-current]{color:var(--cf-color-text-strong);font-family:var(--cf-font-mono)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-step{display:flex;gap:var(--cf-space-050)}:is(.dsa-playground):is(#cf-editor,*) .dsa-flip{display:inline-flex;transform:rotate(180deg)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-reward{display:inline-flex;align-items:center;gap:var(--cf-space-150);padding:var(--cf-space-050) var(--cf-space-250);border:1px solid var(--cf-color-primary-border);border-radius:var(--cf-radius-full);background:var(--cf-color-primary-subtle);color:var(--cf-color-primary);font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-semibold);white-space:nowrap}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-reward svg{width:14px;height:14px}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-daily{color:var(--cf-color-text-secondary)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-body{flex:1 1;min-height:0;display:grid;grid-template-columns:min(var(--dsa-left-width),48%,100% - 340px) auto minmax(0,1fr);grid-template-rows:minmax(0,1fr)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-left,:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-results,:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-right{display:flex;flex-direction:column;min-width:0;min-height:0}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-left{background:var(--cf-color-bg)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-right{display:grid;grid-template-rows:auto minmax(0,1fr) auto min(var(--dsa-results-height),100% - 120px)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-scroll{flex:1 1;min-height:0;overflow:auto;padding:var(--cf-space-500)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-tabs{display:flex;flex-shrink:0;gap:var(--cf-space-100);padding:0 var(--cf-space-300);border-bottom:1px solid var(--cf-color-border);background:var(--cf-color-bg-subtle)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-tabs button{padding:var(--cf-space-250) var(--cf-space-300);border:0;border-bottom:2px solid rgba(0,0,0,0);background:none;color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-300);font-weight:var(--cf-font-weight-medium)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-tabs button:hover{color:var(--cf-color-text)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-tabs button[aria-selected=true]{border-bottom-color:var(--cf-color-primary-solid);color:var(--cf-color-text-strong)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-title{margin:0 0 var(--cf-space-300);color:var(--cf-color-text-strong);font-size:var(--cf-font-size-550);font-weight:var(--cf-font-weight-bold);line-height:var(--cf-line-height-140)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-title span{color:var(--cf-color-text-muted);font-family:var(--cf-font-mono);font-weight:var(--cf-font-weight-medium)}:is(.dsa-playground):is(#cf-editor,*) .dsa-hints,:is(.dsa-playground):is(#cf-editor,*) .dsa-solution,:is(.dsa-playground):is(#cf-editor,*) .dsa-statement{color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-350);line-height:var(--cf-line-height-170)}:is(.dsa-playground):is(#cf-editor,*) .dsa-hints p,:is(.dsa-playground):is(#cf-editor,*) .dsa-hints ul,:is(.dsa-playground):is(#cf-editor,*) .dsa-solution p,:is(.dsa-playground):is(#cf-editor,*) .dsa-solution ul,:is(.dsa-playground):is(#cf-editor,*) .dsa-statement p,:is(.dsa-playground):is(#cf-editor,*) .dsa-statement ul{margin:0 0 var(--cf-space-300)}:is(.dsa-playground):is(#cf-editor,*) .dsa-hints ul,:is(.dsa-playground):is(#cf-editor,*) .dsa-solution ul,:is(.dsa-playground):is(#cf-editor,*) .dsa-statement ul{padding-left:var(--cf-space-600)}:is(.dsa-playground):is(#cf-editor,*) .dsa-hints h2,:is(.dsa-playground):is(#cf-editor,*) .dsa-hints h3,:is(.dsa-playground):is(#cf-editor,*) .dsa-solution h2,:is(.dsa-playground):is(#cf-editor,*) .dsa-solution h3,:is(.dsa-playground):is(#cf-editor,*) .dsa-statement h2,:is(.dsa-playground):is(#cf-editor,*) .dsa-statement h3{margin:var(--cf-space-500) 0 var(--cf-space-200);color:var(--cf-color-text-strong);font-size:var(--cf-font-size-350);font-weight:var(--cf-font-weight-semibold)}:is(.dsa-playground):is(#cf-editor,*) .dsa-hints code,:is(.dsa-playground):is(#cf-editor,*) .dsa-solution code,:is(.dsa-playground):is(#cf-editor,*) .dsa-statement code{padding:0 var(--cf-space-100);border-radius:var(--cf-radius-100);background:var(--cf-color-code-inline-bg);color:var(--cf-color-code-inline-text);font-family:var(--cf-font-mono);font-size:.9em}:is(.dsa-playground):is(#cf-editor,*) .dsa-hint-reads{display:flex;flex-wrap:wrap;gap:var(--cf-space-200) var(--cf-space-400)}:is(.dsa-playground):is(#cf-editor,*) .dsa-hint-reads a{display:inline-flex;align-items:center;gap:var(--cf-space-100);color:var(--cf-color-primary);font-weight:var(--cf-font-weight-semibold)}:is(.dsa-playground):is(#cf-editor,*) .dsa-statement-tags{display:flex;flex-wrap:wrap;gap:var(--cf-space-150);margin-bottom:var(--cf-space-400)}:is(.dsa-playground):is(#cf-editor,*) .dsa-statement-note{color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-300)}:is(.dsa-playground):is(#cf-editor,*) .dsa-example pre{margin:0 0 var(--cf-space-200);padding:var(--cf-space-300) var(--cf-space-400);overflow-x:auto;border:1px solid var(--cf-color-border);border-left:3px solid var(--cf-color-border-emphasis);border-radius:var(--cf-radius-150);background:var(--cf-color-surface);color:var(--cf-color-text);font:var(--cf-font-size-300)/var(--cf-line-height-170) var(--cf-font-mono);white-space:pre-wrap;word-break:break-word}:is(.dsa-playground):is(#cf-editor,*) .dsa-example-label{color:var(--cf-color-text-tertiary)}:is(.dsa-playground):is(#cf-editor,*) .dsa-constraints li{margin-bottom:var(--cf-space-100)}:is(.dsa-playground):is(#cf-editor,*) .dsa-hints ol{display:grid;grid-gap:var(--cf-space-300);gap:var(--cf-space-300);margin:0 0 var(--cf-space-400);padding:0;list-style:none}:is(.dsa-playground):is(#cf-editor,*) .dsa-hints ol li{padding:var(--cf-space-300) var(--cf-space-400);border:1px solid var(--cf-color-warning-border);border-radius:var(--cf-radius-200);background:var(--cf-color-warning-subtle)}:is(.dsa-playground):is(#cf-editor,*) .dsa-hints ol li strong{color:var(--cf-color-warning);font-size:var(--cf-font-size-275)}:is(.dsa-playground):is(#cf-editor,*) .dsa-hints ol li p{margin:var(--cf-space-100) 0 0;color:var(--cf-color-text)}:is(.dsa-playground):is(#cf-editor,*) .dsa-solution-code{margin:0 0 var(--cf-space-400);padding:var(--cf-space-400);overflow-x:auto;border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-200);background:var(--cf-color-code-bg);color:var(--cf-color-code-text);font:var(--cf-font-size-300)/var(--cf-line-height-170) var(--cf-font-mono)}:is(.dsa-playground):is(#cf-editor,*) .dsa-solution-code code{padding:0;background:none;color:inherit;font-size:inherit}:is(.dsa-playground):is(#cf-editor,*) .dsa-peek{padding:var(--cf-space-500);border:1px dashed var(--cf-color-border-strong);border-radius:var(--cf-radius-250);text-align:center}:is(.dsa-playground):is(#cf-editor,*) .dsa-peek-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--cf-space-200)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-code-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--cf-space-300);min-height:44px;padding:0 var(--cf-space-300) 0 var(--cf-space-400);border-bottom:1px solid var(--cf-color-border);background:var(--cf-color-bg-subtle)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-file{display:flex;align-items:baseline;gap:var(--cf-space-300);min-width:0;overflow:hidden;white-space:nowrap;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300);font-weight:var(--cf-font-weight-semibold)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-file .editor-save{overflow:hidden;text-overflow:ellipsis}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-file .editor-save{font-weight:var(--cf-font-weight-regular)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-language select{height:28px;padding:0 var(--cf-space-200);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-150);background:var(--cf-color-surface-input);color:var(--cf-color-text);font-size:var(--cf-font-size-300);font-weight:var(--cf-font-weight-semibold);cursor:pointer}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-language select:hover{border-color:var(--cf-color-border-hover)}:is(.dsa-playground):is(#cf-editor,*) .dsa-language-note{padding:var(--cf-space-200) var(--cf-space-300);border:1px solid var(--cf-color-tertiary-border);border-radius:var(--cf-radius-150);background:var(--cf-color-tertiary-subtle)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-code-actions{display:flex;flex-shrink:0;gap:var(--cf-space-150)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-editor{position:relative;min-height:0}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-results{background:var(--cf-color-bg)}:is(.dsa-playground):is(#cf-editor,*) .dsa-results-empty{color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-325)}:is(.dsa-playground):is(#cf-editor,*) .dsa-results-empty p{margin:0 0 var(--cf-space-200)}:is(.dsa-playground):is(#cf-editor,*) .dsa-results-empty strong{color:var(--cf-color-text)}:is(.dsa-playground):is(#cf-editor,*) .dsa-keys kbd{padding:0 var(--cf-space-100);border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-100);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-275)}:is(.dsa-playground):is(#cf-editor,*) .dsa-results{display:grid;grid-gap:var(--cf-space-300);gap:var(--cf-space-300)}:is(.dsa-playground):is(#cf-editor,*) .dsa-result-banner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cf-space-300);padding:var(--cf-space-300) var(--cf-space-400);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-200);font-size:var(--cf-font-size-350)}:is(.dsa-playground):is(#cf-editor,*) .dsa-result-banner.is-passed{border-color:var(--cf-color-success-border);background:var(--cf-color-success-subtle);color:var(--cf-color-success)}:is(.dsa-playground):is(#cf-editor,*) .dsa-result-banner.is-error,:is(.dsa-playground):is(#cf-editor,*) .dsa-result-banner.is-failed{border-color:var(--cf-color-danger-border);background:var(--cf-color-danger-subtle);color:var(--cf-color-danger)}:is(.dsa-playground):is(#cf-editor,*) .dsa-result-banner.is-running{color:var(--cf-color-text-secondary)}:is(.dsa-playground):is(#cf-editor,*) .dsa-result-banner pre{flex-basis:100%;margin:0;color:var(--cf-color-text);font:var(--cf-font-size-300)/var(--cf-line-height-160) var(--cf-font-mono);white-space:pre-wrap}:is(.dsa-playground):is(#cf-editor,*) .dsa-test-dots{display:flex;flex-wrap:wrap;gap:var(--cf-space-100);margin:0;padding:0;list-style:none}:is(.dsa-playground):is(#cf-editor,*) .dsa-test-dots li{display:grid;place-items:center;min-width:24px;height:24px;padding:0 var(--cf-space-100);border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-100);color:var(--cf-color-text-muted);font:var(--cf-font-size-250)/var(--cf-line-height-100) var(--cf-font-mono)}:is(.dsa-playground):is(#cf-editor,*) .dsa-test-dots li svg{width:13px;height:13px}:is(.dsa-playground):is(#cf-editor,*) .dsa-test-dots li.is-passed{border-color:var(--cf-color-success-border);background:var(--cf-color-success-subtle);color:var(--cf-color-success)}:is(.dsa-playground):is(#cf-editor,*) .dsa-test-dots li.is-error,:is(.dsa-playground):is(#cf-editor,*) .dsa-test-dots li.is-failed,:is(.dsa-playground):is(#cf-editor,*) .dsa-test-dots li.is-timeout{border-color:var(--cf-color-danger-border);background:var(--cf-color-danger-subtle);color:var(--cf-color-danger)}:is(.dsa-playground):is(#cf-editor,*) .dsa-result{border:1px solid var(--cf-color-border);border-left:3px solid var(--cf-color-success-border);border-radius:var(--cf-radius-200);background:var(--cf-color-surface)}:is(.dsa-playground):is(#cf-editor,*) .dsa-result:not(.is-passed){border-left-color:var(--cf-color-danger-border)}:is(.dsa-playground):is(#cf-editor,*) .dsa-result dl{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);margin:0;padding:var(--cf-space-300) var(--cf-space-400)}:is(.dsa-playground):is(#cf-editor,*) .dsa-result dt{color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-250)}:is(.dsa-playground):is(#cf-editor,*) .dsa-result dd{margin:0}:is(.dsa-playground):is(#cf-editor,*) .dsa-result pre{margin:0;padding:var(--cf-space-150) var(--cf-space-250);overflow-x:auto;border-radius:var(--cf-radius-100);background:var(--cf-color-bg-subtle);color:var(--cf-color-text);font:var(--cf-font-size-300)/var(--cf-line-height-160) var(--cf-font-mono);white-space:pre-wrap;word-break:break-word}:is(.dsa-playground):is(#cf-editor,*) .dsa-result .is-wrong pre{color:var(--cf-color-danger)}:is(.dsa-playground):is(#cf-editor,*) .dsa-result-logs{color:var(--cf-color-text-secondary)}:is(.dsa-playground):is(#cf-editor,*) .dsa-result-heading{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cf-space-300);padding:var(--cf-space-200) var(--cf-space-400);border-bottom:1px solid var(--cf-color-border);font-size:var(--cf-font-size-325)}:is(.dsa-playground):is(#cf-editor,*) .dsa-result-heading .editor-button{margin-left:auto;min-height:26px}:is(.dsa-playground):is(#cf-editor,*) .dsa-result-status{color:var(--cf-color-danger);font-weight:var(--cf-font-weight-semibold)}:is(.dsa-playground):is(#cf-editor,*) .dsa-result.is-passed .dsa-result-status{color:var(--cf-color-success)}:is(.dsa-playground):is(#cf-editor,*) .dsa-result-time{color:var(--cf-color-text-muted);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-275)}:is(.dsa-playground):is(#cf-editor,*) .dsa-custom{display:grid;grid-gap:var(--cf-space-300);gap:var(--cf-space-300)}:is(.dsa-playground):is(#cf-editor,*) .dsa-custom label{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100)}:is(.dsa-playground):is(#cf-editor,*) .dsa-custom label span{color:var(--cf-color-text-tertiary);font:var(--cf-font-size-275)/var(--cf-line-height-160) var(--cf-font-mono)}:is(.dsa-playground):is(#cf-editor,*) .dsa-custom textarea{width:100%;padding:var(--cf-space-200) var(--cf-space-300);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-150);background:var(--cf-color-surface-input);color:var(--cf-color-text);font:var(--cf-font-size-300)/var(--cf-line-height-160) var(--cf-font-mono);resize:vertical}:is(.dsa-playground):is(#cf-editor,*) .dsa-custom textarea:focus{border-color:var(--cf-color-primary);outline:none}:is(.dsa-playground):is(#cf-editor,*) .dsa-custom .dsa-peek-actions{justify-content:flex-start}:is(.dsa-playground):is(#cf-editor,*) .dsa-custom p{margin:0}:is(.dsa-playground):is(#cf-editor,*) .dsa-custom-error{color:var(--cf-color-danger);font-size:var(--cf-font-size-300)}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-notice{position:fixed;bottom:var(--cf-space-600);left:50%;z-index:var(--cf-z-popover);display:flex;align-items:center;gap:var(--cf-space-300);padding:var(--cf-space-250) var(--cf-space-400);border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-250);background:var(--cf-color-surface-overlay);box-shadow:var(--cf-shadow-md);transform:translateX(-50%)}:is(.dsa-playground):is(#cf-editor,*) .editor-button.dsa-submit{border-color:var(--cf-color-success);background:var(--cf-color-success);color:var(--cf-color-on-success);font-weight:var(--cf-font-weight-semibold)}:is(.dsa-playground):is(#cf-editor,*) .editor-button.dsa-submit:hover{border-color:var(--cf-color-success-hover);background:var(--cf-color-success-hover)}:is(.dsa-playground):is(#cf-editor,*) .dsa-celebrate{position:fixed;width:min(460px,100vw - 32px);padding:var(--cf-space-800) var(--cf-space-700) var(--cf-space-600);overflow:hidden;border:1px solid var(--cf-color-success-border);border-radius:var(--cf-radius-400);background:var(--cf-color-surface-overlay);color:var(--cf-color-text);box-shadow:var(--cf-shadow-xl);text-align:center}:is(.dsa-playground):is(#cf-editor,*) .dsa-celebrate::-webkit-backdrop{background:var(--cf-color-scrim)}:is(.dsa-playground):is(#cf-editor,*) .dsa-celebrate::backdrop{background:var(--cf-color-scrim)}:is(.dsa-playground):is(#cf-editor,*) .dsa-celebrate h2{margin:var(--cf-space-100) 0 var(--cf-space-200);color:var(--cf-color-success);font-size:var(--cf-font-size-700);font-weight:var(--cf-font-weight-heavy);animation:dsa-pop var(--cf-duration-slower) var(--cf-ease-emphasized)}:is(.dsa-playground):is(#cf-editor,*) .dsa-celebrate p{margin:0 0 var(--cf-space-400);color:var(--cf-color-text-secondary)}:is(.dsa-playground):is(#cf-editor,*) .dsa-celebrate-kicker{color:var(--cf-color-text-tertiary);font:var(--cf-font-size-250)/var(--cf-line-height-160) var(--cf-font-mono);letter-spacing:var(--cf-letter-spacing-widest)}:is(.dsa-playground):is(#cf-editor,*) .dsa-celebrate-level{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);margin-bottom:var(--cf-space-400);padding:var(--cf-space-300) var(--cf-space-400);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-250);background:var(--cf-color-bg-subtle);text-align:left}:is(.dsa-playground):is(#cf-editor,*) .dsa-celebrate-level>span{color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-275)}:is(.dsa-playground):is(#cf-editor,*) .dsa-celebrate-badges{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);margin:0 0 var(--cf-space-400);padding:0;list-style:none;text-align:left}:is(.dsa-playground):is(#cf-editor,*) .dsa-celebrate-badges li{display:flex;align-items:center;gap:var(--cf-space-200);padding:var(--cf-space-200) var(--cf-space-300);border:1px solid var(--cf-color-success-border);border-radius:var(--cf-radius-200);background:var(--cf-color-success-subtle);font-size:var(--cf-font-size-300)}:is(.dsa-playground):is(#cf-editor,*) .dsa-celebrate-badges li svg{flex-shrink:0;color:var(--cf-color-success)}:is(.dsa-playground):is(#cf-editor,*) .dsa-celebrate-tuto{display:block;margin:calc(-1*var(--cf-space-300)) auto var(--cf-space-200);animation:dsa-hop var(--cf-duration-slower) var(--cf-ease-emphasized) 2}:is(.dsa-playground):is(#cf-editor,*) .dsa-celebrate-xp{display:inline-block;margin:0 0 var(--cf-space-500);padding:var(--cf-space-100) var(--cf-space-500);border:1px solid var(--cf-color-success-border);border-radius:var(--cf-radius-full);background:var(--cf-color-success-subtle);color:var(--cf-color-success);font-size:var(--cf-font-size-600);font-weight:var(--cf-font-weight-heavy);animation:dsa-pop var(--cf-duration-slower) var(--cf-ease-emphasized)}:is(.dsa-playground):is(#cf-editor,*) .dsa-confetti{position:fixed;inset:0;overflow:hidden;pointer-events:none}:is(.dsa-playground):is(#cf-editor,*) .dsa-confetti span{--confetti-x:50vw;--confetti-delay:0ms;--confetti-drift:0vw;--confetti-spin:360deg;position:absolute;top:-20px;left:var(--confetti-x);width:8px;height:14px;border-radius:var(--cf-radius-050);opacity:0;animation:dsa-confetti 3.2s var(--cf-ease-out) var(--confetti-delay) 1 forwards}:is(.dsa-playground):is(#cf-editor,*) .dsa-confetti span.is-wide{width:12px;height:8px}:is(.dsa-playground):is(#cf-editor,*) .dsa-confetti span.is-color-0{background:var(--cf-color-primary-solid)}:is(.dsa-playground):is(#cf-editor,*) .dsa-confetti span.is-color-1{background:var(--cf-color-success)}:is(.dsa-playground):is(#cf-editor,*) .dsa-confetti span.is-color-2{background:var(--cf-color-warning)}:is(.dsa-playground):is(#cf-editor,*) .dsa-confetti span.is-color-3{background:var(--cf-color-secondary)}@media(max-width:768px){:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-code-actions .editor-button span,:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-crumbs,:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-step{display:none}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-crumbs+.dsa-pg-step{display:none}:is(.dsa-playground):is(#cf-editor,*) .editor-header-actions .editor-button span{display:none}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-body{display:block;position:relative}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-body>.editor-splitter{display:none}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-left,:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-right{position:absolute;inset:0}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-right{grid-template-rows:auto minmax(0,1fr) 0 0}:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-right>.dsa-pg-results,:is(.dsa-playground):is(#cf-editor,*) .dsa-pg-right>.editor-splitter{display:none}:is(.dsa-playground):is(#cf-editor,*)[data-view=code] .dsa-pg-left,:is(.dsa-playground):is(#cf-editor,*)[data-view=problem] .dsa-pg-right,:is(.dsa-playground):is(#cf-editor,*)[data-view=results] .dsa-pg-left{visibility:hidden}:is(.dsa-playground):is(#cf-editor,*)[data-view=results] .dsa-pg-right{grid-template-rows:0 0 0 minmax(0,1fr)}:is(.dsa-playground):is(#cf-editor,*)[data-view=results] .dsa-pg-right>.dsa-pg-results{display:flex}:is(.dsa-playground):is(#cf-editor,*)[data-view=results] .dsa-pg-right>.dsa-pg-code-bar,:is(.dsa-playground):is(#cf-editor,*)[data-view=results] .dsa-pg-right>.dsa-pg-editor{visibility:hidden}}@media(prefers-reduced-motion:reduce){:is(.dsa-playground):is(#cf-editor,*) .dsa-celebrate h2,:is(.dsa-playground):is(#cf-editor,*) .dsa-celebrate-tuto,:is(.dsa-playground):is(#cf-editor,*) .dsa-celebrate-xp{animation:none}:is(.dsa-playground):is(#cf-editor,*) .dsa-confetti{display:none}}@keyframes dsa-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes dsa-confetti{0%{opacity:1;transform:translate(0) rotate(0deg)}85%{opacity:1}to{opacity:0;transform:translate(var(--confetti-drift),105vh) rotate(var(--confetti-spin))}}@keyframes dsa-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}