body.theme-material{--theme-bg:#263238;--theme-surface:#37474F;--theme-secondary-bg:#273238;--theme-border:#403e3e;--theme-active-line:rgba(0,0,0,.5);--theme-selection:rgba(128,203,196,.2);--theme-text:#EEFFFF;--theme-text-alt:#EEFFFF;--theme-secondary-text:#B0BEC5;--theme-muted-text:#546E7A;--theme-heading:#627db8;--theme-keyword:#c3e88e;--theme-operator:#89DDFF;--theme-variable:#F07178;--theme-function:#82AAFF;--theme-string:#C3E88D;--theme-number:#FF5370;--theme-comment:#546E7A;--theme-tag:#FF5370;--theme-property:#C792EA;--theme-builtin:#FFCB6B;--theme-atom:#F78C6C;--theme-cursor:#FFCC00;--theme-primary:#2e997d;--theme-secondary:#1be24d;--theme-success:#C3E88D;--theme-warning:#FFCB6B;--theme-error:#FF5370}body.theme-dracula{--theme-bg:#282a36;--theme-surface:#44475a;--theme-secondary-bg:#282a36;--theme-border:#4b4b4b;--theme-active-line:#44475a;--theme-selection:rgba(255,255,255,.1);--theme-text:#f8f8f2;--theme-text-alt:#000000;--theme-secondary-text:#f8f8f2;--theme-muted-text:#6272a4;--theme-heading:#736aae!important;--theme-keyword:#11ac38;--theme-operator:#8be9fd;--theme-variable:#f8f8f2;--theme-function:#8be9fd;--theme-string:#f1fa8c;--theme-number:#bd93f9;--theme-comment:#6272a4;--theme-tag:#ff79c6;--theme-property:#8be9fd;--theme-builtin:#ffb86c;--theme-atom:#bd93f9;--theme-cursor:#f8f8f0;--theme-primary:#cdd294;--theme-secondary:#c8d455;--theme-success:#72da8c;--theme-warning:#ffb86c;--theme-error:#ff79c6}body.theme-monokai{--theme-bg:#272822;--theme-surface:#3E3D32;--theme-secondary-bg:#35352D;--theme-border:#49483E;--theme-active-line:#3E3D32;--theme-selection:rgba(73,72,62,.5);--theme-text:#F8F8F2;--theme-text-dark:#000000;--theme-secondary-text:#cfcfc2;--theme-muted-text:#75715E;--theme-keyword:#F92672;--theme-operator:#F8F8F2;--theme-variable:#F8F8F2;--theme-function:#A6E22E;--theme-string:#E6DB74;--theme-number:#AE81FF;--theme-comment:#75715E;--theme-tag:#F92672;--theme-property:#A6E22E;--theme-builtin:#66D9EF;--theme-atom:#AE81FF;--theme-cursor:#F8F8F0;--theme-primary:#66D9EF;--theme-secondary:#FD971F;--theme-success:#A6E22E;--theme-warning:#E6DB74;--theme-error:#F92672}body[class*="theme-"] .CodeMirror{background-color:var(--theme-bg)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}body[class*="theme-"] .CodeMirror-activeline-background{background:var(--theme-active-line)!important}body[class*="theme-"] .CodeMirror-selected{background:var(--theme-selection)!important}body[class*="theme-"] .CodeMirror-cursor{border-left:1px solid var(--theme-cursor)!important}body[class*="theme-"] #output-box code,body[class*="theme-"] #test-container code{color:var(--theme-text)!important}body[class*="theme-"] #output-box .keyword,body[class*="theme-"] #test-container .keyword{color:var(--theme-keyword)!important}body[class*="theme-"] #output-box .string,body[class*="theme-"] #test-container .string{color:var(--theme-string)!important}body[class*="theme-"] #output-box .number,body[class*="theme-"] #test-container .number{color:var(--theme-number)!important}body[class*="theme-"] #output-box .comment,body[class*="theme-"] #test-container .comment{color:var(--theme-comment)!important;font-style:italic}body[class*="theme-"] #output-box .function,body[class*="theme-"] #test-container .function{color:var(--theme-function)!important}body[class*="theme-"] .icon-function::before{color:var(--theme-function)!important}body[class*="theme-"] .icon-keyword::before{color:var(--theme-keyword)!important}body[class*="theme-"] .icon-variable::before{color:var(--theme-variable)!important}body[class*="theme-"] .editor-container{background-color:var(--theme-bg)!important}body[class*="theme-"] #output-box,body[class*="theme-"] #test-container{background-color:var(--theme-bg)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}body[class*="theme-"] .header{background-color:var(--theme-surface)!important;color:var(--theme-text)!important}body[class*="theme-"] .header h1{color:var(--theme-text)!important}body[class*="theme-"] .left-container,body[class*="theme-"] .right-container{background-color:var(--theme-secondary-bg)!important;border-color:var(--theme-border)!important}body[class*="theme-"] #project-description{color:var(--theme-text)!important}body[class*="theme-"] #project-description h1{background-color:var(--theme-heading)!important;color:var(--theme-bg)!important}body[class*="theme-"] #project-description h2,body[class*="theme-"] #project-description h3,body[class*="theme-"] #project-description h4{color:var(--theme-keyword)!important}body[class*="theme-"] #project-description blockquote{border-left:3px solid var(--theme-secondary)!important;color:var(--theme-secondary-text)!important}body[class*="theme-"] #project-description code{color:var(--theme-function)!important;background-color:color-mix(in srgb,var(--theme-bg) 80%,var(--theme-border) 20%)!important;padding:2px 4px;border-radius:3px}body[class*="theme-"] .left-container h2,body[class*="theme-"] #project-title,body[class*="theme-"] #programoutput{background-color:var(--theme-surface)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}body[class*="theme-"] input,body[class*="theme-"] textarea,body[class*="theme-"] select{background-color:var(--theme-bg)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}body[class*="theme-"] #userInputBox{background-color:var(--theme-bg)!important;color:var(--theme-primary)!important}body[class*="theme-"] #inputValues{background-color:var(--theme-bg)!important;color:var(--theme-text)!important}body[class*="theme-"] pre{background-color:var(--theme-bg)!important;color:var(--theme-text)!important}body[class*="theme-"] .tabs_wrap{border-color:var(--theme-border)!important}body[class*="theme-"] .tabs_wrap ul li{background:var(--theme-surface)!important;border-color:var(--theme-border)!important;color:var(--theme-text)!important}body[class*="theme-"] .tabs_wrap ul li:hover,body[class*="theme-"] .tabs_wrap ul li.active{background:var(--theme-success)!important;color:var(--theme-bg)!important}body[class*="theme-"] .tab{background-color:var(--theme-surface)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}body[class*="theme-"] .tab.active{background-color:var(--theme-bg)!important}body[class*="theme-"] .tab input{background-color:var(--theme-secondary-bg)!important;color:var(--theme-text)!important}body[class*="theme-"] li.tab.active input{background-color:var(--theme-bg)!important}body[class*="theme-"] #back-arrow,body[class*="theme-"] #forward-arrow{background-color:var(--theme-primary)!important;border-color:var(--theme-border)!important;color:var(--theme-bg)!important}body[class*="theme-"] #back-arrow:hover,body[class*="theme-"] #forward-arrow:hover{background-color:var(--theme-secondary)!important}body[class*="theme-"] button:not(.run-button):not(.run-tests-button):not(.submit-button):not(.showInputs):not(.video-button):not(.accordion-title){background-color:var(--theme-bg)!important;color:var(--theme-text)!important;border-color:var(--theme-surface)!important}body[class*="theme-"] button:not(.run-button):not(.run-tests-button):not(.submit-button):not(.showInputs):not(.video-button):not(.accordion-title):hover{background-color:var(--theme-secondary-bg)!important;border-color:var(--theme-primary)!important}body[class*="theme-"] .run-button.run{background-color:var(--theme-success)!important;color:var(--theme-bg)!important}body[class*="theme-"] .run-button.stop{background-color:var(--theme-error)!important;color:var(--theme-text)!important}body[class*="theme-"] .run-tests-button{background-color:var(--theme-primary)!important;color:var(--theme-bg)!important}body[class*="theme-"] .submit-button{background-color:var(--theme-secondary)!important;color:var(--theme-bg)!important}body[class*="theme-"] .showInputs{background-color:var(--theme-success)!important;color:var(--theme-bg)!important}body[class*="theme-"] .sidebar{background-color:var(--theme-bg)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}body[class*="theme-"] .sidebar-header{background-color:var(--theme-surface)!important}body[class*="theme-"] .draggable-handle{background-color:var(--theme-border)!important}body[class*="theme-"] .test-box{border-color:var(--theme-border)!important;color:var(--theme-text)!important}body[class*="theme-"] .test-box.passed{background-color:color-mix(in srgb,var(--theme-success) 30%,var(--theme-bg) 70%)!important}body[class*="theme-"] .test-box.failed{background-color:color-mix(in srgb,var(--theme-error) 30%,var(--theme-bg) 70%)!important}body[class*="theme-"] span.status.passed{background-color:var(--theme-bg)!important;color:var(--theme-success)!important}body[class*="theme-"] span.status.failed{background-color:var(--theme-bg)!important;color:var(--theme-error)!important}body[class*="theme-"] .modal-content,body[class*="theme-"] .parsons-modal-content,body[class*="theme-"] .custom-modal-content,body[class*="theme-"] .star-modal-content,body[class*="theme-"] .turtle-modal-content{background-color:var(--theme-bg)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}body[class*="theme-"] .close{color:var(--theme-primary)!important;background-color:var(--theme-surface)!important;border-color:var(--theme-primary)!important}body[class*="theme-"] .video-button{background-color:var(--theme-success)!important;color:var(--theme-bg)!important}body[class*="theme-"] .video-button:hover{background-color:color-mix(in srgb,var(--theme-success) 80%,white 20%)!important}body[class*="theme-"] .accordion .accordion-title{background-color:var(--theme-primary)!important;color:var(--theme-bg)!important}body[class*="theme-"] .accordion-content{background-color:var(--theme-bg)!important;color:var(--theme-text)!important}body[class*="theme-"] table,body[class*="theme-"] tbody,body[class*="theme-"] th,body[class*="theme-"] td{border-color:var(--theme-border)!important;background-color:var(--theme-bg)!important;color:var(--theme-text)!important}body[class*="theme-"] th{background-color:var(--theme-surface)!important;color:var(--theme-text)!important}body[class*="theme-"] .parsons-draggable-block{background-color:var(--theme-surface)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}body[class*="theme-"] .parsons-draggable-block:hover{background-color:var(--theme-secondary-bg)!important}body[class*="theme-"] .tab .icons{background-color:var(--theme-surface)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}body[class*="theme-"] .not-writeable-icon,body[class*="theme-"] .padlock-icon{background-color:var(--theme-secondary)!important;color:var(--theme-bg)!important;border-color:var(--theme-secondary)!important}body[class*="theme-"] .CodeMirror-hints{background-color:var(--theme-bg)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important;font-family:'Arial',sans-serif!important}body[class*="theme-"] li.CodeMirror-hint-active{background-color:var(--theme-primary)!important;color:var(--theme-bg)!important}body[class*="theme-"] .tooltip .tooltiptext{background-color:var(--theme-surface)!important;color:var(--theme-text)!important;border:1px solid var(--theme-border)!important}body[class*="theme-"] #loading-overlay{background-color:rgba(0,0,0,.7)!important}body[class*="theme-"] .loading-spinner{border-color:var(--theme-bg)!important;border-top-color:var(--theme-primary)!important}body[class*="theme-"] #mycanvas,body[class*="theme-"] #p5canvas{border-color:var(--theme-border)!important;background-color:var(--theme-bg)!important}body[class*="theme-"] .CodeMirror-gutters{background-color:var(--theme-bg)!important;border-right:1px solid var(--theme-border)!important}body[class*="theme-"] .CodeMirror-linenumber{color:var(--theme-muted-text)!important}body[class*="theme-"] .CodeMirror-matchingbracket{text-decoration:underline!important;color:var(--theme-text)!important}body[class*="theme-"] #title-bar{background-color:var(--theme-primary)!important;color:var(--theme-bg)!important}body[class*="theme-"] #toolbar{background-color:var(--theme-surface)!important}body[class*="theme-"] .toolbar-button{background-color:var(--theme-primary)!important;color:var(--theme-bg)!important}body[class*="theme-"] .toolbar-button:hover{background-color:var(--theme-secondary)!important}body[class*="theme-"] .firework-particle{}.CodeMirror,#output-box,#test-container,.left-container,.right-container,.header,input,textarea,select,button,.sidebar,.tab,.tab.active,.modal-content,.parsons-modal-content,pre,.test-box,.tabs_wrap ul li{transition:all .3s ease}body[class*="theme-"] .CodeMirror-lint-markers{width:16px}body[class*="theme-"] .CodeMirror-lint-tooltip{background-color:var(--theme-surface)!important;border:2px solid var(--theme-warning)!important;border-radius:8px!important;color:var(--theme-text)!important;font-family:'Rubik',sans-serif!important;font-size:12pt!important;padding:10px 15px!important;box-shadow:0 4px 8px rgba(0,0,0,.3)!important;z-index:100!important}body[class*="theme-"] .CodeMirror-lint-tooltip .CodeMirror-lint-message{display:flex!important;align-items:center!important}body[class*="theme-"] .CodeMirror-lint-tooltip .CodeMirror-lint-message-icon{margin-right:10px!important}body[class*="theme-"] .CodeMirror-lint-mark-warning{background-color:transparent!important;border-bottom:2px dotted var(--theme-warning)!important}body[class*="theme-"] .CodeMirror-lint-mark-error{background-color:transparent!important;border-bottom:2px dotted var(--theme-error)!important}body[class*="theme-"] .CodeMirror-lint-marker-warning{color:var(--theme-warning)!important;opacity:.8!important}body[class*="theme-"] .CodeMirror-lint-marker-error{color:var(--theme-error)!important;opacity:.8!important}body[class*="theme-"] .CodeMirror-lint-message-warning{color:var(--theme-warning)!important}body[class*="theme-"] .CodeMirror-lint-message-error{color:var(--theme-error)!important}body[class*="theme-"] .CodeMirror-lint-message-error:before{color:var(--theme-error)!important}body[class*="theme-"] .CodeMirror-lint-line-error{background-color:color-mix(in srgb,var(--theme-error) 15%,transparent)!important}body[class*="theme-"] .CodeMirror-lint-line-warning{background-color:color-mix(in srgb,var(--theme-warning) 15%,transparent)!important}body[class*="theme-"] .CodeMirror-lint-marker-multiple{background-color:transparent!important;color:var(--theme-warning)!important}body[class*="theme-"] div.cm-complete-list{background-color:var(--theme-bg)!important;border:1px solid var(--theme-border)!important;border-radius:4px!important;box-shadow:0 4px 10px rgba(0,0,0,.3)!important}body[class*="theme-"] div.cm-complete-list ul{color:var(--theme-text)!important;font-family:'Arial',sans-serif!important}body[class*="theme-"] div.cm-complete-list li{padding:5px 8px!important;border-bottom:1px solid var(--theme-border)!important}body[class*="theme-"] div.cm-complete-list li:last-child{border-bottom:none!important}body[class*="theme-"] div.cm-complete-list li.cm-complete-selected{background-color:var(--theme-primary)!important;color:var(--theme-bg)!important}body[class*="theme-"] div.cm-complete-list .cm-complete-item-function{color:var(--theme-function)!important}body[class*="theme-"] div.cm-complete-list .cm-complete-item-variable{color:var(--theme-variable)!important}body[class*="theme-"] div.cm-complete-list .cm-complete-item-keyword{color:var(--theme-keyword)!important;font-weight:bold!important}body[class*="theme-"] div.cm-complete-list .cm-complete-item-property{color:var(--theme-property)!important}body[class*="theme-"] div.cm-complete-list .cm-complete-item-method{color:var(--theme-function)!important;font-style:italic!important}body[class*="theme-"] div.cm-complete-list li.cm-complete-active{background-color:var(--theme-selection)!important}body[class*="theme-"] textarea[aria-autocomplete="list"]{color:var(--theme-text)!important;background-color:transparent!important}body[class*="theme-"] div.cm-complete-list::-webkit-scrollbar{width:8px!important}body[class*="theme-"] div.cm-complete-list::-webkit-scrollbar-track{background-color:var(--theme-bg)!important}body[class*="theme-"] div.cm-complete-list::-webkit-scrollbar-thumb{background-color:var(--theme-border)!important;border-radius:4px!important}body[class*="theme-"] div.cm-complete-list::-webkit-scrollbar-thumb:hover{background-color:var(--theme-primary)!important}body[class*="theme-"] div[aria-autocomplete="list"],body[class*="theme-"] [aria-autocomplete="list"],body[class*="theme-"] [aria-owns="cm-complete-0"]{color:var(--theme-cursor)!important;background-color:transparent!important}body[class*="theme-"] #cm-complete-0{background-color:var(--theme-bg)!important;color:var(--theme-cursor)!important;border:1px solid var(--theme-border)!important;box-shadow:0 4px 10px rgba(0,0,0,.3)!important}body[class*="theme-"] #cm-complete-0 li{border-bottom:1px solid var(--theme-border)!important;padding:5px 8px!important}body[class*="theme-"] #cm-complete-0 li:last-child{border-bottom:none!important}body[class*="theme-"] #cm-complete-0 li[aria-selected="true"],body[class*="theme-"] #cm-complete-0 li.cm-active{background-color:var(--theme-primary)!important;color:var(--theme-text-alt)!important}body[class*="theme-"] .CodeMirror-hint{color:var(--theme-cursor)!important}body[class*="theme-"] .nav-header{display:flex;align-items:center;background-color:transparent;border-bottom:none;padding:0;width:100%}body[class*="theme-"] .assignment-title-container{display:flex;align-items:center;justify-content:center;padding:5px 15px;flex-grow:1;margin:0 15px;gap:10px;}body[class*="theme-"] .assignment-title{font-weight:600;font-size:16px;color:var(--theme-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}body[class*="theme-"] .toggle-nav-button{display:flex;align-items:center;gap:5px;background-color:var(--theme-surface);border:1px solid var(--theme-border);border-radius:4px;color:var(--theme-secondary-text);cursor:pointer;font-size:13px;padding:4px 10px;transition:all .2s ease;}body[class*="theme-"] .toggle-nav-button:hover{background-color:var(--theme-primary);color:var(--theme-bg);}body[class*="theme-"] .toggle-nav-button .toggle-icon{display:inline-block;width:12px;height:12px;transition:transform .2s ease;}body[class*="theme-"] .toggle-nav-button .toggle-icon.expanded{transform:rotate(180deg);}body[class*="theme-"] .project-navigation-container{background-color:var(--theme-surface);border-bottom:1px solid var(--theme-border);margin-bottom:0;transition:max-height .3s ease-in-out}body[class*="theme-"] .nav-content{padding:15px;background-color:var(--theme-bg);transition:max-height .3s ease-in-out,opacity .2s,padding .3s;overflow:hidden}body[class*="theme-"] .nav-content.hidden{max-height:0;padding:0 15px;opacity:0;padding-top:0;padding-bottom:0}body[class*="theme-"] .nav-controls{display:flex;align-items:center;gap:15px;margin-bottom:20px}body[class*="theme-"] .nav-button{background-color:var(--theme-bg);color:var(--theme-text);border:1px solid var(--theme-border);border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}body[class*="theme-"] .nav-button:hover:not(:disabled){background-color:var(--theme-primary);color:var(--theme-bg)}body[class*="theme-"] .nav-button:disabled{background-color:var(--theme-secondary-bg);color:var(--theme-muted-text);cursor:not-allowed;border-color:var(--theme-border)}body[class*="theme-"] .project-dropdown{flex:1;padding:8px 12px;border-radius:4px;border:1px solid var(--theme-border);font-size:14px;color:var(--theme-text);background-color:var(--theme-bg);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd' /%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:20px;padding-right:30px;}body[class*="theme-"] .project-dropdown:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 2px rgba(var(--theme-primary-rgb,46,153,125),.2);}body[class*="theme-"] .project-dropdown option[data-status="completed"]{background-color:var(--theme-success);color:var(--theme-bg);}body[class*="theme-"] .project-dropdown option[data-status="started"]{background-color:var(--theme-warning);color:var(--theme-bg);}body[class*="theme-"] .project-dropdown option[data-status="not-started"]{background-color:var(--theme-muted-text);color:var(--theme-bg);}body[class*="theme-"] .status-label{display:inline-block;padding:2px 8px;border-radius:3px;font-size:12px;font-weight:500;margin-right:8px;}body[class*="theme-"] .status-completed{background-color:color-mix(in srgb,var(--theme-success) 30%,var(--theme-bg) 70%);color:var(--theme-success);}body[class*="theme-"] .status-started{background-color:color-mix(in srgb,var(--theme-warning) 30%,var(--theme-bg) 70%);color:var(--theme-warning);}body[class*="theme-"] .status-not-started{background-color:color-mix(in srgb,var(--theme-muted-text) 30%,var(--theme-bg) 70%);color:var(--theme-muted-text);}body[class*="theme-"] .assignment-progress{margin-top:10px;}body[class*="theme-"] .progress-bar-container{margin-bottom:15px;}body[class*="theme-"] .progress-bar{height:10px;background-color:var(--theme-surface);border-radius:9999px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);}body[class*="theme-"] .progress-fill{height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--theme-success) 90%,transparent),color-mix(in srgb,var(--theme-success) 100%,transparent));transition:width .5s ease;}body[class*="theme-"] .progress-text{font-size:12px;color:var(--theme-secondary-text);text-align:right;margin-top:6px;}body[class*="theme-"] .progress-stats{display:flex;flex-wrap:wrap;flex-direction:row-reverse;gap:15px;font-size:13px;margin-top:10px;}body[class*="theme-"] .stat{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;}body[class*="theme-"] .stat-completed{background-color:color-mix(in srgb,var(--theme-success) 20%,var(--theme-bg) 80%);color:var(--theme-success);border-left:3px solid var(--theme-success);}body[class*="theme-"] .stat-in-progress{background-color:color-mix(in srgb,var(--theme-warning) 20%,var(--theme-bg) 80%);color:var(--theme-warning);border-left:3px solid var(--theme-warning);}body[class*="theme-"] .stat-not-started{background-color:color-mix(in srgb,var(--theme-muted-text) 20%,var(--theme-bg) 80%);color:var(--theme-muted-text);border-left:3px solid var(--theme-muted-text);}body[class*="theme-"] .stat-indicator{width:12px;height:12px;border-radius:2px;}body[class*="theme-"] .nav-loading,body[class*="theme-"] .nav-error{padding:0;text-align:center;color:var(--theme-secondary-text);font-size:12px;}body[class*="theme-"] .nav-error{color:var(--theme-error);}