.doc-panel-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;justify-content:flex-end}.doc-panel{width:min(600px,90vw);height:100vh;background:var(--bg-secondary, #1e1e2e);color:var(--text-primary, #e0e0e0);display:flex;flex-direction:column;box-shadow:-4px 0 20px #0000004d;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.doc-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #333);flex-shrink:0}.doc-panel-title{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1rem}.doc-quality-badge{font-size:.75rem;padding:.2rem .5rem;border-radius:12px;color:#fff;font-weight:700}.doc-panel-actions{display:flex;align-items:center;gap:.5rem}.doc-copy-btn{background:var(--bg-tertiary, #2a2a3e);border:1px solid var(--border-color, #444);color:var(--text-primary, #e0e0e0);padding:.35rem .75rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:background .15s}.doc-copy-btn:hover{background:var(--bg-hover, #3a3a4e)}.doc-close-btn{background:none;border:none;color:var(--text-secondary, #999);font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1}.doc-close-btn:hover{color:var(--text-primary, #e0e0e0)}.doc-panel-content{flex:1;overflow-y:auto;padding:1.25rem}.doc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem;color:var(--text-secondary, #999)}.doc-spinner{width:32px;height:32px;border:3px solid var(--border-color, #444);border-top-color:var(--brand-primary, #00d2ff);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.doc-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;color:#f87171}.doc-rendered{line-height:1.7}.doc-rendered h1,.doc-rendered h2,.doc-rendered h3{margin-top:1.5rem;margin-bottom:.5rem;color:var(--text-primary, #e0e0e0)}.doc-rendered h1{font-size:1.5rem}.doc-rendered h2{font-size:1.25rem}.doc-rendered h3{font-size:1.1rem}.doc-rendered p{margin-bottom:.75rem}.doc-rendered pre{background:var(--bg-tertiary, #1a1a2e);padding:.75rem;border-radius:6px;overflow-x:auto;font-size:.85rem;margin-bottom:.75rem}.doc-rendered code{background:var(--bg-tertiary, #1a1a2e);padding:.15rem .35rem;border-radius:3px;font-size:.9em}.doc-rendered ul,.doc-rendered ol{padding-left:1.5rem;margin-bottom:.75rem}.doc-markdown-raw{white-space:pre-wrap;word-break:break-word;font-size:.85rem;line-height:1.6;background:var(--bg-tertiary, #1a1a2e);padding:1rem;border-radius:8px}.doc-empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary, #999)}.auto-score-toggle{display:flex;align-items:center;gap:6px;position:relative;padding:4px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:default}.auto-score-toggle__icon{font-size:.85rem;line-height:1}.auto-score-toggle__label{font-size:.75rem;color:#fff9;-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap}.auto-score-toggle__switch{position:relative;width:32px;height:18px;background:#ffffff26;border-radius:9px;cursor:pointer;transition:background .2s;border:none;padding:0;flex-shrink:0}.auto-score-toggle__switch--enabled{background:#22c55e99}.auto-score-toggle__switch-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s}.auto-score-toggle__switch--enabled .auto-score-toggle__switch-knob{transform:translate(14px)}.auto-score-toggle__tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:280px;padding:12px 14px;background:#0f0f19f7;border:1px solid rgba(255,255,255,.15);border-radius:10px;box-shadow:0 8px 24px #0006;z-index:1000;pointer-events:none;animation:autoScoreTooltipFadeIn .15s ease-out}.auto-score-toggle__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#0f0f19f7}.auto-score-toggle__tooltip strong{display:block;font-size:.8rem;color:#22c55e;margin-bottom:6px}.auto-score-toggle__tooltip p{font-size:.72rem;color:#ffffffb3;line-height:1.5;margin:0}@keyframes autoScoreTooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.custom-dropdown{position:relative;width:90%;min-width:0;z-index:10}.dropdown-button{width:100%;padding:12px 40px;background:#1a1a1a;border:2px solid #666666;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;position:relative;min-width:0}.dropdown-button span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dropdown-button:before{content:"📖";position:absolute;left:14px;font-size:16px}.dropdown-button:after{content:"▼";color:#666;font-size:12px;transition:transform .3s ease}.dropdown-button.open:after{transform:rotate(180deg)}.dropdown-button:hover{background:#252525;border-color:#00d2ff;box-shadow:0 4px 15px #00d2ff4d}.dropdown-button:hover:after{color:#00d2ff}.dropdown-menu{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#1a1a1a;border:2px solid #666666;border-radius:10px;max-height:400px;overflow-y:auto;z-index:20;display:none;box-shadow:0 8px 25px #00000080}.dropdown-menu.open-upward{top:auto;bottom:calc(100% + 5px);animation:dropdown-slide-up .3s ease-out}.dropdown-menu.open{display:block;animation:dropdown-slide-in .3s ease-out}.dropdown-item{padding:12px 16px 12px 40px;color:#fff;font-size:14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#252525;border-left:3px solid #00d2ff;padding-left:37px}.dropdown-item.loading{text-align:center;color:#fff9;font-style:italic;cursor:default}.dropdown-item.loading:hover{background:transparent;border-left:none;padding-left:40px}.dropdown-category{padding:8px 16px;color:#00d2ff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:#00d2ff1a;border-bottom:1px solid rgba(0,210,255,.3);cursor:default}.dropdown-menu::-webkit-scrollbar{width:8px}.dropdown-menu::-webkit-scrollbar-track{background:#0a0a0a;border-radius:10px}.dropdown-menu::-webkit-scrollbar-thumb{background:#00d2ff;border-radius:10px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#ff6b35}@media(max-width:768px){.dropdown-button{padding:10px 35px;font-size:13px}.dropdown-button:before{left:12px;font-size:14px}.dropdown-item{padding:10px 14px 10px 35px;font-size:13px}.dropdown-item:hover{padding-left:32px}.dropdown-category{padding:6px 14px;font-size:11px}}@media(max-width:480px){.dropdown-button{padding:9px 32px;font-size:12px}.dropdown-button:before{left:10px;font-size:13px}.dropdown-item{padding:9px 12px 9px 32px;font-size:12px}.dropdown-item:hover{padding-left:29px}}.content-browser-trigger{width:100%;padding:12px 16px;background:linear-gradient(135deg,#1a1a1a,#252525);border:2px solid #666666;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;position:relative;z-index:1}.content-browser-trigger:hover{background:linear-gradient(135deg,#252525,#2a2a2a);border-color:#00d2ff;box-shadow:0 4px 15px #00d2ff4d;transform:translateY(-2px)}.content-browser-trigger span:first-child{flex:1;text-align:left}.content-count{padding:4px 10px;background:#00d2ff33;border-radius:12px;font-size:11px;color:#00d2ff;font-weight:700}@media(max-width:768px){.content-browser-trigger{padding:10px 14px;font-size:13px}.content-count{font-size:10px;padding:3px 8px}}.challenge-dropdown{position:relative;width:90%;min-width:0;z-index:10}.challenge-button{width:100%;padding:12px 40px;background:#1a1a1a;border:2px solid #666666;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;position:relative;min-width:0}.challenge-button span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.challenge-button:before{content:"✍️";position:absolute;left:14px;font-size:16px}.challenge-button:after{content:"▼";color:#666;font-size:12px;transition:transform .3s ease}.challenge-button.open:after{transform:rotate(180deg)}.challenge-button:hover{background:#252525;border-color:#ff6b35;box-shadow:0 4px 15px #ff6b354d}.challenge-button:hover:after{color:#ff6b35}.challenge-menu{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#1a1a1a;border:2px solid #666666;border-radius:10px;max-height:400px;overflow-y:auto;z-index:20;display:none;box-shadow:0 8px 25px #00000080}.challenge-menu.open-upward{top:auto;bottom:calc(100% + 5px);animation:dropdown-slide-up .3s ease-out}.challenge-menu.open{display:block;animation:dropdown-slide-in .3s ease-out}@keyframes dropdown-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdown-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.challenge-item{padding:12px 16px 12px 40px;color:#fff;font-size:14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.challenge-item:last-child{border-bottom:none}.challenge-item:hover{background:#252525;border-left:3px solid #FF6B35;padding-left:37px}.challenge-item.loading{text-align:center;color:#fff9;font-style:italic;cursor:default}.challenge-item.loading:hover{background:transparent;border-left:none;padding-left:40px}.challenge-category{padding:8px 16px;color:#ff6b35;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:#ff6b351a;border-bottom:1px solid rgba(255,107,53,.3);cursor:default}.challenge-menu::-webkit-scrollbar{width:8px}.challenge-menu::-webkit-scrollbar-track{background:#0a0a0a;border-radius:10px}.challenge-menu::-webkit-scrollbar-thumb{background:#ff6b35;border-radius:10px}.challenge-menu::-webkit-scrollbar-thumb:hover{background:#ff4500}@media(max-width:768px){.challenge-button{padding:10px 35px;font-size:13px}.challenge-button:before{left:12px;font-size:14px}.challenge-item{padding:10px 14px 10px 35px;font-size:13px}.challenge-item:hover{padding-left:32px}.challenge-category{padding:6px 14px;font-size:11px}}@media(max-width:480px){.challenge-button{padding:9px 32px;font-size:12px}.challenge-button:before{left:10px;font-size:13px}.challenge-item{padding:9px 12px 9px 32px;font-size:12px}.challenge-item:hover{padding-left:29px}}.challenge-trigger{width:100%;padding:12px 16px;background:linear-gradient(135deg,#1a1a1a,#252525);border:2px solid #666666;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;position:relative;z-index:1}.challenge-trigger:hover{background:linear-gradient(135deg,#252525,#2a2a2a);border-color:#ff6b35;box-shadow:0 4px 15px #ff6b354d;transform:translateY(-2px)}.challenge-trigger span:first-child{flex:1;text-align:left}.challenge-trigger .content-count{padding:4px 10px;background:#ff6b3533;border-radius:12px;font-size:11px;color:#ff6b35;font-weight:700}@media(max-width:768px){.challenge-trigger{padding:10px 14px;font-size:13px}.challenge-trigger .content-count{font-size:10px;padding:3px 8px}}.auth-prompt-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.auth-prompt-modal{background:#1e1e1e;border-radius:12px;width:90%;max-width:500px;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease-out;border:2px solid #FF6B35}.auth-prompt-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #333}.auth-prompt-header h3{margin:0;font-size:22px;color:#fff;font-weight:600}.auth-prompt-close{background:none;border:none;color:#999;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.auth-prompt-close:hover{background:#333;color:#fff}.auth-prompt-body{padding:24px}.auth-prompt-body p{margin:0 0 16px;color:#ccc;font-size:16px;line-height:1.6}.auth-prompt-body p:first-child{font-size:18px;color:#fff;font-weight:500}.auth-prompt-body ul{list-style:none;padding:0;margin:16px 0 0}.auth-prompt-body li{padding:8px 0;color:#ccc;font-size:15px;display:flex;align-items:center;gap:8px}.auth-prompt-actions{display:flex;gap:12px;padding:24px;border-top:1px solid #333}.auth-prompt-button{flex:1;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.auth-prompt-button.primary{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;box-shadow:0 4px 12px #ff6b354d}.auth-prompt-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b3566}.auth-prompt-button.secondary{background:#333;color:#fff;border:2px solid #666}.auth-prompt-button.secondary:hover{background:#444;border-color:#ff6b35}@media(max-width:768px){.auth-prompt-modal{width:95%}.auth-prompt-header{padding:20px}.auth-prompt-header h3{font-size:20px}.auth-prompt-body{padding:20px}.auth-prompt-body p:first-child{font-size:16px}.auth-prompt-body p,.auth-prompt-body li{font-size:14px}.auth-prompt-actions{flex-direction:column;padding:20px}.auth-prompt-button{padding:12px 20px;font-size:15px}}.java-to-cobol-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.java-to-cobol-panel{background:#1e1e1e;border-radius:12px;width:90%;max-width:700px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;transition:max-width .3s ease}.java-to-cobol-panel--wide{max-width:1100px}.java-to-cobol-header{padding:20px 24px 12px;border-bottom:1px solid #333;position:relative}.java-to-cobol-header h3{margin:0;font-size:20px;color:#fff}.java-to-cobol-header p{margin:6px 0 0;font-size:14px;color:#fff9}.java-to-cobol-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#999;font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.java-to-cobol-close:hover{background:#333;color:#fff}.java-to-cobol-body{padding:20px 24px;display:flex;flex-direction:column;gap:20px}.java-to-cobol-body--split{flex-direction:row;gap:16px}.java-to-cobol-body--split .java-to-cobol-output{flex:1;min-width:0}.java-to-cobol-output label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;color:#ffffff80;margin-bottom:8px;letter-spacing:.5px}.java-to-cobol-btn{display:block;width:100%;margin-top:12px;padding:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s}.java-to-cobol-btn:hover:not(:disabled){transform:translateY(-1px);opacity:.9}.java-to-cobol-btn:disabled{opacity:.5;cursor:not-allowed}.java-to-cobol-btn--explain{background:linear-gradient(135deg,#667eea,#764ba2)}.java-to-cobol-code{margin:0;padding:14px;background:#0d1117;border-radius:8px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:13px;line-height:1.5;overflow-x:auto;max-height:400px;overflow-y:auto;white-space:pre}.java-to-cobol-code--target{color:#e0e0e0}.java-to-cobol-code--explain{color:#3f3;white-space:pre-wrap}.java-to-cobol-loading{padding:40px 20px;text-align:center;color:#fff9;font-size:15px}.java-to-cobol-error{padding:12px;background:#dc354526;color:#ff6b6b;border-radius:8px;font-size:14px}.learning-nav-card--java:before{background:#f59e0b}.learning-nav-card--java:hover{border-color:#f59e0b66;box-shadow:0 6px 20px #f59e0b26}.learning-nav-card--java.active{border-color:#f59e0b80;background:#f59e0b14}.learning-nav-card--python:before{background:#3776ab}.learning-nav-card--python:hover{border-color:#3776ab66;box-shadow:0 6px 20px #3776ab26}.learning-nav-card--python.active{border-color:#3776ab80;background:#3776ab14}.learning-nav-card--csharp:before{background:#68217a}.learning-nav-card--csharp:hover{border-color:#68217a66;box-shadow:0 6px 20px #68217a26}.learning-nav-card--csharp.active{border-color:#68217a80;background:#68217a14}.learning-nav-card--typescript:before{background:#3178c6}.learning-nav-card--typescript:hover{border-color:#3178c666;box-shadow:0 6px 20px #3178c626}.learning-nav-card--typescript.active{border-color:#3178c680;background:#3178c614}@media(max-width:768px){.java-to-cobol-body--split{flex-direction:column}.java-to-cobol-panel--wide{max-width:95%}}.quality-score-card{background:#1e1e28f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-top:16px;color:#fff}.quality-score-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.quality-score-card__title{font-size:1rem;font-weight:600;color:#ffffffe6}.quality-score-card__loading{display:flex;align-items:center;justify-content:center;padding:32px 0;gap:12px;color:#ffffffb3}.quality-score-card__spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.2);border-top-color:#6c63ff;border-radius:50%;animation:quality-score-spin .8s linear infinite}@keyframes quality-score-spin{to{transform:rotate(360deg)}}.quality-score-card__error{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px}.quality-score-card__error-message{color:#fca5a5;font-size:.875rem}.quality-score-card__retry-btn{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.8rem;transition:background .2s}.quality-score-card__retry-btn:hover{background:#ef44444d}.quality-score-card__overall{display:flex;align-items:center;gap:16px;margin-bottom:20px}.quality-score-card__score-circle{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.quality-score-card__score-circle--green{background:#22c55e26;border:3px solid #22c55e;color:#22c55e}.quality-score-card__score-circle--yellow{background:#eab30826;border:3px solid #eab308;color:#eab308}.quality-score-card__score-circle--red{background:#ef444426;border:3px solid #ef4444;color:#ef4444}.quality-score-card__score-label{font-size:.85rem;color:#fff9}.quality-score-card__categories{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.quality-score-card__category{display:flex;align-items:center;gap:12px}.quality-score-card__category-label{width:100px;font-size:.8rem;color:#ffffffb3;flex-shrink:0}.quality-score-card__category-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.quality-score-card__category-fill{height:100%;border-radius:4px;transition:width .4s ease}.quality-score-card__category-fill--green{background:#22c55e}.quality-score-card__category-fill--yellow{background:#eab308}.quality-score-card__category-fill--red{background:#ef4444}.quality-score-card__category-value{width:32px;text-align:right;font-size:.8rem;font-weight:600;color:#ffffffe6}.quality-score-card__suggestions{margin-bottom:16px}.quality-score-card__suggestions-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;color:#fffc;font-size:.85rem;font-weight:600;cursor:pointer;padding:8px 0;width:100%;text-align:left}.quality-score-card__suggestions-toggle:hover{color:#fff}.quality-score-card__suggestions-arrow{transition:transform .2s;font-size:.7rem}.quality-score-card__suggestions-arrow--open{transform:rotate(90deg)}.quality-score-card__suggestions-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}.quality-score-card__suggestion{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:6px;font-size:.8rem;line-height:1.4}.quality-score-card__suggestion--high{background:#ef44441a;border-left:3px solid #ef4444;color:#fca5a5}.quality-score-card__suggestion--medium{background:#eab3081a;border-left:3px solid #eab308;color:#fde047}.quality-score-card__suggestion--low{background:#60a5fa1a;border-left:3px solid #60a5fa;color:#93c5fd}.quality-score-card__suggestion-line{font-size:.75rem;opacity:.7;margin-left:auto;white-space:nowrap}.quality-score-card__history{border-top:1px solid rgba(255,255,255,.1);padding-top:12px}.quality-score-card__history-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;color:#fffc;font-size:.85rem;font-weight:600;cursor:pointer;padding:8px 0;width:100%;text-align:left}.quality-score-card__history-toggle:hover{color:#fff}.quality-score-card__history-arrow{transition:transform .2s;font-size:.7rem}.quality-score-card__history-arrow--open{transform:rotate(90deg)}.quality-score-card__history-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:4px}.quality-score-card__history-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#ffffff08;border-radius:4px;font-size:.8rem}.quality-score-card__history-date{color:#ffffff80}.quality-score-card__history-score{font-weight:600}.quality-score-card__history-score--green{color:#22c55e}.quality-score-card__history-score--yellow{color:#eab308}.quality-score-card__history-score--red{color:#ef4444}.quality-score-card__history-loading{padding:12px 0;text-align:center;color:#ffffff80;font-size:.8rem}.quality-score-card__history-error{padding:8px 12px;background:#ef44441a;border-radius:6px;color:#fca5a5;font-size:.8rem}.quality-score-card__history-empty{padding:12px 0;text-align:center;color:#ffffff80;font-size:.8rem}.learning-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;padding:12px;background:#141414f2;border-radius:14px;border:1px solid rgba(255,255,255,.08)}.learning-nav-card{position:relative;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#1e1e1ecc;cursor:pointer;transition:all .25s ease;overflow:hidden}.learning-nav-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px;transition:width .25s ease}.learning-nav-card--learn:before{background:#00d2ff}.learning-nav-card--challenge:before{background:#f59e0b}.learning-nav-card--practice:before{background:#10b981}.learning-nav-card--labs:before{background:#8b5cf6}.learning-nav-card:hover{background:#282828f2;transform:translateY(-2px);box-shadow:0 6px 20px #0006}.learning-nav-card--learn:hover{border-color:#00d2ff66;box-shadow:0 6px 20px #00d2ff26}.learning-nav-card--challenge:hover{border-color:#f59e0b66;box-shadow:0 6px 20px #f59e0b26}.learning-nav-card--practice:hover{border-color:#10b98166;box-shadow:0 6px 20px #10b98126}.learning-nav-card--labs:hover{border-color:#8b5cf666;box-shadow:0 6px 20px #8b5cf626}.learning-nav-card.active:before{width:4px}.learning-nav-card--learn.active{border-color:#00d2ff80;background:#00d2ff14}.learning-nav-card--challenge.active{border-color:#f59e0b80;background:#f59e0b14}.learning-nav-card--practice.active{border-color:#10b98180;background:#10b98114}.learning-nav-card--labs.active{border-color:#8b5cf680;background:#8b5cf614}.learning-nav-card__icon{font-size:24px;line-height:1;flex-shrink:0}.learning-nav-card__content{display:flex;flex-direction:column;min-width:0}.learning-nav-card__label{font-size:14px;font-weight:700;color:#fff;line-height:1.2}.learning-nav-card__sub{font-size:11px;color:#ffffff73;line-height:1.3}@media(max-width:768px){.learning-nav{grid-template-columns:repeat(2,1fr);gap:8px;padding:10px}.learning-nav-card{padding:10px 12px;gap:8px}.learning-nav-card__icon{font-size:20px}.learning-nav-card__label{font-size:13px}.learning-nav-card__sub{font-size:10px}}@media(max-width:480px){.learning-nav{grid-template-columns:repeat(2,1fr);gap:6px;padding:8px}.learning-nav-card{padding:8px 10px;gap:6px}.learning-nav-card__icon{font-size:18px}.learning-nav-card__label{font-size:12px}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10002;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;top:-10px;animation:confettiFall linear forwards}.confetti-piece:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#00d2ff,#3a7bd5,#ff6b6b,#ffd93d,#6bcf7f);background-size:500% 500%;animation:confettiColor 1s ease-in-out infinite;border-radius:2px;transform:rotate(45deg)}@keyframes confettiFall{to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes confettiColor{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.celebration-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;opacity:0;transition:opacity .3s ease-in-out}.celebration-overlay.visible{opacity:1}.celebration-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #00d2ff;border-radius:24px;padding:48px 40px;max-width:500px;width:90%;text-align:center;box-shadow:0 30px 80px #00d2ff66;transform:scale(.8) translateY(20px);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.celebration-modal.visible{transform:scale(1) translateY(0);opacity:1}.celebration-icon{font-size:80px;margin-bottom:24px;animation:celebrationBounce .6s ease-in-out}@keyframes celebrationBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.celebration-title{font-size:36px;font-weight:800;background:linear-gradient(135deg,#00d2ff,#3a7bd5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px;animation:celebrationSlideIn .5s ease-out .2s both}@keyframes celebrationSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.celebration-message{font-size:20px;color:#ffffffe6;margin:0 0 32px;line-height:1.5;animation:celebrationSlideIn .5s ease-out .3s both}.celebration-stats{display:flex;gap:16px;margin-bottom:32px;animation:celebrationSlideIn .5s ease-out .4s both}.celebration-stat{flex:1;padding:16px;background:#00d2ff1a;border:1px solid rgba(0,210,255,.3);border-radius:12px;transition:all .3s ease}.celebration-stat:hover{background:#00d2ff26;transform:translateY(-2px)}.celebration-stat-icon{font-size:32px;margin-bottom:8px}.celebration-stat-label{font-size:14px;color:#fffc;font-weight:600}.celebration-next-steps{text-align:left;margin-bottom:24px;padding:20px;background:#ffffff0d;border-radius:12px;animation:celebrationSlideIn .5s ease-out .5s both}.celebration-next-title{font-size:18px;color:#00d2ff;margin:0 0 16px;font-weight:700}.celebration-next-list{list-style:none;padding:0;margin:0}.celebration-next-list li{display:flex;align-items:center;gap:12px;padding:10px 0;color:#ffffffd9;font-size:15px;line-height:1.5}.celebration-next-list li:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.celebration-next-icon{font-size:20px;flex-shrink:0}.celebration-share{margin-bottom:24px;padding:20px;background:#ffffff0d;border-radius:12px;animation:celebrationSlideIn .5s ease-out .55s both}.celebration-share-title{font-size:16px;color:#00d2ff;margin:0 0 16px;font-weight:700;text-align:center}.celebration-share-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.celebration-share-button{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff}.celebration-share-button svg{flex-shrink:0}.celebration-share-button.twitter{background:#1da1f2}.celebration-share-button.twitter:hover{background:#1a8cd8;transform:translateY(-2px);box-shadow:0 8px 20px #1da1f266}.celebration-share-button.linkedin{background:#0077b5}.celebration-share-button.linkedin:hover{background:#006399;transform:translateY(-2px);box-shadow:0 8px 20px #0077b566}.celebration-share-button.copy{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.celebration-share-button.copy:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 20px #fff3}.celebration-share-button:active{transform:translateY(0)}.celebration-button{width:100%;padding:16px 32px;background:linear-gradient(135deg,#00d2ff,#3a7bd5);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;animation:celebrationSlideIn .5s ease-out .6s both}.celebration-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00d2ff80}.celebration-button:active{transform:translateY(0)}.celebration-close-hint{margin-top:16px;font-size:13px;color:#fff6;animation:celebrationSlideIn .5s ease-out .7s both}@media(max-width:768px){.celebration-modal{padding:32px 24px}.celebration-icon{font-size:60px}.celebration-title{font-size:28px}.celebration-message{font-size:16px}.celebration-stats{flex-direction:column}.celebration-next-list li{font-size:14px}.celebration-share-buttons{flex-direction:column}.celebration-share-button{width:100%;justify-content:center}.celebration-button{font-size:16px;padding:14px 24px}}.terminal{position:relative;width:100%;height:100%;min-width:80ch;background-color:#000;font-family:IBM Plex Mono,Courier New,Courier,monospace;font-size:14px;line-height:1.2;overflow:hidden;outline:none;padding:8px;box-sizing:border-box}.terminal:focus{outline:2px solid rgba(51,255,51,.4);outline-offset:-2px}.terminal__grid{display:grid;grid-template-columns:repeat(80,1ch);grid-auto-rows:1.2em;gap:0;white-space:pre}.terminal__cell{display:inline-block;width:1ch;height:1.2em;text-align:center;-webkit-user-select:none;user-select:none}.terminal__cell--protected{color:#3f3}.terminal__cell--protected_high{color:#fff}.terminal__cell--unprotected{color:#3f3;text-decoration:underline;text-decoration-color:#33ff334d;text-underline-offset:2px}.terminal__cell--unprotected_high{color:#fff;text-decoration:underline;text-decoration-color:#ffffff4d;text-underline-offset:2px}.terminal__cell--hidden{color:transparent}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.terminal__cell--cursor{position:relative}.terminal__cell--cursor:after{content:"";position:absolute;left:0;bottom:0;width:1ch;height:1.2em;background-color:#3f3;opacity:.7;animation:blink 1s step-end infinite;pointer-events:none;mix-blend-mode:difference}.terminal--green,.terminal--amber{background-color:#000}.terminal--amber .terminal__cell--protected{color:#ffb000}.terminal--amber .terminal__cell--unprotected{color:#ffb000;text-decoration-color:#ffb0004d}.terminal--amber .terminal__cell--cursor:after{background-color:#ffb000}.terminal--amber .pf-key-legend__text{color:#ffb000}.terminal--white{background-color:#003}.terminal--white .terminal__cell--protected{color:#fff}.terminal--white .terminal__cell--protected_high{color:#fff;font-weight:700}.terminal--white .terminal__cell--unprotected{color:#fff;text-decoration-color:#ffffff4d}.terminal--white .terminal__cell--unprotected_high{color:#fff;font-weight:700;text-decoration-color:#ffffff4d}.terminal--white .terminal__cell--cursor:after{background-color:#fff}.terminal--white .pf-key-legend__text{color:#ccc}.terminal--crt{border-radius:12px}.terminal--crt:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:1;border-radius:inherit}.terminal--high-contrast{border-radius:0}.terminal--high-contrast:before{display:none}.terminal--high-contrast .terminal__cell--protected{color:#6f6}.terminal--high-contrast .terminal__cell--protected_high{color:#fff;font-weight:700}.terminal--high-contrast .terminal__cell--unprotected{color:#6f6;text-decoration-color:#66ff6680}.terminal--high-contrast .terminal__cell--unprotected_high{color:#fff;font-weight:700;text-decoration-color:#ffffff80}.terminal__split-separator{grid-column:1 / -1;height:1.2em;background-color:#3f3;color:#000;text-align:center;font-family:inherit;font-size:inherit;line-height:1.2em;-webkit-user-select:none;user-select:none}.terminal--amber .terminal__split-separator{background-color:#ffb000}.terminal--white .terminal__split-separator{background-color:#fff;color:#003}.pf-key-legend{grid-column:1 / -1;padding:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-key-legend__text{color:#3f3;opacity:.7;font-family:inherit;font-size:inherit}.terminal__message-line{grid-column:1 / -1;color:#fff;font-family:inherit;font-size:inherit;line-height:1.2em;white-space:pre}.terminal__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#3f3;font-family:inherit;font-size:16px;z-index:10}.terminal__error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f33;font-family:inherit;font-size:14px;text-align:center;max-width:60ch;z-index:10}.terminal__min-size-message{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#3f3;font-family:inherit;font-size:14px;text-align:center;padding:16px;z-index:20}@media(max-width:80ch){.terminal__grid{display:none}.terminal__min-size-message{display:block}}.terminal__announcer{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.terminal__step-indicator{position:absolute;top:calc(8px + 1.2em);left:8px;right:8px;height:1.2em;line-height:1.2em;background-color:#007a7a;color:#fff;font-family:IBM Plex Mono,Courier New,Courier,monospace;font-size:14px;font-weight:600;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:5;box-sizing:border-box}.terminal__step-indicator--celebration{background-color:#b8860b;color:#fff;animation:step-indicator-pulse .6s ease-in-out 3}@keyframes step-indicator-pulse{0%,to{opacity:1}50%{opacity:.7}}.terminal--amber .terminal__step-indicator,.terminal--white .terminal__step-indicator{background-color:#066}.terminal--high-contrast .terminal__step-indicator{background-color:teal;color:#000;font-weight:700}.sidebar-container{position:relative;display:flex;flex-direction:column}.learning-sidebar{width:320px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;height:fit-content;position:sticky;top:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;overflow:visible}.learning-sidebar.collapsed{width:0;min-width:0;padding:0;margin:0;border:none;overflow:hidden}.learning-sidebar.collapsed .sidebar-content{display:none}.learning-sidebar-toggle{position:fixed;right:20px;width:32px;height:32px;background:#ff6b3526;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,107,53,.3);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10000;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026;font-size:20px;color:#ff6b35e6;line-height:1}.learning-sidebar-toggle.top{top:80px}.learning-sidebar-toggle.bottom{bottom:80px}.learning-sidebar-toggle:before{content:"×";font-size:24px;font-weight:300;display:block;line-height:1}.learning-sidebar-toggle.collapsed-state{background:#10b98126;border-color:#10b9814d;color:#10b981e6}.learning-sidebar-toggle.collapsed-state:before{content:"◀";color:#10b981e6;font-size:12px}.learning-sidebar-toggle:hover{background:#ff6b3540;border-color:#ff6b3580;transform:scale(1.1);box-shadow:0 4px 12px #ff6b3540}.learning-sidebar-toggle:hover:before{color:#ff6b35}.learning-sidebar-toggle.collapsed-state:hover{background:#10b98140;border-color:#10b98180;box-shadow:0 4px 12px #10b98140}.learning-sidebar-toggle.collapsed-state:hover:before{color:#10b981}.learning-sidebar-toggle:active{transform:scale(.95)}.sidebar-header,.current-activity,.progress-section,.concept-highlight{transition:opacity .2s ease,visibility .2s ease}.sidebar-header{text-align:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.sidebar-title{font-size:1.2em;font-weight:700;background:linear-gradient(45deg,#00d2ff,#3a7bd5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.sidebar-subtitle{font-size:.8em;color:#ffffffb3;margin:5px 0 0}.progress-section{margin-bottom:15px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px}.section-title{font-size:.9em;font-weight:700;color:#00d2ff;margin-bottom:12px;display:flex;align-items:center;gap:8px}.progress-item{margin-bottom:15px}.progress-label{font-size:.8em;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#00d2ff,#3a7bd5);border-radius:4px;transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.current-activity{background:#00d2ff1a;border:1px solid rgba(0,210,255,.3);border-radius:8px;padding:15px;margin-bottom:20px}.activity-title{font-size:.85em;font-weight:700;color:#00d2ff;margin-bottom:8px}.activity-description{font-size:.8em;color:#fffc;line-height:1.4}.concept-highlight{background:#ff6b351a;border-left:3px solid var(--primary-color);padding:10px;margin:10px 0;border-radius:0 6px 6px 0}.concept-name{font-size:.8em;font-weight:700;color:var(--primary-color);margin-bottom:4px}.concept-description{font-size:.75em;color:#ffffffb3;line-height:1.3}.learning-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.learning-stat{background:#ffffff0d;border-radius:6px;padding:10px;text-align:center}.stat-number{font-size:1.2em;font-weight:700;color:#00d2ff}.stat-label{font-size:.7em;color:#ffffffb3}.compilation-stats{background:#ffffff08;border-radius:8px;padding:12px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.stat-row:last-child{border-bottom:none}.stat-row .stat-label{font-size:.85em;color:#fffc}.stat-row .stat-value{font-size:.9em;font-weight:700;color:#00d2ff}@media(max-width:1200px){.learning-sidebar{width:100%;position:relative;order:-1}}.bytecode-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.bytecode-modal.show{display:flex!important;animation:fadeIn .3s ease;align-items:center;justify-content:center}.bytecode-content{background:linear-gradient(135deg,#1a1a2e,#16213e);margin:3% auto;padding:25px;border:2px solid var(--primary-color);border-radius:15px;width:95%;max-width:1600px;max-height:90vh;overflow-y:auto;color:#fff;display:flex;flex-direction:column}.bytecode-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.bytecode-header h3{margin:0;color:var(--primary-color);font-size:1.4em}.close-bytecode{color:var(--error-color);float:right;font-size:28px;font-weight:700;cursor:pointer;line-height:1;background:none;border:none;padding:0;transition:all .2s ease}.close-bytecode:hover{opacity:.7;transform:scale(1.1)}.view-toggle-buttons{display:flex;gap:10px;margin-bottom:20px;justify-content:center;flex-wrap:wrap}.view-toggle-btn{padding:10px 20px;background:#ff6b3533;border:1px solid rgba(255,107,53,.3);border-radius:8px;color:#fffc;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.view-toggle-btn:hover{background:#ff6b354d;border-color:#ff6b3580;transform:translateY(-2px)}.view-toggle-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-color:var(--primary-color);color:#fff;box-shadow:0 4px 15px #ff6b3566}.correlation-toggle{padding:10px 20px;background:#00d2ff33;border:1px solid rgba(0,210,255,.3);border-radius:8px;color:#fffc;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.correlation-toggle:hover{background:#00d2ff4d;border-color:#00d2ff80;transform:translateY(-2px)}.correlation-toggle.active{background:linear-gradient(135deg,var(--accent-color),#3a7bd5);border-color:var(--accent-color);color:#fff;box-shadow:0 4px 15px #00d2ff66}.bytecode-viewer-content{flex:1;min-height:400px;margin-bottom:20px}.bytecode-view{display:none;background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;font-family:Courier New,monospace;font-size:13px;overflow-x:auto;white-space:pre;color:#0f0}.bytecode-view.active{display:block}.bytecode-view h4{margin:0 0 15px;color:var(--accent-color);font-size:16px;font-family:inherit}.explained-view{white-space:normal;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#fff;max-height:600px;overflow-y:auto}.explained-header{margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid rgba(0,210,255,.3)}.explained-header h4{color:var(--accent-color);font-size:1.5em;margin-bottom:10px}.explained-intro{color:#ffffffe6;font-size:1.05em;line-height:1.6;margin:0}.explained-section{margin-bottom:30px;padding:20px;background:#00d2ff0d;border-left:4px solid var(--accent-color);border-radius:8px}.explained-section h5{color:var(--primary-color);font-size:1.2em;margin:0 0 15px}.explained-content{color:#ffffffd9;line-height:1.7}.explained-content p{margin:0 0 15px}.explained-content code{background:#ff6b3533;padding:2px 6px;border-radius:3px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.9em;color:var(--primary-color)}.explained-content strong{color:var(--accent-color)}.info-box{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:6px;padding:15px;margin:15px 0}.info-box strong{color:#ffc107}.elf-sections-list{display:flex;flex-direction:column;gap:12px;margin-top:15px}.elf-section{padding:15px;border-radius:6px;border-left:4px solid}.elf-section.importance-high{background:#ff6b351a;border-left-color:var(--primary-color)}.elf-section.importance-medium{background:#00d2ff1a;border-left-color:var(--accent-color)}.elf-section.importance-low{background:#ffffff0d;border-left-color:#ffffff4d}.section-name{font-weight:700;color:var(--accent-color);margin-bottom:5px;font-size:1.05em}.section-description{color:#fffc;font-size:.95em}.bytecode-reading-list,.view-options-list{margin:15px 0;padding-left:20px}.bytecode-reading-list li,.view-options-list li{margin:10px 0;line-height:1.6}.process-steps{counter-reset:step-counter;list-style:none;padding-left:0;margin:15px 0}.process-steps li{counter-increment:step-counter;position:relative;padding-left:45px;margin:20px 0}.process-steps li:before{content:counter(step-counter);position:absolute;left:0;top:0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9em}.learning-tip{background:linear-gradient(135deg,#ff6b3533,#00d2ff33);border:1px solid rgba(255,107,53,.4);border-radius:8px;padding:20px;margin-top:25px;font-size:1.05em}.learning-tip strong{color:var(--primary-color)}.raw-header{margin-bottom:20px}.raw-header h4{color:var(--accent-color);margin-bottom:10px}.raw-description{color:#fffc;font-size:.95em;line-height:1.5;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bytecode-info-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:20px 0;padding:15px;background:#00d2ff0d;border:1px solid rgba(0,210,255,.2);border-radius:6px}.info-item{display:flex;flex-direction:column;gap:5px}.info-label{font-size:.85em;color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.info-value{font-size:1em;color:var(--accent-color);font-weight:600;font-family:Monaco,Menlo,Consolas,monospace}.raw-footer{margin-top:20px;padding:15px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:6px}.raw-footer p{margin:0;color:#ffffffe6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.raw-footer code{background:#ff6b3533;padding:2px 6px;border-radius:3px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.9em;color:var(--primary-color)}.bytecode-raw{margin:0;font-family:Courier New,monospace;font-size:12px;line-height:1.4;white-space:pre-wrap;word-break:break-all;max-height:500px;overflow-y:auto;background:#0000004d;padding:15px;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.instruction-list{max-height:500px;overflow-y:auto}.instruction-line{display:grid;grid-template-columns:60px 100px 1fr 200px;gap:15px;padding:8px 12px;margin:2px 0;border-radius:4px;transition:all .2s ease;cursor:pointer;border-left:3px solid transparent}.instruction-line:hover{background:#00d2ff1a;border-left-color:var(--accent-color)}.instruction-address{color:#ffc107;font-weight:700}.instruction-opcode{color:#28a745;font-weight:600}.instruction-text{color:#fff}.instruction-description{color:#fff9;font-style:italic;font-size:11px}.side-by-side-container{display:none;grid-template-columns:1fr 1fr;gap:20px;height:500px}.side-by-side-container.active{display:grid}.view-panel{background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px;overflow:hidden;display:flex;flex-direction:column}.view-panel h3{margin:0 0 15px;color:var(--accent-color);font-size:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.panel-content{flex:1;overflow-y:auto;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:12px;line-height:1.5}.source-line{display:flex;padding:2px 5px;margin:0;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.source-line:hover{background:#00d2ff26;border-left-color:#00d2ff}.line-number{width:40px;color:#666;text-align:right;margin-right:10px;-webkit-user-select:none;user-select:none}.line-content{color:#fff;flex:1}.bytecode-line{display:flex;padding:2px 5px;margin:0;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;gap:10px}.bytecode-line:hover{background:#ff6b3526;border-left-color:var(--primary-color)}.instruction-addr{color:#ffc107;font-weight:700;min-width:40px}.instruction-code{color:#fff;flex:1}.instruction-desc{color:#ffffff80;font-style:italic;font-size:11px}.correlation-highlight{background:#ffc1074d!important;border-left:4px solid #ffc107!important;box-shadow:0 0 15px #ffc10780;transform:translate(2px);animation:pulse .3s ease-in-out}@keyframes pulse{0%,to{transform:translate(2px)}50%{transform:translate(4px)}}.bytecode-stats{display:flex;gap:30px;padding:15px;background:#00d2ff0d;border:1px solid rgba(0,210,255,.2);border-radius:8px;justify-content:center;flex-wrap:wrap}.stat-label{font-size:.8em;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.2em;font-weight:700;color:var(--accent-color)}.panel-content::-webkit-scrollbar,.instruction-list::-webkit-scrollbar,.bytecode-raw::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track,.instruction-list::-webkit-scrollbar-track,.bytecode-raw::-webkit-scrollbar-track{background:#ffffff1a}.panel-content::-webkit-scrollbar-thumb,.instruction-list::-webkit-scrollbar-thumb,.bytecode-raw::-webkit-scrollbar-thumb{background:#00d2ff66;border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover,.instruction-list::-webkit-scrollbar-thumb:hover,.bytecode-raw::-webkit-scrollbar-thumb:hover{background:#00d2ff99}@media(max-width:1200px){.bytecode-content{width:98%;margin:1% auto;padding:20px}.side-by-side-container.active{grid-template-columns:1fr;height:auto}.view-panel{height:300px}}@media(max-width:768px){.view-toggle-buttons{flex-direction:column;align-items:center}.view-toggle-btn,.correlation-toggle{width:200px;text-align:center}.instruction-line{grid-template-columns:1fr;gap:5px}.bytecode-stats{flex-direction:column;gap:15px}.panel-content{font-size:11px}}.category-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.legend-item{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#0000004d;border-radius:6px;border-left:3px solid;font-size:.9em}.legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-label{color:#ffffffd9}.legend-count{color:#ffffff80;font-size:.85em;font-weight:600}.disasm-legend-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.disasm-legend-chip{font-size:.75em;padding:3px 10px;border:1px solid;border-radius:12px;font-weight:600;letter-spacing:.3px}.disasm-section{margin-bottom:20px}.disasm-section-header{font-size:1em;font-weight:700;color:var(--accent-color, #00d2ff);padding:8px 12px;background:#00d2ff14;border-radius:6px;margin-bottom:8px;font-family:Monaco,Menlo,Consolas,monospace}.instruction-line{display:grid;grid-template-columns:50px 1fr auto;gap:12px;padding:8px 12px;margin:2px 0;border-radius:4px;transition:all .2s ease;cursor:pointer;border-left:3px solid transparent;align-items:center}.instruction-line:hover{background:#ffffff0f}.instruction-line.expanded{background:#ffffff14;border-radius:6px;grid-template-columns:50px 1fr auto;grid-template-rows:auto auto}.instruction-category-badge{font-size:.7em;padding:2px 8px;border-radius:10px;font-weight:600;white-space:nowrap;letter-spacing:.3px}.instruction-expanded-desc{grid-column:1 / -1;padding:8px 12px;margin-top:4px;background:#0000004d;border-radius:4px;color:#fffc;font-size:.9em;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.no-disassembly{padding:30px;text-align:center;color:#ffffffb3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.no-disassembly code{background:#ff6b3533;padding:2px 6px;border-radius:3px;font-family:Monaco,Menlo,Consolas,monospace;color:var(--primary-color, #ff6b35)}.hexdump-content{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace!important;font-size:12px!important;line-height:1.6!important;color:#a8e6cf!important;letter-spacing:.5px}.view-toggle-btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.view-toggle-btn:disabled:hover{background:#ff6b3533;border-color:#ff6b354d;transform:none}.bytecode-line{border-left:3px solid transparent}@media(max-width:768px){.category-legend{flex-direction:column}.disasm-legend-bar{justify-content:center}.instruction-line{grid-template-columns:40px 1fr}.instruction-category-badge{display:none}}.challenge-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.challenge-modal.show{display:flex!important;animation:fadeIn .3s ease;align-items:center;justify-content:center}.challenge-content{background:linear-gradient(135deg,#1a1a2e,#16213e);margin:2% auto;padding:30px;border:2px solid var(--primary-color);border-radius:15px;width:95%;max-width:1400px;max-height:90vh;overflow-y:auto;color:#fff;display:flex;flex-direction:column}.challenge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.challenge-header h3{margin:0;color:var(--primary-color);font-size:1.5em}.close-challenge{color:var(--error-color);font-size:28px;font-weight:700;cursor:pointer;line-height:1;background:none;border:none;padding:0;transition:all .2s ease}.close-challenge:hover{opacity:.7;transform:scale(1.1)}.challenge-stats{display:flex;justify-content:center;gap:40px;margin-bottom:30px;padding:20px;background:#00d2ff0d;border:1px solid rgba(0,210,255,.2);border-radius:12px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-number{font-size:2em;font-weight:700;color:var(--accent-color)}.stat-label{font-size:.9em;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.challenge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:20px}.challenge-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.challenge-card:hover{background:#ffffff14;border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 10px 30px #ff6b3533}.challenge-card.completed{background:#28a7451a;border-color:var(--success-color)}.challenge-card.completed:hover{background:#28a74526;box-shadow:0 10px 30px #28a7454d}.challenge-card.locked{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.challenge-card.locked:hover{transform:none;box-shadow:none}.challenge-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.challenge-icon{font-size:2em;opacity:.8}.challenge-status{font-size:1.5em}.challenge-title{margin:0 0 10px;color:var(--primary-color);font-size:1.2em;font-weight:700}.challenge-description{margin:0 0 15px;color:#fffc;line-height:1.4;font-size:.9em}.challenge-meta{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.difficulty-badge,.points-badge,.time-badge{padding:4px 8px;border-radius:12px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.difficulty-badge{color:#fff}.points-badge{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.time-badge{background:#6c757d33;color:#6c757d;border:1px solid rgba(108,117,125,.3)}.challenge-category{font-size:.8em;color:var(--accent-color);font-weight:600;margin-bottom:10px}.prerequisites{font-size:.75em;color:#fff9;font-style:italic}.challenge-detail{flex:1}.challenge-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.back-btn{background:#6c757d33;border:1px solid rgba(108,117,125,.3);color:#6c757d;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9em}.back-btn:hover{background:#6c757d4d;color:#fff}.challenge-detail-header h4{margin:0;color:var(--primary-color);font-size:1.3em}.challenge-actions{display:flex;gap:10px}.challenge-info{display:grid;grid-template-columns:1fr 1fr;gap:30px}.challenge-objectives,.real-world-scenario,.challenge-hints{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px}.challenge-objectives h5,.real-world-scenario h5,.challenge-hints h5{margin:0 0 15px;color:var(--accent-color);font-size:1.1em}.challenge-objectives ul{margin:0;padding-left:20px}.challenge-objectives li{margin-bottom:8px;color:#ffffffe6}.real-world-scenario{grid-column:1 / -1}.real-world-scenario p{margin:0;color:#fffc;line-height:1.5;font-style:italic}.hint-controls{display:flex;gap:10px;margin-bottom:15px}.hint-btn,.solution-btn{padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9em;transition:all .2s ease}.hint-btn{background:#00d2ff33;border:1px solid rgba(0,210,255,.3);color:var(--accent-color)}.hint-btn:hover:not(:disabled){background:#00d2ff4d}.hint-btn:disabled{opacity:.5;cursor:not-allowed}.solution-btn{background:#ffc10733;border:1px solid rgba(255,193,7,.3);color:#ffc107}.solution-btn:hover{background:#ffc1074d}.hint-item{background:#00d2ff1a;border-left:3px solid var(--accent-color);padding:10px 15px;margin-bottom:10px;border-radius:0 6px 6px 0;font-size:.9em;line-height:1.4}.hint-item strong{color:var(--accent-color)}.solution-code{background:#28a7451a;border:1px solid rgba(40,167,69,.3);border-radius:8px;padding:15px;margin-top:15px}.solution-code h6{margin:0 0 10px;color:var(--success-color)}.solution-code pre{background:#0006;padding:15px;border-radius:6px;overflow-x:auto;margin:10px 0}.solution-code code{font-family:Courier New,monospace;font-size:.85em;color:#f8f8f2;white-space:pre}.use-solution-btn{background:var(--success-color);border:none;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9em;transition:all .2s ease}.use-solution-btn:hover{background:#218838;transform:translateY(-1px)}@media(max-width:1200px){.challenge-content{width:98%;margin:1% auto;padding:25px}.challenge-info{grid-template-columns:1fr;gap:20px}}@media(max-width:768px){.challenge-grid{grid-template-columns:1fr}.challenge-stats{flex-direction:column;gap:20px;text-align:center}.challenge-detail-header{flex-direction:column;gap:15px;align-items:stretch}.challenge-actions{justify-content:center}.hint-controls{flex-direction:column}.challenge-meta{justify-content:center}}@media(max-width:480px){.challenge-content{padding:20px}.challenge-card{padding:15px}.challenge-title{font-size:1.1em}.challenge-description{font-size:.85em}}.error-boundary{position:fixed;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:10000}.error-boundary-content{background:#000000e6;border:2px solid var(--error-color);border-radius:15px;padding:40px;max-width:600px;width:90%;text-align:center;color:#fff}.error-boundary-content h2{margin:0 0 20px;color:var(--error-color);font-size:1.5em}.error-boundary-content p{margin:0 0 30px;color:#fffc;line-height:1.5}.error-actions{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.error-actions .btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.error-actions .btn-primary{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff}.error-actions .btn-secondary{background:#6c757dcc;color:#fff}.error-actions .btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.error-details{text-align:left;margin-top:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px}.error-details summary{cursor:pointer;color:var(--accent-color);font-weight:700;margin-bottom:10px}.error-stack{background:#00000080;padding:15px;border-radius:6px;font-family:Courier New,monospace;font-size:12px;color:#ff6b6b;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;margin:10px 0 0}.error-notifications{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px;width:100%}.error-notification{background:#000000f2;border-radius:8px;padding:15px;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInRight .3s ease-out;border-left:4px solid}.error-notification-error{border-left-color:var(--error-color);background:#dc35451a}.error-notification-warning{border-left-color:#ffc107;background:#ffc1071a}.error-notification-info{border-left-color:var(--accent-color);background:#00d2ff1a}.error-notification-default{border-left-color:#6c757d;background:#6c757d1a}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.error-notification-content{color:#fff}.error-notification-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.error-notification-icon{font-size:1.2em}.error-notification-title{font-weight:700;flex:1;font-size:.95em}.error-notification-close{background:none;border:none;color:#fff9;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.error-notification-close:hover{color:#fff}.error-notification-message{font-size:.9em;line-height:1.4;color:#ffffffe6;margin-bottom:5px}.error-notification-time{font-size:.75em;color:#fff9;text-align:right}.compilation-error-enhanced{background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:8px;padding:20px;margin:15px 0}.compilation-error-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.compilation-error-icon{font-size:1.5em;color:var(--error-color)}.compilation-error-title{font-size:1.1em;font-weight:700;color:var(--error-color);margin:0}.compilation-error-message{background:#0000004d;padding:15px;border-radius:6px;font-family:Courier New,monospace;font-size:.9em;color:#ff6b6b;white-space:pre-wrap;word-break:break-word;margin-bottom:15px;border-left:3px solid var(--error-color)}.compilation-error-suggestions{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:6px;padding:15px}.compilation-error-suggestions h4{margin:0 0 10px;color:#ffc107;font-size:.95em}.compilation-error-suggestions ul{margin:0;padding-left:20px}.compilation-error-suggestions li{margin-bottom:5px;color:#ffffffe6;font-size:.9em}.compilation-error-actions{display:flex;gap:10px;margin-top:15px}.error-action-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.85em;cursor:pointer;transition:all .2s ease}.error-action-btn.primary{background:var(--primary-color);color:#fff}.error-action-btn.secondary{background:#6c757dcc;color:#fff}.error-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.loading-with-error{position:relative}.loading-error-overlay{position:absolute;inset:0;background:#dc35451a;border:2px solid var(--error-color);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--error-color);font-weight:700}.loading-error-retry{background:var(--error-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9em;transition:all .2s ease}.loading-error-retry:hover{background:#c82333;transform:translateY(-1px)}@media(max-width:768px){.error-notifications{top:10px;right:10px;left:10px;max-width:none}.error-boundary-content{padding:30px 20px}.error-actions,.compilation-error-actions{flex-direction:column}.error-notification{padding:12px}.error-notification-message{font-size:.85em}}@media(max-width:480px){.error-boundary-content{padding:25px 15px}.error-boundary-content h2{font-size:1.3em}.error-actions .btn{padding:10px 20px;font-size:13px}}.ai-assistant-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,#ff6b35,#ff4500);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 4px 20px #ff6b3566;transition:all .3s ease;z-index:9999;gap:2px}.ai-assistant-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff6b3599}.ai-assistant-btn svg{width:24px;height:24px}.ai-assistant-btn span{font-size:10px;line-height:1}.ai-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);align-items:center;justify-content:center}.ai-modal.show{display:flex!important;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ai-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(0,210,255,.3);border-radius:15px;width:90%;max-width:800px;height:80vh;max-height:600px;display:flex;flex-direction:column;box-shadow:0 20px 60px #00d2ff33;animation:modalSlideIn .3s ease-out;overflow:hidden}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.ai-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(255,255,255,.1);background:#00d2ff0d}.ai-modal-header h3{margin:0;color:#00d2ff;font-size:1.3em;font-weight:700}.ai-modal-close{background:none;border:none;color:#888;font-size:28px;cursor:pointer;transition:all .2s;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.ai-modal-close:hover{color:#00d2ff;transform:rotate(90deg)}.ai-chat-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.ai-chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.ai-message{display:flex;flex-direction:column;max-width:80%}.ai-message.ai-user{align-self:flex-end}.ai-message.ai-assistant{align-self:flex-start}.ai-message-content{background:#ffffff0d;padding:15px;border-radius:12px;border:1px solid rgba(255,255,255,.1);color:#fff;line-height:1.5}.ai-message.ai-user .ai-message-content{background:#00d2ff33;border-color:#00d2ff4d}.ai-message.ai-assistant .ai-message-content{background:#ff6b351a;border-color:#ff6b3533}.ai-message-time{font-size:.75em;color:#ffffff80;margin-top:5px;align-self:flex-end}.ai-message.ai-assistant .ai-message-time{align-self:flex-start}.ai-explanation{margin-bottom:15px}.ai-key-points{background:#00d2ff1a;border-left:3px solid #00d2ff;padding:10px 15px;margin:10px 0;border-radius:0 6px 6px 0}.ai-key-points h4{margin:0 0 8px;color:#00d2ff;font-size:.9em}.ai-key-points ul{margin:0;padding-left:20px}.ai-key-points li{margin-bottom:4px;font-size:.9em}.ai-code-block{background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:15px;margin:10px 0}.ai-code-block h4{margin:0 0 10px;color:#00d2ff;font-size:.9em}.ai-code-block pre{margin:0;font-family:Courier New,monospace;font-size:.85em;color:#f8f8f2;white-space:pre-wrap;word-break:break-word}.ai-next-steps{background:#28a7451a;border-left:3px solid #28a745;padding:10px 15px;margin:10px 0;border-radius:0 6px 6px 0}.ai-next-steps h4{margin:0 0 8px;color:#28a745;font-size:.9em}.ai-next-steps ul{margin:0;padding-left:20px}.ai-next-steps li{margin-bottom:4px;font-size:.9em}.ai-error{color:#dc3545;background:#dc35451a;border:1px solid rgba(220,53,69,.3);padding:10px;border-radius:6px;font-size:.9em}.ai-quick-actions{display:flex;gap:10px;padding:15px 20px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:#0003;flex-wrap:wrap}.ai-quick-btn{padding:8px 12px;background:#00d2ff1a;border:1px solid rgba(0,210,255,.3);border-radius:6px;color:#00d2ff;cursor:pointer;font-size:.85em;transition:all .2s ease;white-space:nowrap}.ai-quick-btn:hover{background:#00d2ff33;border-color:#00d2ff;transform:translateY(-1px)}.ai-input-container{display:flex;gap:10px;padding:20px;background:#0003}.ai-input-container textarea{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px;color:#fff;font-size:14px;font-family:inherit;resize:none;min-height:60px;max-height:120px}.ai-input-container textarea:focus{outline:none;border-color:#00d2ff;box-shadow:0 0 0 2px #00d2ff33}.ai-input-container textarea::placeholder{color:#ffffff80}.ai-send-btn{background:linear-gradient(135deg,#ff6b35,#ff4500);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px 20px;font-size:14px;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:80px}.ai-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #ff6b3566}.ai-send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ai-loading-spinner{display:none}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.concept-learning{text-align:center}.concept-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:15px}.concept-btn{padding:6px 12px;background:#ff6b351a;border:1px solid rgba(255,107,53,.3);border-radius:6px;color:#ff6b35;cursor:pointer;font-size:.8em;transition:all .2s ease}.concept-btn:hover{background:#ff6b3533;border-color:#ff6b35;transform:translateY(-1px)}.ai-chat-messages::-webkit-scrollbar{width:6px}.ai-chat-messages::-webkit-scrollbar-track{background:#ffffff1a}.ai-chat-messages::-webkit-scrollbar-thumb{background:#00d2ff66;border-radius:3px}.ai-chat-messages::-webkit-scrollbar-thumb:hover{background:#00d2ff99}@media(max-width:768px){.ai-modal-content{width:95%;height:85vh;margin:20px}.ai-modal-header{padding:15px 20px}.ai-modal-header h3{font-size:1.1em}.ai-chat-messages{padding:15px}.ai-message{max-width:90%}.ai-quick-actions{padding:10px 15px}.ai-quick-btn{font-size:.8em;padding:6px 10px}.ai-input-container{padding:15px;flex-direction:column}.ai-send-btn{align-self:flex-end;min-width:100px}.ai-assistant-btn{width:50px;height:50px;bottom:20px;right:20px}.ai-assistant-btn svg{width:20px;height:20px}.ai-assistant-btn span{font-size:9px}}:root{--primary-color: #FF6B35;--secondary-color: #FF4500;--accent-color: #00d2ff;--success-color: #28a745;--error-color: #dc3545}*{box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh}.container{max-width:1400px;margin:0 auto;background:#000c;border-radius:15px;padding:30px;box-shadow:0 20px 40px #0000004d;display:flex;gap:20px}.main-content{flex:1;min-width:0}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;text-align:center;position:relative}.header.has-team-features{justify-content:space-between}.header.has-team-features .header-center{justify-content:flex-start}.header-center{flex:1;display:flex;justify-content:center;align-items:center}.header-right{position:relative;display:flex;gap:12px;align-items:center}.title{font-size:3em;margin:0;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bee-animated{display:inline-block;animation:beeFly 8s ease-in-out infinite;transform-origin:center;opacity:1;-webkit-text-fill-color:currentColor!important;color:inherit!important;background:none!important}@keyframes beeFly{0%{transform:translate(0) rotate(0);opacity:1}12.5%{transform:translate(8px,-6px) rotate(15deg);opacity:.9}25%{transform:translate(12px) rotate(0);opacity:1}37.5%{transform:translate(8px,6px) rotate(-15deg);opacity:.9}50%{transform:translateY(8px) rotate(-25deg);opacity:.85}62.5%{transform:translate(-8px,6px) rotate(-15deg);opacity:.9}75%{transform:translate(-12px) rotate(0);opacity:1}87.5%{transform:translate(-8px,-6px) rotate(15deg);opacity:.9}to{transform:translate(0) rotate(0);opacity:1}}.auth-button{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b354d;white-space:nowrap;display:flex;align-items:center;gap:8px}.auth-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.badges-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:20px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.badges-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.badges-button:active{transform:translateY(0)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:transform .3s ease}.user-avatar:hover{transform:scale(1.1)}.user-menu{position:relative;display:flex;align-items:center;gap:12px;z-index:1000001}.badges-button{background:linear-gradient(135deg,gold,orange);border:none;border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #ffd7004d}.badges-button:hover{transform:scale(1.1) rotate(10deg);box-shadow:0 6px 20px #ffd70080}.badges-button:active{transform:scale(.95)}.admin-dashboard-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #667eea4d;white-space:nowrap}.admin-dashboard-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66;background:linear-gradient(135deg,#7b93ff,#8b5fbf)}.admin-dashboard-btn:active{transform:translateY(0)}.team-button{background:linear-gradient(135deg,#00d2ff,#3a7bd5);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00d2ff4d;white-space:nowrap;display:flex;align-items:center;gap:6px}.team-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d2ff80}.team-button:active{transform:translateY(0)}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px;min-width:200px;box-shadow:0 10px 30px #00000080;z-index:1000001;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-info{display:flex;flex-direction:column;gap:8px}.user-greeting{font-size:14px;font-weight:600;color:#fff}.user-account-type{font-size:12px;color:#fff9}.user-stats{font-size:11px;color:#ffffff80;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.contributor-links,.moderator-links{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.dropdown-link{background:none;border:none;color:#fffc;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;text-align:left;transition:all .2s ease;border-radius:6px;display:flex;align-items:center;gap:8px}.dropdown-link.moderator-link{background:linear-gradient(135deg,#8b5cf626,#7c3aed26);border:1px solid rgba(139,92,246,.3);color:#c4b5fd;font-weight:600}.dropdown-link.moderator-link:hover{background:linear-gradient(135deg,#8b5cf640,#7c3aed40);border-color:#8b5cf680;color:#fff}.dropdown-link:hover{background:#ffffff1a;color:#fff}.dropdown-link:active{background:#ffffff26}.upgrade-subscription-btn{width:100%;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 12px;text-align:center;transition:all .2s ease;border-radius:6px;margin:8px 0 4px;display:flex;align-items:center;justify-content:center;gap:6px}.upgrade-subscription-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.upgrade-subscription-btn:active{transform:translateY(0)}.logout-link{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:13px;font-weight:500;padding:8px 0;text-align:left;transition:all .2s ease}.logout-link:hover{color:#fff;text-decoration:underline}.CodeMirror{height:60vh!important;min-height:400px!important;max-height:800px!important;border:2px solid #666666!important;border-radius:10px!important;font-family:Courier New,monospace!important;font-size:14px!important;background:#000!important;color:#fff!important;pointer-events:auto!important;cursor:text!important}.CodeMirror *{pointer-events:auto!important}.CodeMirror-focused{border-color:#fff!important;box-shadow:0 0 10px #ff6b354d!important}.CodeMirror-scroll{pointer-events:auto!important;padding:15px;background:#000!important}.editor-success .CodeMirror{border-color:var(--success-color)!important;box-shadow:0 0 15px #28a74566!important;transition:all .3s ease!important}.CodeMirror{transition:height .3s ease!important}.CodeMirror-gutters{background:#111!important;border-right:1px solid #333333}.CodeMirror-linenumber{color:#666!important}.CodeMirror-focused .CodeMirror-cursor{border-left:2px solid var(--primary-color)}.CodeMirror-activeline-background{background:#ff6b351a!important}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{background:transparent!important}.cm-comment{color:#75c96b!important;font-style:italic!important;opacity:.9!important}.cm-string{color:#f7dc6f!important}.cm-keyword{color:#f92672!important;font-weight:700!important}.cm-variable{color:#66d9ef!important}.cm-number{color:#ae81ff!important}.cm-def{color:#a6e22e!important;font-weight:700!important}.cm-type{color:#66d9ef!important}.cm-s-monokai .cm-comment{color:#75c96b!important;font-style:italic!important;opacity:.95!important}.buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin:20px 0}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff6b3566}.btn-success{background:linear-gradient(45deg,var(--success-color),#20c997);color:#fff}.btn-success:hover{transform:translateY(-2px);box-shadow:0 5px 15px #28a74566}.btn-warning{background:linear-gradient(45deg,#ffc107,#ff8c00);color:#000}.btn-warning:hover{background:linear-gradient(45deg,#ff8c00,#ffc107);transform:translateY(-2px);box-shadow:0 5px 15px #ffc10766}.btn-cyan{background:linear-gradient(45deg,#00d2ff,#3a7bd5);color:#fff}.btn-cyan:hover{background:linear-gradient(45deg,#3a7bd5,#00d2ff);transform:translateY(-2px);box-shadow:0 5px 15px #00d2ff80}.btn-purple{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-purple:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 5px 15px #764ba280}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.results{margin:20px 0;padding:20px;background:#ffffff1a;border-radius:10px;border-left:4px solid var(--accent-color)}.log-entry{padding:8px 12px;margin:5px 0;border-radius:5px;font-family:Courier New,monospace}.log-info{background:#007bff33;border-left:3px solid #007bff}.log-success{background:#28a74533;border-left:3px solid var(--success-color)}.log-error{background:#dc354533;border-left:3px solid var(--error-color)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:20px 0}.stat-card{background:#ffffff1a;padding:20px;border-radius:10px;text-align:center}.stat-value{font-size:2em;font-weight:700;color:var(--accent-color)}@media(max-width:1200px){.container{flex-direction:column}.CodeMirror{height:55vh!important;min-height:350px!important}}@media(max-width:768px){body{padding:10px}.container{padding:15px}.header{flex-direction:column;gap:15px}.title{font-size:2em}.auth-button{padding:10px 20px;font-size:14px}.buttons{grid-template-columns:1fr}.CodeMirror{height:50vh!important;min-height:300px!important;font-size:13px!important}}@media(max-width:480px){.title{font-size:1.8em}.auth-button{padding:9px 18px;font-size:13px}.CodeMirror{height:45vh!important;min-height:280px!important;font-size:12px!important}}@media(max-width:768px)and (orientation:landscape){.CodeMirror{height:70vh!important;min-height:250px!important}.container{padding:10px}}@media(max-width:375px){.CodeMirror{height:40vh!important;min-height:250px!important;font-size:11px!important}.container{padding:10px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(100%)}}.badge-card{transition:transform .2s ease-out,box-shadow .2s ease-out,opacity .2s ease-out;will-change:transform}.badge-card:hover{transform:translateY(-4px)}.badge-card:active{transform:translateY(-2px)}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.badge-image{animation:badgePulse 2s ease-in-out infinite}@keyframes progressFill{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.progress-bar-fill{animation:progressFill .8s ease-out forwards;transition:width .5s ease-out;will-change:width}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.badge-skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff26,#ffffff0d);background-size:1000px 100%;animation:shimmer 2s infinite}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalExit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-20px)}}.modal-enter{animation:modalEnter .2s ease-out forwards}.modal-exit{animation:modalExit .15s ease-in forwards}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes backdropFadeOut{0%{opacity:1}to{opacity:0}}.backdrop-enter{animation:backdropFadeIn .2s ease-out forwards}.backdrop-exit{animation:backdropFadeOut .15s ease-in forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge-grid-item{animation:fadeInUp .4s ease-out forwards;opacity:0}.badge-grid-item:nth-child(1){animation-delay:.05s}.badge-grid-item:nth-child(2){animation-delay:.1s}.badge-grid-item:nth-child(3){animation-delay:.15s}.badge-grid-item:nth-child(4){animation-delay:.2s}.badge-grid-item:nth-child(5){animation-delay:.25s}.badge-grid-item:nth-child(6){animation-delay:.3s}.progress-widget{transition:all .3s ease-out}.progress-widget:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.skill-progress-card{transition:transform .2s ease-out,box-shadow .2s ease-out}.skill-progress-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.share-button{position:relative;overflow:hidden;transition:transform .2s ease-out,background-color .2s ease-out}.share-button:hover{transform:scale(1.05)}.share-button:active{transform:scale(.98)}.share-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.share-button:active:after{width:300px;height:300px}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.badge-earned-bounce{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes verificationFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.verification-content{animation:verificationFadeIn .5s ease-out}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.success-checkmark{stroke-dasharray:100;animation:checkmark .5s ease-out forwards}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.badge-card:hover{transform:none}.badge-image,.progress-bar-fill{animation:none}.badge-skeleton{animation:none;background:#ffffff1a}.modal-enter,.modal-exit,.backdrop-enter,.backdrop-exit{animation:none}.badge-grid-item{animation:none;opacity:1}.badge-earned-bounce,.verification-content{animation:none}}@media(prefers-color-scheme:dark){.badge-skeleton{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08)}}.badge-card,.progress-bar-fill,.modal-enter,.badge-grid-item{backface-visibility:hidden;-webkit-font-smoothing:antialiased}.badge-card:hover,.progress-widget:hover,.skill-progress-card:hover{transform:translateZ(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.content-toolbar{visibility:visible!important;pointer-events:auto!important;opacity:1!important;display:flex!important;gap:12px!important;margin-bottom:20px!important;padding:16px!important;background:#1e1e1ef2!important;border-radius:12px!important;border:2px solid #666666!important;flex-wrap:wrap!important}.content-toolbar>*{flex:1 1 auto!important;min-width:200px!important}.challenge-view-button{white-space:nowrap!important}.labs-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #667eea66!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important}.labs-button:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)!important;transition:left .5s!important}.labs-button:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #667eea80!important}.labs-button:hover:before{left:100%!important}.labs-button:active{transform:translateY(0)!important}.content-browser-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:999999;animation:fadeIn .2s ease-out}.content-browser-modal{background:#1e1e1e;border-radius:12px;width:90%;max-width:1200px;height:85vh;max-height:800px;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease-out;z-index:1000000;position:relative}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.header .title{display:flex;align-items:center;justify-content:center;margin:0}.header .title .logo{height:120px;width:auto;max-width:100%;display:block;transition:transform .2s ease;cursor:pointer}.header .title .logo:hover{transform:scale(1.05)}@media(max-width:768px){.header .title .logo{height:80px}}@media(max-width:480px){.header .title .logo{height:60px}}.track-card,.progress-card,.exam-header,.exam-question-area,.exam-progress-card,.exam-question-grid,.modal-content,.module-viewer,.preparation-plan-view,.certification-readiness-panel,.post-exam-feedback-panel,.question-display,.modules-section,.learning-path-container .filter-btn,.submission-card,.submission-content,.review-actions,.tabs-container,.progress-section-card,.focus-areas-section{background:#1a1a2e!important;color:#e0e0e0!important;border-color:#ffffff1a!important}.badge-earned-modal,.share-modal-content,.error-container{background:#1a1a2e!important;color:#e0e0e0!important}.track-card h3,.track-card h4,.progress-card h3,.progress-card h4,.module-viewer h2,.module-viewer h3,.preparation-plan-view h2,.preparation-plan-view h3,.certification-readiness-panel h2,.certification-readiness-panel h3,.post-exam-feedback-panel h2,.post-exam-feedback-panel h3,.question-display h3,.exam-header h2,.submission-card h3,.review-actions h3,.badge-earned-modal h2,.badge-earned-modal h3{color:#fff!important}.track-card p,.progress-card p,.module-viewer p,.preparation-plan-view p,.certification-readiness-panel p,.post-exam-feedback-panel p,.question-display p,.submission-card p,.badge-earned-modal p{color:#fffc!important}.track-card .stat-label,.progress-card .stat-label,.stat-row .stat-label,.submission-card .meta-label,.question-display label{color:#fff9!important}.track-card .btn-secondary,.module-viewer .btn-secondary,.preparation-plan-view .btn-secondary,.exam-question-area .option-btn,.filter-btn{background:#ffffff14!important;color:#e0e0e0!important;border-color:#fff3!important}.track-card .btn-secondary:hover,.module-viewer .btn-secondary:hover,.filter-btn:hover{background:#ffffff26!important}.question-display input,.question-display textarea,.question-display select,.share-modal-content input,.review-actions textarea,.submission-content textarea{background:#111827!important;color:#e0e0e0!important;border-color:#ffffff26!important}.question-display .code-editor,.question-display pre{background:#0d1117!important;color:#e0e0e0!important}.track-card,.progress-card,.module-viewer,.submission-card,.review-actions,.exam-progress-card,.exam-question-grid{border-color:#ffffff1a!important}.filter-btn{background:#1a1a2e!important;color:#fffc!important;border-color:#ffffff26!important}.filter-btn.active{background:#ff6b3526!important;color:#ff6b35!important;border-color:#ff6b3566!important}.exam-nav-btn{background:#ffffff14!important;color:#e0e0e0!important;border-color:#fff3!important}.step-indicator{background:#1a1a2e!important;border-color:#fff3!important}.insight-section.recommendations,.security-issues,.validation-item.warning,.post-exam-feedback-panel__remediation{background:#f59e0b1a!important;color:#e0e0e0!important}.progress-widget{background:#1e293b!important;box-shadow:none!important}.progress-widget__stat{background:#0f172a!important;color:#e0e0e0!important}.progress-widget__skill-bar{background:#0f172a!important}.progress-widget__stat-value{color:#e0e0e0!important}.progress-widget__stat-label{color:#fff9!important}.container *[style*="background: white"],.container *[style*="background: #fff"],.container *[style*="background-color: white"],.container *[style*="background-color: #fff"]{background:#1a1a2e!important;color:#e0e0e0!important}.learning-sidebar .preparation-plan-view,.learning-sidebar .certification-readiness-panel,.learning-sidebar .post-exam-feedback-panel,.learning-sidebar .track-card,.learning-sidebar .progress-card,.learning-sidebar .modal-content,.learning-sidebar .item-card,.learning-sidebar .tabs-container,.learning-sidebar .insight-section,.learning-sidebar .focus-areas-section,.learning-sidebar .progress-section-card,.learning-sidebar .redemption-form-card,.learning-sidebar .redemption-history-card,.learning-sidebar .webcam-capture-container{background:#1a1a2e!important;color:#e0e0e0!important;border-color:#ffffff1a!important}.learning-sidebar .compilation-stats{background:#ffffff08!important;border-radius:8px}.learning-sidebar .current-activity{background:#00d2ff1a!important}.learning-sidebar .concept-highlight{background:#ff6b351a!important}.learning-sidebar .learning-stat{background:#ffffff0d!important}.learning-sidebar .progress-section{background:transparent!important}.learning-sidebar .progress-widget{background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important}.learning-sidebar .progress-widget__stat{background:#ffffff0d!important;color:#e0e0e0!important}.learning-sidebar .progress-widget__stat-value{color:#e0e0e0!important}.learning-sidebar .progress-widget__stat-label{color:#fff9!important}.learning-sidebar .progress-widget__skill-bar{background:#ffffff14!important}.badges-section,.badge-card,.badge-detail-modal,.track-card,.preparation-plan-view,.certification-readiness-panel,.post-exam-feedback-panel,.tabs-container,.item-card,.insight-section,.focus-areas-section,.progress-section-card,.exam-header,.exam-question-area,.question-display,.module-viewer{background:#1a1a2e!important;color:#e0e0e0!important}.progress-widget:not(.learning-sidebar .progress-widget){background:#1e293b!important;color:#e0e0e0!important}.progress-widget__stat:not(.learning-sidebar .progress-widget__stat){background:#0f172a!important;color:#e0e0e0!important}.progress-widget__skill-bar:not(.learning-sidebar .progress-widget__skill-bar){background:#0f172a!important}.tabs-container .tab-btn,.tabs-container .tab-button{background:#ffffff0d!important;color:#ffffffb3!important;border-color:#ffffff1a!important}.tabs-container .tab-btn.active,.tabs-container .tab-button.active{background:#00d2ff26!important;color:#00d2ff!important;border-color:#00d2ff4d!important}.item-card,.insight-section,.focus-areas-section .focus-area-item{background:#ffffff0d!important;border-color:#ffffff1a!important;color:#e0e0e0!important}.insight-section.concerns{background:#ef444414!important;border-left-color:#ef4444!important}.insight-section.recommendations{background:#f59e0b14!important;border-left-color:#f59e0b!important}.badges-section{--bg-secondary: #1a1a2e !important;--bg-tertiary: #0f172a !important;--text-primary: #e0e0e0 !important;--text-secondary: rgba(255, 255, 255, .6) !important;--border-color: rgba(255, 255, 255, .1) !important}.track-card h3,.track-card h4,.track-card p,.preparation-plan-view h2,.preparation-plan-view h3,.preparation-plan-view p,.certification-readiness-panel h2,.certification-readiness-panel h3,.certification-readiness-panel p,.post-exam-feedback-panel h2,.post-exam-feedback-panel h3,.post-exam-feedback-panel p,.item-card h3,.item-card h4,.item-card p,.insight-section h3,.insight-section h4,.insight-section p,.module-viewer h2,.module-viewer h3,.module-viewer p{color:#e0e0e0!important}