html{height:100%;margin:0;padding:0;overflow-x:hidden;min-width:100%;background-color:#121212}body{margin:0;padding:0;min-height:100%;width:100%;overflow-x:hidden!important;position:relative;min-width:100%;background-color:#121212}#root{display:flex;flex-direction:column;min-height:100vh;width:100%;min-width:100%;overflow-x:hidden;align-items:stretch}::-webkit-scrollbar{width:8px;height:8px;background-color:#1e1e1e}::-webkit-scrollbar-thumb{background-color:#404040;border-radius:4px;min-height:50px;min-width:50px}::-webkit-scrollbar-thumb:hover{background-color:#666}::-webkit-scrollbar-track{background-color:#1e1e1e}::-webkit-scrollbar-corner{background-color:#121212}.page-container{width:100%;max-width:1400px;min-width:100%;margin:0 auto;background-color:#121212;position:relative;box-sizing:border-box;overflow:visible}.chat-message.user{background-color:#007bff;color:#fff;align-self:flex-end}.chat-message.ai{background-color:#f0f0f0;color:#333;align-self:flex-start}body{background-color:#121212;color:#0f0;font-family:Courier New,Courier,monospace;min-height:100vh}@media (min-width: 1200px){html{overflow-x:auto;min-width:1200px}body{overflow-x:visible!important;min-width:1200px}#root{min-width:1200px;overflow-x:auto}.page-container{min-width:1200px}}.nav-container{background-color:#000;padding:1rem;display:flex;justify-content:space-between;align-items:center}overflow: visible; color: #00ff00; text-decoration: none; padding: .5rem 1rem; border-radius: 4px; } .nav-links a:hover{background-color:#0c0}.panel{background:#2a2a2a;box-shadow:0 2px 4px #00000080;border-radius:8px;padding:1rem;margin:1rem}.problem-card{background:#333;border:1px solid #00ff00;border-radius:8px;padding:1rem;margin:.5rem 0}.problem-card h3{color:#0f0}.difficulty{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.875rem}.difficulty.EASY{background-color:#2ecc71;color:#fff}.difficulty.MEDIUM{background-color:#f1c40f;color:#000}.difficulty.HARD{background-color:#e74c3c;color:#fff}.chat-message{padding:.5rem 1rem;border-radius:1rem;margin-bottom:.5rem}.editor-controls{background:#000;padding:10px;border-top:1px solid #00ff00}.editor-controls select{background:#333;color:#0f0;border:1px solid #00ff00;border-radius:4px;padding:5px}.primary-button{background-color:#0c0;color:#fff;border:none;border-radius:4px;padding:10px 15px;cursor:pointer}.primary-button:hover{background-color:#0f0}.error-message{color:#e74c3c;text-align:center;padding:2rem}.problem-workspace{display:flex;height:calc(100vh - 64px);width:100%;overflow:hidden;background:#1e1e1e}.panel{background:#2a2a2a;box-shadow:0 2px 4px #00000080;margin:0;padding:1rem;display:flex;flex-direction:column}.problem-panel{width:30%;min-width:300px;overflow-y:auto;border-right:1px solid #404040}.editor-panel{width:45%;min-width:400px;padding:0;display:flex;flex-direction:column;background:#1e1e1e}.chat-panel{width:25%;min-width:250px;border-left:1px solid #404040;display:flex;flex-direction:column}#monaco-editor{flex-grow:1;height:calc(100% - 50px)!important}.editor-controls{height:50px;padding:8px;background:#252526;border-top:1px solid #404040;display:flex;align-items:center;gap:8px}.chat-messages{flex-grow:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.chat-input{padding:1rem;border-top:1px solid #404040;display:flex;gap:.5rem}.chat-input textarea{flex-grow:1;background:#333;color:#0f0;border:1px solid #404040;border-radius:4px;padding:.5rem;resize:none}.problem-description{color:#0f0;line-height:1.6}.problem-description pre{background:#333;padding:1rem;border-radius:4px;overflow-x:auto;margin:1rem 0}.problem-description code{font-family:Courier New,monospace;background:#333;padding:.2rem .4rem;border-radius:3px}.editor-controls select,.editor-controls button{height:34px;padding:0 12px}.editor-controls>*+*{margin-left:8px}.resize-handle{width:4px;background:#404040;transition:background-color .2s;cursor:col-resize;margin:0;padding:0;z-index:2}.resize-handle:hover,.resize-handle[data-resize-handle-active]{background:#666;width:4px}.problem-panel{height:100%;overflow-y:auto;padding:1.5rem;color:#0f0;font-size:1rem;line-height:1.6;background:#1e1e1e}[data-panel-id]{margin:0;padding:0;background:#1e1e1e;width:100%}[data-panel-group]{gap:0;width:100%}.problem-panel h1{font-size:1.8rem;margin-bottom:1rem;color:#0f0}.problem-stats{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.problem-content{color:#0f0}.problem-content pre{background:#1e1e1e;padding:1rem;border-radius:4px;overflow-x:auto;margin:1rem 0;border:1px solid #404040}.problem-content code{font-family:Courier New,monospace;background:#1e1e1e;padding:.2rem .4rem;border-radius:3px}.chakra-box{height:100%}.panel-content{height:100%;background:#1e1e1e;overflow:hidden;width:100%}.problem-panel{height:100%;width:100%;overflow-y:auto;padding:1.5rem 1rem 1.5rem 1.5rem;color:#0f0;font-size:1rem;line-height:1.6;background:#1e1e1e}.problem-content{width:100%;min-width:min-content;overflow-x:auto;padding-bottom:8px}.matrix-effect{position:relative}.matrix-line{background:#1e1e1e!important;color:transparent!important;width:100%!important;position:relative;z-index:1}.matrix-char{color:transparent!important;background:#1e1e1e!important}.matrix-overlay{color:#0f0!important;font-family:Courier New,monospace;background:#1e1e1e!important;position:absolute;left:0;top:0;width:100%!important;height:100%;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:pre;display:block}.ai-problems-create-page{min-width:900px;width:100%;overflow-x:auto!important}.fixed-width-page{min-width:1200px;width:100%;overflow-x:visible}.problem-card,.panel,form>div,.form-group{padding:20px;margin-bottom:20px}select,input,button,.form-control{margin:10px 0;padding:10px}.problem-parameters-container{padding:20px;margin-right:30px}.generate-problem-container{padding:20px}.scrollable-content{overflow:auto;padding-right:14px}.app-footer{background-color:#1a1a1a;width:100%;bottom:0;position:fixed;z-index:1000}main,.content-area{flex:1 0 auto;min-height:calc(100vh - 150px);background-color:#121212}.ai-problems-create-container{width:100%;position:relative;padding-bottom:50px}.ai-problems-create-container .chakra-grid{min-width:1200px;width:100%}.ai-problems-create-container [role=gridcell]{min-width:250px;overflow:visible}.ai-problems-create-container .chakra-grid>.chakra-grid{min-width:900px;width:100%}.ai-problems-create-container .chakra-grid>.chakra-grid>[role=gridcell]:first-of-type{min-width:500px;width:70%}.ai-problems-create-container .chakra-grid>.chakra-grid>[role=gridcell]:last-of-type{min-width:250px;width:30%;display:block!important}.ai-problems-create-container .chakra-card,.ai-problems-create-container .chakra-box[bg="#1e1e1e"]{min-width:fit-content}.code-background .keyword{color:#ff00de;text-shadow:0 0 5px rgba(255,0,222,.7)}.code-background .function{color:#0ff;text-shadow:0 0 5px rgba(0,255,255,.7)}.code-background .string{color:#00ff8c;text-shadow:0 0 5px rgba(0,255,140,.7)}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.code-background span{animation:blink 1s step-end infinite}