*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0e13;--bg-elevated:#10141b;--bg-card:#121821;--bg-card-hover:#161e29;--titlebar:#0e131a;--text:#d6deeb;--text-muted:#8592a6;--text-dim:#5a6577;--green:#7ee787;--cyan:#6cd4ff;--magenta:#d2a8ff;--amber:#ffb86b;--red:#ff7b72;--accent:var(--green);--accent-hover:#a6f2ad;--border:#d6deeb17;--border-strong:#d6deeb29;--ring:#7ee78773;--radius:6px;--max-width:1100px;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--pixel:"VT323", var(--mono)}html{scroll-behavior:smooth}body{font-family:var(--mono);background:radial-gradient(900px 600px at 15% -10%, #7ee78712, transparent 60%), radial-gradient(800px 600px at 90% 0%, #d2a8ff12, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;flex-direction:column;min-height:100vh;font-size:15px;line-height:1.7;display:flex}#root{flex-direction:column;min-height:100vh;display:flex}main{flex:1}body:after{content:"";pointer-events:none;z-index:1000;background:repeating-linear-gradient(#ffffff05 0 1px,#0000 1px 3px);position:fixed;inset:0}::selection{background:var(--green);color:var(--bg)}a{color:var(--cyan);text-decoration:none;transition:color .15s,background .15s}a:hover{color:var(--green)}p a,li a{border-bottom:1px dashed color-mix(in srgb, currentColor 50%, transparent)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ring);outline-offset:2px}img{max-width:100%;display:block}.p-user{color:var(--green)}.p-at{color:var(--text-dim)}.p-host{color:var(--cyan)}.p-sep{color:var(--text-dim)}.p-path{color:var(--magenta)}.cursor{vertical-align:text-bottom;background:var(--green);width:.6em;height:1.15em;margin-left:.2em;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.prompt-line{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.term-window{--win-accent:var(--green);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 12px 40px #00000059}.term-window:hover{border-color:color-mix(in srgb, var(--win-accent) 35%, transparent);box-shadow:0 12px 40px #00000059, 0 0 0 1px color-mix(in srgb, var(--win-accent) 12%, transparent), 0 0 32px color-mix(in srgb, var(--win-accent) 10%, transparent)}.term-titlebar{background:var(--titlebar);border-bottom:1px solid var(--border);color:var(--text-dim);align-items:center;gap:.75rem;padding:.5rem .85rem;font-size:.78rem;display:flex}.term-dots{gap:.4rem;display:flex}.term-dots i{background:var(--text-dim);opacity:.5;border-radius:50%;width:10px;height:10px;transition:background .2s,opacity .2s}.term-window:hover .term-dots i,.project-card:hover .term-dots i{opacity:1}.term-window:hover .term-dots i:first-child,.project-card:hover .term-dots i:first-child{background:var(--red)}.term-window:hover .term-dots i:nth-child(2),.project-card:hover .term-dots i:nth-child(2){background:var(--amber)}.term-window:hover .term-dots i:nth-child(3),.project-card:hover .term-dots i:nth-child(3){background:var(--green)}.term-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;margin-right:calc(30px + 1.6rem);overflow:hidden}.term-body{padding:1.25rem 1.5rem 1.5rem}.term-cmd{color:var(--text-muted);margin-bottom:1rem;font-size:.85rem}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0b0e13d1;position:sticky;top:0}.navbar-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:60px;margin:0 auto;padding:0 1.5rem;display:flex}.navbar-logo{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.95rem;font-weight:700;overflow:hidden}.navbar-logo .cursor{height:1em}.navbar-links{align-items:center;gap:.25rem;list-style:none;display:flex}.navbar-links>li>a,.nav-dropdown-btn{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.88rem;transition:color .15s,background .15s;display:flex}.navbar-links>li>a:hover,.nav-dropdown-btn:hover{color:var(--text);background:#ffffff0a}.navbar-links a.active{color:var(--green)}.navbar-links a.active:before{content:">";margin-right:.1rem}.nav-dropdown{position:relative}.nav-dropdown:after{content:"";height:.65rem;position:absolute;top:100%;left:0;right:0}.nav-dropdown-menu{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius);z-index:200;min-width:190px;margin-top:.5rem;padding:.4rem 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 12px 35px #00000073}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown-menu:hover{display:block}.nav-dropdown-menu a{color:var(--text-muted);padding:.4rem 1rem;font-size:.85rem;display:block}.nav-dropdown-menu a:before{content:"  ";white-space:pre}.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{background:color-mix(in srgb, var(--green) 10%, transparent);color:var(--green)}.nav-dropdown-menu a:hover:before,.nav-dropdown-menu a.active:before{content:"> "}.hamburger{color:var(--text);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:1rem;font-size:1.4rem;display:none}@media (width<=768px){.hamburger{display:block}.navbar-links{background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:.15rem;padding:.75rem 1rem;display:none;position:absolute;top:60px;left:0;right:0}.navbar-links.open{display:flex}.nav-dropdown-menu{box-shadow:none;background:0 0;border:none;margin-top:0;padding-left:1rem;display:none;position:static}.nav-dropdown:hover .nav-dropdown-menu{display:none}.nav-dropdown.open .nav-dropdown-menu{display:block}}.hero{max-width:var(--max-width);margin:0 auto;padding:4rem 1.5rem 1rem}.hero-window{max-width:760px;margin:0 auto}.hero-window .term-body{min-height:300px;padding:1.5rem 1.75rem 1.75rem}.term-line{font-size:1rem}.hero-output{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(4px)}.hero-output.show{opacity:1;transform:none}.ascii-name{font-family:var(--mono);background:linear-gradient(90deg, var(--green), var(--cyan) 50%, var(--magenta));color:#0000;filter:drop-shadow(0 0 12px #6cd4ff40);-webkit-background-clip:text;background-clip:text;margin:.5rem 0 1.25rem;font-size:clamp(.6rem,2.6vw,1.15rem);line-height:1.15;overflow-x:auto}.hero-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.tag{--tag:var(--green);border:1px solid color-mix(in srgb, var(--tag) 45%, transparent);background:color-mix(in srgb, var(--tag) 9%, transparent);color:var(--tag);border-radius:3px;padding:.15rem .65rem;font-size:.82rem}.tag-green{--tag:var(--green)}.tag-cyan{--tag:var(--cyan)}.tag-magenta{--tag:var(--magenta)}.section{max-width:var(--max-width);margin:0 auto;padding:2.5rem 1.5rem}.section-header{margin-bottom:2.5rem}.section-header .prompt-line{margin-bottom:.35rem}.section-header h2{font-family:var(--pixel);letter-spacing:.5px;color:var(--text);text-shadow:0 0 18px #7ee78740;font-size:clamp(2.6rem,6vw,3.6rem);font-weight:400;line-height:1}.section-header h2:before{content:"# ";color:var(--green)}.section-header p:not(.prompt-line){color:var(--text-muted);max-width:65ch;margin-top:.5rem}.about-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=768px){.about-grid{grid-template-columns:1fr}}.about-card ul{gap:1rem;list-style:none;display:grid}.about-card li{color:var(--text-muted);border-left:2px solid color-mix(in srgb, var(--win-accent) 40%, transparent);padding-left:.9rem;font-size:.9rem}.li-date{color:var(--win-accent);letter-spacing:.5px;font-size:.75rem;display:block}.about-card strong{color:var(--text);font-weight:500}.dir-grid{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);gap:.5rem;padding:.5rem;display:grid}.dir-link{--dir-accent:var(--green);color:var(--text);border:1px solid #0000;border-radius:4px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:1.25rem;padding:.8rem 1rem;transition:background .15s,border-color .15s,transform .15s;display:grid}.dir-perm{color:var(--text-dim);font-size:.8rem}.dir-name{color:var(--dir-accent);font-size:1.05rem;font-weight:700}.dir-desc{color:var(--text-dim);font-size:.85rem}.dir-arrow{color:var(--dir-accent);opacity:0;transition:opacity .15s,transform .15s;transform:translate(-6px)}.dir-link:hover{background:color-mix(in srgb, var(--dir-accent) 8%, transparent);border-color:color-mix(in srgb, var(--dir-accent) 30%, transparent);color:var(--text)}.dir-link:hover .dir-arrow{opacity:1;transform:none}@media (width<=640px){.dir-link{grid-template-columns:1fr auto;gap:.1rem 1rem}.dir-perm{display:none}.dir-desc{grid-row:2}.dir-arrow{opacity:1;grid-area:1/2/span 2;transform:none}}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:1.5rem;display:grid}.project-card{--card-accent:var(--green);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000004d}.project-card:hover{border-color:color-mix(in srgb, var(--card-accent) 45%, transparent);box-shadow:0 16px 40px #0006, 0 0 30px color-mix(in srgb, var(--card-accent) 14%, transparent);transform:translateY(-3px)}.project-card .term-title{color:var(--text-muted)}.project-card:hover .term-title{color:var(--card-accent)}.project-media{border-bottom:1px solid var(--border);background:#070a0e}.project-card img,.project-card iframe{aspect-ratio:16/9;object-fit:contain;border:0;width:100%;display:block}.project-card img{filter:saturate(.85)brightness(.92);transition:filter .25s}.project-card:hover img{filter:none}.project-card-body{flex-direction:column;flex:1;padding:1.25rem 1.4rem 1.4rem;display:flex}.project-card-body h3{color:var(--card-accent);margin-bottom:.6rem;font-size:1.05rem;font-weight:700}.project-card-body p{color:var(--text-muted);flex:1;margin-bottom:1.25rem;font-size:.86rem;line-height:1.65}.btn-sm{border:1px solid color-mix(in srgb, var(--card-accent,var(--green)) 55%, transparent);color:var(--card-accent,var(--green));border-radius:4px;align-self:flex-start;gap:.5rem;padding:.4rem .9rem;font-size:.82rem;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.btn-sm:hover{background:var(--card-accent,var(--green));color:var(--bg)}.btn-primary{color:var(--green);border:1px solid var(--green);font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:.7rem 1.8rem;font-weight:700;transition:background .15s,color .15s,box-shadow .2s;display:inline-block}.btn-primary:hover{background:var(--green);color:var(--bg);box-shadow:0 0 24px #7ee78759}.article{max-width:800px;margin:0 auto;padding:3rem 1.5rem 4rem}.article h1{text-align:center;margin-bottom:2rem;font-size:2rem}.article h2{border-bottom:1px solid var(--border);margin:2rem 0 .75rem;padding-bottom:.6rem;font-size:1.5rem}.article h3{margin:1.5rem 0 .5rem;font-size:1.2rem}.article p{margin-bottom:1rem}.article ul,.article ol{margin:.5rem 0 1rem 1.5rem}.article li{margin-bottom:.4rem}.article figure{margin:1.5rem 0}.article figure img{border-radius:var(--radius);border:1px solid var(--border)}.article figcaption{color:var(--text-muted);text-align:center;margin-top:.5rem;font-size:.85rem}.ehx-pitchfork-mod{max-width:860px;margin:0 auto;padding:3rem 1.5rem 4.5rem;font-size:.95rem;line-height:1.85}.ehx-pitchfork-mod h1,.ehx-pitchfork-mod h2,.ehx-pitchfork-mod h3{line-height:1.3}.ehx-pitchfork-mod h1:first-child{text-align:center;font-size:clamp(2.4rem,6vw,3.4rem);font-family:var(--pixel);color:var(--text);text-shadow:0 0 18px #7ee78740;margin:0 0 1rem;font-weight:400}.ehx-pitchfork-mod h1:first-child b{font-weight:400}.ehx-pitchfork-mod h1{color:var(--green);margin:2.5rem 0 .75rem;font-size:1.45rem}.ehx-pitchfork-mod h1:not(:first-child):before{content:"# ";color:var(--text-dim)}.ehx-pitchfork-mod h2{color:var(--cyan);border-bottom:1px dashed var(--border-strong);margin:2rem 0 .75rem;padding-bottom:.4rem;font-size:1.15rem}.ehx-pitchfork-mod h2:before{content:"## ";color:var(--text-dim)}.ehx-pitchfork-mod h3{color:var(--magenta);margin:1.5rem 0 .5rem;font-size:1rem}.ehx-pitchfork-mod p{max-width:80ch;margin:.75rem 0 1.05rem}.ehx-pitchfork-mod ul,.ehx-pitchfork-mod ol{max-width:80ch;margin:.5rem 0 1.25rem 1.5rem}.ehx-pitchfork-mod ul{list-style:none}.ehx-pitchfork-mod ul>li:before{content:"- ";color:var(--green);margin-left:-1.2em}.ehx-pitchfork-mod li{margin:.35rem 0}.ehx-pitchfork-mod figure{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin:1.75rem auto;padding:.85rem}.ehx-pitchfork-mod img{border-radius:3px;width:100%;height:auto;margin:0 auto}.ehx-pitchfork-mod figcaption{color:var(--text-muted);text-align:center;margin-top:.75rem;font-size:.82rem;line-height:1.6}.ehx-pitchfork-mod figcaption em{font-style:normal}.ehx-pitchfork-mod figcaption em:before{content:"// ";color:var(--text-dim)}@media (width<=600px){.ehx-pitchfork-mod{padding:2.25rem 1rem 4rem;font-size:.9rem;line-height:1.8}}.contact-form{max-width:640px}.contact-form form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (width<=500px){.form-row{grid-template-columns:1fr}}.contact-form .full{margin-bottom:1rem}.contact-form input,.contact-form textarea,.stub-form input,.stub-form select{background:var(--bg);border:1px solid var(--border-strong);width:100%;color:var(--text);caret-color:var(--green);font:inherit;border-radius:4px;padding:.75rem 1rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.contact-form textarea{resize:vertical;margin-bottom:1.25rem;display:block}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-dim)}.contact-form input:focus,.contact-form textarea:focus,.stub-form input:focus,.stub-form select:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #7ee7871f}.stub-section{max-width:700px;margin:0 auto;padding:3rem 1.5rem}.stub-section h1{font-family:var(--pixel);text-shadow:0 0 18px #7ee78740;margin-bottom:1.5rem;font-size:clamp(2.2rem,6vw,3rem);font-weight:400;line-height:1.05}.stub-section img{border-radius:var(--radius);border:1px solid var(--border);background:#fff;width:100%;max-width:420px;margin:0 0 2rem;padding:.5rem}.stub-form{grid-template-columns:auto minmax(0,280px);gap:.75rem 1rem;margin-bottom:1.5rem;display:grid}.stub-form label{color:var(--cyan);align-self:center;font-size:.9rem}.stub-form label:after{content:" =";color:var(--text-dim)}.stub-form select{cursor:pointer}.stub-result{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--green);border-radius:var(--radius);max-width:480px;margin-top:1.75rem;padding:1.25rem 1.5rem}.stub-result h2{color:var(--text-dim);margin-bottom:.5rem;font-size:.9rem;font-weight:500}.stub-result p{overflow-wrap:anywhere;font-size:.9rem}.res-key{color:var(--magenta)}.res-val{color:var(--green)}.footer{border-top:1px solid var(--border);margin-top:2rem;padding:2rem 1.5rem 1.5rem}.footer-icons{justify-content:center;gap:1.25rem;margin-bottom:1.5rem;list-style:none;display:flex}.footer-icons a{border:1px solid var(--border-strong);width:40px;height:40px;color:var(--text-muted);border-radius:4px;place-items:center;font-size:1.1rem;transition:color .15s,border-color .15s,box-shadow .15s;display:grid}.footer-icons li:first-child a:hover{--c:var(--magenta)}.footer-icons li:nth-child(2) a:hover{--c:var(--red)}.footer-icons li:nth-child(3) a:hover{--c:var(--text)}.footer-icons li:nth-child(4) a:hover{--c:var(--green)}.footer-icons a:hover{color:var(--c);border-color:var(--c);box-shadow:0 0 16px color-mix(in srgb, var(--c) 30%, transparent)}.statusline{max-width:var(--max-width);background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;margin:0 auto;font-size:.75rem;display:flex;overflow:hidden}.statusline span{padding:.2rem .75rem}.sl-mode{background:var(--green);color:var(--bg);font-weight:800}.sl-file{background:color-mix(in srgb, var(--cyan) 15%, transparent);color:var(--cyan)}.sl-fill{flex:1}.sl-pos{color:var(--text-muted);background:color-mix(in srgb, var(--magenta) 12%, transparent)}.music-grid{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));grid-auto-rows:1fr;align-items:stretch;gap:1.5rem;display:grid}.spotify-embed{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:100%;height:100%;min-height:520px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.spotify-embed:hover{border-color:color-mix(in srgb, var(--magenta) 40%, transparent);box-shadow:0 0 30px color-mix(in srgb, var(--magenta) 12%, transparent)}@media (width>=900px){.spotify-embed{min-height:560px}}.spotify-embed iframe{border:0;flex:auto;width:100%;height:100%}@media (width<=420px){.music-grid{grid-auto-rows:auto}.spotify-embed{min-height:420px}}@media (width<=480px){.navbar-inner,.section,.hero{padding-left:1rem;padding-right:1rem}.hero{padding-top:2rem}.hero-window .term-body{min-height:240px;padding:1.1rem}.p-host,.p-at{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}