:root{--ctp-base: #1e1e2e;--ctp-mantle: #181825;--ctp-crust: #11111b;--ctp-text: #cdd6f4;--ctp-subtext1: #bac2de;--ctp-subtext0: #a6adc8;--ctp-surface0: #313244;--ctp-surface1: #45475a;--ctp-surface2: #585b70;--ctp-mauve: #cba6f7;--ctp-blue: #89b4fa;--ctp-lavender: #b4befe;--ctp-green: #a6e3a1;--ctp-pink: #f5c2e7}:global(.screen-inset:has(.mocha-course-container)){background-color:var(--ctp-base)!important;border-color:var(--ctp-surface0)!important;box-shadow:inset 0 0 30px #11111be6!important;position:relative!important;overflow:hidden!important}.mocha-course-container{position:absolute!important;inset:0;overflow-y:auto!important;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.mocha-course-container::-webkit-scrollbar{width:6px}.mocha-course-container::-webkit-scrollbar-track{background:var(--ctp-crust)}.mocha-course-container::-webkit-scrollbar-thumb{background:var(--ctp-surface1);border-radius:3px}.mocha-course-container::-webkit-scrollbar-thumb:hover{background:var(--ctp-mauve)}.mocha-course-container .banner{background:linear-gradient(180deg,var(--ctp-mantle) 0%,var(--ctp-crust) 100)!important;border-bottom:2px solid var(--ctp-surface0)!important;box-shadow:0 4px 12px #11111bcc!important}.mocha-course-container .banner h1{color:var(--ctp-text)!important;text-shadow:0 2px 4px rgba(17,17,27,.8)!important}.page-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.progress-bar-container{background:#11111b99;border:1px solid var(--ctp-surface0);border-radius:6px;padding:1rem;box-shadow:inset 0 0 12px #11111bcc}.progress-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-label{font-family:monospace;font-size:.85rem;color:var(--ctp-subtext0);text-transform:uppercase;letter-spacing:1.5px}.progress-percent{font-family:monospace;font-size:.85rem;color:var(--ctp-mauve);font-weight:700;text-shadow:0 0 8px rgba(203,166,247,.5)}.progress-track{height:8px;background:var(--ctp-crust);border-radius:4px;overflow:hidden;border:1px solid var(--ctp-surface0)}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--ctp-blue) 0%,var(--ctp-mauve) 100);border-radius:4px;transition:width .4s cubic-bezier(.25,1,.5,1);box-shadow:0 0 8px #cba6f7cc}.markdown-body h2{font-size:1.5rem;color:var(--ctp-text);margin-top:2rem;margin-bottom:1.2rem;border-bottom:2px solid var(--ctp-surface0);padding-bottom:.5rem;position:relative}.markdown-body h2:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--ctp-blue) 0%,var(--ctp-mauve) 100);box-shadow:0 0 6px #cba6f7cc}.markdown-body h3{font-size:1.25rem;color:var(--ctp-mauve);margin-top:2rem;margin-bottom:.8rem;border:none;padding:0;text-shadow:0 0 6px rgba(203,166,247,.25)}.markdown-body ul{list-style-type:none;padding-left:.5rem;margin-bottom:1.5rem}.markdown-body ul li{position:relative;padding-left:1.5rem;margin-bottom:.8rem;line-height:1.6;color:var(--ctp-subtext1)}.markdown-body ul li:before{content:"►";position:absolute;left:0;color:var(--ctp-mauve);font-size:.7rem;top:.2rem;text-shadow:0 0 5px rgba(203,166,247,.8);transition:transform .2s ease}.markdown-body ul li:hover:before{transform:translate(3px)}.markdown-body ol{list-style:none;background:#11111b99;border:1px solid var(--ctp-surface0);border-radius:6px;padding:1.2rem;margin:1rem 0 1.5rem;box-shadow:inset 0 0 12px #11111bcc}.markdown-body ol li{display:flex!important;align-items:flex-start;gap:.8rem;margin-bottom:.8rem;color:var(--ctp-subtext1);line-height:1.5;font-size:.92rem}.markdown-body ol li:last-child{margin-bottom:0}.task-checkbox{appearance:none;-webkit-appearance:none;background-color:var(--ctp-crust);border:1px solid var(--ctp-surface0);padding:7px;border-radius:4px;display:inline-block;position:relative;cursor:pointer;margin-top:4px;flex-shrink:0;transition:background .15s,border-color .15s,box-shadow .15s}.task-checkbox:hover{border-color:var(--ctp-surface2);box-shadow:0 0 6px #cba6f74d}.task-checkbox:checked{background-color:var(--ctp-mauve);border-color:var(--ctp-pink);box-shadow:0 0 8px #cba6f799}.task-checkbox:checked:after{content:"✔";font-size:10px;position:absolute;top:-1px;left:2px;color:var(--ctp-crust)}.task-text{flex-grow:1;transition:color .2s ease,text-decoration .2s ease}.task-completed .task-text{color:var(--ctp-surface2)!important;text-decoration:line-through}.task-completed code{color:var(--ctp-surface1)!important;border-color:var(--ctp-crust)!important;background:transparent!important}.markdown-body p strong{display:inline-block;margin-top:1.5rem;color:var(--ctp-blue);background:#89b4fa1a;border:1px solid rgba(137,180,250,.25);padding:4px 10px;border-radius:4px;font-family:monospace;font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.markdown-body code{background:#31324466!important;border:1px solid rgba(69,71,90,.6)!important;color:var(--ctp-pink)!important;padding:2px 6px!important;border-radius:4px!important;font-family:monospace!important;font-size:.85rem!important}.markdown-body a{color:var(--ctp-blue);text-decoration:none;border-bottom:1px dashed rgba(137,180,250,.5);padding:0 2px;transition:all .2s ease}.markdown-body a:hover{color:var(--ctp-text);background:#89b4fa26;border-bottom:1px solid var(--ctp-mauve);text-shadow:0 0 5px var(--ctp-text)}.course-banner-container{width:100%;aspect-ratio:16 / 9;max-height:450px;border:2px solid var(--ctp-surface0);border-radius:8px;background:var(--ctp-crust);box-shadow:0 4px 8px #11111bcc,inset 0 0 5px #ffffff0d;overflow:hidden;display:flex;justify-content:center;align-items:center}.course-banner-img{width:100%;height:100%;object-fit:cover;display:block}.course-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px dashed var(--ctp-surface0);text-align:center}.license-notice{font-size:.85rem;color:var(--ctp-subtext0);line-height:1.5;margin:0}.license-notice a{color:var(--ctp-subtext1);text-decoration:underline;font-weight:700;transition:color .15s}.license-notice a:hover{color:var(--ctp-text)}.course-header{background:#18182566;border:1px solid var(--ctp-surface0);border-radius:6px;padding:1.5rem;box-shadow:inset 0 0 10px #11111b99}.course-title{font-size:1.8rem;color:var(--ctp-text);margin-bottom:.5rem;border:none;padding:0}.course-desc{color:var(--ctp-subtext1);font-size:1rem;line-height:1.5;margin-bottom:1rem}.course-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.course-date{font-family:monospace;color:var(--ctp-subtext0);font-size:.9rem}.course-tags{display:flex;gap:.5rem}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-family:monospace;border:1px solid rgba(203,166,247,.15);background:#cba6f70d;color:var(--ctp-mauve)}.separator{border-color:var(--ctp-surface0);margin:1rem 0}