:root{scrollbar-gutter:stable;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffeb;background-color:#121212}}@media (prefers-color-scheme:light){:root:not([data-theme]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1b1b1b;background-color:#fafafa}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffeb;--color-link:#7aa2ff;--color-success:#2ea043;--color-error:#ff4545;--color-copy-btn:#4caf50;--color-tab-bg:#2a2a2a;--color-tab-border:#444;--color-tab-hover:#3a3a3a;--color-tab-active:#505050;--color-game-border:#888;background-color:#121212}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1b1b1b;--color-link:#2a5db0;--color-success:#1a7f37;--color-error:#cf222e;--color-copy-btn:#1a7f37;--color-tab-bg:#f1f1f1;--color-tab-border:#ccc;--color-tab-hover:#e0e0e0;--color-tab-active:#d0d0d0;--color-game-border:#000;background-color:#fafafa}a{color:var(--color-link);font-weight:600;text-decoration:none}a:hover{text-decoration:underline}body{scrollbar-gutter:stable;min-width:320px;min-height:100vh;margin:0}h1{margin:0 0 8px;font-size:1.7rem;line-height:1.2}h2{margin:0 0 8px;font-size:1.05rem}button,select{font:inherit}button{border:1px solid color-mix(in oklab, currentColor 20%, transparent);background:color-mix(in oklab, currentColor 6%, transparent);cursor:pointer;border-radius:10px;padding:.55em .9em}button:disabled{opacity:.6;cursor:not-allowed}select{border:1px solid color-mix(in oklab, currentColor 20%, transparent);background:color-mix(in oklab, currentColor 6%, transparent);color:inherit;border-radius:10px;padding:.45em .7em}pre,code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}:root[data-theme=dark] code[class*=language-],:root[data-theme=dark] pre[class*=language-]{color:#d4d4d4}:root[data-theme=dark] pre[class*=language-]>code{background-color:#1e1e1e;background-image:linear-gradient(#0000 50%,#64a0ff0a 50%);border-left-color:#7aa2ff;box-shadow:-1px 0 #7aa2ff,0 0 0 1px #333}:root[data-theme=dark] :not(pre)>code[class*=language-],:root[data-theme=dark] pre[class*=language-]{background-color:#1e1e1e}:root[data-theme=dark] .token.comment,:root[data-theme=dark] .token.block-comment,:root[data-theme=dark] .token.prolog,:root[data-theme=dark] .token.doctype,:root[data-theme=dark] .token.cdata{color:#6a9955}:root[data-theme=dark] .token.punctuation{color:#d4d4d4}:root[data-theme=dark] .token.property,:root[data-theme=dark] .token.tag,:root[data-theme=dark] .token.boolean,:root[data-theme=dark] .token.number,:root[data-theme=dark] .token.function-name,:root[data-theme=dark] .token.constant,:root[data-theme=dark] .token.symbol,:root[data-theme=dark] .token.deleted{color:#f47067}:root[data-theme=dark] .token.selector,:root[data-theme=dark] .token.attr-name,:root[data-theme=dark] .token.string,:root[data-theme=dark] .token.char,:root[data-theme=dark] .token.function,:root[data-theme=dark] .token.builtin,:root[data-theme=dark] .token.inserted{color:#a5d6ff}:root[data-theme=dark] .token.operator,:root[data-theme=dark] .token.entity,:root[data-theme=dark] .token.url,:root[data-theme=dark] .token.variable{color:#d2a8ff;background:0 0}:root[data-theme=dark] .token.atrule,:root[data-theme=dark] .token.attr-value,:root[data-theme=dark] .token.keyword,:root[data-theme=dark] .token.class-name{color:#7ee787}:root[data-theme=dark] .token.regex,:root[data-theme=dark] .token.important{color:#ffa657}:root[data-theme=dark] .language-css .token.string,:root[data-theme=dark] .style .token.string{color:#d2a8ff;background:0 0}.themeToggle{border:1px solid color-mix(in oklab, currentColor 15%, transparent);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:.35em .55em;font-size:1.1rem;line-height:1;display:inline-flex}.themeToggle:hover{background:color-mix(in oklab, currentColor 10%, transparent)}#root{width:100%}.page{max-width:1100px;margin:0 auto;padding:16px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.brand{font-weight:700}.problemPick{align-items:center;gap:8px;min-width:0;display:flex}.problemPick select{max-width:min(70vw,320px)}.links{align-items:center;gap:12px;font-size:.95rem;display:flex}.links a+a{margin-left:12px}.home{gap:16px;display:grid}.grid{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.grid.testDataHidden{grid-template-columns:minmax(0,1fr)}@media (width<=980px){.grid{grid-template-columns:1fr}}.card{border:1px solid color-mix(in oklab, currentColor 20%, transparent);background:color-mix(in oklab, currentColor 3%, transparent);border-radius:12px;min-width:0;padding:16px}.muted{opacity:.8}.srOnly{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.standaloneLab details summary,.rpsLab details summary{cursor:pointer;font-weight:700}.standaloneLab,.standaloneLab .card,.rpsLab,.rpsLab .card{min-width:0}.standaloneLab pre[class*=language-],.rpsLab pre[class*=language-]{box-sizing:border-box;max-width:100%;overflow-x:auto}.rpsGame{text-align:center;gap:16px;display:grid}.rpsMatchup{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;display:grid}.rpsMatchup figure{margin:0}.rpsMatchup img{aspect-ratio:1/2;object-fit:contain;width:min(100%,180px);filter:drop-shadow(0 8px 12px color-mix(in oklab, currentColor 20%, transparent));margin:0 auto 8px;display:block}.rpsMatchup figcaption{text-transform:capitalize}.rpsResult{font-size:1.2rem;font-weight:800}.rpsControls,.rpsScore{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.rpsControls button{min-width:100px}.rpsScore span{border:1px solid color-mix(in oklab, currentColor 20%, transparent);background:color-mix(in oklab, currentColor 5%, transparent);border-radius:999px;padding:4px 10px}@media (width<=600px){.rpsMatchup{grid-template-columns:1fr 1fr}.rpsMatchup>strong{grid-area:2/1/auto/-1}}.hangmanGame{text-align:center;justify-items:center;gap:14px;display:grid}.hangmanGame>img{object-fit:contain;width:min(100%,280px);height:300px;display:block}.hangmanWord{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(1.4rem,5vw,2rem);font-weight:800}.hangmanKeyboard{grid-template-columns:repeat(9,minmax(36px,1fr));gap:6px;width:min(100%,580px);display:grid}.hangmanKeyboard button{padding:.45em}.hangmanResult{justify-items:center;gap:8px;display:grid}.hangmanLab a{overflow-wrap:anywhere}.labScreenshot{box-sizing:border-box;border:1px solid color-mix(in oklab, currentColor 20%, transparent);border-radius:8px;max-width:100%;height:auto;margin:12px auto;display:block}@media (width<=520px){.hangmanKeyboard{grid-template-columns:repeat(7,minmax(34px,1fr))}}.htmlReferenceTableWrap{overflow-x:auto}.htmlReferenceTable{border-collapse:collapse;width:100%}.htmlReferenceTable th,.htmlReferenceTable td{border:1px solid color-mix(in oklab, currentColor 20%, transparent);text-align:left;vertical-align:top;padding:8px 10px}.htmlReferenceTable th[scope=row]{width:32%}.htmlReferenceTable tr:not(.htmlReferenceSection):nth-child(odd){background:color-mix(in oklab, currentColor 5%, transparent)}.htmlReferenceSection th{border-width:0 0 2px;padding-top:24px;font-size:1.05rem}.htmlReferenceSection span{opacity:.8;margin-top:2px;font-size:.9rem;font-weight:400;display:block}.htmlReferenceTable blockquote,.htmlReferenceTable ul,.htmlReferenceTable ol{margin:0}.htmlReferenceTable input,.htmlReferenceTable textarea{box-sizing:border-box;max-width:100%;color:inherit;background:color-mix(in oklab, currentColor 6%, transparent);border:1px solid color-mix(in oklab, currentColor 20%, transparent);border-radius:6px;padding:.35em .5em}.htmlReferenceImageExample{gap:8px;display:grid}.htmlReferenceImageExample img{object-fit:cover;object-position:center;border-radius:12px;width:min(100%,180px);height:180px;display:block}.dataStructureGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dataStructureGrid>div{border:1px solid color-mix(in oklab, currentColor 20%, transparent);background:color-mix(in oklab, currentColor 4%, transparent);border-radius:10px;padding:12px}.dataStructureGrid h3{margin-top:0}.labExample+.labExample{border-top:1px solid color-mix(in oklab, currentColor 16%, transparent);margin-top:24px;padding-top:16px}.labOutput{margin-top:8px}.labOutput pre{background:color-mix(in oklab, currentColor 7%, transparent);border-radius:8px;padding:10px;overflow-x:auto}.labProblems>li+li{margin-top:14px}.labProblems li>div{opacity:.85;overflow-wrap:anywhere;margin-top:4px}.labImageGrid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;margin-top:16px;display:grid}.labImageGrid figure{min-width:0;margin:0}.labImageGrid img{border:1px solid color-mix(in oklab, currentColor 16%, transparent);border-radius:8px;width:100%;height:auto;display:block}.labImageGrid .labNaturalImage{width:auto;max-width:100%}.labImageGrid figcaption{opacity:.75;margin-top:6px}.labDemo{flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0;display:flex}.labDemo label{gap:4px;display:grid}.labDemo input{width:min(220px,100%)}.labDemo output{font-weight:700}.labReferenceImage{border-radius:8px;width:min(100%,662px);height:auto;margin-top:12px;display:block}.productControls{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.productControls>label:not(.productCheck){gap:4px;display:grid}.productCheck,.productBrands label{align-items:center;gap:6px;display:inline-flex}.productBrands{flex-wrap:wrap;gap:8px 16px;margin-top:16px;display:flex}.productGrid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;display:grid}.productCard{align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.productCardBordered{border:1px solid color-mix(in oklab, currentColor 20%, transparent);border-radius:10px}.productVisual{flex:none;font-size:2.5rem}.productOutputGrid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px;margin-top:16px;display:grid}.productOutputMock{border:1px solid color-mix(in oklab, currentColor 20%, transparent);border-radius:8px;min-width:0;margin:0;overflow:hidden}.productOutputMock figcaption,.browserConsoleBar{padding:8px 12px;font-weight:700}.productOutputMock pre{box-sizing:border-box;max-width:100%;margin:0;padding:12px;font-size:.82rem;overflow-x:auto}.terminalOutputMock{color:#d8fbd8;background:#141814}.browserOutputMock{color:#2b2b2b;background:#fff}.browserConsoleBar{color:#b42318;background:#f3f3f3;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7}.motionWarning{background:oklab(66.584% .082678 .133963/.12);border-left:4px solid #d97706;margin:16px 0;padding:10px 12px}.zombieControls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.zombieControls label{align-items:center;gap:6px;display:inline-flex}.zombieDome{aspect-ratio:1;border:2px solid color-mix(in oklab, currentColor 30%, transparent);background:linear-gradient(color-mix(in oklab, currentColor 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, currentColor 4%, transparent) 1px, transparent 1px);background-size:10% 10%;border-radius:10px;width:min(100%,600px);position:relative;overflow:hidden}.zombieDot{aspect-ratio:1;border:1px solid oklab(0% none none/.55);border-color:oklab(0% none none/.55) oklab(0% none none/.55) oklab(0% none none/.55) oklab(0% none none/.55);border-radius:50%;width:clamp(8px,2.4%,14px);position:absolute;transform:translate(-50%,-50%)}.zombieDotHuman{background:#dc2626}.zombieDotInfected{background:#16a34a;border-radius:18%}.labPseudocode{background:color-mix(in oklab, currentColor 7%, transparent);border-radius:8px;max-width:100%;padding:12px;overflow-x:auto}@media (width<=720px){.dataStructureGrid{grid-template-columns:minmax(0,1fr)}}.sig{grid-template-columns:90px minmax(0,1fr);align-items:start;gap:10px;margin-top:12px;display:grid}.sigLabel{opacity:.9;font-weight:600}.sigCode{box-sizing:border-box;background:color-mix(in oklab, currentColor 8%, transparent);border-radius:10px;max-width:100%;margin:0;padding:10px;overflow:auto}.editor{box-sizing:border-box;resize:vertical;tab-size:4;border:1px solid color-mix(in oklab, currentColor 20%, transparent);background:color-mix(in oklab, currentColor 4%, transparent);width:100%;min-height:360px;color:inherit;border-radius:10px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px}.actions{align-items:center;gap:10px;margin-top:10px;display:flex}.panel{border:1px solid color-mix(in oklab, currentColor 20%, transparent);border-radius:10px;margin-top:12px}.panel.error{border-color:color-mix(in oklab, var(--color-error) 50%, transparent)}.serverNotice--success{border-color:color-mix(in oklab, var(--color-success) 55%, transparent)}.serverNotice--warning{border-color:oklab(76.8591% .0560995 .154808/.55)}.serverNotice--error{border-color:color-mix(in oklab, var(--color-error) 55%, transparent)}.panelTitle{border-bottom:1px solid color-mix(in oklab, currentColor 18%, transparent);padding:10px 12px;font-weight:600}.panelBody{margin:0;padding:10px 12px;overflow:auto}.celebration{border:1px solid color-mix(in oklab, var(--color-success) 55%, transparent);background:color-mix(in oklab, var(--color-success) 12%, transparent);border-radius:12px;margin-top:12px;padding:16px;animation:.22s ease-out celebration-pop}.celebrationTitle{color:var(--color-success);font-size:1.35rem;font-weight:800}.celebrationSub{opacity:.95;margin-top:4px;font-weight:600}@keyframes celebration-pop{0%{opacity:.6;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.celebration{animation:none}}.results{gap:10px;margin:0;padding:0;list-style:none;display:grid}.results li{--result-state-color:currentColor;--result-tier-color:var(--result-state-color);background:color-mix(in oklab, currentColor 5%, transparent);border-radius:10px;padding:10px 10px 10px 16px;position:relative;overflow:hidden}.results li.pass{--result-state-color:var(--color-success)}.results li.fail{--result-state-color:var(--color-error)}.results li:before{content:"";background:linear-gradient(135deg, var(--result-state-color) 0 50%, var(--result-tier-color) 50% 100%);border-radius:10px 0 0 10px;width:6px;position:absolute;inset:0 auto 0 0}.results li.testTier--hidden{--result-tier-color:#f59e0b}.results li.testTier--serverFixed{--result-tier-color:#6d28d9}.results li.testTier--serverRandom{--result-tier-color:#c026d3}.results li.testTier--serverOther{--result-tier-color:#8b5cf6}.testName{margin-right:8px;font-weight:700}.testStatus{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.testTier--visible.pass .testStatus{color:var(--color-success)}.testTier--hidden.pass .testStatus{color:color-mix(in oklab, #f59e0b 78%, currentColor)}.testTier--serverFixed.pass .testStatus{color:color-mix(in oklab, #6d28d9 78%, currentColor)}.testTier--serverRandom.pass .testStatus{color:color-mix(in oklab, #c026d3 78%, currentColor)}.testTier--serverOther.pass .testStatus{color:color-mix(in oklab, #8b5cf6 78%, currentColor)}.results li.fail .testStatus{color:var(--color-error)}.tiny{opacity:.9;margin:8px 0 0;font-size:12px;overflow:auto}.json,.console{white-space:pre-wrap;overflow-wrap:anywhere;background:color-mix(in oklab, currentColor 6%, transparent);border:1px solid color-mix(in oklab, currentColor 18%, transparent);border-radius:10px;padding:12px}.footer{margin-top:16px}.homeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.homeWide>.card{grid-column:1/-1}.homeSplit{grid-template-columns:minmax(0,3fr) minmax(320px,2fr);align-items:stretch;gap:16px;margin-top:16px;display:grid}.homeSplitEven{grid-template-columns:repeat(2,minmax(0,1fr))}.homeSplitLabs{grid-template-columns:minmax(320px,2fr) minmax(0,3fr)}@media (width<=980px){.homeGrid,.homeSplit{grid-template-columns:1fr}}.homeSectionTitle{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.homeList{gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.homeLink{align-items:baseline;gap:10px;text-decoration:none;display:flex}.homeLink:hover{text-decoration:underline}.homeId{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:700}.homeTitle{opacity:.9}.homeDesc{margin-top:4px;font-size:.95rem}.labResources{flex-wrap:wrap;gap:6px 16px;margin-top:6px;font-size:.9rem;display:flex}.solvedCheck{border:1px solid color-mix(in oklab, var(--color-success) 55%, transparent);background:color-mix(in oklab, var(--color-success) 12%, transparent);color:var(--color-success);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;margin-left:6px;padding:1px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.progressBadges{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.solvedCheck.verified,.badge.verified{color:color-mix(in oklab, #7c3aed 80%, currentColor);background:oklab(54.1337% .0963843 -.226968/.13);border-color:oklab(54.1337% .0963843 -.226968/.55)}.challengeCheck,.badge.challenge{color:color-mix(in oklab, #3b82f6 78%, currentColor);white-space:nowrap;background:oklab(62.3083% -.0332476 -.185052/.09);border:1px solid oklab(62.3083% -.0332476 -.185052/.42);border-radius:999px;align-items:center;gap:4px;margin-left:6px;padding:1px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.chapterComplete{border:1px solid color-mix(in oklab, var(--color-success) 55%, transparent);background:color-mix(in oklab, var(--color-success) 12%, transparent);color:var(--color-success);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;margin-left:8px;padding:1px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.chapterProgress{border:1px solid color-mix(in oklab, currentColor 20%, transparent);background:color-mix(in oklab, currentColor 5%, transparent);white-space:nowrap;opacity:.7;border-radius:999px;align-items:center;margin-left:8px;padding:1px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.chapterVerified{color:color-mix(in oklab, #7c3aed 80%, currentColor);white-space:nowrap;background:oklab(54.1337% .0963843 -.226968/.13);border:1px solid oklab(54.1337% .0963843 -.226968/.55);border-radius:999px;align-items:center;gap:4px;margin-left:8px;padding:1px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.auth{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.authSignedOut{display:contents}.authLoading{align-items:center;min-height:calc(2.6em + 2px);display:inline-flex}.authSignIn{flex-basis:100%;justify-items:start;gap:8px;padding-top:2px;display:grid}.authOtpRow{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}.authOAuthRow{justify-content:flex-start;align-items:center;gap:8px;display:flex}.authField{align-items:center;gap:8px;display:flex}.authField input{border:1px solid color-mix(in oklab, currentColor 20%, transparent);background:color-mix(in oklab, currentColor 6%, transparent);color:inherit;border-radius:10px;padding:.45em .7em}.authCodeInput{width:140px}.authGitHubButton{opacity:.82}.authStatus{border:1px solid color-mix(in oklab, currentColor 20%, transparent);background:color-mix(in oklab, currentColor 7%, transparent);border-radius:10px;align-items:flex-start;gap:8px;min-width:min(320px,100%);max-width:720px;padding:6px 9px;font-size:.9rem;font-weight:600;display:inline-flex}.authStatus:before{content:"";width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in oklab, currentColor 16%, transparent);background:currentColor;border-radius:999px;flex:none;margin-top:.35em}.authStatusLine{flex-basis:100%}.authStatus--info{color:color-mix(in oklab, #3b82f6 70%, currentColor);background:oklab(62.3083% -.0332476 -.185052/.12);border-color:oklab(62.3083% -.0332476 -.185052/.45)}.authStatus--warning{color:color-mix(in oklab, #f59e0b 70%, currentColor);background:oklab(76.8591% .0560995 .154808/.14);border-color:oklab(76.8591% .0560995 .154808/.55)}.authStatus--error{color:color-mix(in oklab, #ef4444 72%, currentColor);background:oklab(63.6834% .187864 .0889286/.13);border-color:oklab(63.6834% .187864 .0889286/.58)}.testDataNote{margin-top:8px}.editorHeading,.testDataHeading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.editorHeading h2,.testDataHeading h2{margin-right:auto}.authEmail{opacity:.9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem}.badge{border:1px solid color-mix(in oklab, currentColor 20%, transparent);white-space:nowrap;background:color-mix(in oklab, currentColor 5%, transparent);border-radius:999px;align-items:center;padding:2px 8px;font-size:.78rem;font-weight:700;line-height:1.5;display:inline-flex}.badge.solved,.badgeComplete{border-color:color-mix(in oklab, var(--color-success) 55%, transparent);background:color-mix(in oklab, var(--color-success) 12%, transparent);color:var(--color-success)}.badgeVerified{color:color-mix(in oklab, #7c3aed 80%, currentColor);background:oklab(54.1337% .0963843 -.226968/.13);border-color:oklab(54.1337% .0963843 -.226968/.55)}.badge.unsolved{opacity:.85}code[class*=language-],pre[class*=language-]{color:#000;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}pre[class*=language-]{margin:.5em 0;padding:1px;position:relative;overflow:visible}pre[class*=language-]>code{z-index:1;background-color:#fdfdfd;background-image:linear-gradient(#0000 50%,#458ed10a 50%);background-size:3em 3em;background-attachment:local;background-origin:content-box;border-left:10px solid #358ccb;position:relative;box-shadow:-1px 0 #358ccb,0 0 0 1px #dfdfdf}code[class*=language-]{max-height:inherit;height:inherit;padding:0 1em;display:block;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{box-sizing:border-box;background-color:#fdfdfd;margin-bottom:1em}:not(pre)>code[class*=language-]{color:#c92c2c;white-space:normal;border:1px solid #0000001a;border-radius:.3em;padding:.2em;display:inline;position:relative}pre[class*=language-]:before,pre[class*=language-]:after{content:"";width:40%;height:20%;max-height:13em;display:block;position:absolute;bottom:.75em;left:.18em;transform:rotate(-2deg);box-shadow:0 13px 8px #979797}pre[class*=language-]:after{left:auto;right:.75em;transform:rotate(2deg)}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#7d8b99}.token.punctuation{color:#5f6364}.token.property,.token.tag,.token.boolean,.token.number,.token.function-name,.token.constant,.token.symbol,.token.deleted{color:#c92c2c}.token.selector,.token.attr-name,.token.string,.token.char,.token.function,.token.builtin,.token.inserted{color:#2f9c0a}.token.operator,.token.entity,.token.url,.token.variable{color:#a67f59;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword,.token.class-name{color:#1990b8}.token.regex,.token.important{color:#e90}.language-css .token.string,.style .token.string{color:#a67f59;background:#ffffff80}.token.important{font-weight:400}.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.namespace{opacity:.7}@media screen and (width<=767px){pre[class*=language-]:before,pre[class*=language-]:after{box-shadow:none;bottom:14px}}pre[class*=language-].line-numbers.line-numbers{padding-left:0}pre[class*=language-].line-numbers.line-numbers code{padding-left:3.8em}pre[class*=language-].line-numbers.line-numbers .line-numbers-rows{left:0}pre[class*=language-][data-line]{padding-top:0;padding-bottom:0;padding-left:0}pre[data-line] code{padding-left:4em;position:relative}pre .line-highlight{margin-top:0}.copy{z-index:3;cursor:pointer;background-color:var(--color-copy-btn);color:#fff;border:none;border-radius:5px;padding:5px 10px;font-size:14px;position:absolute;right:0}.tab{border:1px solid var(--color-tab-border);background-color:var(--color-tab-bg);overflow:hidden}.tab button{background-color:inherit;float:left;cursor:pointer;border:none;outline:none;padding:14px 16px;font-size:17px;transition:all .3s}.tab button:hover{background-color:var(--color-tab-hover)}.tab button.active{background-color:var(--color-tab-active)}.cscLab{gap:20px;max-width:900px;margin:0 auto;display:grid}.cscLab>h1,.cscLabSubtitle{text-align:center;margin:0}.cscLabSubtitle{margin-top:-14px;font-size:1.2rem;font-weight:600}.cscLab section{border:1px solid color-mix(in oklab, currentColor 18%, transparent);border-radius:14px;padding:18px}.cscLab section>:first-child{margin-top:0}.cscLab section>:last-child{margin-bottom:0}.cscLabMedia{justify-items:start;gap:12px;display:grid}.cscLabMedia img,.cscLabMedia video{border-radius:8px;max-width:100%;height:auto;display:block}.cscCoffeeGif{background:0 0;padding:0;line-height:0;overflow:hidden}.cscCoffeeGif img{transform-origin:bottom;animation:2.4s ease-in-out infinite coffee-float}.cscCoffeeCredit{text-align:center;width:256px;max-width:100%;display:block}.cscCoffeeGif:hover img,.cscCoffeeGif:focus-visible img{animation-duration:.8s}@keyframes coffee-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.cscCoffeeGif img{animation:none}}.cscLabOutput{color:#f5f5f5;background:#1e1e1e;border-radius:8px;margin:8px 0 20px;padding:12px;overflow-x:auto}.cscLabPractice{gap:14px;display:grid}.cscLabPractice li{padding-left:4px}.cscLabPractice a,.cscLabPractice span{display:block}.cscLabPractice a{font-size:1.05rem}
/*$vite$:1*/