.code-snippet-wrap[data-v-4b6e44cd]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#0f172af2,#1e293bd9);border-color:#33415599;border-radius:.75rem;border-width:1px;box-shadow:0 0 0 1px #38bdf80f,0 8px 32px #00000073,inset 0 1px #ffffff0a;overflow:hidden;width:100%}.code-snippet-header[data-v-4b6e44cd]{align-items:center;border-bottom-width:1px;border-color:#33415566;display:flex;gap:.75rem;padding:.5rem .875rem}@media (min-width:640px){.code-snippet-header[data-v-4b6e44cd]{padding:.625rem 1rem}}.code-snippet-dots[data-v-4b6e44cd]{align-items:center;display:flex;gap:.375rem}.dot[data-v-4b6e44cd]{border-radius:9999px;height:.75rem;width:.75rem}.dot-red[data-v-4b6e44cd]{background:#ef4444}.dot-yellow[data-v-4b6e44cd]{background:#eab308}.dot-green[data-v-4b6e44cd]{background:#22c55e}.code-snippet-lang[data-v-4b6e44cd]{font-size:11px;font-weight:500;letter-spacing:.1em;margin-left:auto;text-transform:uppercase;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.code-snippet-body[data-v-4b6e44cd]{font-size:13px;line-height:1.625;overflow-x:auto;padding:.875rem 1rem}@media (min-width:640px){.code-snippet-body[data-v-4b6e44cd]{font-size:1rem;line-height:1.5rem;line-height:2;padding:1rem 1.25rem}}.code-snippet-body[data-v-4b6e44cd]{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;min-height:3.5rem;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.code-snippet-body code[data-v-4b6e44cd]{white-space:pre}[data-v-4b6e44cd] .token-keyword{color:#c084fc;font-weight:600}[data-v-4b6e44cd] .token-string{color:#34d399}[data-v-4b6e44cd] .token-number{color:#fb923c}[data-v-4b6e44cd] .token-boolean{color:#fb923c;font-style:italic}[data-v-4b6e44cd] .token-comment{color:#64748b;font-style:italic}[data-v-4b6e44cd] .token-method,[data-v-4b6e44cd] .token-function{color:#60a5fa}[data-v-4b6e44cd] .token-property{color:#38bdf8}[data-v-4b6e44cd] .token-operator{color:#94a3b8}[data-v-4b6e44cd] .token-punctuation{color:#64748b}[data-v-4b6e44cd] .token-identifier{color:#e2e8f0}.attempt-tracker[data-v-01aadc35]{align-items:center;display:flex;gap:.5rem}.attempt-pip[data-v-01aadc35]{align-items:center;border-radius:9999px;display:flex;font-size:.75rem;font-weight:700;height:2rem;justify-content:center;line-height:1rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2rem}.pip-unused[data-v-01aadc35]{background:#1e293b66;border-color:#33415599;border-width:2px}.pip-correct[data-v-01aadc35]{background:#10b98133;border-color:#10b98199;border-width:2px;color:rgb(110 231 183/var(--tw-text-opacity,1))}.pip-correct[data-v-01aadc35],.pip-wrong[data-v-01aadc35]{--tw-text-opacity:1;animation:pip-pop-01aadc35 .35s ease-out}.pip-wrong[data-v-01aadc35]{background:#ef44441f;border-color:#ef444466;border-width:2px;color:rgb(248 113 113/var(--tw-text-opacity,1))}.pip-icon[data-v-01aadc35]{line-height:1}.attempt-label[data-v-01aadc35]{font-size:.75rem;font-weight:500;letter-spacing:.025em;line-height:1rem;margin-left:.5rem;text-transform:uppercase;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}@keyframes pip-pop-01aadc35{0%{opacity:.4;transform:scale(.6)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.option-grid[data-v-d04864c7]{display:grid;gap:.75rem;grid-template-columns:repeat(1,minmax(0,1fr));width:100%}@media (min-width:640px){.option-grid[data-v-d04864c7]{grid-template-columns:repeat(2,minmax(0,1fr))}}.option-card[data-v-d04864c7]{align-items:center;border-radius:.75rem;border-width:1px;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;line-height:1.25rem;padding:1rem;position:relative;text-align:left;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:640px){.option-card[data-v-d04864c7]{font-size:1rem;line-height:1.5rem;padding:1rem 1.25rem}}.option-card[data-v-d04864c7]{cursor:pointer;outline:none}.option-card[data-v-d04864c7]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(56 189 248/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#020617}.option-label[data-v-d04864c7]{align-items:center;border-radius:.5rem;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:2rem;justify-content:center;line-height:1rem;text-transform:uppercase;width:2rem}@media (min-width:640px){.option-label[data-v-d04864c7]{height:2rem;width:2rem}}.option-label[data-v-d04864c7]{background:#ffffff0f}.option-text[data-v-d04864c7]{flex:1 1 0%}.option-text code[data-v-d04864c7]{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px}@media (min-width:640px){.option-text code[data-v-d04864c7]{font-size:.875rem;line-height:1.25rem}}.option-idle[data-v-d04864c7]{background-color:#0f172a99;border-color:#33415599;--tw-text-opacity:1;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff08;color:rgb(226 232 240/var(--tw-text-opacity,1))}.option-idle[data-v-d04864c7]:hover:not(:disabled){border-color:#38bdf866;--tw-text-opacity:1;background:#0f172ae6;box-shadow:0 0 0 1px #38bdf826,0 4px 16px #0000004d;color:rgb(255 255 255/var(--tw-text-opacity,1));transform:translateY(-1px)}.option-idle[data-v-d04864c7]:active:not(:disabled){transform:translateY(0)}.option-correct[data-v-d04864c7]{border-color:#10b98199;--tw-text-opacity:1;animation:reveal-correct-d04864c7 .4s ease-out;background:#10b98126;box-shadow:0 0 0 1px #10b98133,0 4px 20px #10b9811f;color:rgb(167 243 208/var(--tw-text-opacity,1))}.option-correct .option-label[data-v-d04864c7]{background-color:#10b98133;--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.option-wrong[data-v-d04864c7]{animation:reveal-wrong-d04864c7 .4s ease-out;background:#ef444414;border-color:#ef444466;box-shadow:0 0 0 1px #ef44441f;color:#fca6a6b3}.option-wrong .option-label[data-v-d04864c7]{background-color:#ef444426;color:#f87272b3}.option-disabled[data-v-d04864c7]{border-color:#1e293b66;cursor:default;--tw-text-opacity:1;background:#0f172a66;color:rgb(100 116 139/var(--tw-text-opacity,1))}.option-reveal-correct[data-v-d04864c7]{border-color:#10b98199;--tw-text-opacity:1;animation:reveal-correct-d04864c7 .6s ease-out;background:#10b98126;box-shadow:0 0 0 1px #10b98133,0 4px 20px #10b9811f;color:rgb(167 243 208/var(--tw-text-opacity,1))}.option-reveal-correct .option-label[data-v-d04864c7]{background-color:#10b98133;--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}@keyframes reveal-correct-d04864c7{0%{transform:scale(1)}30%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes reveal-wrong-d04864c7{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.explanation-wrap[data-v-27d7629e]{width:100%}.explanation-wrap[data-v-27d7629e]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.explanation-wrap[data-v-27d7629e]{border-radius:.75rem;border-width:1px;padding:1rem}@media (min-width:640px){.explanation-wrap[data-v-27d7629e]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.explanation-wrap[data-v-27d7629e]{padding:1.25rem}}.explanation-wrap[data-v-27d7629e]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#0f172ae6,#1e293bb3);border-color:#38bdf81f;box-shadow:0 0 0 1px #38bdf80a,0 8px 24px #0000004d}.explanation-header[data-v-27d7629e]{align-items:center;display:flex}.explanation-badge[data-v-27d7629e]{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.375rem;line-height:1.25rem;padding:.25rem .75rem}.badge-correct[data-v-27d7629e]{background:#10b9811f;color:rgb(110 231 183/var(--tw-text-opacity,1))}.badge-correct[data-v-27d7629e],.badge-wrong[data-v-27d7629e]{--tw-text-opacity:1}.badge-wrong[data-v-27d7629e]{background:#ef44441a;color:rgb(252 165 165/var(--tw-text-opacity,1))}.explanation-answer[data-v-27d7629e]{background-color:#1e293b99;border-radius:.25rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;margin-left:.25rem;margin-right:.25rem;padding:.125rem .375rem;--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.explanation-title[data-v-27d7629e]{font-size:1rem;font-weight:600;line-height:1.5rem;--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}@media (min-width:640px){.explanation-title[data-v-27d7629e]{font-size:1.125rem;line-height:1.75rem}}.explanation-til[data-v-27d7629e]{background-color:#38bdf826;border-radius:.25rem;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;line-height:1rem;margin-right:.5rem;padding:.125rem .5rem;text-transform:uppercase;--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.explanation-body[data-v-27d7629e]{font-size:.875rem;line-height:1.25rem;line-height:1.625;--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}@media (min-width:640px){.explanation-body[data-v-27d7629e]{font-size:1rem;line-height:1.5rem}}.explanation-reveal-enter-active[data-v-27d7629e]{transition:all .5s cubic-bezier(.16,1,.3,1)}.explanation-reveal-enter-from[data-v-27d7629e]{opacity:0;transform:translateY(12px)}.explanation-reveal-enter-to[data-v-27d7629e]{opacity:1;transform:translateY(0)}.fade-enter-active[data-v-b6a28191],.fade-leave-active[data-v-b6a28191]{transition:opacity .2s ease}.fade-enter-from[data-v-b6a28191],.fade-leave-to[data-v-b6a28191]{opacity:0}
