:root{--bg-main:#0f111a;--bg-surface:#1a1d29;--border-subtle:#2a2d3d;--text-main:#e4e6eb;--text-muted:#8b8d98;--accent-blue:#3b82f6;--accent-green:#22c55e;--accent-red:#ef4444;--accent-orange:#f97316}[data-bs-theme=light]{--bg-main:#f4f5f8;--bg-surface:#fff;--border-subtle:#d9dce5;--text-main:#1a1d26;--text-muted:#616c7e;--accent-blue:#2563eb;--accent-green:#16a34a;--accent-red:#dc2626;--accent-orange:#ea580c}[data-bs-theme=light] .btn-outline-light{--bs-btn-color:#1a1d26;--bs-btn-border-color:#c7cbd6;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#1a1d26;--bs-btn-hover-border-color:#1a1d26;--bs-btn-active-color:#fff;--bs-btn-active-bg:#1a1d26;--bs-btn-active-border-color:#1a1d26}body,html{background-color:var(--bg-main);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;margin:0}.app-container{position:relative;padding-bottom:80px}.card-custom{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px}.btn-primary{background-color:var(--accent-blue);border-color:var(--accent-blue);font-weight:600}.btn-success{background-color:var(--accent-green);border-color:var(--accent-green)}.btn-danger{background-color:var(--accent-red);border-color:var(--accent-red)}.nav-bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:500px;background-color:var(--bg-surface);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-around;padding:10px 0;z-index:1000}.nav-bottom a{color:var(--text-muted);text-decoration:none;display:flex;flex-direction:column;align-items:center;font-size:12px}.nav-bottom a.active{color:var(--accent-blue)}.nav-bottom i{font-size:20px;margin-bottom:4px}.xp-bar-bg{background-color:var(--border-subtle);border-radius:20px;height:8px;overflow:hidden}.xp-bar-fill{background-color:var(--accent-blue);height:100%;width:70%}.fab{position:fixed;bottom:90px;left:50%;transform:translateX(150px);width:56px;height:56px;border-radius:50%;background-color:var(--accent-orange);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.4);z-index:999;border:none}.xp-pop{position:absolute;font-size:24px}.xp-pop,.xp-pop-fix{color:var(--accent-green);font-weight:700;animation:floatUp 1.5s ease-out forwards;pointer-events:none}.xp-pop-fix{position:fixed;top:40%;left:50%;transform:translateX(-50%);font-size:28px;z-index:1080;text-shadow:0 2px 8px rgba(0,0,0,.6)}@keyframes floatUp{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-100px);opacity:0}}.qcm-option mjx-container{margin:0!important}.markdown-content img{max-width:100%;height:auto;display:block;margin:1.5rem auto;border-radius:8px}[data-bs-theme=dark] .markdown-content img{filter:invert(1) hue-rotate(180deg)}.programme-accordion .accordion-collapse,.programme-accordion .accordion-item{background-color:transparent;border:none;color:var(--text-main)}.programme-accordion .accordion-body{padding:0}.resume-content h1,.resume-content h2,.resume-content h3,.resume-content h4,.resume-content h5,.resume-content h6{font-size:1.05rem;font-weight:700;margin-top:1.1rem;margin-bottom:.5rem;color:var(--text-main)}.resume-content h1{font-size:1.2rem}.resume-content h2{font-size:1.1rem}.resume-content h3{border-left:3px solid var(--accent-blue);padding-left:.75rem}.resume-content h4{color:var(--accent-blue);margin-top:1.5rem}.resume-content p{margin-bottom:.6rem;line-height:1.6}.resume-content ul{padding-left:1.2rem;margin-bottom:.6rem}.resume-content li{margin-bottom:.25rem;line-height:1.6}.resume-content strong{color:var(--text-main)}.resume-content mjx-container{overflow-x:auto;overflow-y:hidden}.resume-content mjx-container[display=true]{margin:1rem 0!important}.correction-content p{margin-bottom:.5rem;line-height:1.6}.correction-content ul{padding-left:1.2rem;margin-bottom:.5rem}.correction-content li{margin-bottom:.25rem;line-height:1.6}.correction-content strong{color:var(--text-main)}.correction-content mjx-container{overflow-x:auto;overflow-y:hidden}.correction-content mjx-container[display=true]{margin:.75rem 0!important}.mermaid-container{overflow-x:auto;overflow-y:hidden;margin:.75rem 0;padding:.75rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;text-align:center}.mermaid-container svg{max-width:100%;height:auto}.mermaid-container .error-icon,.mermaid-container [id^=mermaid-error]{font-size:12px;color:var(--accent-red)}.resume-content .accordion-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.resume-content .accordion-header:hover{opacity:.85}.resume-content .resume-chevron{font-size:.75em;margin-right:.4rem;color:var(--text-muted);vertical-align:middle}@keyframes qfFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.qf-fade-in{animation:qfFadeIn .35s ease-out}.qa-flag-badge{display:inline-block;background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);font-size:10px;padding:2px 6px;border-radius:4px;cursor:pointer;opacity:.5;transition:opacity .15s}.qa-flag-badge:hover{opacity:1;color:var(--accent-orange);border-color:var(--accent-orange)}.notion-tabs .nav-link{color:var(--text-muted);font-size:13px;padding:4px 12px;border-radius:8px}.notion-tabs .nav-link:hover{color:var(--text-main)}.notion-tabs .nav-link.active{background-color:var(--accent-blue);color:#fff}.programme-cursus-tabs .nav-link{color:var(--text-muted);font-size:13px;font-weight:600;padding:6px 12px;border-radius:8px}.programme-cursus-tabs .nav-link:hover{color:var(--text-main)}.programme-cursus-tabs .nav-link.active{background-color:var(--accent-blue);color:#fff}.qcm-option{color:var(--bs-body-color);border-color:var(--bs-border-color)}.qcm-option[disabled]{opacity:.6}