*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0d0d14;color:#c0c0d0;font-family:Source Code Pro,JetBrains Mono,monospace;font-size:15px;line-height:1.85;-webkit-font-smoothing:antialiased}.pp-article{max-width:740px;margin:0 auto;padding:60px 24px 100px}.pp-meta{color:#6a6a8a;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:40px}.pp-meta span{color:#00ff9d}.pp-title{font-size:clamp(28px,5vw,42px);font-weight:700;color:#e0e0f0;line-height:1.2;margin-bottom:12px}.pp-title em{color:#f0f;font-style:normal}.pp-subtitle{color:#7a7a9a;font-size:15px;line-height:1.7;margin-bottom:50px}.pp-series{background:#0a0a12;border:1px solid #1a1a2e;border-radius:6px;padding:20px 24px;margin-bottom:30px}.pp-series-label{color:#f0f;font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;font-weight:600}.pp-series ol{list-style:none;padding:0;counter-reset:series}.pp-series li{counter-increment:series;margin-bottom:6px;font-size:13px;color:#5a5a7a}.pp-series li:before{content:"Part " counter(series) ":";color:#3a3a5a;margin-right:8px;font-size:12px}.pp-series li.active{color:#e0e0f0}.pp-series li.active:before{color:#00ff9d}.pp-series li.active:after{content:" ← you are here";color:#00ff9d;font-size:11px}.pp-series li a{color:#c0c0d0;text-decoration:none;transition:color .18s ease}.pp-series li a:hover{color:#00ff9d;text-decoration:none}.pp-toc{background:#0a0a0f;border:1px solid #1a1a2e;border-radius:6px;padding:0;margin:30px 0 50px;overflow:hidden}.pp-toc-label{background:#12121f;border-bottom:1px solid #1a1a2e;padding:11px 18px 11px 56px;margin:0;color:#3a3a5a;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-family:Source Code Pro,monospace;position:relative}.pp-toc-label:before{content:"";position:absolute;top:50%;left:18px;width:7px;height:7px;border-radius:50%;background:#ff5f57;transform:translateY(-50%);box-shadow:12px 0 #febc2e,24px 0 #28c840}.pp-toc-label span{color:#00ff9d}.pp-toc ol{padding:18px 22px;margin:0;counter-reset:toc;list-style:none}.pp-toc li{counter-increment:toc;margin:0;padding:5px 8px 5px 0;position:relative;transition:padding-left .18s ease,background .18s ease;border-radius:3px}.pp-toc li:before{content:counter(toc,decimal-leading-zero);color:#3a3a5a;margin-right:14px;font-size:12px;font-family:Source Code Pro,monospace;transition:color .18s ease}.pp-toc li:hover{padding-left:10px;background:#12121f}.pp-toc li:hover:before{color:#f0f}.pp-toc li:after{content:"";position:absolute;right:12px;top:50%;width:0;height:0;border-left:5px solid #00ff9d;border-top:4px solid transparent;border-bottom:4px solid transparent;opacity:0;transform:translateY(-50%) translate(-4px);transition:opacity .18s ease,transform .18s ease}.pp-toc li:hover:after{opacity:1;transform:translateY(-50%) translate(0)}.pp-toc a{color:#c0c0d0;font-size:13px;text-decoration:none;font-family:Source Code Pro,monospace;transition:color .18s ease}.pp-toc a:hover{color:#00ff9d}.pp-article h2,.pp-h2{font-size:22px;font-weight:700;color:#e0e0f0;margin:56px 0 20px;padding-bottom:8px;border-bottom:1px solid #1a1a2e;scroll-margin-top:30px;line-height:1.3}.pp-h3{font-size:17px;font-weight:600;color:#00ff9d;margin:36px 0 14px;line-height:1.3;font-family:Source Code Pro,monospace}.pp-article p{margin-bottom:20px;color:#c0c0d0;font-size:15px;line-height:1.85}.pp-article code{background:#12121f;border:1px solid #1a1a2e;border-radius:3px;padding:1px 6px;font-size:13px;color:#00d4ff;font-family:Source Code Pro,monospace}.c-pink{color:#f0f!important;font-weight:600}.c-cyan{color:#00d4ff!important;font-weight:600}.c-green{color:#00ff9d!important;font-weight:600}.c-orange{color:#ff9d00!important;font-weight:600}.c-light{color:#e0e0f0!important;font-weight:600}.pp-code{background:#0a0a0f;border:1px solid #1a1a2e;border-radius:6px;margin:20px 0;overflow:hidden;display:block}.pp-code-head{background:#12121f;border-bottom:1px solid #1a1a2e;padding:7px 14px;display:flex;align-items:center;gap:10px}.pp-code-dots{display:flex;gap:5px;flex-shrink:0}.pp-code-dot{width:7px;height:7px;border-radius:50%}.pp-code-dot:nth-child(1){background:#ff5f57}.pp-code-dot:nth-child(2){background:#febc2e}.pp-code-dot:nth-child(3){background:#28c840}.pp-code-lang{color:#f0f;font-size:11px;flex:1}.pp-code-copy{color:#f0f;font-size:9px;border:1px solid #1a1a2e;border-radius:3px;padding:2px 8px;background:none;cursor:pointer;margin-left:auto;transition:all .2s;font-family:Source Code Pro,monospace}.pp-code-copy:hover{color:#00ff9d;border-color:#00ff9d}.pp-code-body{padding:16px 18px;overflow-x:auto;display:block}.pp-code-body pre{font-size:13px;line-height:1.75;color:#e0e0f0;white-space:pre;margin:0;padding:0;background:transparent;display:block;font-family:Source Code Pro,monospace}.pp-note{background:#0f0f1a;border-left:3px solid #ff9d00;padding:14px 18px;margin:20px 0;font-size:13px;color:#8a8aa0;border-radius:0 6px 6px 0}.pp-note strong{color:#ff9d00}.pp-next{margin-top:60px;padding-top:30px;border-top:1px solid #1a1a2e}.pp-next-label{color:#3a3a5a;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.pp-next-title{color:#00ff9d;font-size:15px;font-weight:600;transition:color .18s ease}.pp-next a{display:block;text-decoration:none}.pp-next a:hover .pp-next-title,.pp-next a:hover .pp-next-label{color:#f0f}.pp-article ul,.pp-article ol{padding-left:1.5rem;margin-bottom:1.2rem;color:#c0c0d0}.pp-article li{margin-bottom:.4rem}.pp-article strong{color:#e0e0f0;font-weight:600}.pp-article a{color:#00ff9d}.pp-article blockquote{border-left:3px solid #ff9d00;padding:14px 18px;background:#0f0f1a;border-radius:0 6px 6px 0;margin:1.5rem 0;color:#8a8aa0;font-size:13px}.pp-article pre{background:#0a0a0f;border:1px solid #1a1a2e;border-radius:6px;padding:16px 18px;overflow-x:auto;margin:20px 0}.pp-article pre code{background:none;border:none;padding:0;color:#e0e0f0;font-size:13px}