:root{--bg-color:#222;--text-color:#f5f5f5;--nav-bg:#333;--link-color:#ff5a1f}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-color);color:var(--text-color)}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}.container{padding:2rem}.challenge{margin-bottom:1rem}.result{margin-top:1rem;border-collapse:collapse;width:100%}.result td,.result th{border:1px solid #ccc;padding:.5rem}.accordion{margin-bottom:1rem}.challenge-link{margin:.25rem 0}.challenge-link a{color:var(--link-color);text-decoration:none}.challenge-link a:hover{text-decoration:underline}.error{color:red;margin-top:1rem}.ai-advice{color:var(--link-color);margin-top:1rem}.lesson-content pre{background:#333;padding:.5rem;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.lesson-content code{color:#ffb86c}.navbar{display:flex;align-items:center;background:var(--nav-bg);padding:.5rem 1rem}.brand-link{margin-right:2rem;font-weight:700;color:#fff}.brand-link:visited{color:#fff}.brand-link .brand-text{margin-left:.5rem}.brand-link img{height:32px}.brand-link{display:flex;align-items:center;color:inherit;text-decoration:none}.brand-text{margin-left:.5rem;font-weight:700;color:#fff}.nav-links{list-style:none;display:flex;padding:0;flex-grow:1;margin:0 0 0 auto}.nav-item{position:relative;margin-right:1.5rem}.nav-item.sign-out{margin-left:auto;margin-right:0}.nav-item.disabled{color:#999;cursor:default}.nav-item>a{display:block;padding:.5rem .75rem;text-decoration:none;color:inherit}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:var(--nav-bg);padding:1rem;margin:0;border:1px solid #444;z-index:1000}.dropdown-menu.challenges-menu .level-list{min-width:180px}.dropdown-menu.lessons-menu{width:300px}.nav-item:hover .dropdown-menu{display:block}.dropdown-item a,.dropdown-level>a,.level-list li a{display:block;padding:.25rem .75rem;text-decoration:none;color:inherit}.dropdown-link{display:block;padding:.5rem 1rem}.dropdown-level{position:relative}.dropdown-level>ul{display:none;position:absolute;left:100%;top:0;background:var(--nav-bg);padding:1rem;border:1px solid #444}.dropdown-level:hover>ul{display:block}.level-list{list-style:none;margin:0;position:absolute;top:0;left:100%;background:var(--nav-bg);padding:.5rem;border:1px solid #444;display:none}.level-list li{margin:.25rem 0}.diagram-image{max-width:100%;height:auto}.login-container{max-width:400px;margin:2rem auto;padding:2rem;background:var(--nav-bg);border-radius:4px}.login-form{display:flex;flex-direction:column}.login-form input{padding:.5rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px}.password-row{display:flex;align-items:center;gap:.5rem;position:relative}.password-row input{flex:1 1}.toggle-eye{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#fff}.signup-container{margin-top:1rem;text-align:center}.login-form button{padding:.5rem}.signup-link{color:#ff5a1f}.signup-link:hover{color:#ff5a1f;text-decoration:underline}.home-page{text-align:center;padding:2rem}.home-logo{max-width:200px}.get-started{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:#ff5a1f;color:#fff;text-decoration:none;border-radius:4px}.get-started:hover{background:#ff5a1f;opacity:.9}.lesson-sidebar{position:fixed;top:0;right:0;width:300px;height:100%;overflow-y:auto;background:var(--nav-bg);color:var(--text-color);padding:1rem;border-left:1px solid #444;z-index:1000}.lesson-sidebar h2{margin-top:0}.sidebar-toggle{position:absolute;left:-24px;top:.5rem;background:var(--nav-bg);border:1px solid #444;padding:.25rem;cursor:pointer;color:var(--text-color)}.with-sidebar{margin-right:300px}@media (max-width:768px){.lesson-sidebar{position:relative;width:100%;height:auto;border-left:none;border-top:1px solid #444}.with-sidebar{margin-right:0}}.progress-row{display:flex;align-items:center;margin-bottom:.5rem}.level-label{width:80px}.progress-boxes{display:flex;gap:4px;flex-grow:1}.progress-box{display:inline-block;width:20px;height:20px;border:1px solid #666;text-decoration:none;color:inherit}.progress-box.completed{background:#006400}.progress-box.attempted{background:orange}.progress-box.unattempted{background:transparent}.level-summary{width:80px;text-align:right}.query-actions{width:300px;margin:1rem auto}.run-query-btn{width:100%;padding:.75rem;font-size:1rem;margin-bottom:.5rem}.run-query-btn:disabled{opacity:.6;cursor:not-allowed}.nav-buttons{display:flex;gap:.5rem}.nav-buttons button{flex:1 1;padding:.5rem}.app-footer{position:fixed;bottom:0;width:100%;background:#fff;color:#000;text-align:center;padding:.5rem}.app-footer a{color:#06c}.app-footer a:hover{text-decoration:underline}.challenges-dashboard{display:flex;gap:2rem}.challenge-list{flex:1 1}.dashboard-panel{width:50%}.user-row{display:flex;align-items:center;margin-bottom:.5rem}.user-label{width:220px}.level-group{display:flex;position:relative}.level-group:not(:last-child):after{content:"";position:absolute;top:0;bottom:0;right:-4px;border-right:2px solid #666}.level-heading{font-size:.75rem;text-align:center;margin-right:4px;width:100%}