.problem_problemContainer__RXaHz{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#000000);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;overflow-x:hidden;width:100%}.problem_navigationBar__wy6F9{background:rgba(30,30,30,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem;width:100%}.problem_navContent__Qno_R{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:.5rem}.problem_backButton__Y8X40{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(50,50,50,.9);border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#e5e5e5;font-size:.9rem;font-weight:400;text-decoration:none;transition:all .2s ease;cursor:pointer;white-space:nowrap}.problem_navBadges___e2op{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.problem_categoryBadge__zCAtm,.problem_difficultyBadge__uWV9X,.problem_loginRequiredBadge__C_n7e,.problem_memberRequiredBadge__tV1SG{padding:.375rem .75rem;border-radius:.375rem;font-size:.85rem;font-weight:500;white-space:nowrap}.problem_categoryBadge__zCAtm{background:rgba(40,40,40,.9);color:#60a5fa}.problem_difficultyBadge__uWV9X{color:white}.problem_difficultyBadge__uWV9X.problem_easy__EPAgu{background:#22c55e}.problem_difficultyBadge__uWV9X.problem_medium__Bsq0C{background:#f59e0b}.problem_difficultyBadge__uWV9X.problem_hard__MkZOR{background:#ef4444}.problem_memberRequiredBadge__tV1SG{background:rgba(168,85,247,.2);color:#c084fc}.problem_loginRequiredBadge__C_n7e{background:rgba(59,130,246,.2);color:#60a5fa}.problem_problemHeader__QL1_O{background:rgba(20,20,20,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);width:100%}.problem_headerContent__A5cNE{width:100%}.problem_problemHeader__QL1_O h1{font-size:1.5rem;font-weight:600;color:#ffffff;margin-bottom:1rem;word-break:keep-all;line-height:1.3}.problem_problemMeta__aFAak{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.problem_metaItem__jsce1{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.9);font-size:.9rem;white-space:nowrap}.problem_mainLayout__EfhMF{padding:1rem}.problem_leftPanel___vOft,.problem_mainLayout__EfhMF,.problem_rightPanel__S9m9b{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%}.problem_rightPanel__S9m9b{position:static}.problem_editorSection__Uh9XJ,.problem_quickTips__DqbMP,.problem_resultSection__O0t2X,.problem_section__V2eoS{background:rgba(30,30,30,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.75rem;border:1px solid rgba(255,255,255,.1);overflow:hidden;width:100%;max-width:100%}.problem_editorHeader__Erh4O,.problem_sectionHeader__gcbCj{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(40,40,40,.8)}.problem_editorTitle__oJLXZ,.problem_sectionTitle__DfMqi{font-size:1.1rem;font-weight:600;color:#ffffff;margin:0}.problem_editorContent__7JaDZ,.problem_sectionContent__axwVn{padding:1rem}.problem_sectionContent__axwVn p{color:#e5e5e5;line-height:1.6;margin:0 0 1rem;font-size:.95rem;word-break:keep-all}.problem_learningList__uuJb6{list-style:none;padding:0;margin:0}.problem_learningItem__HkmJt{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:.9rem;color:#e5e5e5;font-size:.95rem;word-break:keep-all}.problem_checkmark__w_d_h{color:#22c55e;font-weight:700;margin-top:.125rem;flex-shrink:0}.problem_hintsHeader__5cIl1{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.problem_hintToggle__x_4qP{background:rgba(50,50,50,.8);border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:.375rem;font-size:.85rem;color:#e5e5e5;cursor:pointer;white-space:nowrap}.problem_hintsContainer__lDbCD{background:rgba(60,50,20,.9);border:1px solid rgba(253,224,71,.3);border-radius:.5rem;padding:1rem;margin-top:1rem}.problem_hintItem__wbaIU{background:rgba(40,40,40,.9);padding:1rem;border-radius:.375rem;margin-bottom:.8rem;border-left:3px solid #eab308;font-size:.95rem;line-height:1.5;color:#e5e5e5;word-break:keep-all}.problem_schemaTable__xOXte{border:1px solid rgba(255,255,255,.2);border-radius:.5rem;overflow:hidden;margin-bottom:1rem}.problem_schemaHeader__nislI{background:rgba(40,40,40,.8);padding:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.problem_schemaTableName__MACx9{font-size:1rem;font-weight:600;color:#ffffff;margin:0 0 .3rem}.problem_schemaDescription__ZMki8{font-size:.9rem;color:#b0b0b0;margin:0;word-break:keep-all}.problem_schemaColumns__kf5wX{padding:1rem;background:rgba(25,25,25,.8)}.problem_columnsLabel__7_uSb{font-size:.9rem;font-weight:500;color:#e5e5e5;margin-bottom:.5rem}.problem_columnsCode__kdVRZ{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.85rem;color:#ffffff;background:rgba(20,20,20,.8);padding:.75rem;border-radius:.375rem;border:1px solid rgba(255,255,255,.2);word-break:break-all;overflow-wrap:break-word}.problem_tableContainer__SshmV{margin-bottom:1.5rem;width:100%;overflow:visible}.problem_tableTitle__3kLlx{font-size:1rem;font-weight:600;color:#ffffff;margin-bottom:.75rem;padding:0}.problem_tableWrapper__2W_j2{border:1px solid rgba(255,255,255,.2);border-radius:.5rem;overflow-x:visible;overflow-y:auto;background:rgba(20,20,20,.9);width:100%;max-height:400px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(0,0,0,.1)}.problem_tableWrapper__2W_j2::-webkit-scrollbar{width:8px}.problem_tableWrapper__2W_j2::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}.problem_tableWrapper__2W_j2::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}.problem_tableWrapper__2W_j2::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.problem_resultTable__FenT3{width:100%;min-width:400px;border-collapse:collapse;white-space:nowrap;table-layout:auto}.problem_resultTable__FenT3 th{background:#2a2a2a;padding:.75rem;text-align:left;font-weight:600;font-size:.85rem;color:#ffffff;border-bottom:1px solid rgba(255,255,255,.2);position:-webkit-sticky;position:sticky;top:0;z-index:10;white-space:nowrap}.problem_resultTable__FenT3 td{padding:.75rem;font-size:.85rem;color:#e5e5e5;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap}.problem_resultTable__FenT3 tbody tr:nth-child(2n){background:#1a1a1a}.problem_resultTable__FenT3 tbody tr:nth-child(odd){background:#222222}.problem_sqlEditor__esUCm{width:100%;min-height:200px;padding:1rem;border:2px solid rgba(255,255,255,.2);border-radius:.5rem;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.5;background:rgba(20,20,20,.9);resize:vertical;color:#ffffff;box-sizing:border-box}.problem_sqlEditor__esUCm:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.problem_sqlEditor__esUCm::placeholder{color:#6b7280;font-size:.85rem}.problem_editorControls__hpPD_{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;min-height:120px}.problem_runButton__Boebc,.problem_showSolutionButton__wATnX{width:100%;padding:.875rem;border-radius:.5rem;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.problem_runButton__Boebc{background:#22c55e;color:white}.problem_runButton__Boebc:disabled{opacity:.5;cursor:not-allowed}.problem_showSolutionButton__wATnX{background:#f59e0b;color:white}.problem_tipsHeader__tXdpV{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(40,40,40,.8);display:flex;align-items:center;gap:.5rem}.problem_tipsTitle__N2pYy{font-size:1.1rem;font-weight:600;color:#ffffff;margin:0}.problem_tipsContent__qO13Z{padding:1rem}.problem_tipsList__VoXtr{list-style:none;padding:0;margin:0}.problem_tipItem__hnCfb{font-size:.9rem;color:#e5e5e5;line-height:1.5;margin-bottom:.6rem;padding-left:1.2rem;position:relative;word-break:keep-all}.problem_tipItem__hnCfb:before{content:"•";color:#22c55e;font-weight:700;position:absolute;left:0}.problem_resultSection__O0t2X{background:rgba(30,30,30,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.75rem;border:1px solid rgba(255,255,255,.1);overflow:hidden;width:100%;max-width:100%}.problem_resultHeader__TzTso{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.problem_resultHeader__TzTso.problem_success__FA8aT{background:rgba(22,101,52,.3);border-bottom:1px solid rgba(34,197,94,.3)}.problem_resultHeader__TzTso.problem_error__W4lxj{background:rgba(127,29,29,.3);border-bottom:1px solid rgba(239,68,68,.3)}.problem_resultMessage__qVw69{font-size:1rem;font-weight:500;margin:0;word-break:keep-all}.problem_resultHeader__TzTso.problem_success__FA8aT .problem_resultMessage__qVw69{color:#4ade80}.problem_resultHeader__TzTso.problem_error__W4lxj .problem_resultMessage__qVw69{color:#f87171}.problem_resultMeta__DW_Wh{display:flex;gap:1rem;font-size:.85rem;color:#b0b0b0;flex-wrap:wrap}.problem_resultContent__F3F07{padding:1rem;overflow-x:auto;overflow-y:visible;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(0,0,0,.1)}.problem_resultContent__F3F07::-webkit-scrollbar{height:8px}.problem_resultContent__F3F07::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}.problem_resultContent__F3F07::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}.problem_resultContent__F3F07::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.problem_resultComparison__6zaPY{display:flex;flex-direction:column;gap:1.5rem;width:max-content;min-width:100%}.problem_resultColumn__B2rRc{width:100%;overflow:visible;flex-shrink:0}.problem_successActions__SFdTN{background:rgba(22,101,52,.3);border-top:1px solid rgba(34,197,94,.3);padding:1.5rem 1rem}.problem_successTitle__P_Qdz{color:#4ade80;font-size:1rem;font-weight:600;margin:0 0 1rem}.problem_actionButtons__ZFeGO{display:flex;flex-direction:column;gap:.75rem}.problem_actionButton__mj6si{width:100%;padding:.875rem;border-radius:.5rem;font-weight:500;font-size:.95rem;cursor:pointer;border:none;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.problem_actionButton__mj6si.problem_primary__BRGqe{background:#3b82f6;color:white}.problem_actionButton__mj6si.problem_secondary__4Xrie{background:rgba(50,50,50,.9);color:#e5e5e5;border:1px solid rgba(255,255,255,.2)}.problem_authRequiredContainer__KGiGD,.problem_errorContainer__39lnp,.problem_loadingContainer__N5hbm{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#000000);padding:1rem;text-align:center}.problem_loadingSpinner__G14VM{width:2rem;height:2rem;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:problem_spin__ardDl 1s linear infinite;margin-bottom:1rem}@keyframes problem_spin__ardDl{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.problem_waveLoader__3GHZU{display:inline-flex;align-items:center;gap:3px;height:1rem}.problem_waveLoader__3GHZU span{display:block;width:3px;height:100%;background:currentColor;border-radius:2px;animation:problem_waveBar__sUkiL 1s ease-in-out infinite}.problem_waveLoader__3GHZU span:first-child{animation-delay:0s}.problem_waveLoader__3GHZU span:nth-child(2){animation-delay:.12s}.problem_waveLoader__3GHZU span:nth-child(3){animation-delay:.24s}.problem_waveLoader__3GHZU span:nth-child(4){animation-delay:.36s}.problem_waveLoader__3GHZU span:nth-child(5){animation-delay:.48s}@keyframes problem_waveBar__sUkiL{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.problem_authRequiredContent__J7p1K{background:rgba(30,30,30,.95);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;max-width:90%;width:400px}.problem_authIcon__i50Tj{font-size:3rem;margin-bottom:1rem}.problem_authTitle__qFj8K{color:#ffffff;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.problem_authMessage__dkjoL{color:#b0b0b0;font-size:.95rem;margin-bottom:1.5rem;line-height:1.5}.problem_authActions__EA3_n{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.problem_loginButton__0E8QO,.problem_signupButton__kY2s7{width:100%;padding:.875rem;border-radius:.5rem;font-weight:500;font-size:.95rem;text-decoration:none;display:inline-block;text-align:center}.problem_loginButton__0E8QO{background:#3b82f6;color:white}.problem_signupButton__kY2s7{background:rgba(50,50,50,.9);color:#e5e5e5;border:1px solid rgba(255,255,255,.2)}.problem_backToProblemsButton__y7Axl{width:100%;padding:.875rem;margin-top:1rem;border-radius:.5rem;font-weight:500;font-size:.95rem;background:rgba(50,50,50,.9);color:#e5e5e5;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s ease}.problem_backToProblemsButton__y7Axl:hover{background:rgba(60,60,60,.9)}@media (min-width:768px){.problem_problemHeader__QL1_O h1{font-size:2rem}.problem_mainLayout__EfhMF{padding:1.5rem}.problem_actionButtons__ZFeGO,.problem_editorControls__hpPD_{flex-direction:row}.problem_editorControls__hpPD_{min-height:60px}.problem_runButton__Boebc,.problem_showSolutionButton__wATnX{width:auto;flex:1 1}.problem_resultHeader__TzTso{flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width:900px) and (max-width:1200px){.problem_problemHeader__QL1_O h1{font-size:2.25rem}.problem_mainLayout__EfhMF{display:grid;grid-template-columns:1fr 550px;grid-gap:1.5rem;gap:1.5rem;padding:2rem}.problem_rightPanel__S9m9b{position:-webkit-sticky;position:sticky;top:2rem;height:-moz-fit-content;height:fit-content;width:550px;min-width:550px;max-width:550px}.problem_editorSection__Uh9XJ{width:100%}.problem_editorControls__hpPD_{min-height:60px}.problem_sqlEditor__esUCm{min-height:300px}.problem_resultComparison__6zaPY{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;width:max-content;min-width:100%}.problem_resultColumn__B2rRc{width:auto;overflow:visible;min-width:250px}}@media (min-width:1200px) and (max-width:1400px){.problem_problemHeader__QL1_O h1{font-size:2.25rem}.problem_mainLayout__EfhMF{display:grid;grid-template-columns:1fr 600px;grid-gap:1.5rem;gap:1.5rem;padding:2rem}.problem_rightPanel__S9m9b{position:-webkit-sticky;position:sticky;top:2rem;height:-moz-fit-content;height:fit-content;width:600px;min-width:600px;max-width:600px}.problem_editorSection__Uh9XJ{width:100%}.problem_editorControls__hpPD_{min-height:60px}.problem_sqlEditor__esUCm{min-height:300px}.problem_resultComparison__6zaPY{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;width:max-content;min-width:100%}.problem_resultColumn__B2rRc{width:auto;overflow:visible;min-width:280px}}@media (min-width:1400px){.problem_problemHeader__QL1_O h1{font-size:2.25rem}.problem_mainLayout__EfhMF{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 650px;grid-gap:1.5rem;gap:1.5rem;padding:2rem}.problem_rightPanel__S9m9b{position:-webkit-sticky;position:sticky;top:2rem;height:-moz-fit-content;height:fit-content;width:650px;min-width:650px;max-width:650px}.problem_editorSection__Uh9XJ{width:100%}.problem_editorControls__hpPD_{min-height:60px}.problem_sqlEditor__esUCm{min-height:300px}.problem_resultComparison__6zaPY{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;width:max-content;min-width:100%}.problem_resultColumn__B2rRc{width:auto;overflow:visible;min-width:300px}}