:root{--bg:#0d0d1a;--bg-surface:#161629;--bg-elevated:#1e1e38;--pink:#ff92d0;--blue:#8be9fd;--green:#50fa7b;--purple:#bd93f9;--orange:#ffb86c;--text:#e0e0e8;--text-muted:#9a9ab0;--border:#2a2a4a;--font-body:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto,
                    'Helvetica Neue', Arial, sans-serif;--font-heading:'Space Grotesk', var(--font-body);--content-width:720px;--site-width:1200px;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--transition:0.2s ease;--radius:6px;--radius-lg:12px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:1rem;line-height:1.7;color:var(--text);background-color:var(--bg);min-height:100vh;display:flex;flex-direction:column;background-image:url(/images/circuit-bg.svg);background-repeat:repeat;background-attachment:fixed;background-size:400px 400px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--pink);color:var(--bg);padding:var(--space-sm)var(--space-md);z-index:1000;font-weight:600;text-decoration:none}.skip-link:focus{left:var(--space-md);top:var(--space-md);border-radius:var(--radius)}main{flex:1;width:100%;max-width:var(--content-width);margin:0 auto;padding:var(--space-xl)var(--space-lg);background-color:rgba(13,13,26,.85);border-radius:12px}.container{width:100%;max-width:var(--site-width);margin:0 auto;padding:0 var(--space-md)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.25;color:var(--blue);margin-top:var(--space-xl);margin-bottom:var(--space-md)}h1{font-size:2.25rem;color:var(--pink)}h2{font-size:1.75rem}h3{font-size:1.375rem}h4{font-size:1.125rem}p{margin-bottom:var(--space-md)}a{color:var(--pink);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition)}a:hover,a:focus-visible{color:var(--blue)}img{max-width:100%;height:auto;display:block;border-radius:var(--radius)}picture{display:block;margin:var(--space-lg)0}ul,ol{padding-left:var(--space-lg);margin-bottom:var(--space-md)}li{margin-bottom:var(--space-xs)}blockquote{border-left:3px solid var(--purple);padding:var(--space-sm)var(--space-md);margin:var(--space-lg)0;color:var(--text-muted);background:var(--bg-surface);border-radius:0 var(--radius)var(--radius)0}hr{border:none;border-top:1px solid var(--border);margin:var(--space-xl)0}table{width:100%;border-collapse:collapse;margin:var(--space-lg)0}th,td{padding:var(--space-sm)var(--space-md);border:1px solid var(--border);text-align:left}th{background:var(--bg-surface);color:var(--blue);font-family:var(--font-heading)}.bg-electronics{background-image:url(/images/circuit-bg-electronics.svg);background-repeat:repeat;background-attachment:fixed;background-size:400px 400px}@media(min-width:768px){main{padding:var(--space-2xl)}h1{font-size:2.75rem}h2{font-size:2rem}}@media(min-width:1024px){main{padding:var(--space-2xl)3rem}}@media(min-width:1440px){html{font-size:105%}}@media(min-width:2560px){html{font-size:112.5%}main{max-width:800px}}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md)var(--space-lg);background:var(--bg-surface);background-color:rgba(22,22,41,.95);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-logo{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--pink);text-decoration:none;letter-spacing:.02em}.nav-logo:hover,.nav-logo:focus-visible{color:var(--blue)}.nav-links{display:flex;list-style:none;gap:var(--space-lg);padding:0;margin:0}.nav-links a{color:var(--text);text-decoration:none;font-size:.95rem;font-weight:500;transition:color var(--transition)}.nav-links a:hover,.nav-links a:focus-visible{color:var(--pink)}.post-list{list-style:none;padding:0}.post-card{padding:var(--space-lg)0;border-bottom:1px solid var(--border);border:1px solid transparent;border-bottom:1px solid var(--border);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.post-card:hover,.post-card:focus-within{transform:translateY(-4px);box-shadow:0 4px 15px rgba(255,146,208,.2),0 0 30px rgba(255,146,208,.1);border-color:var(--pink)}@media(prefers-reduced-motion:reduce){.post-card{transition:border-color .25s ease}.post-card:hover,.post-card:focus-within{transform:none}}.post-card:last-child{border-bottom:none}.post-card-title{font-family:var(--font-heading);font-size:1.5rem;margin:0 0 var(--space-sm)}.post-card-title a{color:var(--blue);text-decoration:none}.post-card-title a:hover,.post-card-title a:focus-visible{color:var(--pink)}.post-card-meta{font-size:.875rem;color:var(--text-muted);margin-bottom:var(--space-sm)}.post-card-summary{color:var(--text);line-height:1.6}.post-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm)var(--space-md);font-size:.875rem;color:var(--text-muted);margin-bottom:var(--space-lg)}.post-meta time{color:var(--text-muted)}.tag-list,.category-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);list-style:none;padding:0;margin:0}.tag,.category{display:inline-block;padding:.15em .6em;font-size:.8rem;font-weight:500;border-radius:var(--radius);text-decoration:none;transition:background var(--transition),color var(--transition)}.category{background:var(--bg-elevated);color:var(--pink);border:1px solid var(--pink)}.category:hover,.category:focus-visible{background:var(--pink);color:var(--bg)}.tag{background:var(--bg-elevated);color:var(--blue);border:1px solid var(--blue)}.tag:hover,.tag:focus-visible{background:var(--blue);color:var(--bg)}.btn{display:inline-block;padding:var(--space-sm)var(--space-md);font-family:var(--font-heading);font-size:.9rem;font-weight:600;border:1px solid var(--pink);border-radius:var(--radius);color:var(--pink);background:0 0;text-decoration:none;cursor:pointer;transition:background var(--transition),color var(--transition)}.btn:hover,.btn:focus-visible{background:var(--pink);color:var(--bg)}.btn--secondary{border-color:var(--blue);color:var(--blue)}.btn--secondary:hover,.btn--secondary:focus-visible{background:var(--blue);color:var(--bg)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--border)}.pagination a,.pagination span{padding:var(--space-sm)var(--space-md);border-radius:var(--radius);font-size:.9rem;font-weight:500;text-decoration:none}.pagination a{color:var(--pink);border:1px solid var(--pink);transition:background var(--transition),color var(--transition)}.pagination a:hover,.pagination a:focus-visible{background:var(--pink);color:var(--bg)}.pagination .current{color:var(--text-muted)}.site-footer{text-align:center;padding:var(--space-lg)var(--space-md);border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem;margin-top:auto;background-color:rgba(22,22,41,.95)}.site-footer a{color:var(--pink)}.terms-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-md)}.terms-list a{display:inline-block;padding:var(--space-sm)var(--space-md);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--blue);text-decoration:none;font-weight:500;transition:border-color var(--transition),color var(--transition)}.terms-list a:hover,.terms-list a:focus-visible{border-color:var(--pink);color:var(--pink)}.nav-toggle{display:none}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;padding:var(--space-sm);z-index:101}.hamburger-bar{display:block;width:24px;height:2px;background:var(--text);border-radius:2px;transition:transform var(--transition),opacity var(--transition)}.youtube-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;margin:var(--space-lg)0;border-radius:var(--radius)}.youtube-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.hero-banner{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-2xl)var(--space-lg);max-width:var(--site-width);margin:0 auto;background:linear-gradient(135deg,rgba(13,13,26,.95),rgba(30,30,56,.8));border-bottom:1px solid var(--border)}.hero-robot{flex-shrink:0;width:250px}.hero-robot svg{width:100%;height:auto}.hero-text h1{margin-top:0}.hero-subtitle{color:var(--text-muted);font-size:1.1rem}@media(max-width:767px){.hero-banner{flex-direction:column;text-align:center;padding:var(--space-lg)var(--space-md)}.hero-robot{width:150px}.site-nav{flex-wrap:wrap;padding:var(--space-sm)var(--space-md)}.nav-hamburger{display:flex}.nav-links{display:none;flex-direction:column;width:100%;gap:var(--space-sm);padding-top:var(--space-sm)}.nav-toggle:checked~.nav-links{display:flex}.nav-toggle:checked~.nav-hamburger .hamburger-bar:nth-child(1){transform:translateY(7px)rotate(45deg)}.nav-toggle:checked~.nav-hamburger .hamburger-bar:nth-child(2){opacity:0}.nav-toggle:checked~.nav-hamburger .hamburger-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.post-card-title{font-size:1.25rem}}@keyframes neon-pulse-pink{0%{text-shadow:0 0 4px rgba(255,146,208,.4),0 0 11px rgba(255,146,208,.2)}50%{text-shadow:0 0 8px rgba(255,146,208,.6),0 0 20px rgba(255,146,208,.35),0 0 35px rgba(255,146,208,.15)}100%{text-shadow:0 0 4px rgba(255,146,208,.4),0 0 11px rgba(255,146,208,.2)}}@keyframes neon-pulse-blue{0%{text-shadow:0 0 4px rgba(139,233,253,.4),0 0 11px rgba(139,233,253,.2)}100%{text-shadow:0 0 8px rgba(139,233,253,.6),0 0 20px rgba(139,233,253,.35),0 0 35px rgba(139,233,253,.15)}}h1,.nav-logo{animation:neon-pulse-pink 4s ease-in-out infinite}h2{animation:neon-pulse-blue 4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){h1,.nav-logo{animation:none;text-shadow:0 0 6px rgba(255,146,208,.3),0 0 14px rgba(255,146,208,.15)}h2{animation:none;text-shadow:0 0 6px rgba(139,233,253,.3),0 0 14px rgba(139,233,253,.15)}}.category-icon{display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:.25em}.fade-in-left{opacity:0;transform:translateX(-30px);transition:opacity .5s ease-out,transform .5s ease-out}.fade-in-right{opacity:0;transform:translateX(30px);transition:opacity .5s ease-out,transform .5s ease-out}.fade-in-left.visible,.fade-in-right.visible{opacity:1;transform:translateX(0)}@media(prefers-reduced-motion:reduce){.fade-in-left,.fade-in-right{opacity:1;transform:none;transition:none}}.reading-time{color:var(--text-muted)}.toc{margin-bottom:var(--space-lg);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface)}.toc summary{padding:var(--space-sm)var(--space-md);cursor:pointer;color:var(--pink);font-weight:600;font-family:var(--font-heading)}.toc summary:hover{color:var(--blue)}.toc nav{padding:0 var(--space-md)var(--space-md)}.toc ul{list-style:none;padding-left:var(--space-md);margin:0}.toc li{margin-bottom:var(--space-xs)}.toc a{color:var(--blue);text-decoration:none;font-size:.9rem}.toc a:hover{color:var(--pink)}.related-posts{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--border)}.related-posts h2{margin-top:0;margin-bottom:var(--space-lg)}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.related-card{display:flex;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);text-decoration:none;transition:border-color var(--transition),box-shadow var(--transition)}.related-card:hover{border-color:var(--pink);box-shadow:0 0 10px rgba(255,146,208,.15)}.related-robot{flex-shrink:0;width:60px}.related-robot svg{width:100%;height:auto}.related-info h3{font-size:1rem;margin:0 0 var(--space-xs);color:var(--blue)}.related-info time{font-size:.8rem;color:var(--text-muted)}.related-info p{font-size:.85rem;color:var(--text);margin:var(--space-xs)0 0;line-height:1.4}.footer-content{max-width:var(--site-width);margin:0 auto}.footer-sitemap{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)var(--space-md);list-style:none;padding:0;margin:0 0 var(--space-md)}.footer-sitemap a{color:var(--blue);text-decoration:none;font-size:.85rem}.footer-sitemap a:hover{color:var(--pink)}.footer-robot{width:80px;margin:var(--space-md)auto}.footer-robot svg{width:100%;height:auto;opacity:.6}.back-to-top{position:fixed;bottom:2rem;right:2rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-sm);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,border-color var(--transition);z-index:99}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{border-color:var(--pink);box-shadow:0 0 10px rgba(255,146,208,.3)}.video-wrapper{margin:var(--space-lg)0;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elevated);border:1px solid var(--border)}.video-wrapper video{display:block;width:100%;height:auto;border-radius:var(--radius-lg)}.callout{display:flex;gap:var(--space-md);padding:var(--space-md)var(--space-lg);margin:var(--space-lg)0;background:var(--bg-surface);border:1px solid var(--border);border-left:4px solid var(--blue);border-radius:var(--radius)}.callout-icon{flex-shrink:0;font-size:1.3rem;line-height:1.6}.callout-content{flex:1}.callout-content p{margin:0}.callout-content p+p{margin-top:var(--space-sm)}.project-card{display:flex;flex-wrap:wrap;gap:var(--space-md)var(--space-xl);padding:var(--space-md)var(--space-lg);margin:var(--space-lg)0;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius)}.project-card-row{display:flex;flex-direction:column;gap:var(--space-xs)}.project-card-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.project-card-value{font-size:.95rem;font-weight:500;color:var(--text)}.kofi-link{margin:var(--space-md)0}.btn--kofi{border-color:var(--orange);color:var(--orange);display:inline-flex;align-items:center;gap:var(--space-sm)}.btn--kofi:hover,.btn--kofi:focus-visible{background:var(--orange);color:var(--bg)}.btn--kofi svg{width:18px;height:18px}@keyframes robot-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes robot-antenna-bob{0%,100%{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}.hero-robot svg,.footer-robot svg,.related-robot svg{animation:robot-hover 4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.hero-robot svg,.footer-robot svg,.related-robot svg{animation:none}}.authorship{display:inline-block;padding:.15em .6em;font-size:.75rem;font-weight:600;border-radius:var(--radius);border:1px solid;white-space:nowrap}.authorship--human{color:var(--green);border-color:var(--green);background:rgba(80,250,123,8%)}.authorship--assisted{color:var(--orange);border-color:var(--orange);background:rgba(255,184,108,8%)}.authorship--ai{color:var(--purple);border-color:var(--purple);background:rgba(189,147,249,8%)}.highlight{margin:var(--space-lg)0;border-radius:var(--radius-lg);overflow:hidden}.highlight pre{margin:0;padding:var(--space-md)var(--space-lg);background:#1a1a2e;overflow-x:auto;font-size:.9rem;line-height:1.6;border:1px solid var(--border);border-radius:var(--radius-lg)}.highlight code{font-family:jetbrains mono,fira code,cascadia code,consolas,monaco,monospace;background:0 0;padding:0;color:var(--text)}code{font-family:jetbrains mono,fira code,cascadia code,consolas,monaco,monospace;background:var(--bg-elevated);padding:.15em .4em;border-radius:4px;font-size:.88em;color:var(--green)}.highlight .k,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:var(--pink);font-weight:600}.highlight .s,.highlight .s1,.highlight .s2,.highlight .sa,.highlight .sb,.highlight .sc,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .sr,.highlight .ss{color:#f1fa8c}.highlight .m,.highlight .mb,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:var(--purple)}.highlight .c,.highlight .c1,.highlight .ch,.highlight .cm,.highlight .cp,.highlight .cpf,.highlight .cs{color:#6272a4;font-style:italic}.highlight .nf,.highlight .fm,.highlight .nx{color:var(--green)}.highlight .nc,.highlight .nn,.highlight .no{color:var(--blue)}.highlight .o,.highlight .ow{color:var(--pink)}.highlight .n,.highlight .na,.highlight .nb,.highlight .ni,.highlight .nl,.highlight .nt{color:var(--text)}.highlight .nt{color:var(--pink)}.highlight .na{color:var(--green)}.highlight .p{color:var(--text)}.highlight .err{color:#f55}.highlight pre::-webkit-scrollbar{height:6px}.highlight pre::-webkit-scrollbar-track{background:#1a1a2e}.highlight pre::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.highlight pre::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}