.CodingPlayground_page__3po9r{position:relative;z-index:1;min-height:100vh;margin-top:0;padding:calc(120px + 1.5rem) 1rem 3rem;background:linear-gradient(165deg,#0f172a,#1e293b 35%,#0f172a);color:#e2e8f0}@media (min-width:768px){.CodingPlayground_page__3po9r{padding-top:calc(140px + 1.5rem)}}body.promotion-banner-visible .CodingPlayground_page__3po9r{padding-top:calc(170px + 1.5rem)}@media (min-width:768px){body.promotion-banner-visible .CodingPlayground_page__3po9r{padding-top:calc(180px + 1.5rem)}}.CodingPlayground_hero__vtrOW{max-width:1400px;margin:0 auto 1.5rem;padding:1.5rem 1.75rem;border-radius:20px;background:linear-gradient(135deg,rgba(0,160,252,.18),rgba(0,112,243,.12) 50%,rgba(131,59,236,.1));border:1px solid rgba(0,198,251,.25);box-shadow:0 12px 40px rgba(0,0,0,.35)}.CodingPlayground_heroTitle__gBhZI{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;margin:0 0 .35rem;background:linear-gradient(90deg,#00c6fb,#0070f3,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.CodingPlayground_heroSub__iSPjK{margin:0;color:#94a3b8;font-size:.95rem}.CodingPlayground_statRow__miSHl{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.CodingPlayground_statPill__lOpwl{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;border-radius:999px;background:rgba(15,23,42,.65);border:1px solid rgba(148,163,184,.2);font-size:.85rem;font-weight:600}.CodingPlayground_statPill__lOpwl strong{color:#00c6fb}.CodingPlayground_layout__w_n2a{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(280px,320px) 1fr;grid-gap:1.25rem;gap:1.25rem;align-items:start}@media (max-width:991px){.CodingPlayground_layout__w_n2a{grid-template-columns:1fr}}.CodingPlayground_sidebar__PWGl_{display:flex;flex-direction:column;gap:1rem}.CodingPlayground_card__agyou{background:rgba(30,41,59,.85);border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:1rem 1.1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.CodingPlayground_cardTitle__xc84d{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin:0 0 .75rem}.CodingPlayground_main__QuvMj{display:flex;flex-direction:column;gap:1rem}.CodingPlayground_workspace___hj1N{background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.15);border-radius:16px;overflow:hidden}.CodingPlayground_modeTabs__JQBgc{display:flex;gap:.5rem;padding:.75rem 1rem 0;border-bottom:1px solid rgba(148,163,184,.1)}.CodingPlayground_modeTab__azwXT{padding:.5rem 1rem;border:none;border-radius:10px 10px 0 0;background:transparent;color:#94a3b8;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s,color .2s}.CodingPlayground_modeTabActive__X6z6_{background:rgba(0,198,251,.15);color:#00c6fb}.CodingPlayground_editorWrap__vIrmF{height:420px;border-bottom:1px solid rgba(148,163,184,.1)}.CodingPlayground_toolbar__PwNmU{display:flex;flex-wrap:wrap;gap:.5rem;padding:.85rem 1rem;background:rgba(30,41,59,.5)}.CodingPlayground_toolBtn__hp_u6{padding:.5rem 1rem!important;border-radius:10px!important;font-weight:600!important;font-size:.88rem!important;border:none!important}.CodingPlayground_toolRun__i4NU_{background:linear-gradient(135deg,#22c55e,#16a34a)!important}.CodingPlayground_toolPrimary__lPV5z{background:linear-gradient(135deg,#00c6fb,#0070f3)!important}.CodingPlayground_toolChallenge__T7xmV{background:linear-gradient(135deg,#f59e0b,#ea580c)!important;color:#fff!important}.CodingPlayground_toolGhost__uYrs4{background:rgba(148,163,184,.15)!important;color:#e2e8f0!important}.CodingPlayground_outputPanel__K9F7d{background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:1rem 1.1rem}.CodingPlayground_outputPre__x6NQS{margin:.75rem 0 0;padding:1rem;border-radius:10px;font-size:.88rem;line-height:1.5;text-align:left;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.CodingPlayground_outputSuccess__KcHif{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#86efac}.CodingPlayground_outputError__kbeWn{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5}.CodingPlayground_outputNeutral__aUoPy{background:rgba(30,41,59,.8);border:1px solid rgba(148,163,184,.15);color:#94a3b8}.CodingPlayground_progressCard__x1qVZ{background:rgba(30,41,59,.85);border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:1rem 1.1rem}.CodingPlayground_progressBar__BqpNS{height:12px!important;border-radius:999px!important;background:rgba(15,23,42,.8)!important}.CodingPlayground_progressBar__BqpNS .progress-bar{background:linear-gradient(90deg,#00c6fb,#0070f3)!important;border-radius:999px}.CodingPlayground_badgeGrid__teErV{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem}.CodingPlayground_badgeItem__IV3_s{display:flex;align-items:center;gap:.5rem;padding:.5rem .65rem;border-radius:10px;font-size:.78rem;font-weight:600;border:1px solid transparent}.CodingPlayground_badgeEarned__AJiCF{background:rgba(0,198,251,.12);border-color:rgba(0,198,251,.3);color:#e2e8f0}.CodingPlayground_badgeLocked__6hIfo{background:rgba(15,23,42,.6);border-color:rgba(148,163,184,.1);color:#64748b;opacity:.7}.CodingPlayground_streakFlame__HyfeW{font-size:1.5rem;animation:CodingPlayground_pulse__t3ViV 1.5s ease-in-out infinite}@keyframes CodingPlayground_pulse__t3ViV{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.CodingPlayground_petCard__fMwKY{text-align:center}.CodingPlayground_petAvatar__E_1cC{font-size:3rem;line-height:1;margin-bottom:.5rem;filter:drop-shadow(0 4px 12px rgba(0,198,251,.4))}.CodingPlayground_petName__hYeuH{font-weight:700;font-size:1.1rem;margin:0}.CodingPlayground_petLevel__wG83f{display:inline-block;margin-top:.35rem;padding:.2rem .65rem;border-radius:999px;background:linear-gradient(135deg,#0070f3,#00c6fb);font-size:.75rem;font-weight:700}.CodingPlayground_petExpBar__gQyn8{height:10px;border-radius:999px;background:rgba(15,23,42,.8);margin:.75rem 0;overflow:hidden}.CodingPlayground_petExpFill__vxl1a{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#00c6fb);transition:width .4s ease}.CodingPlayground_petActions__vk1nu{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.CodingPlayground_memoryGrid__qMxsa{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;gap:.5rem;margin-top:.75rem}.CodingPlayground_memoryCard__COiBe{aspect-ratio:1;border:none;border-radius:10px;font-size:1.4rem;cursor:pointer;background:linear-gradient(135deg,#0070f3,#00c6fb);color:#fff;transition:transform .15s}.CodingPlayground_memoryCard__COiBe:hover:not(:disabled){transform:scale(1.05)}.CodingPlayground_memoryCardMatched__Ds6HI{background:linear-gradient(135deg,#22c55e,#16a34a)}.CodingPlayground_memoryCardHidden__7zhzn{background:rgba(30,41,59,.9);color:#64748b}.CodingPlayground_snippetBtn__ydJNM{width:100%;text-align:left;padding:.5rem .75rem;margin-bottom:.35rem;border:1px solid rgba(148,163,184,.15);border-radius:8px;background:rgba(15,23,42,.5);color:#cbd5e1;font-size:.85rem;cursor:pointer;transition:border-color .2s,background .2s}.CodingPlayground_snippetBtn__ydJNM:hover{border-color:#00c6fb;background:rgba(0,198,251,.08)}.CodingPlayground_celebrate__Tjoqq{text-align:center;padding:.5rem}.CodingPlayground_questItem__3hCV_{text-align:left;width:100%;padding:1rem;margin-bottom:.5rem;border:1px solid rgba(148,163,184,.2);border-radius:12px;background:rgba(30,41,59,.6);color:#e2e8f0;cursor:pointer;transition:border-color .2s,transform .15s}.CodingPlayground_questItem__3hCV_:hover{border-color:#00c6fb;transform:translateX(4px)}.CodingPlayground_questTitle__BLX4G{font-weight:700;margin:0 0 .25rem;color:#00c6fb}.CodingPlayground_questMeta__K7RcY{font-size:.8rem;color:#94a3b8}.CodingPlayground_langRow__NSzqr{display:flex;gap:.35rem;padding:0 1rem .75rem}.CodingPlayground_langBtn__E8Uu_{padding:.35rem .85rem;border-radius:8px;border:1px solid rgba(148,163,184,.2);background:transparent;color:#94a3b8;font-size:.82rem;font-weight:600;cursor:pointer}.CodingPlayground_langBtnActive__GfOg9{background:rgba(0,198,251,.15);border-color:#00c6fb;color:#00c6fb}.CodingPlayground_tutorialList__TcGys .accordion-item{background:rgba(15,23,42,.5)!important;border-color:rgba(148,163,184,.15)!important;color:#e2e8f0!important}.CodingPlayground_tutorialList__TcGys .accordion-button{background:rgba(30,41,59,.8)!important;color:#e2e8f0!important;font-weight:600;font-size:.9rem}.CodingPlayground_tutorialList__TcGys .accordion-button:not(.collapsed){background:rgba(0,198,251,.12)!important;color:#00c6fb!important}.CodingPlayground_tutorialList__TcGys .list-group-item{background:transparent!important;border-color:rgba(148,163,184,.1)!important;color:#cbd5e1!important}.CodingPlayground_tutorialList__TcGys .list-group-item.active{background:linear-gradient(90deg,rgba(0,198,251,.2),transparent)!important;border-color:#00c6fb!important;color:#00c6fb!important}.CodingPlayground_tutorialLocked__FWBLE{opacity:.5;pointer-events:none}.CodingPlayground_tutorialDesc__Rl0vn{margin-top:.75rem;padding:.75rem;border-radius:10px;background:rgba(0,198,251,.06);border:1px solid rgba(0,198,251,.15);font-size:.88rem;color:#94a3b8}