:root{--bg-black: #0a0a0a;--text-blue: #6396d9;--text-white: #ffffff;--text-gray: #b0b0b0;--accent: #6396d9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,Monaco,monospace;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.6) .5px,transparent .5px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.4) .8px,transparent .8px),radial-gradient(circle at 90% 60%,rgba(255,255,255,.5) .3px,transparent .3px),radial-gradient(circle at 10% 10%,rgba(255,255,255,.7) .6px,transparent .6px),radial-gradient(circle at 70% 90%,rgba(255,255,255,.3) .4px,transparent .4px),linear-gradient(135deg,#000 99.5%,#333 99.99%,#fff);color:var(--text-white);line-height:1.4;font-size:14px;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}h1,h2,h3,h4,h5,h6{font-weight:400;color:var(--text-blue);margin-bottom:.5em;line-height:1.2}h1{font-size:1.8em;color:var(--accent)}h2{font-size:1.4em;margin-top:1em}h3{font-size:1.2em}p{margin-bottom:1em;color:var(--text-gray)}a{color:var(--accent);text-decoration:underline}a:hover{background:var(--accent);color:var(--bg-white)}.github-section{position:fixed;top:0;left:0;right:0;background:var(--bg-black);padding:1em;border-bottom:1px solid #333;z-index:100}.contrib-graph{display:flex;justify-content:center}.contrib-graph img{max-width:100%;height:auto;border-radius:4px}.clickable-section{cursor:pointer;transition:color .2s ease;color:#6396d987;text-decoration:none;position:relative}.clickable-section:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(to right,#ffffff4d 0% 30%,#ffffffb3);transition:background .3s ease}.clickable-section:hover{color:#8bb3e6}.clickable-section:hover:after{background:linear-gradient(to right,#fff 0% 100%)}.popup-window{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;justify-content:center;align-items:center;opacity:0;transition:opacity .2s ease-out}.popup-window.show{display:flex;opacity:1}.popup-window.hide{opacity:0}.popup-window.expanded{align-items:flex-start;padding-top:2vh}.popup-content-wrapper{width:90vw;max-width:800px;max-height:80vh;background:linear-gradient(135deg,#1a1f2b,#1c1c1c,#1a1f2b);border:2px solid #8F9C5A;border-radius:4px;box-shadow:0 8px 32px #0009,0 0 0 1px #6396d94d;font-family:Courier New,monospace;font-size:12px;position:relative;overflow:hidden;transform:scale(.3);opacity:0;transition:all .25s cubic-bezier(.34,1.56,.64,1);transform-origin:center center}.popup-window.show .popup-content-wrapper{transform:scale(1);opacity:1}.popup-window.hide .popup-content-wrapper{transform:scale(.3);opacity:0}.popup-header{background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.6) .5px,transparent .5px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.4) .8px,transparent .8px),radial-gradient(circle at 90% 60%,rgba(255,255,255,.5) .3px,transparent .3px),radial-gradient(circle at 10% 10%,rgba(255,255,255,.7) .6px,transparent .6px),radial-gradient(circle at 70% 90%,rgba(255,255,255,.3) .4px,transparent .4px),linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:12px;font-family:Courier New,monospace;border-bottom:1px solid #8F9C5A;min-height:32px}.popup-title{font-size:12px;font-family:Courier New,monospace;color:#fff;display:flex;align-items:center}.popup-title:before{content:"◉ ";color:#00ff41;margin-right:8px;font-size:10px}.popup-close{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.6) .5px,transparent .5px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.4) .3px,transparent .3px),radial-gradient(circle at 50% 80%,rgba(255,255,255,.5) .4px,transparent .4px),linear-gradient(45deg,#1a1a2e,#0a0a0a);border:1px solid #8F9C5A;color:#ff4757;font-size:14px;font-weight:700;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:2px;font-family:monospace}.popup-close:hover{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.8) .5px,transparent .5px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.6) .3px,transparent .3px),radial-gradient(circle at 50% 80%,rgba(255,255,255,.7) .4px,transparent .4px),linear-gradient(45deg,#2a2a4e,#1a1a2e);color:#ff3742}.popup-close:active{border:1px solid #4a7dd9}.popup-content{padding:20px;color:#e8e8e8;background:transparent;font-size:13px;line-height:1.5;font-family:Courier New,monospace}.mobile-github-graph{display:none}.desktop-github-graph{display:block}.context-menu{display:none;position:absolute;background:#f0f0f0;border:1px solid #808080;box-shadow:2px 2px 5px #0000004d;z-index:1000;min-width:150px;font-family:"MS Sans Serif",sans-serif;font-size:11px}.context-item{padding:4px 16px;cursor:pointer;color:#000;display:block;white-space:nowrap}.context-item:hover{background:#0a246a;color:#fff}.context-item:active{background:#08204a}.project-carousel{position:relative;width:100%;max-width:400px;margin:16px 0}.carousel-container{position:relative;overflow:hidden;border-radius:4px;background:#333}.carousel-image{width:100%;height:250px;object-fit:contain;background:#222;display:none}.carousel-image.active{display:block}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;border:none;padding:8px 12px;cursor:pointer;font-size:16px;border-radius:4px;z-index:10}.carousel-nav:hover{background:#000000e6}.carousel-prev{left:10px}.carousel-next{right:10px}.carousel-counter{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px}.fullscreen-viewer{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;z-index:2000;justify-content:center;align-items:center}.fullscreen-image{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:4px}.fullscreen-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000c;color:#fff;border:none;padding:15px 20px;cursor:pointer;font-size:24px;border-radius:4px;z-index:10;user-select:none}.fullscreen-nav:hover{background:#000000e6}.fullscreen-prev{left:20px}.fullscreen-next{right:20px}.fullscreen-close{position:absolute;top:20px;right:20px;background:#000c;color:#fff;border:none;padding:10px 15px;cursor:pointer;font-size:24px;border-radius:4px;z-index:10}.fullscreen-close:hover{background:#000000e6}.fullscreen-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px 16px;border-radius:4px;font-family:Courier New,monospace;font-size:14px}.carousel-image{cursor:pointer}.carousel-image:hover{opacity:.9}.deeper-docs-button{background:silver;border:2px outset #c0c0c0;color:#000;padding:4px 12px;margin:12px 0 0;cursor:pointer;font-family:"MS Sans Serif",sans-serif;font-size:11px;border-radius:0}.deeper-docs-button:hover{background:#e0e0e0}.deeper-docs-button:active{border:2px inset #c0c0c0}.deeper-docs-content{display:none;max-height:25vh;overflow-y:auto;margin-top:16px;padding:16px;border:1px solid rgba(99,150,217,.6);background:linear-gradient(135deg,#3a3a4a4d,#1a1a2a99);color:#e8e8e8;font-family:Courier New,monospace;font-size:12px;line-height:1.5;border-radius:2px;backdrop-filter:blur(2px)}.deeper-docs-content h1,.deeper-docs-content h2,.deeper-docs-content h3{color:#8f9c5a;margin:16px 0 8px;font-size:12px}.deeper-docs-content h1{font-size:16px;border-bottom:1px solid rgba(99,150,217,.8);padding-bottom:6px;margin-bottom:12px}.deeper-docs-content p{margin:10px 0;color:#e8e8e8}.deeper-docs-content strong{font-weight:700;color:#fff}.deeper-docs-content ul{margin:10px 0 10px 24px;color:#e8e8e8}.deeper-docs-content li{margin:6px 0;color:#e8e8e8}@media (max-width: 768px){body{height:auto;overflow:auto;display:block;padding:0;margin:0}.github-section{padding:.5em}.contrib-graph img{max-width:90vw;height:auto}.intro-mobile{position:static!important;max-width:100%!important;padding:1rem!important;margin-top:80px!important;left:auto!important;top:auto!important}main{max-width:100%!important;padding:1rem!important;margin-top:2rem!important}.popup-content-wrapper{width:95vw!important;max-width:none!important;max-height:90vh!important;margin:2vh auto!important}.popup-content{padding:15px!important;font-size:14px!important;overflow-y:auto!important;max-height:75vh!important}.mobile-stack{flex-direction:column!important;align-items:center!important;gap:15px!important}.project-carousel{max-width:100%!important}.carousel-container,.carousel-image{height:200px!important}.mobile-try-section{width:100%!important;text-align:center!important;padding:15px 0!important;min-width:auto!important}.mobile-video-stack{flex-direction:column!important;align-items:center!important;gap:15px!important}.mobile-video-container{height:200px!important}.mobile-video-buttons{width:100%!important;min-width:auto!important;flex-direction:row!important;justify-content:space-around!important;gap:10px!important}.mobile-video-buttons button,.mobile-video-buttons a{flex:1!important;max-width:150px!important;font-size:12px!important;padding:10px 8px!important}.context-menu{min-width:200px!important;font-size:16px!important}.context-item{padding:12px 20px!important;font-size:16px!important}.popup-header{padding:12px 15px!important}.popup-close{width:32px!important;height:32px!important;font-size:18px!important}.deeper-docs-content{max-height:40vh!important}.deeper-docs-button{font-size:14px!important;padding:8px 16px!important}.fullscreen-nav{display:none!important}.fullscreen-close{padding:15px 20px!important;font-size:28px!important}h1{font-size:1.5em!important}h2{font-size:1.3em!important;margin-top:1.5em!important}h3{font-size:1.1em!important}p{font-size:14px!important;line-height:1.5!important}.mobile-nav{display:block!important}.desktop-nav,.desktop-github-graph{display:none!important}.mobile-github-graph{display:block!important}.skills-section{font-size:8px!important}.skills-section img{width:14px!important;height:14px!important}.skills-section span{font-size:7.5px!important}}