*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-geist-sans),system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-geist-mono),monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-\[95\%\]{bottom:95%}.bottom-\[98\%\]{bottom:98%}.left-1\/2{left:50%}.top-3{top:.75rem}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.m-10{margin:2.5rem}.m-36{margin:9rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-9{margin:2.25rem}.mb-12{margin-bottom:3rem}.mb-3{margin-bottom:.75rem}.mt-3{margin-top:.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-3{height:.75rem}.h-auto{height:auto}.h-full{height:100%}.w-3{width:.75rem}.w-\[150px\]{width:150px}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0}.max-w-\[400px\]{max-width:400px}.max-w-\[860px\]{max-width:860px}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-\[\#ECE7F8\]{--tw-border-opacity:1;border-color:rgb(236 231 248/var(--tw-border-opacity,1))}.border-purple-200{--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-\[\#FCFAFF\]{--tw-bg-opacity:1;background-color:rgb(252 250 255/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.object-contain{-o-object-fit:contain;object-fit:contain}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.text-center{text-align:center}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-cyan-500{--tw-text-opacity:1;color:rgb(6 182 212/var(--tw-text-opacity,1))}.text-cyan-600{--tw-text-opacity:1;color:rgb(8 145 178/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-lime-500{--tw-text-opacity:1;color:rgb(132 204 22/var(--tw-text-opacity,1))}.text-lime-600{--tw-text-opacity:1;color:rgb(101 163 13/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-pink-500{--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity,1))}.text-pink-600{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-sky-500{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity,1))}.text-sky-600{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity,1))}.text-teal-500{--tw-text-opacity:1;color:rgb(20 184 166/var(--tw-text-opacity,1))}.text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136/var(--tw-text-opacity,1))}.text-violet-500{--tw-text-opacity:1;color:rgb(139 92 246/var(--tw-text-opacity,1))}.text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0/0.1)) drop-shadow(0 1px 1px rgb(0 0 0/0.06))}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--bg-gradient:linear-gradient(160deg,#F4EFFC,#FCEFF6 52%,#EEF3FE);--foreground:#2C2747;--card-bg:#ffffff;--border-light:#EFEAF8;--border-input:#ECE7F8;--accent-purple:#7B5CF0;--accent-green:#18C99A;--text-muted:#8B83A8;--text-secondary:#544D70}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg-gradient);color:var(--foreground);-webkit-font-smoothing:antialiased}::-moz-selection{background:#DCCBFF}::selection{background:#DCCBFF}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#D9CEF2;border-radius:99px}::-webkit-scrollbar-track{background:transparent}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes runPulse{0%,to{box-shadow:0 5px 0 #0FA37C,0 9px 18px rgba(24,201,154,.32)}50%{box-shadow:0 5px 0 #0FA37C,0 9px 30px rgba(24,201,154,.6),0 0 0 7px rgba(24,201,154,.14)}}@keyframes bobMove{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes blinkEye{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes antGlow{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@keyframes armWaveL{0%,to{transform:rotate(0deg)}50%{transform:rotate(8deg)}}@keyframes armWaveR{0%,to{transform:rotate(0deg)}50%{transform:rotate(-8deg)}}@keyframes floatChip{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(115vh) rotate(2turn);opacity:.9}}@keyframes popIn{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes barShimmer{0%{background-position:-200px 0}to{background-position:240px 0}}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(18px,-22px) scale(1.06)}}@keyframes caretBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes starSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bowSway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@keyframes robotJump{0%{transform:translateY(0) scaleY(1)}30%{transform:translateY(-40px) scaleY(1.05)}60%{transform:translateY(-40px) scaleY(1.05)}80%{transform:translateY(4px) scaleY(.92)}to{transform:translateY(0) scaleY(1)}}@keyframes robotShake{0%,to{transform:translateX(0)}20%{transform:translateX(-12px)}40%{transform:translateX(12px)}60%{transform:translateX(-12px)}80%{transform:translateX(12px)}}@keyframes robotCelebrate{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(8deg) scale(1.08)}75%{transform:rotate(-8deg) scale(1.08)}}@keyframes walkStep{0%,to{transform:translateX(0)}50%{transform:translateX(6px)}}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}}@keyframes rewardOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes rewardPanelIn{0%{opacity:0;transform:translateY(32px) scale(.78);filter:blur(8px)}58%{opacity:1;transform:translateY(-5px) scale(1.025);filter:blur(0)}to{transform:translateY(0) scale(1)}}@keyframes rewardRayReveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-20deg)}55%{opacity:.72;transform:translate(-50%,-50%) scale(1.08) rotate(5deg)}to{opacity:.38;transform:translate(-50%,-50%) scale(1) rotate(12deg)}}@keyframes rewardRaysSpin{0%{transform:translate(-50%,-50%) rotate(12deg)}to{transform:translate(-50%,-50%) rotate(372deg)}}@keyframes rewardHaloSpin{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rewardHaloSpinReverse{to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes rewardEmblemReveal{0%{opacity:0;transform:scale(.25) rotate(-18deg);filter:brightness(2.2)}55%{opacity:1;transform:scale(1.13) rotate(4deg)}76%{transform:scale(.96) rotate(-2deg)}to{transform:scale(1) rotate(0);filter:brightness(1)}}@keyframes rewardEmblemFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes rewardSweep{0%,24%{left:-70%;opacity:0}34%{opacity:.95}58%,to{left:135%;opacity:0}}@keyframes rewardStarPulse{0%,to{opacity:.42;transform:scale(.72) rotate(-8deg)}50%{opacity:1;transform:scale(1.16) rotate(8deg);filter:drop-shadow(0 0 9px #FFE58A)}}@keyframes rewardParticle{0%,to{opacity:.12;transform:scale(.65)}50%{opacity:1;transform:scale(1.35)}}@keyframes rewardGlowPulse{0%,to{opacity:.48;transform:translate(-50%,-50%) scale(.88)}50%{opacity:.82;transform:translate(-50%,-50%) scale(1.12)}}.reward-overlay{animation:rewardOverlayIn .28s ease-out both}.reward-vignette{inset:0;background:radial-gradient(circle at 50% 43%,transparent 0 22%,rgba(8,6,25,.18) 52%,rgba(4,3,15,.74) 100%),linear-gradient(115deg,transparent 42%,rgba(255,255,255,.025) 50%,transparent 58%)}.reward-rays,.reward-vignette{position:absolute;pointer-events:none}.reward-rays{left:50%;top:46%;width:min(760px,92vw);aspect-ratio:1;opacity:.38;background:repeating-conic-gradient(from 0deg,rgba(255,225,126,.42) 0deg 3deg,transparent 3deg 17deg);-webkit-mask-image:radial-gradient(circle,#000 0 12%,transparent 64%);mask-image:radial-gradient(circle,#000 0 12%,transparent 64%);transform:translate(-50%,-50%);animation:rewardRayReveal .8s ease-out both,rewardRaysSpin 28s linear .8s infinite}.reward-panel{isolation:isolate;animation:rewardPanelIn .68s cubic-bezier(.18,.86,.25,1.15) both}.reward-panel:before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:28px;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 22% 72%,rgba(255,211,95,.08)),radial-gradient(circle at 50% 0,rgba(169,139,255,.16),transparent 42%)}.reward-kicker{display:flex;align-items:center;justify-content:center;gap:8px;color:#FFE7A0;font-size:10px;font-weight:900;letter-spacing:.13em}.reward-kicker>span{width:34px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,226,134,.72))}.reward-kicker>span:last-child{background:linear-gradient(90deg,rgba(255,226,134,.72),transparent)}.reward-title{margin:10px 0 0;font-family:var(--font-jua),"Jua",sans-serif;font-size:clamp(28px,7vw,36px);font-weight:400;letter-spacing:-.02em;color:#FFF1B8;text-shadow:0 2px 0 rgba(96,57,10,.8),0 0 24px rgba(255,210,79,.44)}.reward-emblem-stage{position:relative;width:210px;height:170px;display:grid;place-items:center}.reward-halo{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.reward-halo-outer{width:172px;height:172px;border:1px dashed;box-shadow:inset 0 0 22px rgba(255,255,255,.04);animation:rewardHaloSpin 18s linear infinite}.reward-halo-inner{width:146px;height:146px;border:1px solid;border-left-color:transparent!important;border-right-color:transparent!important;animation:rewardHaloSpinReverse 9s linear infinite}.reward-emblem-glow{position:absolute;left:50%;top:50%;width:84px;height:84px;border-radius:50%;opacity:.72;transform:translate(-50%,-50%);filter:blur(22px);animation:rewardGlowPulse 2.2s ease-in-out infinite}.reward-emblem-frame{width:126px;height:142px;padding:4px;clip-path:polygon(50% 0,91% 18%,86% 72%,50% 100%,14% 72%,9% 18%);filter:drop-shadow(0 12px 15px rgba(0,0,0,.42))}.reward-badge-image-shell,.reward-emblem-frame{position:relative;z-index:2;animation:rewardEmblemReveal .82s cubic-bezier(.18,.9,.28,1.2) .18s both,rewardEmblemFloat 2.8s ease-in-out 1.15s infinite}.reward-badge-image-shell{width:166px;height:166px;overflow:hidden}.reward-emblem-core{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;clip-path:inherit;border:2px solid rgba(255,255,255,.3)}.reward-emblem-core:after{content:"";position:absolute;inset:7px;clip-path:inherit;border:1px solid rgba(255,255,255,.24)}.reward-emblem-sweep{position:absolute;top:-20%;left:-70%;width:28%;height:140%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);animation:rewardSweep 3.2s ease-in-out 1s infinite}.reward-emblem-star{position:absolute;z-index:4;animation:rewardStarPulse 1.5s ease-in-out infinite}.reward-emblem-star-left{left:5px;top:43px}.reward-emblem-star-right{right:5px;bottom:32px;animation-delay:.55s}.reward-primary-button{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 16px;border:1px solid rgba(255,246,194,.74);border-radius:14px;background:linear-gradient(180deg,#FFE37A,#EAAE27);color:#3B275D;box-shadow:0 5px 0 #9F6C14,0 10px 22px rgba(0,0,0,.35),inset 0 1px 0 #fff7cf;font-family:var(--font-jua),"Jua",sans-serif;font-size:16px;cursor:pointer;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}.reward-primary-button:hover{filter:brightness(1.07);transform:translateY(-1px)}.reward-primary-button:active{transform:translateY(4px);box-shadow:0 1px 0 #9F6C14,0 5px 12px rgba(0,0,0,.3),inset 0 1px 0 #fff7cf}.reward-primary-button:focus-visible,.reward-secondary-button:focus-visible{outline:3px solid rgba(255,230,139,.48);outline-offset:3px}.reward-secondary-button{width:100%;margin-top:10px;padding:10px;border:0;border-radius:12px;background:transparent;color:#B8AECF;font-family:inherit;font-size:13px;font-weight:750;cursor:pointer;transition:color .14s ease,background .14s ease}.reward-secondary-button:hover{color:#fff;background:rgba(255,255,255,.07)}.learn-stage-ranks{position:relative;flex:none;padding:10px 12px 9px;display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:10px;overflow:hidden;border:1px solid #efeaf8;border-radius:16px;background:radial-gradient(circle at 8% 50%,rgba(123,92,240,.08),transparent 28%),#fff;box-shadow:0 4px 14px rgba(90,63,214,.05)}.learn-stage-ranks:before{content:"";position:absolute;top:0;left:18px;right:18px;height:2px;border-radius:0 0 99px 99px;background:linear-gradient(90deg,transparent,#8C6AF1 32%,#E0A42C 68%,transparent);opacity:.72}.learn-stage-ranks.is-compact{padding:5px 14px;display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:10px}.learn-stage-ranks.is-compact .learn-stage-ranks-title{height:32px;margin:0}.learn-stage-ranks.is-compact .learn-stage-ranks-list{gap:5px}.learn-stage-ranks.is-compact .learn-stage-rank{width:34px}.learn-stage-ranks.is-compact .learn-stage-rank-image{width:32px;height:32px;border-radius:10px}.learn-stage-ranks.is-compact .learn-stage-rank.is-earned img{width:29px;height:29px}.learn-stage-ranks.is-compact .learn-stage-rank>span{display:none}.learn-stage-ranks-title{display:flex;align-items:center;justify-content:center;gap:6px;height:58px;margin:0;padding-right:10px;border-right:1px solid #e8e1f3;color:#7B5CF0;font-size:8.5px;font-weight:900;letter-spacing:.45px}.learn-stage-ranks-title-icon{width:24px;height:24px;flex:none;display:grid;place-items:center;border:1px solid #ded2f8;border-radius:8px;color:#7B5CF0;background:#F4EFFE;box-shadow:inset 0 1px 0 #fff}.learn-stage-ranks-title>span:last-child{display:flex;flex-direction:column;gap:1px}.learn-stage-ranks-title strong{white-space:nowrap;font:inherit}.learn-stage-ranks-list{width:100%;display:flex;align-items:flex-start;justify-content:space-evenly;gap:5px}.learn-stage-rank{--rank-color:#7B5CF0;position:relative;width:50px;flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--rank-color)}.learn-stage-rank-image{width:50px;height:50px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--rank-color) 34%,#fff);border-radius:16px;background:radial-gradient(circle at 42% 32%,#fff,color-mix(in srgb,var(--rank-color) 12%,#fff));transition:transform .16s ease,box-shadow .16s ease}.learn-stage-rank.is-earned:hover .learn-stage-rank-image{transform:translateY(-2px)}.learn-stage-rank.level-1{--rank-color:#0A938B}.learn-stage-rank.level-2{--rank-color:#7654DC}.learn-stage-rank.level-3{--rank-color:#C17A08}.learn-stage-rank.is-earned .learn-stage-rank-image{border-color:color-mix(in srgb,var(--rank-color) 48%,#fff);box-shadow:0 6px 13px color-mix(in srgb,var(--rank-color) 20%,transparent),inset 0 0 0 3px #fff}.learn-stage-rank.is-earned img{width:46px;height:46px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(48,31,91,.18))}.learn-stage-rank.is-locked .learn-stage-rank-image{color:#A9A0BC;border-style:dashed;background:#F8F6FB;filter:grayscale(1);opacity:.62}.learn-stage-rank>span{color:var(--rank-color);font-size:7.5px;font-weight:900;letter-spacing:.35px;line-height:1.2;text-align:center}@media (max-height:760px){.reward-panel{padding:20px 28px 18px!important}.reward-title{margin-top:5px;font-size:29px}.reward-subtitle{margin-top:2px!important;font-size:12px!important}.reward-emblem-stage{width:184px;height:138px;margin:9px auto 7px!important}.reward-halo-outer{width:142px;height:142px}.reward-halo-inner{width:120px;height:120px}.reward-badge-image-shell{width:132px;height:132px}.reward-emblem-frame{width:108px;height:122px}.reward-rank-name{font-size:24px!important}.reward-concept-name{margin-top:2px!important;font-size:12px!important}.reward-feedback{margin-top:10px!important;padding:9px 11px!important;font-size:11.5px!important}.reward-next-unlock{margin-top:8px!important;padding-block:7px!important;font-size:11.5px!important}.reward-primary-button{min-height:43px;padding-block:10px;font-size:15px}.reward-primary-button[style]{margin-top:10px!important}.reward-secondary-button{margin-top:5px;padding:7px}}@media (max-height:620px){.reward-panel{padding:14px 24px 12px!important}.reward-kicker,.reward-rank-label,.reward-subtitle{display:none}.reward-title{margin-top:0;font-size:26px}.reward-emblem-stage{height:112px;margin:5px auto 3px!important}.reward-halo-outer{width:116px;height:116px}.reward-halo-inner{width:98px;height:98px}.reward-badge-image-shell{width:105px;height:105px}.reward-emblem-frame{width:88px;height:100px}.reward-feedback{line-height:1.42!important}}.speech-bubble-tail{position:relative}.speech-bubble-tail:after{content:"";position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);width:16px;height:16px;background:#fff;border-right:2px solid #e9e1fa;border-bottom:2px solid #e9e1fa;rotate:45deg}.cm-editor{height:100%}.cm-editor.cm-focused{outline:none}.cm-scroller{font-family:JetBrains Mono,monospace!important;font-size:14px;line-height:1.8}.cm-gutters{background:#FCFBFF!important;border-right:1px solid #eee8fa!important;color:#CBC3E2!important}.cm-activeLineGutter{background:#F5F1FD!important}.cm-activeLine{background:transparent!important}.cm-cursor{border-left-color:#7B5CF0!important}.cm-selectionBackground{background:#DDD0FA!important}.progress-game-shell{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:28px 0 64px;display:flex;flex-direction:column;gap:22px}.player-status-card{position:relative;overflow:hidden;padding:28px 30px 24px;border:1px solid rgba(255,231,146,.36);border-radius:28px;color:#fff;background:radial-gradient(circle at 86% 8%,rgba(255,203,82,.2),transparent 25%),radial-gradient(circle at 8% 100%,rgba(65,219,179,.2),transparent 31%),linear-gradient(135deg,#25174F,#49308F 52%,#25164F);box-shadow:0 22px 50px rgba(55,34,120,.24)}.player-status-card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 0);background-size:42px 42px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 76%);mask-image:linear-gradient(90deg,#000,transparent 76%)}.player-profile-row,.player-stat-grid,.player-xp-block{position:relative;z-index:1}.player-profile-row{display:flex;align-items:center;gap:18px}.player-avatar{position:relative;width:92px;height:92px;flex:none;display:grid;place-items:center;border:2px solid rgba(255,240,186,.7);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(255,255,255,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 24px rgba(12,7,38,.32)}.player-level-chip{position:absolute;right:-8px;bottom:-7px;padding:4px 8px;border:2px solid #fff2b4;border-radius:99px;background:linear-gradient(180deg,#FFD85D,#E9A820);color:#3D245B;box-shadow:0 4px 10px rgba(0,0,0,.28);font-size:10px;font-weight:950}.player-eyebrow,.progress-section-kicker{display:flex;align-items:center;gap:6px;color:#AFA0D7;font-size:10px;font-weight:900;letter-spacing:.13em}.player-name{margin:4px 0 3px;font-family:var(--font-jua),"Jua",sans-serif;font-size:clamp(25px,4vw,34px);font-weight:400;color:#FFF9E8}.player-rank{display:inline-flex;align-items:center;gap:6px;color:#FFE38A;font-size:13px;font-weight:800}.player-profile-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px 14px}.player-history-link{display:inline-flex;align-items:center;gap:5px;padding:6px 9px 6px 10px;border:1px solid rgba(255,227,138,.34);border-radius:99px;color:#FFF0B7;background:rgba(255,255,255,.09);font-size:11px;font-weight:850;text-decoration:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}.player-history-link:hover{border-color:rgba(255,227,138,.68);background:rgba(255,255,255,.16);transform:translateY(-1px)}.player-total-progress{min-width:118px;padding:12px 15px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(14,8,42,.25);text-align:right}.player-total-progress strong{display:block;color:#FFE477;font-family:var(--font-jua),"Jua",sans-serif;font-size:30px;font-weight:400;line-height:1}.player-total-progress span{display:block;margin-top:5px;color:#C8BEE2;font-size:10px;font-weight:700}.player-xp-block{margin-top:22px}.player-xp-label{display:flex;justify-content:space-between;gap:12px;color:#E6DFF3;font-size:12px;font-weight:800}.player-xp-label span{display:inline-flex;align-items:center;gap:5px;color:#FFE27F}.player-xp-track{height:16px;margin-top:8px;overflow:hidden;border:2px solid rgba(255,255,255,.16);border-radius:99px;background:rgba(10,6,31,.52);box-shadow:inset 0 3px 5px rgba(0,0,0,.26)}.player-xp-fill{height:100%;min-width:5px;border-radius:inherit;background:linear-gradient(90deg,#38D8AD,#8BE3AE 44%,#FFE06F);box-shadow:0 0 14px rgba(95,230,180,.65);transition:width .65s ease}.player-xp-help{margin-top:7px;color:#B7ACD2;font-size:10px}.player-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.player-stat{min-width:0;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:7px;padding:11px 12px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.065);color:#CFC5E5}.player-stat strong{color:#fff;font-size:18px}.player-stat span{overflow:hidden;color:#BDB2D6;font-size:10.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.progress-dashboard-grid,.progress-history-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px;align-items:stretch}.next-reward-card{position:relative;overflow:hidden;padding:25px 27px 27px;border:1px solid #e6ddf8;border-radius:24px;background:radial-gradient(circle at 50% 25%,rgba(134,99,242,.16),transparent 38%),#fff;box-shadow:0 12px 30px rgba(90,63,214,.08);text-align:center}.next-reward-card .progress-section-kicker{justify-content:center;color:#7B5CF0}.next-reward-visual{position:relative;height:188px;display:grid;place-items:center}.next-reward-glow{position:absolute;width:125px;height:125px;border-radius:50%;background:#8A68F1;filter:blur(34px);opacity:.2;animation:antGlow 2.4s ease-in-out infinite}.next-reward-status{display:inline-flex;padding:5px 10px;border:1px solid #d8cef4;border-radius:99px;background:#F5F1FD;color:#6F5AAB;font-size:11px;font-weight:850}.next-reward-status.is-practicing{border-color:#BDECDD;background:#ECFBF6;color:#0C8C6A}.badge-collection-heading h2,.next-reward-card h2,.progress-card-heading h2{margin:7px 0 0;color:#2C2747;font-family:var(--font-jua),"Jua",sans-serif;font-size:22px;font-weight:400}.next-reward-card>p{margin:7px auto 0;max-width:320px;color:#756D8E;font-size:12.5px;line-height:1.55}.next-reward-meter{height:7px;margin:16px 0 0;overflow:hidden;border-radius:99px;background:#EEE9F8}.next-reward-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7B5CF0,#18C99A);transition:width .5s ease}.next-reward-hint{margin-top:8px;color:#8B83A8;font-size:10.5px}.progress-action-button{min-height:46px;margin-top:17px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 20px;border-radius:13px;color:#fff;background:linear-gradient(180deg,#8C6BF5,#6E4CDF);box-shadow:0 4px 0 #5436BC,0 9px 18px rgba(91,60,190,.2);font-size:13px;font-weight:850;text-decoration:none;transition:transform .14s ease,filter .14s ease}.progress-action-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.all-clear-state{min-height:360px;display:grid;place-content:center;justify-items:center;gap:8px}.all-clear-state p{margin:0;color:#8B83A8;font-size:13px}.badge-collection-heading,.progress-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:17px}.progress-card-heading .progress-section-kicker{color:#7B5CF0}.badge-collection-heading>span,.progress-card-heading>span{flex:none;padding:5px 10px;border-radius:99px;background:#F3EFFB;color:#746694;font-size:11px;font-weight:800}.quest-map-list{max-height:430px;overflow-y:auto;padding:3px 4px 3px 0}.quest-map-level-tabs{display:flex;gap:6px;margin:-4px 0 13px;padding:4px;overflow-x:auto;border-radius:12px;background:#F5F2FA}.quest-map-level-tabs button{--level-color:#704FDF;--level-color-light:#8D6CF5;--level-tint:#F0EBFF;flex:1;min-width:72px;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 9px;border:1px solid transparent;border-radius:9px;color:var(--level-color);background:var(--level-tint);font-family:inherit;cursor:pointer}.quest-map-level-tabs button[data-level="1"]{--level-color:#087F8C;--level-color-light:#22B8B1;--level-tint:#E2F8F6}.quest-map-level-tabs button[data-level="2"]{--level-color:#704FDF;--level-color-light:#9B7CF7;--level-tint:#EEE9FF}.quest-map-level-tabs button[data-level="3"]{--level-color:#B86500;--level-color-light:#F4A62A;--level-tint:#FFF1D5}.quest-map-level-tabs button strong{font-size:11px}.quest-map-level-tabs button span{font-size:9px;font-weight:800}.quest-map-level-tabs button.is-active{color:#fff;background:linear-gradient(135deg,var(--level-color-light),var(--level-color));box-shadow:0 3px 9px color-mix(in srgb,var(--level-color) 24%,transparent)}.quest-map-row{min-height:58px;display:flex;align-items:center;gap:10px;padding:7px 10px 7px 4px;border-radius:12px}.quest-map-row+.quest-map-row{margin-top:2px}.quest-map-row small,.quest-map-row strong{display:block}.quest-map-row strong{overflow:hidden;color:#4B4366;font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.quest-map-row small{margin-top:2px;color:#A39BB7;font-size:10px}.quest-map-row em{flex:none;padding:4px 8px;border-radius:99px;color:#9B93AE;background:#F4F1F8;font-size:9.5px;font-style:normal;font-weight:850}.quest-map-node{position:relative;align-self:stretch;width:25px;flex:none;display:flex;justify-content:center;padding-top:11px;color:#C5BDD5}.quest-map-node>span{position:absolute;top:29px;bottom:-19px;width:2px;border-radius:99px;background:#EAE5F1}.quest-map-row.is-cleared{background:#F0FBF7}.quest-map-row.is-cleared .quest-map-node,.quest-map-row.is-cleared em{color:#0B9A75}.quest-map-row.is-cleared em{background:#DCF7ED}.quest-map-row.is-cleared .quest-map-node>span{background:#9FE4CF}.quest-map-row.is-practicing{background:#F3EFFF}.quest-map-row.is-practicing .quest-map-node,.quest-map-row.is-practicing em{color:#7252D9}.quest-map-row.is-practicing em{background:#E7DEFF}.quest-map-row.is-available{background:#FFF9E9;box-shadow:inset 0 0 0 1px #F3D98E}.quest-map-row.is-available .quest-map-node,.quest-map-row.is-available em{color:#B57900}.quest-map-row.is-available em{background:#FFF0BF}.quest-map-row.is-locked{opacity:.6}.badge-collection-heading p{margin:4px 0 0;color:#8B83A8;font-size:12px}.badge-level-tabs{display:flex;gap:8px;margin-bottom:20px;padding:5px;overflow-x:auto;border-radius:14px;background:#F5F2FA}.badge-level-tabs button{--level-color:#704FDF;--level-color-light:#8D6CF5;--level-tint:#F0EBFF;--level-shadow:rgba(112,79,223,.22);min-width:105px;flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border:1px solid transparent;border-radius:10px;color:var(--level-color);background:var(--level-tint);font-family:inherit;cursor:pointer;transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.badge-level-tabs button[data-level="1"]{--level-color:#087F8C;--level-color-light:#22B8B1;--level-tint:#E2F8F6;--level-shadow:rgba(8,127,140,.25)}.badge-level-tabs button[data-level="2"]{--level-color:#704FDF;--level-color-light:#9B7CF7;--level-tint:#EEE9FF;--level-shadow:rgba(112,79,223,.25)}.badge-level-tabs button[data-level="3"]{--level-color:#B86500;--level-color-light:#F4A62A;--level-tint:#FFF1D5;--level-shadow:rgba(184,101,0,.25)}.badge-level-tabs button:hover:not(.is-active){border-color:color-mix(in srgb,var(--level-color) 28%,transparent);transform:translateY(-1px)}.badge-level-tabs button strong{font-size:12px}.badge-level-tabs button span{font-size:10px;font-weight:800}.badge-level-tabs button.is-active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--level-color-light),var(--level-color));box-shadow:0 4px 12px var(--level-shadow),inset 0 1px 0 rgba(255,255,255,.3);transform:translateY(-1px)}.progress-badge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.progress-history-grid{grid-template-columns:1fr}.progress-empty-state{min-height:160px;display:grid;place-content:center;justify-items:center;gap:9px;color:#C0B7D1;text-align:center}.progress-empty-state p{margin:0;color:#9A91AD;font-size:12px;line-height:1.55}.achievement-timeline{display:flex;flex-direction:column;gap:8px}.achievement-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid #f0ebf7;border-radius:13px;background:#FCFBFE}.achievement-icon{position:relative;width:48px;height:48px}.achievement-row span,.achievement-row strong{display:block}.achievement-row strong{color:#4D4566;font-size:12px}.achievement-row span,.achievement-row time{margin-top:2px;color:#9A91AD;font-size:10px}.learning-journal-card{min-width:0}.learning-journal-description{margin:5px 0 0;color:#8B83A8;font-size:12px;line-height:1.55}.learning-journal-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.learning-journal-stats>div{min-width:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px 14px;border:1px solid #eae4f5;border-radius:14px;color:#7658D5;background:linear-gradient(135deg,#FBFAFF,#F5F1FD)}.learning-journal-stats span{color:#776F8E;font-size:11px;font-weight:750}.learning-journal-stats strong{color:#433A60;font-size:14px}.learning-journal-list{position:relative;display:flex;flex-direction:column;gap:14px;padding-left:18px}.learning-journal-list:before{content:"";position:absolute;top:18px;bottom:18px;left:5px;width:2px;border-radius:99px;background:linear-gradient(#8B6CF1,#D8CFF0)}.learning-journal-entry{--journal-accent:#7252D9;--journal-tint:#F1ECFF;position:relative;min-width:0;padding:18px;border:1px solid #e9e3f3;border-radius:18px;background:#FEFDFF;box-shadow:0 7px 18px rgba(71,50,126,.055)}.learning-journal-entry:before{content:"";position:absolute;top:23px;left:-18px;width:10px;height:10px;border:3px solid #fff;border-radius:50%;background:var(--journal-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--journal-accent) 30%,transparent)}.learning-journal-entry.is-solved{--journal-accent:#0B9A75;--journal-tint:#E7F9F3}.learning-journal-entry.is-incorrect,.learning-journal-entry.is-runtime_error{--journal-accent:#C33C68;--journal-tint:#FFF0F5}.learning-journal-entry.is-free{--journal-accent:#5C6FD6;--journal-tint:#EDF0FF}.learning-journal-entry-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.learning-journal-entry-header time,.learning-journal-status{display:inline-flex;align-items:center;gap:6px}.learning-journal-status{padding:6px 10px;border-radius:99px;color:var(--journal-accent);background:var(--journal-tint)}.learning-journal-status strong{font-size:11px}.learning-journal-entry-header time{color:#938AA8;font-size:10.5px;font-weight:650}.learning-concept-row{display:flex;align-items:flex-start;gap:12px;margin:15px 0 12px}.learning-concept-row>span{flex:none;padding-top:4px;color:#7C748F;font-size:10.5px;font-weight:800}.learning-concept-row>div{display:flex;flex-wrap:wrap;gap:6px}.learning-concept-row em{padding:4px 8px;border:1px solid #ded3f7;border-radius:99px;color:#6F50C9;background:#F5F1FE;font-size:10px;font-style:normal;font-weight:800}.learning-concept-row em.is-free-coding{border-color:#DDD8E6;color:#827A93;background:#F7F5F9}.learning-journal-code-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:10px}.learning-journal-code-grid section{min-width:0;overflow:hidden;border:1px solid #e4deee;border-radius:13px;background:#29243C}.learning-journal-code-grid h3{min-height:36px;margin:0;display:flex;align-items:center;gap:7px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08);color:#DAD2EE;background:#332D48;font-size:10.5px}.learning-journal-code-grid pre{min-height:92px;max-height:230px;margin:0;overflow:auto;padding:13px;color:#EDE8F7;font:11.5px/1.65 var(--font-jetbrains),monospace;white-space:pre-wrap;overflow-wrap:anywhere;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.learning-journal-code-grid pre.is-empty{color:#A89FB9;font-style:italic}.learning-journal-feedback{margin-top:10px;display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid #e4dafa;border-radius:13px;color:#7554D6;background:linear-gradient(135deg,#F8F5FF,#F2EDFF)}.learning-journal-feedback>svg{flex:none;margin-top:1px}.learning-journal-feedback strong{display:block;color:#564374;font-size:11px}.learning-journal-feedback p{margin:4px 0 0;color:#665C7D;font-size:11.5px;line-height:1.65;white-space:pre-wrap}.learning-journal-more{min-height:42px;margin:16px auto 0;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 18px;border:1px solid #dcd3ee;border-radius:12px;color:#68568D;background:#FAF8FD;font-family:inherit;font-size:11.5px;font-weight:800;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.learning-journal-more:hover{border-color:#BDADE0;background:#F4F0FB;transform:translateY(-1px)}.history-page{min-height:100vh;color:#332C4D;background:radial-gradient(circle at 7% 8%,rgba(114,82,217,.12),transparent 26%),radial-gradient(circle at 92% 26%,rgba(22,190,158,.1),transparent 25%),linear-gradient(160deg,#F6F2FC,#FBF8FF 52%,#F0F7FA)}.history-topbar{position:sticky;top:0;z-index:10;height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;border-bottom:1px solid rgba(225,217,239,.88);background:rgba(255,255,255,.84);backdrop-filter:blur(14px)}.history-topbar a,.history-topbar>div{display:inline-flex;align-items:center;gap:7px}.history-topbar>div{color:#44385E;font-family:var(--font-jua),"Jua",sans-serif;font-size:18px}.history-topbar a{width:-moz-max-content;width:max-content;color:#625A76;font-size:12px;font-weight:800;text-decoration:none}.history-topbar .history-study-link{justify-self:end;padding:8px 12px;border-radius:10px;color:#fff;background:#7252D9;box-shadow:0 4px 10px rgba(87,58,177,.2)}.history-shell{width:min(1080px,calc(100% - 36px));margin:0 auto;padding:28px 0 70px}.history-hero{position:relative;overflow:hidden;min-height:330px;padding:38px 42px 112px;border:1px solid rgba(255,232,154,.32);border-radius:30px;color:#fff;background:radial-gradient(circle at 82% 18%,rgba(255,205,78,.21),transparent 23%),radial-gradient(circle at 12% 100%,rgba(29,211,163,.19),transparent 31%),linear-gradient(132deg,#231445,#4B3292 54%,#2C1A5B);box-shadow:0 24px 55px rgba(50,31,101,.22)}.history-hero:before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 0);background-size:40px 40px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 92%);mask-image:linear-gradient(90deg,#000,transparent 92%)}.history-hero-copy,.history-hero-emblem,.history-hero-stats{position:relative;z-index:1}.history-eyebrow,.history-section-kicker{display:flex;align-items:center;gap:6px;color:#BEB1DE;font-size:10px;font-weight:900;letter-spacing:.14em}.history-hero h1{margin:11px 0 9px;color:#FFF9EA;font-family:var(--font-jua),"Jua",sans-serif;font-size:clamp(34px,5vw,48px);font-weight:400;line-height:1.1}.history-hero h1 span{color:#FFE078}.history-hero-copy>p{margin:0;color:#D1C8E5;font-size:13px;line-height:1.75}.history-hero-emblem{position:absolute;top:42px;right:70px;width:188px;height:188px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15),rgba(255,255,255,.035) 66%);box-shadow:inset 0 0 0 13px rgba(255,255,255,.025),0 0 65px rgba(255,211,93,.13)}.history-hero-emblem>div{width:104px;height:104px;display:grid;place-items:center;border:2px solid rgba(255,231,142,.66);border-radius:30px;color:#FFE17E;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 13px 28px rgba(13,7,40,.3);transform:rotate(-4deg)}.history-hero-emblem>span{position:absolute;bottom:-9px;display:flex;align-items:center;gap:5px;padding:6px 11px;border:2px solid #fff0b3;border-radius:99px;color:#432A61;background:linear-gradient(180deg,#FFE170,#F4B82F);box-shadow:0 5px 12px rgba(0,0,0,.25);font-size:10px;font-weight:950}.history-hero-stats{position:absolute;right:25px;bottom:22px;left:25px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.history-hero-stats>div{padding:12px 15px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(13,7,39,.28)}.history-hero-stats span,.history-hero-stats strong{display:block}.history-hero-stats strong{color:#FFE179;font-family:var(--font-jua),"Jua",sans-serif;font-size:23px;font-weight:400}.history-hero-stats span{margin-top:2px;color:#C5BADB;font-size:10px;font-weight:750}.history-review-banner{margin-top:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:17px 20px;border:1px solid #e9d99b;border-radius:18px;background:linear-gradient(110deg,#FFF8DE,#FFFCF2);box-shadow:0 8px 20px rgba(146,105,0,.07)}.history-review-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;color:#8E6400;background:#FFE99E}.history-review-banner span{display:block;color:#B18008;font-size:9px;font-weight:950;letter-spacing:.12em}.history-review-banner strong{display:block;margin-top:2px;color:#59451E;font-size:14px}.history-review-banner p{margin:2px 0 0;color:#8C7950;font-size:10.5px}.history-review-banner button{display:flex;align-items:center;gap:4px;padding:10px 13px;border:0;border-radius:11px;color:#fff;background:#A47200;font-family:inherit;font-size:11px;font-weight:850;cursor:pointer;box-shadow:0 5px 12px rgba(164,114,0,.18);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.history-review-banner button:hover{background:#8F6200;box-shadow:0 8px 17px rgba(164,114,0,.25);transform:translateY(-2px)}.history-review-banner button:active{transform:translateY(0) scale(.98)}.history-content{margin-top:22px;padding:27px 28px 30px;border:1px solid #eae4f3;border-radius:25px;background:rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(72,50,126,.07);scroll-margin-top:82px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.history-content.is-review-focus{border-color:#E3B0C0;box-shadow:0 0 0 4px rgba(195,60,104,.1),0 18px 40px rgba(117,48,81,.12);animation:history-review-focus .8s ease}.history-content-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.history-section-kicker{color:#7252D9}.history-content-heading h2{margin:6px 0 0;color:#312A49;font-family:var(--font-jua),"Jua",sans-serif;font-size:24px;font-weight:400}.history-content-heading p{margin:4px 0 0;color:#948BA7;font-size:11px}.history-content-heading>span{flex:none;padding:6px 10px;border-radius:99px;color:#735FA0;background:#F1EDF8;font-size:10px;font-weight:850}.history-filter-tabs{margin:20px 0;display:flex;gap:7px;padding:5px;overflow-x:auto;border-radius:14px;background:#F5F2F9}.history-filter-tabs button{--filter-color:#6847CE;--filter-light:#8969EA;--filter-tint:#EEE9FA;--filter-shadow:rgba(100,69,195,.22);min-width:-moz-max-content;min-width:max-content;flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 11px;border:1px solid transparent;border-radius:10px;color:var(--filter-color);background:var(--filter-tint);font-family:inherit;font-size:10.5px;font-weight:800;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.history-filter-tabs button[data-filter=review]{--filter-color:#BD3D62;--filter-light:#EE6E83;--filter-tint:#FFEAF0;--filter-shadow:rgba(189,61,98,.22)}.history-filter-tabs button[data-filter=all]{--filter-color:#6847CE;--filter-light:#8969EA;--filter-tint:#EEE9FA;--filter-shadow:rgba(100,69,195,.22)}.history-filter-tabs button[data-filter=solved]{--filter-color:#087D60;--filter-light:#24B58C;--filter-tint:#E2F7F0;--filter-shadow:rgba(8,125,96,.22)}.history-filter-tabs button[data-filter=free]{--filter-color:#3566C8;--filter-light:#628DE4;--filter-tint:#E8EFFF;--filter-shadow:rgba(53,102,200,.22)}.history-filter-tabs button:hover:not(.is-active){border-color:color-mix(in srgb,var(--filter-color) 25%,transparent);transform:translateY(-1px)}.history-filter-tabs button strong{min-width:19px;padding:2px 5px;border-radius:99px;color:var(--filter-color);background:rgba(255,255,255,.72);font-size:9px}.history-filter-tabs button.is-active{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--filter-light),var(--filter-color));box-shadow:0 4px 10px var(--filter-shadow);transform:translateY(-1px)}.history-filter-tabs button.is-active strong{color:var(--filter-color);background:#fff}.history-timeline{position:relative;display:flex;flex-direction:column;gap:12px;padding-left:18px}.history-timeline:before{content:"";position:absolute;top:24px;bottom:24px;left:5px;width:2px;background:linear-gradient(#8062DE,#D9D0EC)}.history-entry{padding:0;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.history-entry:hover{border-color:color-mix(in srgb,var(--journal-accent) 25%,#E9E3F3);box-shadow:0 11px 24px rgba(71,50,126,.09);transform:translateY(-1px)}.history-entry[open]{border-color:color-mix(in srgb,var(--journal-accent) 28%,#E9E3F3)}.history-entry>summary{list-style:none}.history-entry>summary::-webkit-details-marker{display:none}.history-entry-summary{min-height:82px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:15px 17px;cursor:pointer}.history-entry-status{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:var(--journal-accent);background:var(--journal-tint)}.history-entry-title{min-width:0}.history-entry-title>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.history-entry-title>div>strong{color:#463D5C;font-size:13px}.history-entry-title .learning-journal-status{padding:4px 7px;font-size:9px}.history-entry-title p{margin:4px 0 0;color:#978FA8;font-size:10.5px}.history-entry-summary time{color:#837A96;font-size:10px;font-weight:750;text-align:right}.history-entry-summary time span{display:block;margin-top:2px;color:#ACA5B8;font-weight:600}.history-entry-chevron{color:#A69DB7;transition:transform .18s ease}.history-entry[open] .history-entry-chevron{transform:rotate(180deg)}.history-entry-detail{padding:0 17px 17px;border-top:1px solid #f0ebf6}.history-entry-detail .learning-concept-row{margin-top:13px}.history-entry-actions{margin-top:11px;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.history-entry-actions a,.history-entry-actions button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid #ded6ec;border-radius:10px;color:#675C7C;background:#fff;font-family:inherit;font-size:10.5px;font-weight:850;text-decoration:none;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}.history-entry-actions a:hover,.history-entry-actions button:hover{border-color:#BDADE0;background:#F8F5FD;transform:translateY(-1px)}.history-entry-actions a.is-primary{border-color:transparent;color:#fff;background:linear-gradient(135deg,#8B6CE8,#6847CE);box-shadow:0 5px 12px rgba(104,71,206,.2)}@keyframes history-review-focus{0%,to{transform:translateY(0)}40%{transform:translateY(-3px)}}.history-empty{min-height:270px;display:grid;place-content:center;justify-items:center;text-align:center}.history-empty>div{width:65px;height:65px;display:grid;place-items:center;border-radius:21px;color:#7557D2;background:#F0EBFC}.history-empty h3{margin:13px 0 0;color:#4C4361;font-family:var(--font-jua),"Jua",sans-serif;font-size:19px;font-weight:400}.history-empty p{margin:5px 0 13px;color:#958DA4;font-size:11px}.history-empty a{display:flex;align-items:center;gap:4px;padding:9px 12px;border-radius:10px;color:#fff;background:#7252D9;font-size:11px;font-weight:850;text-decoration:none}.history-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;color:#796F8C;background:#F7F3FC;font-size:12px;font-weight:750}.history-loading>div{width:42px;height:42px;border:4px solid #d9cff1;border-top-color:#7252d9;border-radius:50%;animation:spin .85s linear infinite}.progress-badge-earned{animation:badgeEarnedPop .55s cubic-bezier(.2,.9,.25,1) both}.progress-badge-shine{position:absolute;inset:3px;overflow:hidden;border-radius:14px;pointer-events:none}.progress-badge-shine:after{content:"";position:absolute;top:-30%;left:-55%;width:34%;height:160%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);animation:badgeShine 1.05s ease-out .18s both}@keyframes badgeEarnedPop{0%{transform:scale(.88);filter:brightness(1.15)}65%{transform:scale(1.035)}to{transform:scale(1);filter:brightness(1)}}@keyframes badgeShine{0%{left:-55%;opacity:0}18%{opacity:1}to{left:125%;opacity:0}}.status-page{min-height:100vh;display:grid;place-content:center;gap:12px;text-align:center;background:linear-gradient(160deg,#F4EFFC,#FCEFF6 52%,#EEF3FE);color:#544D70}.status-page button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #7B5CF0;outline-offset:3px}.runtime-error-panel{margin:10px 22px 0;padding:12px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border:1px solid #f2a9bc;border-radius:12px;background:#FFF0F4;color:#8F2044}.runtime-error-panel pre{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 var(--font-jetbrains),monospace}.runtime-error-panel button{flex:none;padding:8px 12px;border:1px solid #d93668;border-radius:9px;background:#fff;color:#A0234B;cursor:pointer}@media (max-width:900px){.learn-workspace{flex-direction:column;overflow-y:auto}.learning-journal-code-grid,.progress-dashboard-grid,.progress-history-grid{grid-template-columns:1fr}.history-hero-emblem{right:38px;transform:scale(.88);transform-origin:right top}.progress-badge-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:680px){.progress-game-shell{width:min(100% - 24px,1120px);padding-top:18px}.player-status-card{padding:22px 18px 19px;border-radius:22px}.player-profile-row{align-items:flex-start;flex-wrap:wrap;gap:14px}.player-avatar{width:74px;height:74px;border-radius:20px}.player-total-progress{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left}.player-total-progress span{margin-top:0}.player-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.badge-collection-heading,.progress-card-heading{align-items:flex-start}.history-topbar{grid-template-columns:1fr auto;padding-inline:15px}.history-topbar>div{display:none}.history-shell{width:min(100% - 24px,1080px);padding-top:18px}.history-hero{min-height:390px;padding:30px 24px 170px;border-radius:24px}.history-hero-emblem{top:36px;right:22px;opacity:.3;transform:scale(.72)}.history-hero-copy{max-width:85%}.history-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.history-review-banner{grid-template-columns:auto 1fr}.history-review-banner button{grid-column:2;width:-moz-max-content;width:max-content}.history-content{padding:22px 18px 25px;border-radius:21px}}@media (max-width:520px){.progress-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-game-shell{width:min(100% - 18px,1120px)}.player-name{font-size:23px}.player-stat{grid-template-columns:auto auto}.player-stat span{grid-column:1/-1}.next-reward-card{padding-inline:18px}.badge-collection-heading{display:block}.badge-collection-heading>span{display:inline-flex;margin-top:10px}.learning-journal-stats{grid-template-columns:1fr}.learning-journal-entry{padding:15px}.learning-journal-entry-header{align-items:flex-start;flex-direction:column}.learning-concept-row{flex-direction:column;gap:6px}.history-shell{width:min(100% - 16px,1080px)}.history-topbar .history-study-link{padding:8px 9px}.history-hero{min-height:430px;padding-inline:20px}.history-hero-copy{max-width:100%}.history-hero-copy>p br,.history-hero-emblem{display:none}.history-review-banner{padding:15px}.history-review-banner p{display:none}.history-content-heading{display:block}.history-content-heading>span{display:inline-flex;margin-top:10px}.history-entry-summary{grid-template-columns:auto minmax(0,1fr) auto;padding:13px}.history-entry-summary time{grid-column:2;text-align:left}.history-entry-chevron{grid-column:3;grid-row:1/span 2}.history-entry-detail{padding-inline:13px}.achievement-row{grid-template-columns:42px minmax(0,1fr)}.achievement-icon{width:42px;height:42px}.achievement-row time{grid-column:2}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.header-growth-record-link,.header-management-link{box-shadow:0 2px 0 rgba(91,65,177,.08);transform:translateY(0) scale(1);transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .12s ease,transform 90ms ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pending-navigation-link{-webkit-tap-highlight-color:transparent;transition:filter .12s ease,opacity .16s ease,transform 90ms ease}.pending-navigation-link:active:not(.is-navigating){filter:brightness(.86) saturate(.92);transform:translateY(2px) scale(.97)}.pending-navigation-link.is-navigating{pointer-events:none;cursor:wait!important;filter:saturate(.78);opacity:.68}.header-growth-record-link:hover:not(.is-navigating),.header-management-link:hover:not(.is-navigating){background:#f6f2fe!important;border-color:#cfc2f5!important;box-shadow:0 4px 10px rgba(91,65,177,.12)}.header-growth-record-link:active:not(.is-navigating),.header-management-link:active:not(.is-navigating){background:#e9e1ff!important;border-color:#9f89eb!important;color:#6041d1!important;box-shadow:inset 0 2px 4px rgba(73,49,142,.2);transform:translateY(2px) scale(.96)}.header-growth-record-link.is-navigating,.header-management-link.is-navigating{pointer-events:none;background:#e9e1ff!important;border-color:#ae9aee!important;color:#6041d1!important;box-shadow:inset 0 2px 4px rgba(73,49,142,.14);cursor:wait;opacity:.72;transform:translateY(1px) scale(.98)}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:not(:disabled):active{filter:brightness(.88) saturate(.92)}button[data-click-feedback=true]{animation:button-click-feedback .26s cubic-bezier(.2,.8,.2,1) both!important}button:disabled{cursor:not-allowed!important;filter:grayscale(.18);opacity:.58!important}@keyframes button-click-feedback{0%{filter:brightness(1)}35%{filter:brightness(.82) saturate(.9);box-shadow:inset 0 0 0 2px rgba(73,49,142,.24),0 0 0 3px rgba(123,92,240,.12)}to{filter:brightness(1)}}.button-loading-spinner{animation:button-loading-spin .75s linear infinite}@keyframes button-loading-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.button-loading-spinner,button[data-click-feedback=true]{animation-duration:.01ms!important;animation-iteration-count:1!important}}.learn-focus-editor-column,.learn-focus-robot-column{transition:flex .52s cubic-bezier(.2,.8,.2,1),transform .52s cubic-bezier(.2,.8,.2,1)}.learn-focus-entry{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 52%,rgba(255,255,255,.78) 0 8%,rgba(238,233,255,.64) 28%,rgba(61,40,122,.24) 68%,transparent 100%);animation:learn-focus-entry-backdrop 2.4s ease-out both}.learn-focus-entry.is-exiting{background:radial-gradient(circle at 50% 52%,rgba(255,255,255,.72) 0 8%,rgba(241,238,251,.56) 32%,rgba(61,40,122,.18) 72%,transparent 100%);animation-name:learn-focus-exit-backdrop}.learn-focus-entry-rings,.learn-focus-entry-rings span{position:absolute;left:50%;top:52%;width:180px;height:180px;border-radius:50%;transform:translate(-50%,-50%)}.learn-focus-entry-rings span{left:0;top:0;border:3px solid rgba(123,92,240,.72);animation:learn-focus-ring 1.5s cubic-bezier(.16,.84,.32,1) both}.learn-focus-entry-rings span:nth-child(2){border-color:rgba(56,221,176,.72);animation-delay:.14s}.learn-focus-entry-rings span:nth-child(3){border-color:rgba(168,147,242,.6);animation-delay:.28s}.learn-focus-entry.is-exiting .learn-focus-entry-rings span{animation-name:learn-focus-ring-exit}.learn-focus-entry-message{position:relative;display:grid;justify-items:center;gap:3px;padding:13px 22px 15px;border:1px solid rgba(123,92,240,.22);border-radius:22px;color:#5136B5;background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(72,49,145,.18);animation:learn-focus-message 2.25s cubic-bezier(.2,.8,.2,1) both}.learn-focus-entry-badge{width:136px;height:136px;display:grid;place-items:center;animation:learn-focus-badge-arrive 1.9s cubic-bezier(.16,.84,.32,1) both}.learn-focus-entry-badge img{width:128px;height:128px;-o-object-fit:contain;object-fit:contain;transition:filter .36s ease,opacity .36s ease}.learn-focus-entry-badge.is-locked img{filter:grayscale(1);opacity:.58}.learn-focus-entry-badge.is-earned img{filter:none;opacity:1}.learn-focus-entry-message span{font-size:12px;font-weight:900;letter-spacing:.08em;color:#18A982}.learn-focus-entry-message strong{font-size:17px;font-weight:900;white-space:nowrap}.learn-focus-root.is-entering .learn-focus-editor-column{animation:learn-focus-editor-settle 1.1s cubic-bezier(.16,.84,.32,1) .36s both}.learn-focus-root.is-entering .learn-focus-robot-column{animation:learn-focus-robot-greet 1s cubic-bezier(.2,.9,.25,1) .62s both}.learn-focus-root.is-exiting .learn-focus-editor-column{animation:learn-focus-editor-release 1.2s cubic-bezier(.2,.8,.2,1) .32s both}.learn-focus-root.is-exiting .learn-focus-robot-column{animation:learn-focus-robot-praise 1.2s cubic-bezier(.2,.9,.25,1) .44s both}@keyframes learn-focus-entry-backdrop{0%{opacity:0}12%,78%{opacity:1}to{opacity:0}}@keyframes learn-focus-exit-backdrop{0%{opacity:0}12%,80%{opacity:1}to{opacity:0}}@keyframes learn-focus-ring{0%{opacity:0;transform:scale(.18)}18%{opacity:1}to{opacity:0;transform:scale(4.5)}}@keyframes learn-focus-ring-exit{0%{opacity:0;transform:scale(4.5)}24%{opacity:.9}to{opacity:0;transform:scale(.18)}}@keyframes learn-focus-message{0%{opacity:0;transform:scale(.76) translateY(10px)}16%,82%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(1.04) translateY(-5px)}}@keyframes learn-focus-badge-arrive{0%{opacity:0;transform:scale(.62) rotate(-5deg)}32%{opacity:1;transform:scale(1.06) rotate(1deg)}52%,to{opacity:1;transform:scale(1) rotate(0)}}@keyframes learn-focus-editor-settle{0%{transform:scale(.975)}58%{transform:scale(1.008)}to{transform:scale(1)}}@keyframes learn-focus-robot-greet{0%,to{transform:translateY(0)}45%{transform:translateY(-7px)}72%{transform:translateY(2px)}}@keyframes learn-focus-editor-release{0%{transform:scale(1)}52%{transform:scale(.985)}to{transform:scale(1)}}@keyframes learn-focus-robot-praise{0%,to{transform:translateY(0) rotate(0)}28%{transform:translateY(-8px) rotate(-1deg)}56%{transform:translateY(0) rotate(1deg)}78%{transform:translateY(-4px) rotate(0)}}.learn-code-focus-button{transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s ease,filter .15s ease}.learn-code-focus-emblem{transition:transform .18s cubic-bezier(.2,.8,.2,1)}.learn-code-focus-button:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(94,66,180,.24);filter:brightness(1.05) saturate(1.08)}.learn-code-focus-button:hover .learn-code-focus-emblem{transform:scale(1.12) rotate(-5deg)}.learn-code-focus-button[aria-pressed=true]{box-shadow:0 0 0 3px rgba(123,92,240,.14),0 5px 12px rgba(94,66,180,.2)}.learn-code-focus-button:active{transform:translateY(1px) scale(.97);box-shadow:0 2px 6px rgba(94,66,180,.18)}.learn-code-focus-button:focus-visible{outline:3px solid rgba(123,92,240,.28);outline-offset:2px}.learn-code-focus-button:disabled{pointer-events:none}@media (prefers-reduced-motion:reduce){.learn-focus-entry-rings{display:none}.learn-focus-entry,.learn-focus-entry-message,.learn-focus-root.is-entering .learn-focus-editor-column,.learn-focus-root.is-entering .learn-focus-robot-column,.learn-focus-root.is-exiting .learn-focus-editor-column,.learn-focus-root.is-exiting .learn-focus-robot-column{animation-duration:.01ms!important;animation-iteration-count:1!important}.learn-code-focus-button,.learn-code-focus-emblem{transition:none}}.active\:translate-y-px:active{--tw-translate-y:1px}.active\:scale-\[\.98\]:active,.active\:translate-y-px:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[\.98\]:active{--tw-scale-x:.98;--tw-scale-y:.98}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:w-\[180px\]{width:180px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:w-\[280px\]{width:280px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[minmax\(180px\2c 280px\)_minmax\(0\2c 400px\)\]{grid-template-columns:minmax(180px,280px) minmax(0,400px)}.md\:justify-center{justify-content:center}.md\:gap-8{gap:2rem}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-\[240px_minmax\(0\2c 1fr\)\]{grid-template-columns:240px minmax(0,1fr)}.lg\:gap-12{gap:3rem}}@media (min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-\[310px_minmax\(0\2c 1fr\)\]{grid-template-columns:310px minmax(0,1fr)}}