.playground-empty{border-width:2px;border-style:dashed;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,250,251,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f3f4f6 var(--tw-gradient-to-position)}.playground-empty:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-gradient-from:#111827 var(--tw-gradient-from-position);--tw-gradient-to:rgba(17,24,39,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#1f2937 var(--tw-gradient-to-position)}.playground-empty{transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.playground-empty:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);animation:shimmer 3s infinite}.playground-starter{border-width:2px;border-style:solid;--tw-border-opacity:1;border-color:rgb(251 146 60/var(--tw-border-opacity,1));background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#fff7ed var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,247,237,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#fffbeb var(--tw-gradient-to-position)}.playground-starter:is(.dark *){--tw-border-opacity:1;border-color:rgb(249 115 22/var(--tw-border-opacity,1));--tw-gradient-from:rgba(124,45,18,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(124,45,18,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(120,53,15,.2) var(--tw-gradient-to-position)}.playground-starter{transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px rgba(251,146,60,.1),0 2px 4px -1px rgba(251,146,60,.06)}.playground-working{border-width:2px;border-style:solid;--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1));background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#eff6ff var(--tw-gradient-to-position)}.playground-working:is(.dark *){--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1));--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(23,37,84,.2) var(--tw-gradient-to-position)}.playground-working{transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px rgba(59,130,246,.1),0 2px 4px -1px rgba(59,130,246,.06)}@keyframes shimmer{0%{left:-100%}50%,to{left:100%}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-success{0%,to{background-color:#22c55e}50%{background-color:#16a34a}}.help-menu-enter{animation:slideInFromTop .3s cubic-bezier(.4,0,.2,1)}.modal-enter{animation:fadeInScale .4s cubic-bezier(.4,0,.2,1)}.toolbar-enter{animation:slideInFromBottom .3s cubic-bezier(.4,0,.2,1)}.output-terminal-enter{animation:slideInFromBottom .4s cubic-bezier(.4,0,.2,1)}.input-section-enter{animation:slideInFromBottom .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.btn-primary:hover{--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(29,78,216,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#4338ca var(--tw-gradient-to-position)}.btn-primary{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-warning{--tw-gradient-from:#eab308 var(--tw-gradient-from-position);--tw-gradient-to:rgba(234,179,8,0) var(--tw-gradient-to-position);--tw-gradient-to:#f97316 var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.btn-warning:hover{--tw-gradient-from:#ca8a04 var(--tw-gradient-from-position);--tw-gradient-to:rgba(202,138,4,0) var(--tw-gradient-to-position);--tw-gradient-to:#ea580c var(--tw-gradient-to-position);box-shadow:0 10px 25px -5px rgba(251,191,36,.4)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 25px -5px rgba(59,130,246,.4)}.btn-primary:active{transform:translateY(0);box-shadow:0 4px 6px -1px rgba(59,130,246,.1)}.btn-success{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:rgba(22,163,74,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#059669 var(--tw-gradient-to-position)}.btn-success:hover{--tw-gradient-from:#15803d var(--tw-gradient-from-position);--tw-gradient-to:rgba(21,128,61,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#047857 var(--tw-gradient-to-position)}.btn-success{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-success:hover{transform:translateY(-1px);box-shadow:0 10px 25px -5px rgba(34,197,94,.4)}.btn-warning{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,115,22,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f59e0b var(--tw-gradient-to-position)}.btn-warning:hover{--tw-gradient-from:#ea580c var(--tw-gradient-from-position);--tw-gradient-to:rgba(234,88,12,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#d97706 var(--tw-gradient-to-position)}.btn-warning{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-warning:hover{transform:translateY(-1px);box-shadow:0 10px 25px -5px rgba(251,146,60,.4)}.btn-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .6s}.btn-shimmer:hover:before{left:100%}.loading-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.success-flash{animation:pulse-success .6s ease-in-out}.focus-ring:focus{outline:2px solid transparent;--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(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff}.focus-ring:focus:is(.dark *){--tw-ring-offset-color:#111827}.focus-ring{transition:all .2s cubic-bezier(.4,0,.2,1)}.focus-ring:focus{outline:2px solid #3b82f6;outline-offset:2px}.focus-ring: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(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.focus-ring:focus:not(: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(0px + 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)}@media (prefers-contrast:high){.playground-empty{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.playground-empty:is(.dark *){--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.playground-starter{--tw-border-opacity:1;border-color:rgb(234 88 12/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.playground-starter:is(.dark *){--tw-border-opacity:1;border-color:rgb(251 146 60/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(124 45 18/var(--tw-bg-opacity,1))}.playground-working{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.playground-working:is(.dark *){--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.btn-primary{border-width:2px;border-color:rgb(30 64 175/var(--tw-border-opacity,1));background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.btn-primary,.btn-success{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.btn-success{border-width:2px;border-color:rgb(22 101 52/var(--tw-border-opacity,1));background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.btn-warning{border-width:2px;--tw-border-opacity:1;border-color:rgb(154 52 18/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(194 65 12/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus-ring:focus{outline:3px solid #000;outline-offset:3px}@media (prefers-color-scheme:dark){.focus-ring:focus{outline:3px solid #fff;outline-offset:3px}}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.playground-empty:before{animation:none}}@media (hover:none) and (pointer:coarse){.btn-primary:hover,.btn-success:hover,.btn-warning:hover{transform:none;box-shadow:none}.btn-primary:active,.btn-success:active,.btn-warning:active{transform:scale(.98)}.help-menu-item{min-height:44px;padding:12px 16px}.toolbar-button{min-height:44px;min-width:44px;padding:8px 16px}.modal-button{min-height:44px;padding:12px 20px}.help-menu-item:active,.modal-button:active,.toolbar-button:active{background-color:rgba(59,130,246,.1);transform:scale(.98)}[role=menuitem]{min-height:44px;margin:2px 0}}@media (max-width:640px){.help-menu-enter{animation-duration:.2s}.modal-enter{animation-duration:.3s}.playground-empty:before{animation-duration:2s}.focus-ring:focus{outline-width:3px;outline-offset:3px}.help-menu-item,.toolbar-button{font-size:.875rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-color-scheme:light){.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}}@media (prefers-color-scheme:dark){.text-gray-400{color:#9ca3af}.text-gray-300{color:#d1d5db}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.02);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(59,130,246,.6),rgba(99,102,241,.6));border-radius:4px;border:1px solid hsla(0,0%,100%,.2);backdrop-filter:blur(4px);transition:all .2s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(99,102,241,.8));transform:scale(1.1);box-shadow:0 2px 8px rgba(59,130,246,.3)}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,rgba(37,99,235,.9),rgba(79,70,229,.9))}.dark ::-webkit-scrollbar-track{background:hsla(0,0%,100%,.02)}.dark ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(59,130,246,.4),rgba(99,102,241,.4));border:1px solid hsla(0,0%,100%,.1)}.dark ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(59,130,246,.6),rgba(99,102,241,.6));box-shadow:0 2px 8px rgba(59,130,246,.2)}.dark ::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(99,102,241,.8))}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.6) rgba(0,0,0,.02)}.dark *{scrollbar-color:rgba(59,130,246,.4) hsla(0,0%,100%,.02)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.6) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(59,130,246,.5),rgba(99,102,241,.5));border-radius:3px;border:none}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(59,130,246,.7),rgba(99,102,241,.7))}.overlay-scrollbar{scrollbar-width:none;-ms-overflow-style:none;overflow:-moz-scrollbars-none}.overlay-scrollbar::-webkit-scrollbar{width:0;background:transparent}.overlay-scrollbar:hover::-webkit-scrollbar{width:6px}.overlay-scrollbar:hover::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(59,130,246,.4),rgba(99,102,241,.4));border-radius:3px}html{scroll-behavior:smooth}.exercise-panel{scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.4) transparent}.exercise-panel::-webkit-scrollbar{width:6px}.exercise-panel::-webkit-scrollbar-track{background:rgba(0,0,0,.01);border-radius:3px}.exercise-panel::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(59,130,246,.3),rgba(99,102,241,.3));border-radius:3px;transition:all .2s ease}.exercise-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(59,130,246,.5),rgba(99,102,241,.5));transform:scaleX(1.2)}.monaco-editor .scrollbar .slider{background:linear-gradient(135deg,rgba(59,130,246,.4),rgba(99,102,241,.4))!important;border-radius:3px!important}.monaco-editor .scrollbar .slider:hover{background:linear-gradient(135deg,rgba(59,130,246,.6),rgba(99,102,241,.6))!important}@media (max-width:768px){::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar{width:4px;height:4px}}@media (prefers-contrast:high){::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#6366f1);border:1px solid #1e40af}.dark ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#60a5fa,#a78bfa);border:1px solid #3b82f6}}@media (prefers-reduced-motion:reduce){.custom-scrollbar::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb{transition:none}html{scroll-behavior:auto}}@font-face{font-family:geistSans;src:url(/_next/static/media/4473ecc91f70f139-s.p.woff) format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:geistSans Fallback;src:local("Arial");ascent-override:85.83%;descent-override:20.52%;line-gap-override:9.33%;size-adjust:107.19%}.__className_1e4310{font-family:geistSans,geistSans Fallback}.__variable_1e4310{--font-geist-sans:"geistSans","geistSans Fallback"}@font-face{font-family:geistMono;src:url(/_next/static/media/463dafcda517f24f-s.p.woff) format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:geistMono Fallback;src:local("Arial");ascent-override:69.97%;descent-override:16.73%;line-gap-override:7.61%;size-adjust:131.49%}.__className_c3aa02{font-family:geistMono,geistMono Fallback}.__variable_c3aa02{--font-geist-mono:"geistMono","geistMono Fallback"}