:root{--bg:#2d2a2e;--bg-light:#353236;--bg-lighter:#403e41;--fg:#fcfcfa;--fg-dim:#c1c0c0;--yellow:#ffd866;--green:#a9dc76;--red:#ff6188;--blue:#78dce8;--purple:#ab9df2;--orange:#fc9867;--sidebar-width:280px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:var(--bg);color:var(--fg);line-height:1.7;font-size:16px}#progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--green);z-index:9999;transition:width .2s}#sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-light);border-right:1px solid var(--bg-lighter);overflow-y:auto;padding:20px 0;z-index:100;transition:transform .3s}#sidebar h2{color:var(--yellow);font-size:14px;text-transform:uppercase;letter-spacing:1px;padding:0 20px 10px;border-bottom:1px solid var(--bg-lighter);margin-bottom:10px}#sidebar a{display:block;color:var(--fg-dim);text-decoration:none;padding:6px 20px;font-size:13px;border-left:3px solid transparent;transition:all .2s}#sidebar a:hover{color:var(--fg);background:var(--bg-lighter)}#sidebar a.active{color:var(--yellow);border-left-color:var(--yellow)}#sidebar a.completed{color:var(--green)}#sidebar a.completed::before{content:"✓ "}.sidebar-section{margin:10px 0}.sidebar-section-title{color:var(--orange);font-size:11px;text-transform:uppercase;letter-spacing:1.5px;padding:10px 20px 5px;font-weight:bold}#content{margin-left:var(--sidebar-width);max-width:860px;padding:40px 60px}.nav-links{display:flex;justify-content:space-between;margin:40px 0 20px;padding-top:20px;border-top:1px solid var(--bg-lighter)}.nav-links a{color:var(--blue);text-decoration:none;padding:8px 16px;border:1px solid var(--blue);border-radius:4px;font-size:14px;transition:all .2s}.nav-links a:hover{background:var(--blue);color:var(--bg)}h1{color:var(--yellow);font-size:2em;margin-bottom:10px}h2{color:var(--green);font-size:1.5em;margin:30px 0 15px;border-bottom:1px solid var(--bg-lighter);padding-bottom:8px}h3{color:var(--blue);font-size:1.2em;margin:25px 0 10px}h4{color:var(--orange);font-size:1em;margin:20px 0 8px}p{margin:12px 0}a{color:var(--blue)}ul,ol{margin:12px 0 12px 24px}li{margin:4px 0}code{font-family:'JetBrains Mono','Fira Code',Consolas,monospace;background:var(--bg-light);padding:2px 6px;border-radius:3px;font-size:.9em;color:var(--orange)}pre{background:var(--bg-light);border:1px solid var(--bg-lighter);border-radius:6px;padding:16px 20px;overflow-x:auto;margin:16px 0;line-height:1.5}pre code{background:none;padding:0;color:var(--fg);font-size:.85em}.kw{color:var(--red)}.str{color:var(--yellow)}.fn{color:var(--green)}.cm{color:var(--fg-dim)}.type{color:var(--blue)}.num{color:var(--purple)}.box{border-radius:6px;padding:16px 20px;margin:20px 0;border-left:4px solid}.box-title{font-weight:bold;margin-bottom:6px;font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.box.info{background:rgba(120,220,232,.1);border-color:var(--blue)}.box.info .box-title{color:var(--blue)}.box.warning{background:rgba(255,97,136,.1);border-color:var(--red)}.box.warning .box-title{color:var(--red)}.box.tip{background:rgba(169,220,118,.1);border-color:var(--green)}.box.tip .box-title{color:var(--green)}.box.exercise{background:rgba(171,157,242,.1);border-color:var(--purple)}.box.exercise .box-title{color:var(--purple)}.diagram{background:var(--bg-light);border:1px solid var(--bg-lighter);border-radius:6px;padding:20px;margin:20px 0;font-family:'JetBrains Mono','Fira Code',monospace;font-size:13px;line-height:1.4;overflow-x:auto;white-space:pre;color:var(--green)}table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.9em}th{background:var(--bg-lighter);color:var(--yellow);padding:10px 12px;text-align:left;border:1px solid var(--bg-lighter)}td{padding:8px 12px;border:1px solid var(--bg-lighter)}tr:nth-child(even){background:var(--bg-light)}.quiz{margin:30px 0;padding:20px;background:var(--bg-light);border-radius:8px;border:1px solid var(--purple)}.quiz h3{color:var(--purple);margin-top:0}.question{margin:20px 0}.question p{font-weight:bold;color:var(--fg)}.options label{display:block;padding:8px 12px;margin:4px 0;border-radius:4px;cursor:pointer;transition:background .2s}.options label:hover{background:var(--bg-lighter)}.options input{margin-right:10px}.quiz-btn{background:var(--purple);color:var(--bg);border:none;padding:10px 24px;border-radius:4px;cursor:pointer;font-weight:bold;font-size:14px;margin-top:10px}.quiz-btn:hover{opacity:.9}.quiz-result{margin-top:15px;padding:12px;border-radius:4px;font-weight:bold}.quiz-result.pass{background:rgba(169,220,118,.2);color:var(--green)}.quiz-result.fail{background:rgba(255,97,136,.2);color:var(--red)}.explanation{font-size:.85em;color:var(--fg-dim);margin-top:4px;font-style:italic}#sidebar-toggle{display:none;position:fixed;top:10px;left:10px;z-index:200;background:var(--bg-lighter);color:var(--fg);border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:18px}@media(max-width:900px){#sidebar{transform:translateX(-100%)}#sidebar.open{transform:translateX(0)}#sidebar-toggle{display:block}#content{margin-left:0;padding:40px 20px}}@media print{#sidebar,#sidebar-toggle,#progress-bar,.nav-links,.quiz-btn{display:none}#content{margin-left:0;max-width:100%}body{background:#fff;color:#000;font-size:12pt}h1{color:#000}h2{color:#333}h3{color:#555}pre{border:1px solid #ccc}.box{border:1px solid #ccc}}