html{scroll-padding-top:2.5rem}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.quiz-ui{--quiz-card-width:min(550px,calc(100vw - 2rem));box-sizing:border-box;inline-size:var(--quiz-card-width);max-inline-size:var(--quiz-card-width);max-width:var(--quiz-card-width);min-inline-size:var(--quiz-card-width);min-width:var(--quiz-card-width);width:var(--quiz-card-width);grid-column:1/-1;margin:0 auto;padding:1rem 0}.quiz-ui:not(.quiz-slides-active)>astro-island:not(:first-of-type),.quiz-ui>.challenge~.challenge{display:none}.quiz-ui .card-container{perspective:1000px;transform-style:preserve-3d}.quiz-ui .card,.quiz-ui .card-container{box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%;width:100%}.quiz-ui .card{background-color:var(--quiz-bg);transition:transform .39s cubic-bezier(.68,-.55,.265,1.55);position:relative}.quiz-ui .challenge-enter{animation:.6s ease-out both quiz-challenge-enter}.quiz-ui .answer-correct-pulse{animation:.34s ease-out both quiz-answer-correct-pulse}.quiz-ui .answer-incorrect-shake{animation:.48s ease-out both quiz-answer-incorrect-shake}.quiz-ui .card-container:not(.card-flip) .card-back{height:0;transform:rotateY(180deg)}.quiz-ui .card-container.card-flip{min-height:260px;transition:height .25s ease-in-out}.quiz-ui .card-container.card-flip .card-front{transform:rotateY(180deg)}.quiz-ui .card-container.card-flip .card-back{transform:rotateY(0)}.quiz-ui .card-back,.quiz-ui .card-front{backface-visibility:hidden;background-color:var(--quiz-bg);box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%;width:100%;position:absolute}@keyframes quiz-challenge-enter{0%{opacity:0;transform:translateY(40px)scale(.95)rotateX(-8deg)}to{opacity:1;transform:translateY(0)scale(1)rotateX(0)}}@keyframes quiz-answer-correct-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes quiz-answer-incorrect-shake{0%,to{transform:translate(0)rotate(0)}18%{transform:translate(-12px)rotate(-2deg)}36%{transform:translate(10px)rotate(1.7deg)}54%{transform:translate(-7px)rotate(-1.2deg)}72%{transform:translate(4px)rotate(.7deg)}}@media (prefers-reduced-motion:reduce){.quiz-ui .answer-correct-pulse,.quiz-ui .answer-incorrect-shake,.quiz-ui .challenge-enter{animation:none}}@media (width>=640px){.quiz-ui{padding:1rem 0}}.quiz-ui>astro-island.quiz-slide{box-sizing:border-box;inline-size:100%;max-inline-size:100%;max-width:100%;min-inline-size:100%;width:100%;min-width:100%}:root{--quiz-header-bg:#121a21;--quiz-muted-bg-transparent:#ababab1a;--quiz-muted-bg:#aaa;--quiz-muted-fg:#fafafad9;--quiz-darker:#323232f2;--quiz-bg-solid:#212121;--quiz-bg:#d9d9d91a;--quiz-bg-lighter:#324553;--quiz-fg:#fafafa;--quiz-fg-dark:#141414cc;--quiz-border:#bababae6;--quiz-border-solid:#4b4b4b;--quiz-divider-color:#ffffff40;--quiz-success:#82ff9d;--quiz-error:#e609b9}@keyframes shadow-in{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 .75rem .125rem #ff70cb}}.challenge{background-color:var(--quiz-bg);border:1px solid var(--quiz-border);box-sizing:border-box;color:var(--quiz-fg);inline-size:100%;max-inline-size:100%;max-width:100%;min-inline-size:100%;grid-template-rows:repeat(auto-fit,minmax(1rem,1fr));width:100%;min-width:100%;margin-block:2rem 6rem;transition:box-shadow .25s ease-in-out;display:grid}.challenge.challenge-modern{box-shadow:0 8px 32px #00000059,0 0 0 1px #ffffff0a,inset 0 1px #ffffff14}.challenge .quiz-header{background-color:var(--quiz-header-bg);border-bottom:2px solid #0000;border-bottom:1px solid var(--quiz-border);box-sizing:border-box;color:var(--quiz-fg);justify-content:space-between;align-items:center;width:100%;height:3rem;padding-inline:1rem;font-size:1.25rem;font-weight:500;display:flex;overflow:hidden}.challenge .quiz-header .quiz-question-count{font-size:1.85rem;font-weight:600}.challenge .quiz-header{margin:0}.challenge .quiz-header :-moz-any-link{color:var(--quiz-muted-fg)}.challenge .quiz-header :active,.challenge .quiz-header :any-link,.challenge .quiz-header :visited,.challenge .quiz-header a{color:var(--quiz-muted-fg)}.challenge .quiz-header .quiz-title{color:var(--quiz-muted-fg);text-overflow:ellipsis;text-shadow:1px 1px 1px var(--quiz-darker);white-space:nowrap;font-size:1.5rem;font-weight:300;overflow:hidden}.challenge :not(.correct) .option:hover{background-color:var(--quiz-muted-bg-transparent)}.challenge.correct{border:1px solid var(--quiz-success);animation:none}.challenge.correct .quiz-header{border-bottom:2px solid var(--quiz-success)}.challenge.correct .quiz-header .quiz-question-count,.challenge.correct .quiz-header .quiz-title{color:var(--quiz-fg)}.challenge.correct .option.correct-answer{color:var(--quiz-fg);cursor:default;filter:none;padding:.5rem;height:auto!important}.challenge.correct .option :hover{cursor:default}.challenge.correct .quiz-hint-toggle button:hover{opacity:1;transform:unset;box-shadow:none!important}.challenge.incorrect{border:1px solid var(--quiz-error)!important}.challenge.incorrect .quiz-header{border-bottom:2px solid var(--quiz-error)}.challenge.incorrect .quiz-header .quiz-question-count,.challenge.incorrect .quiz-header .quiz-title{color:var(--quiz-fg)}.challenge.untouched .btn-reset{cursor:not-allowed;filter:grayscale();opacity:.5}.challenge div.explanation{visibility:hidden;display:none;position:absolute}.challenge .quiz-hint-toggle{color:var(--quiz-muted-fg);text-align:right;grid-template-columns:auto;justify-content:end;display:grid;overflow:hidden}.challenge .quiz-hint-toggle .watermark{letter-spacing:-.25px;opacity:.75;text-align:left;justify-self:start;padding-left:.5rem;font-family:Noto Sans Mono,monospace;font-size:.85rem;font-style:italic;display:none}.challenge .quiz-hint-toggle button{background-color:var(--quiz-bg-lighter);border:.5px solid var(--quiz-border);color:var(--quiz-muted-fg);cursor:pointer;opacity:.75;z-index:90;border-radius:.5rem 0 0;align-self:flex-end;max-width:7rem;max-height:2rem;margin-bottom:-1px;padding:.25rem .5rem;font-size:.8rem;transition:box-shadow .125s ease-in-out,width .125s ease-in-out,opacity .25s ease-in-out,padding .125s ease-in-out,transform .25s cubic-bezier(.175,.885,.32,1.275),translate .25s ease-in-out;transform:translate(.4rem)}.challenge .quiz-hint-toggle button:hover{box-shadow:0 0 0 .5px var(--quiz-muted-fg);opacity:.95;transform:translate(0)}.challenge section.explanation{background-color:var(--quiz-bg-solid);border:1px solid var(--quiz-border-solid);color:var(--quiz-fg);text-align:left;overflow:auto}.challenge section.explanation .expressive-code pre,.challenge section.explanation pre.astro-code{width:calc(550px - 3.3rem);overflow:auto scroll}.challenge .quiz-question{box-sizing:border-box;width:100%;max-width:100%;margin-block:.5rem 1.5rem;margin-inline:auto;padding-inline:1rem;font-size:1.1rem;overflow:auto}.challenge .quiz-question pre{max-width:calc(100vw - 2rem)}.challenge .quiz-options{min-inline-size:0;grid-template-columns:1fr;align-items:stretch;width:100%;margin:0;font-family:Noto Sans Mono,monospace;display:grid}.challenge .quiz-body-panel,.challenge .quiz-options{box-sizing:border-box;inline-size:100%;max-inline-size:100%}.challenge .quiz-body-panel{scrollbar-width:none;overflow:clip visible}.challenge .quiz-body-panel::-webkit-scrollbar{display:none}.challenge .option{border-bottom:1px solid var(--quiz-muted-bg-transparent);box-sizing:border-box;color:var(--quiz-fg);cursor:pointer;min-inline-size:0;max-inline-size:100%;width:100%;margin-block:auto;margin-inline:auto;padding:1rem;font-size:1.25rem;line-height:1.5}.challenge .option label{overflow-wrap:anywhere;width:auto;max-width:100%;display:block}.challenge .option *{cursor:pointer}.challenge .option{transition:background-color .125s ease-in-out,color .125s ease-in-out}.challenge .help-box{background-color:var(--quiz-bg-solid);border:1px solid var(--quiz-border-solid);box-sizing:border-box;color:var(--quiz-fg);cursor:pointer;margin-inline:auto;pointer-events:visiblePainted;text-align:left;border-radius:.5rem;width:clamp(320px,100% - 1rem - 2px,90vw);margin-bottom:1rem;padding:1rem;font-size:1.25rem;line-height:1.5;transition:opacity .25s ease-in-out,color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out;overflow-x:clip}.challenge .help-box:hover:before{opacity:.85}.challenge .help-box:before{content:"🅧";margin-bottom:.5rem;opacity:.35;text-align:right;margin-inline:.125rem;font-size:1.35rem;display:inline-block;position:absolute;top:1.125rem;right:1.5rem}.challenge .expressive-code pre>code{width:calc(100% - 2rem)}.challenge{--ec-codeFontSize:.85rem}@media (width>=640px){.challenge{--ec-codeFontSize:1.035rem;width:100%}}@media (width>=768px){.challenge{width:100%;font-size:1.185rem}}@media (width>=1024px){.challenge{width:100%;font-size:1.25rem}}.pulse{animation:.3s cubic-bezier(.24,.94,.53,1.45) pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.shake{animation:.3s cubic-bezier(.24,.94,.53,1.45) shake}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-.5rem)}50%{transform:translate(.5rem)}75%{transform:translate(-.5rem)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate(150%)}}.slideOutRight{animation-name:slideOutRight;animation-direction:normal}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475)translate(-42px)}to{opacity:0;transform:scale(.1)translate(2000px)}}.zoomOutRight{transform-origin:100%;animation-name:zoomOutRight}.score-box{position:absolute}.score{background-color:hsl(var(--background));box-shadow:inset 0 .7px .3px var(--clr-muted-200);box-sizing:border-box;color:var(--primary);opacity:.912;padding-block:.75rem calc(.75rem + env(safe-area-inset-bottom,0px));text-align:center;z-index:10;grid-template-columns:1fr min(42rem,100vw - 2rem) 1fr;grid-auto-columns:1fr;justify-content:center;align-items:center;width:100vw;margin:0;font-size:.89rem;transition:filter .3s ease-out,opacity .3s ease-out,background-color .3s ease-out,color .3s ease-out,box-shadow .3s ease-out,transform .3s ease-out,padding .3s ease-out,margin .3s ease-out;display:inline-grid;position:fixed;bottom:0;left:0}.score h2,.score h3,.score h4{margin:.125rem}.score .congrats-message{display:none}.score.active{opacity:.9}.score.success,.score:hover{filter:brightness()}.score.success{background-color:var(--quiz-bg-lighter);opacity:1}.score.success .congrats-message{display:block}.score.perfect{background-color:hsl(var(--background));color:var(--neon-pink-subtle);filter:brightness(1.1)}.score.perfect a,.score.perfect button{color:hsl(var(--neon-cyan));text-decoration:none}.score.perfect h2,.score.perfect h3,.score.perfect h4{color:var(--neon-pink-subtle);font-weight:900}.score.perfect .reset-quiz{visibility:visible}.all-correct .score-wrapper{display:none}.all-correct .reset-quiz{visibility:visible}.score-wrapper label{margin-left:.5rem}.btn.reset-quiz{visibility:hidden;justify-content:end;align-self:center;align-items:center;margin-right:2rem;font-size:1.125rem;display:inline-flex}.btn.reset-quiz svg{margin-inline:.5rem;display:inline-block}.btn.reset-quiz>span{display:none}.view-all-link{justify-content:center;align-self:center;align-items:center;display:inline-flex}.view-all-link span{display:none}.btn-view-all{color:hsl(var(--muted));-moz-column-gap:.5rem;justify-content:center;align-self:center;align-items:center;column-gap:.5rem;display:inline-flex}@media (width>=640px){.score{font-size:.95rem}.btn.reset-quiz>span,.view-all-link span{display:inline-block}}.quiz-nav-bar{z-index:20;background:linear-gradient(135deg,#121a21,#1a2530);border:1px solid #ffffff14;border-radius:0 0 6px 6px;justify-content:center;align-items:center;gap:.5rem;width:calc(100% - 2rem);max-width:550px;padding:.4rem .75rem;transition:opacity .3s,transform .3s;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000080}.quiz-nav-bar--hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(-100%)}.quiz-nav-arrow{color:#fafafacc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:background-color .2s,border-color .2s,color .2s,opacity .2s,transform .2s;display:flex}.quiz-nav-arrow:hover:not(:disabled){color:#82ff9d;background:#82ff9d26;border-color:#82ff9d59}.quiz-nav-arrow:disabled{cursor:not-allowed;opacity:.2}.quiz-nav-dots{justify-content:center;align-items:center;gap:.3rem;display:flex}.quiz-nav-dots .quiz-dot{cursor:pointer;background:0 0;border:1.5px solid #fff3;border-radius:50%;width:10px;height:10px;padding:0;transition:background-color .2s,border-color .2s,transform .2s}.quiz-nav-dots .quiz-dot:hover{border-color:#ffffff80;transform:scale(1.25)}.quiz-nav-dots .quiz-dot.active{background:#fafafae6;border-color:#fafafae6;transform:scale(1.3);box-shadow:0 0 6px #fafafa4d}.quiz-nav-dots .quiz-dot.correct{background:#82ff9d;border-color:#82ff9d;box-shadow:0 0 4px #82ff9d66}.quiz-nav-dots .quiz-dot.incorrect{background:#e609b9;border-color:#e609b9;box-shadow:0 0 4px #e609b966}.quiz-score-bar{box-sizing:border-box;padding:.4rem max(1rem,env(safe-area-inset-left,0px)) calc(.4rem + env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-right,0px));z-index:15;background:linear-gradient(135deg,#121a21,#1a2530);border-top:1px solid #ffffff1a;width:100vw;transition:opacity .3s,transform .3s;position:fixed;bottom:0;left:0;box-shadow:0 -2px 16px #0000004d}.quiz-score-bar--hidden{opacity:0;pointer-events:none;transform:translateY(100%)}.quiz-slides-active{padding-bottom:calc(3.25rem + env(safe-area-inset-bottom,0px));padding-top:3rem}.quiz-score-bar-inner{align-items:center;gap:.75rem;width:100%;max-width:42rem;margin:0 auto;display:flex}.quiz-score-bar-counter{color:#fafafae6;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.85rem;font-weight:600}.quiz-score-bar-sep{opacity:.4}.quiz-score-bar-progress{background:#ffffff14;border-radius:2px;flex:1;height:4px;overflow:hidden}.quiz-score-bar-fill{background:linear-gradient(90deg,#82ff9d,#4ecdc4);border-radius:2px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 6px #82ff9d4d}.quiz-score-bar-result{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.quiz-reset-button{color:#fafafaeb;cursor:pointer;background:#82ff9d14;border:1px solid #82ff9d40;border-radius:999px;margin-left:auto;padding:.35rem .75rem;font-size:.78rem;font-weight:600;line-height:1;transition:background-color .2s,border-color .2s,color .2s,opacity .2s,transform .2s}.quiz-reset-button:hover:not(:disabled){background:#82ff9d29;border-color:#82ff9d73;transform:translateY(-1px)}.quiz-reset-button:disabled{cursor:not-allowed;opacity:.45}.quiz-score-bar-label{color:#fafafa73;letter-spacing:.04em;text-transform:uppercase;font-size:.7rem}.quiz-score-bar-value{color:#82ff9d;font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600}.quiz-score-bar-congrats{color:#82ff9d;text-align:center;border-top:1px solid #ffffff0f;margin-top:.25rem;padding-top:.25rem;font-size:.95rem;font-weight:700}.quiz-score-bar--success .quiz-score-bar-congrats{color:#82ff9d}.quiz-score-bar--perfect .quiz-score-bar-congrats{color:var(--neon-pink-subtle,#ff69b4);text-shadow:0 0 12px #ff69b466}.quiz-score-bar--perfect .quiz-score-bar-fill{box-shadow:0 0 12px #82ff9d99}.quiz-completion-card{color:#fafafaf5;pointer-events:none;text-align:center;z-index:25;background:radial-gradient(circle at 88% 8%,#ffd93d29,#0000 28%),linear-gradient(145deg,#121a21fa,#232830fa);border:1px solid #82ff9d47;border-radius:8px;width:min(420px,100vw - 2rem);padding:1.1rem 1.25rem 1.2rem;position:fixed;bottom:4.5rem;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 18px 60px #00000073,0 0 0 1px #ffffff0f,inset 0 1px #ffffff1f}.quiz-completion-card[hidden]{display:none}.quiz-completion-card__shine{background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:55%;height:180%;animation:1.15s ease-out .16s both quizCompletionShine;position:absolute;inset:-45% auto auto -25%;transform:rotate(18deg)}.quiz-completion-card__eyebrow{color:#82ff9dd1;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;font-size:.72rem;font-weight:700;line-height:1.2}.quiz-completion-card__title{font-size:clamp(1.55rem,5vw,2.15rem);font-weight:850;line-height:1.05}.quiz-completion-card__misses{color:#d1d1d1ad;margin-top:.45rem;font-size:.95rem;font-weight:600;line-height:1.35}@keyframes quizCompletionShine{0%{opacity:0;translate:-30%}30%{opacity:1}to{opacity:0;translate:270%}}@media (prefers-reduced-motion:reduce){.quiz-completion-card__shine{opacity:0;animation:none}}.quiz-ui astro-island.quiz-slide{transition:none;display:block}.quiz-ui astro-island.quiz-slide--hidden{opacity:0!important;pointer-events:none!important;clip:rect(0,0,0,0)!important;width:0!important;height:0!important;display:none!important;position:absolute!important;overflow:hidden!important}.quiz-ui astro-island.quiz-slide--active{opacity:1;pointer-events:auto;position:relative;display:block!important}.challenge-modern{backdrop-filter:blur(10px);transform-style:preserve-3d;will-change:transform;background:linear-gradient(145deg,#212121f2,#121a21fa);border:1px solid #ffffff1f;border-radius:4px;overflow:hidden;box-shadow:0 8px 32px #00000059,0 0 0 1px #ffffff0a,inset 0 1px #ffffff14;animation:none!important}.challenge-modern:hover:not(.correct):not(.incorrect){box-shadow:0 12px 40px #00000073,0 0 0 1px #ffffff14,inset 0 1px #ffffff1f,0 0 24px #82ff9d14}.challenge-modern.correct{border-color:#82ff9d80;box-shadow:0 8px 32px #82ff9d26,0 0 0 1px #82ff9d40,inset 0 1px #82ff9d26}.challenge-modern.incorrect{border-color:#e609b980;box-shadow:0 8px 32px #e609b926,0 0 0 1px #e609b940,inset 0 1px #e609b926}.quiz-progress-track{background:#ffffff1a;border-radius:2px;width:100%;height:4px;margin-bottom:.5rem;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg,#82ff9d,#4ecdc4);border-radius:2px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #82ff9d66}.quiz-progress-info{color:#fafafab3;justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.quiz-progress-text{font-weight:500}.quiz-score-text{color:#82ff9d;font-weight:600}.quiz-navigation{justify-content:space-between;gap:1rem;margin-top:1.5rem;padding:.75rem 0}.quiz-nav-btn,.quiz-navigation{align-items:center;display:flex}.quiz-nav-btn{color:#fafafad9;cursor:pointer;background:linear-gradient(135deg,#212121e6,#121a21f2);border:1px solid #ffffff1f;border-radius:4px;gap:.4rem;padding:.6rem 1rem;font-size:.9rem;font-weight:500;transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003}.quiz-nav-btn:hover:not(:disabled){background:linear-gradient(135deg,#324553e6,#212121f2);border-color:#82ff9d4d;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.quiz-nav-btn:disabled{cursor:not-allowed;opacity:.35}.quiz-nav-btn span{display:none}@media (width>=640px){.quiz-nav-btn span{display:inline}}.challenge-modern .option{transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.challenge-modern .option:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.challenge-modern .option:hover:before{left:100%}.challenge-modern .option:hover:not(.correct-answer){background:#ffffff0f;transform:translateY(-1px);box-shadow:inset 3px 0 #82ff9d4d}.challenge-modern.correct .option.correct-answer{background:linear-gradient(135deg,#82ff9d1f,#82ff9d0a);border-left:3px solid #82ff9d}.challenge-modern .expressive-code,.challenge-modern pre.astro-code{width:100%;overflow:hidden;background:radial-gradient(circle at 0 0,#4ecdc414,#0000 35%),linear-gradient(#0e141afa,#080c11fa)!important;border:1px solid #7ef7ff1f!important;border-radius:12px!important;margin:1rem 0!important;box-shadow:inset 0 1px #ffffff0d,0 12px 30px #00000042!important}.challenge-modern .expressive-code .frame{border-radius:inherit!important;background:0 0!important;border:0!important;margin:0!important}.challenge-modern .expressive-code .header{align-items:center;min-height:2rem;padding:.5rem .85rem 0;background:0 0!important;border:0!important;display:flex!important}.challenge-modern .expressive-code .header:before{content:"";background:#ffffff2e;border-radius:999px;width:.7rem;height:.7rem;box-shadow:1rem 0 #ffffff1a,2rem 0 #ffffff14}.challenge-modern .expressive-code pre{width:100%;max-width:100%;background:0 0!important;border:0!important;border-radius:0 0 12px 12px!important;margin:0!important;padding:1rem 1.1rem 1.15rem!important;overflow:auto hidden!important}.challenge-modern .expressive-code pre code{tab-size:2;font-family:Noto Sans Mono,DM Mono,monospace!important;font-size:.98rem!important;line-height:1.7!important}.challenge-modern .expressive-code .ec-line{min-width:max-content;padding-left:0!important}.challenge-modern .expressive-code .line-numbers{opacity:.5;border-right:1px solid #ffffff0f!important;padding-right:.75rem!important;font-size:.8rem!important}.challenge-modern .expressive-code .code{white-space:pre}.challenge-modern .expressive-code span[style*=--0\:]{color:var(--0)!important}.challenge-modern .expressive-code span[style*=--0fw\:bold]{font-weight:700!important}.challenge-modern .expressive-code span[style*=--0fs\:italic]{font-style:italic!important}.challenge-modern .help-box{background:linear-gradient(145deg,#212121fa,#121a21fc);border:1px solid #ffffff1f;border-radius:4px;box-shadow:0 6px 24px #0000004d}.challenge-modern .help-box .expressive-code pre,.challenge-modern .help-box pre.astro-code{border:1px solid #ffffff14!important;border-radius:4px!important}@media (width<=640px){.quiz-nav-bar{gap:.35rem;width:calc(100% - 1rem);padding:.35rem .5rem}.quiz-nav-dots .quiz-dot{width:8px;height:8px}.quiz-score-bar{padding:.35rem max(.75rem,env(safe-area-inset-left,0px)) calc(.35rem + env(safe-area-inset-bottom,0px)) max(.75rem,env(safe-area-inset-right,0px))}.quiz-score-bar-counter,.quiz-score-bar-value{font-size:.75rem}.quiz-reset-button{padding-inline:.6rem;font-size:.72rem}.challenge-modern{border-radius:4px}}@media (prefers-reduced-motion:reduce){.quiz-score-bar-fill{transition:none}.challenge-modern .option:hover:not(.correct-answer),.quiz-nav-arrow:hover:not(:disabled),.quiz-nav-dots .quiz-dot.active,.quiz-nav-dots .quiz-dot:hover{transform:none}}