:root{--void:#0a0616;--panel:#100a1e;--cyan:#b455ff;--pink:#ff2bd6;--acid:#ffb000;--white:#f4eaff;--muted:#8f86aa;--line:rgba(180,85,255,.18);--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--void)}body{margin:0;background:radial-gradient(circle at 80% 5%,rgba(255,43,214,.07),transparent 25%),var(--void);color:var(--white);font-family:var(--sans);line-height:1.75}body:after{content:"";position:fixed;inset:0;z-index:99;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.015) 3px 4px)}a{color:var(--cyan);text-decoration:none}.reading-progress{position:fixed;z-index:100;left:0;top:0;height:2px;width:0;background:var(--pink);box-shadow:0 0 12px var(--pink)}.course-header{height:70px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,4rem);background:rgba(10,6,22,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:.65rem;align-items:center;color:var(--white);font:700 .9rem var(--mono);letter-spacing:.05em}.brand strong span{color:var(--cyan)}.brand-mark{width:29px;height:29px;display:grid;place-items:center;background:var(--cyan);color:var(--void);clip-path:polygon(20% 0,100% 0,100% 72%,72% 100%,0 100%,0 20%)}.system-state,.back-link{font:500 .6rem var(--mono);letter-spacing:.1em}.system-state{color:#7a7193}.system-state i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 8px var(--acid);margin-right:.5rem}.back-link{color:var(--acid)}.course-shell{width:min(1440px,100%);margin:auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:clamp(2rem,6vw,7rem);padding:3.5rem clamp(1.2rem,5vw,5rem) 6rem}.course-sidebar{position:sticky;top:105px;align-self:start;max-height:calc(100vh - 130px);overflow:auto;border-left:1px solid var(--line);padding-left:1.2rem}.label{font:500 .57rem var(--mono);letter-spacing:.13em;color:var(--pink);margin:0 0 .7rem}.file-name{font:400 .58rem/1.6 var(--mono);color:#736a8c;word-break:break-all;margin:0 0 2.2rem}.course-sidebar nav{display:flex;flex-direction:column;gap:.1rem}.course-sidebar nav a{font:400 .66rem/1.35 var(--mono);color:#847b9e;padding:.42rem .6rem;border-left:1px solid transparent}.course-sidebar nav a:hover{color:var(--cyan);border-left-color:var(--cyan);background:rgba(180,85,255,.04)}.course-sidebar nav a.subheading{padding-left:1.3rem;color:#65597d}.sidebar-actions{display:grid;gap:.5rem;margin-top:2rem}.sidebar-actions a,.sidebar-actions button{display:flex;justify-content:space-between;padding:.65rem .75rem;border:1px solid var(--line);background:transparent;color:var(--cyan);font:500 .59rem var(--mono);cursor:pointer;text-align:left}.sidebar-actions a:hover,.sidebar-actions button:hover{background:var(--cyan);color:#0a0616}.course-main{min-width:0;max-width:900px}.doc-status{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:.75rem;margin-bottom:2.5rem;color:#685c81;font:400 .57rem var(--mono);letter-spacing:.08em}.doc-status span:last-child{color:var(--acid)}.markdown-body h1{font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.055em;text-transform:uppercase;margin:.3rem 0 2rem;color:var(--white);text-shadow:3px 3px 0 rgba(255,43,214,.2)}.markdown-body h1:before{content:"// ";color:var(--cyan)}.markdown-body h2{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.2;letter-spacing:-.03em;margin:4rem 0 1.2rem;padding:0 0 .75rem;border-bottom:1px solid var(--line);scroll-margin-top:100px}.markdown-body h2:before{content:"# ";font-family:var(--mono);color:var(--pink)}.markdown-body h3{font-size:1.2rem;margin:2.7rem 0 .8rem;color:var(--cyan);scroll-margin-top:100px}.markdown-body h4{color:var(--acid);text-transform:uppercase;letter-spacing:.06em}.markdown-body p,.markdown-body li{color:#b8aecf;font-size:.94rem}.markdown-body strong{color:var(--white)}.markdown-body em{color:#c9c1db}.markdown-body ul,.markdown-body ol{padding-left:1.5rem}.markdown-body li{padding:.15rem 0}.markdown-body li::marker{color:var(--pink)}.markdown-body blockquote{margin:1.8rem 0;padding:1rem 1.2rem;border-left:3px solid var(--pink);background:rgba(255,43,214,.045);color:#c7bfd9}.markdown-body blockquote p{margin:0}.markdown-body code{font:400 .82em var(--mono);color:var(--acid);background:#140c22;border:1px solid rgba(255,176,0,.13);padding:.12rem .35rem}.markdown-body pre{overflow:auto;background:#0d0816;border:1px solid var(--line);border-left:3px solid var(--cyan);padding:1.2rem;box-shadow:8px 8px 0 rgba(180,85,255,.035)}.markdown-body pre code{border:0;background:transparent;color:#cbc3dd;padding:0;font-size:.78rem}.markdown-body table{width:100%;border-collapse:collapse;margin:1.8rem 0;font-size:.78rem;display:block;overflow-x:auto}.markdown-body th{color:var(--cyan);background:#150c26;font:500 .65rem var(--mono);text-transform:uppercase}.markdown-body th,.markdown-body td{border:1px solid var(--line);padding:.7rem .8rem;text-align:left}.markdown-body td{color:#a99fc4}.markdown-body hr{border:0;border-top:1px solid var(--line);margin:3rem 0}.markdown-body img{max-width:100%;border:1px solid var(--line)}.markdown-body a{border-bottom:1px dotted rgba(180,85,255,.5)}.course-footer{display:flex;justify-content:space-between;align-items:center;margin-top:5rem;padding-top:1.5rem;border-top:1px solid var(--line);font:500 .62rem var(--mono)}.course-footer p{color:#5e5176}.course-footer a{color:var(--acid)}@media(max-width:800px){.system-state{display:none}.course-shell{grid-template-columns:1fr;padding-top:2rem}.course-sidebar{position:static;max-height:none;display:grid;grid-template-columns:1fr auto;gap:1rem}.course-sidebar nav{display:none}.sidebar-actions{margin:0}.file-name{margin:0}.course-main{max-width:none}}@media(max-width:520px){.back-link{font-size:0}.back-link:after{content:"← BACK";font-size:.6rem}.course-sidebar{display:none}.markdown-body h1{font-size:2.25rem}.doc-status span:first-child{max-width:60%;overflow:hidden;text-overflow:ellipsis}.course-footer{align-items:flex-start;flex-direction:column}.markdown-body p,.markdown-body li{font-size:.88rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}