*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--bg: #181c2a;--bg-2: #1e2234;--text: #f7fafc;--text-muted: #9db0c8;--text-dim: #8aa0b8;--accent: #00e5ff;--accent-2: #00ffa3;--border: #223044;--font-sans: Consolas, "Cascadia Code", Menlo, Monaco, "Space Grotesk", monospace;--font-mono: Consolas, "Cascadia Code", Menlo, Monaco, "Courier New", monospace;--font-display: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", sans-serif;--ease: cubic-bezier(.25, .46, .45, .94);--ease-expo: cubic-bezier(.19, 1, .22, 1)}html{scroll-behavior:smooth;font-size:16px;background:#181c2a}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;-webkit-tap-highlight-color:transparent}a,button,[role=button]{touch-action:manipulation;-webkit-user-select:none;user-select:none}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;display:block;background:#181c2a}.bg-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(100deg,#181c2ae0,#181c2aa6 38%,#181c2a2e 58%,#181c2a00 75%)}.header,.hero,.section,.footer,.mobile-menu,.cursor,.cursor-ring{position:relative;z-index:1}a{color:inherit;text-decoration:none}em{font-style:italic;color:var(--accent)}.cursor{width:6px;height:6px;background:var(--accent);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .1s var(--ease),opacity .3s}.cursor-ring{width:32px;height:32px;border:1px solid rgba(0,229,255,.3);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .3s var(--ease),height .3s var(--ease),border-color .3s}.cursor-ring.hover{width:56px;height:56px;border-color:var(--accent)}@media(hover:none){.cursor,.cursor-ring{display:none}}.header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.6rem 3rem;transition:background .4s,backdrop-filter .4s}.header.scrolled{background:#181c2ae0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.header-name{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;letter-spacing:.22em;color:var(--text);transition:color .3s;display:flex;align-items:center;gap:.2em}.header-name:hover{color:var(--accent)}.header-prompt{color:var(--accent);font-size:1em}.header-label{color:var(--text-dim);font-size:.85em}.header-cursor{display:inline-block;width:2px;height:.9em;background:var(--accent);vertical-align:middle;margin-left:1px;box-shadow:0 0 6px var(--accent),0 0 14px #00e5ff73;animation:cursorPulse 1s ease-in-out infinite}@keyframes cursorPulse{0%,to{opacity:1;box-shadow:0 0 6px var(--accent),0 0 14px #00e5ff73}50%{opacity:.15;box-shadow:none}}.nav-num{font-family:var(--font-mono);font-size:.65rem;color:var(--accent);opacity:.7;margin-right:.15em}.nav-blog-badge{font-family:var(--font-mono);font-size:.6rem;color:var(--accent);border:1px solid rgba(0,229,255,.4);border-radius:999px;padding:.05em .45em;margin-left:.4em;opacity:.85;vertical-align:middle}.nav-blog-date{font-family:var(--font-mono);font-size:.58rem;color:var(--text-dim);margin-left:.4em;vertical-align:middle;opacity:.7}.header-nav{display:flex;gap:2.5rem}.header-nav a{font-size:.8rem;letter-spacing:.1em;color:var(--text-muted);transition:color .3s;position:relative}.header-nav a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent);transition:width .3s var(--ease)}.header-nav a:hover,.header-nav a.active{color:var(--text)}.header-nav a:hover:after,.header-nav a.active:after{width:100%}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.menu-toggle span{display:block;width:22px;height:1px;background:var(--text);transition:transform .3s,opacity .3s}.menu-toggle.open span:first-child{transform:translateY(6px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-6px) rotate(-45deg)}.mobile-menu-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:89;background:#0609128c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:veilIn .3s var(--ease) forwards}@keyframes veilIn{0%{opacity:0}to{opacity:1}}.mobile-menu{display:none;position:fixed;top:0;right:0;bottom:0;width:min(280px,78vw);z-index:90;flex-direction:column;justify-content:center;background:#0609148c;border-left:1px solid rgba(0,229,255,.28);backdrop-filter:blur(32px) saturate(1.6);-webkit-backdrop-filter:blur(32px) saturate(1.6);box-shadow:-12px 0 60px #0009,-1px 0 #00e5ff1f,inset 1px 0 #ffffff0a;transform:translate(100%);transition:transform .4s var(--ease-expo)}.mobile-menu.open{transform:translate(0)}.mobile-menu nav{display:flex;flex-direction:column;padding:2rem 2rem 2rem 1.6rem}.mobile-link{display:flex;align-items:center;gap:.8rem;font-family:var(--font-mono);font-size:1.35rem;font-weight:700;letter-spacing:.04em;color:var(--text-muted);padding:1.1rem .6rem;border-bottom:1px solid rgba(0,229,255,.35);transition:color .2s,padding-left .25s var(--ease),border-color .2s;opacity:0}.mobile-menu.open .mobile-link:nth-child(1){animation:mlinkIn .35s .08s var(--ease-expo) forwards}.mobile-menu.open .mobile-link:nth-child(2){animation:mlinkIn .35s .14s var(--ease-expo) forwards}.mobile-menu.open .mobile-link:nth-child(3){animation:mlinkIn .35s .2s var(--ease-expo) forwards}.mobile-menu.open .mobile-link:nth-child(4){animation:mlinkIn .35s .26s var(--ease-expo) forwards}@keyframes mlinkIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.mobile-link:last-child{border-bottom:none}.mobile-link:hover,.mobile-link:active{color:var(--accent);padding-left:1rem;border-color:#00e5ff26}.hero{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:9rem max(3rem,calc((100% - 2000px)/2)) 5rem;position:relative;overflow:hidden}.hero-inner{max-width:900px}.clip-wrap{display:block;overflow:hidden}.hero-terminal{font-family:var(--font-mono);font-size:.95rem;margin-bottom:2.4rem;opacity:0;animation:fadeIn .6s .1s var(--ease) forwards,termPwm 5s 1.2s ease-in-out infinite;position:relative;background:#060a1447;border:1px solid rgba(0,229,255,.25);border-radius:9px;padding:2.6rem 2rem 1.8rem;max-width:780px;box-shadow:0 0 0 1px #00e5ff1a,0 16px 56px #0006,0 0 80px #00e5ff1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.term-body{display:flex;gap:2.5rem;align-items:flex-start}.term-commands{display:flex;flex-direction:column;gap:.55rem;flex:1;min-width:0}.term-logo{flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;padding-top:.25rem}.slash-logo-wrap{position:relative;width:250px;height:250px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1.5px solid rgba(0,229,255,.25);box-shadow:0 0 24px #00e5ff1a}.slash-logo-base{width:100%;height:100%;object-fit:cover;display:block}.slash-strips-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;transition:opacity var(--fadeout-ms, .15s) ease}.slash-strips-wrapper.leaving{opacity:0}.slash-strip-inner{opacity:0;animation:slash-strip-down .45s cubic-bezier(.25,0,.5,1) forwards}@keyframes slash-strip-down{0%{clip-path:inset(0 0 100% 0);opacity:1;filter:brightness(2.5)}10%{clip-path:inset(0 0 92% 0);opacity:1;filter:brightness(2.5)}85%{clip-path:inset(0 0 0% 0);opacity:1;filter:brightness(1.2)}to{clip-path:inset(0 0 0% 0);opacity:1;filter:brightness(1)}}.term-divider{height:1px;background:#00e5ff1a;margin:1.2rem 0}.hero-terminal:before{content:"bash  —  asteriskx@portfolio";position:absolute;top:0;left:0;right:0;height:2.1rem;line-height:2.1rem;text-align:center;background:#ffffff06;border-bottom:1px solid rgba(0,229,255,.08);border-radius:9px 9px 0 0;font-size:.75rem;letter-spacing:.08em;color:#ffffff8c}.hero-terminal:after{content:"";position:absolute;top:.68rem;left:.9rem;width:9px;height:9px;border-radius:50%;background:#ff5f57b3;box-shadow:15px 0 #febc2eb3,30px 0 #28c840b3}.term-line{display:flex;align-items:center;gap:.5em}.term-prompt{color:var(--accent);-webkit-user-select:none;user-select:none}.term-cmd{color:var(--text)}.term-blink{color:var(--accent);text-shadow:0 0 6px var(--accent),0 0 14px rgba(0,229,255,.55);animation:blink .8s step-end infinite}.term-out{gap:.6em;padding-left:.2em}.term-key{color:var(--accent)}.term-val{color:var(--text-muted)}.term-sep,.term-val2{color:var(--text-dim)}.term-result{display:block;padding-left:1.4em;margin-top:.2em;margin-bottom:.1em}.term-result-line{display:block;font-family:var(--font-mono);font-size:.92rem;color:var(--text-muted);line-height:1.75}.term-name-accent{color:var(--accent)}.term-role-val{color:var(--text);font-size:.92rem}.term-skill-row{display:block;font-family:var(--font-mono);font-size:.88rem;line-height:1.85;white-space:nowrap}.term-sk-cat{color:var(--accent);white-space:pre}.term-sk-sep{color:var(--text-dim)}.term-sk-val{color:var(--text-muted)}.hero-title{display:flex;flex-direction:column;font-family:var(--font-display);font-size:clamp(2.2rem,5.5vw,4.4rem);font-weight:900;line-height:.95;letter-spacing:-.02em;margin-bottom:1.4rem}.line{display:block}.line-2{color:var(--accent);text-shadow:0 0 30px rgba(0,229,255,.25)}.hero-desc{font-size:.95rem;color:var(--text-muted);line-height:1.9;margin-bottom:1.4rem}.hero-cta{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;color:var(--accent);transition:gap .3s var(--ease)}.hero-cta:hover{gap:1rem}.cta-arrow{display:inline-block;transition:transform .3s var(--ease)}.hero-cta:hover .cta-arrow{transform:translateY(3px)}.hero-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.6rem}.htag{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:#7ecfdd;border:1px solid rgba(126,207,221,.35);padding:.22rem .75rem;border-radius:999px;background:#7ecfdd0f}.htag:nth-child(2){color:#a5d6a7;border-color:#a5d6a759;background:#a5d6a70f}.htag:nth-child(3){color:#b39ddb;border-color:#b39ddb59;background:#b39ddb0f}.htag-pair{display:inline-flex;gap:.5rem}.htag.htag-graphics{color:#ffcc80;border-color:#ffcc8059;background:#ffcc800f}.htag.htag-infra{color:#ef9a9a;border-color:#ef9a9a59;background:#ef9a9a0f}.hero-scroll-line{position:absolute;bottom:0;left:3rem;width:1px;height:80px;background:linear-gradient(to bottom,transparent,var(--accent));opacity:0;animation:fadeIn 1.5s 1.2s forwards}.section{padding:8rem max(3rem,calc((100% - 2000px)/2));border-top:1px solid var(--border)}.section-head{display:flex;align-items:center;gap:1.4rem;margin-bottom:5rem;position:relative;padding-bottom:1.4rem}.section-head:after{content:"";position:absolute;bottom:0;left:0;height:1px;width:0;background:linear-gradient(to right,var(--accent) 0%,transparent 100%);transition:width .9s var(--ease-expo) .25s}.section-head.visible:after{width:60%}.sec-num{font-family:var(--font-mono);font-size:3.2rem;font-weight:700;line-height:1;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.5px rgba(0,229,255,.35);flex-shrink:0;transform:translate(-12px);transition:transform .7s var(--ease-expo) .05s,opacity .5s ease .05s;opacity:0}.section-head.visible .sec-num{transform:translate(0);opacity:1}.sec-label{display:inline-flex;align-items:center;gap:.4em;font-size:2rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text);white-space:nowrap;transform:translate(-8px);transition:transform .7s var(--ease-expo) .15s,opacity .5s ease .15s;opacity:0}.sec-label:before{content:"//";font-family:var(--font-mono);font-size:.55em;font-weight:400;letter-spacing:0;color:var(--accent);opacity:.45}.section-head.visible .sec-label{transform:translate(0);opacity:1}.work-list{max-width:1080px}.work-item{position:relative;display:grid;grid-template-columns:72px 130px 1fr auto;gap:1.5rem;align-items:start;padding:1.8rem 1.6rem;cursor:default;background:#060a1447;border:1px solid rgba(0,229,255,.22);border-radius:6px;box-shadow:0 0 0 1px #00e5ff14,0 8px 32px #0006,0 0 48px #00e5ff0f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}.work-item+.work-item{margin-top:1rem}.work-item:hover{border-color:#00e5ff66;box-shadow:0 0 0 1px #00e5ff26,0 8px 40px #00000080,0 0 64px #00e5ff1f}.work-icon{width:68px;height:68px;object-fit:contain;border-radius:12px;background:var(--bg-2);padding:5px;margin-top:.2rem;border:1px solid var(--border)}.work-icon--round{border-radius:50%;padding:0}.work-meta{display:flex;flex-direction:column;gap:.5rem;padding-top:.25rem}.work-year{font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim);letter-spacing:.06em}.work-year:before{content:"/* ";opacity:.45}.work-year:after{content:" */";opacity:.45}.work-cat{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);letter-spacing:.06em;opacity:.75}.work-cat:before{content:"# ";opacity:.6}.work-title{font-size:1.45rem;font-weight:600;letter-spacing:-.015em;margin-bottom:.7rem;transition:color .3s var(--ease)}.work-item:hover .work-title{color:var(--accent)}.work-desc{font-size:.9rem;color:var(--text-muted);line-height:1.75;margin-bottom:.9rem}.work-desc+.work-desc{margin-top:.25rem;margin-bottom:.9rem}.work-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}.stack-tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.03em;padding:.18rem .65rem;border-radius:999px;border:1px solid}.stack-tag--sys{color:#7ecfdd;border-color:#7ecfdd52;background:#7ecfdd0f}.stack-tag--app{color:#a5d6a7;border-color:#a5d6a752;background:#a5d6a70f}.stack-tag--web{color:#b39ddb;border-color:#b39ddb52;background:#b39ddb0f}.stack-tag--gfx{color:#ffcc80;border-color:#ffcc8052;background:#ffcc800f}.stack-tag--infra{color:#ef9a9a;border-color:#ef9a9a52;background:#ef9a9a0f}.work-link{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:.2rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--accent);border:1px solid rgba(0,229,255,.25);background:#00e5ff0a;padding:.4rem .9rem;border-radius:4px;white-space:nowrap;transition:background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease)}.work-item:hover .work-link{background:#00e5ff1a;border-color:#00e5ff80;box-shadow:0 0 12px #00e5ff26}.work-item--featured{border-color:#00e5ff2e;box-shadow:0 4px 24px #00000059,0 0 0 1px #00e5ff14,inset 0 1px #ffffff0a}.work-item--featured:hover{border-color:#00e5ff59;box-shadow:0 4px 40px #00000080,0 0 24px #00e5ff1a,0 0 0 1px #00e5ff1f,inset 0 1px #ffffff0d}.work-featured-badge{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;color:var(--accent);border:1px solid rgba(0,229,255,.35);background:#00e5ff0f;padding:.1em .5em;border-radius:999px;margin-left:.6em;vertical-align:middle;opacity:.85}.contact-body{max-width:640px}.contact-lead{font-size:1.6rem;font-weight:300;color:var(--text-muted);margin-bottom:3.5rem;letter-spacing:-.01em}.contact-links{display:flex;flex-direction:column}.contact-link{display:grid;grid-template-columns:44px 140px 1fr auto;align-items:center;gap:1.5rem;padding:1.6rem 0;border-bottom:1px solid var(--border);transition:color .3s var(--ease)}.cl-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.cl-icon--img{object-fit:cover}.cl-icon--x{background:#000;color:#fff;font-family:var(--font-mono);font-size:1.1rem;font-weight:700;border:1px solid var(--border)}.contact-link:first-child{border-top:1px solid var(--border)}.contact-link:hover{color:var(--accent)}.cl-name{font-size:1.05rem;font-weight:500}.cl-handle{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);transition:color .3s}.contact-link:hover .cl-handle{color:var(--accent)}.cl-arrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--accent);border:1px solid rgba(0,229,255,.25);background:#00e5ff0a;padding:.4rem .9rem;border-radius:4px;white-space:nowrap;transition:background .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease)}.contact-link:hover .cl-arrow{background:#00e5ff1a;border-color:#00e5ff80;box-shadow:0 0 12px #00e5ff26}.back-to-top{position:fixed;bottom:2rem;right:2rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--accent);background:#060a14d9;border:1px solid rgba(0,229,255,.25);border-radius:4px;padding:.45rem .9rem;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .3s var(--ease),transform .3s var(--ease),background .25s,border-color .25s,box-shadow .25s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:#00e5ff14;border-color:#00e5ff80;box-shadow:0 0 12px #00e5ff26}.footer{display:flex;justify-content:flex-start;align-items:center;gap:3rem;padding:2rem 3rem;border-top:1px solid var(--border)}.footer-copy,.footer-role{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;color:var(--text-dim)}.footer-nav{display:flex;gap:1.6rem}.footer-nav a{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;color:var(--text-dim);transition:color .25s var(--ease)}.footer-nav a:hover{color:var(--accent)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.section-head.reveal,.section-head.reveal.visible{opacity:1;transform:none}@keyframes blink{50%{opacity:0}}@keyframes slideUp{0%{transform:translateY(108%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUpIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:fadeIn .4s var(--ease) both}.sec-scan{position:relative;display:inline-block;overflow:hidden;color:transparent;-webkit-text-stroke:1px rgba(226,232,240,.2)}.sec-scan:before{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;color:var(--text);clip-path:inset(0 100% 0 0);-webkit-text-stroke:0}.sec-scan.scan:before{animation:scanReveal 1s cubic-bezier(.19,1,.22,1) forwards}.sec-scan:after{content:"";position:absolute;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,transparent,var(--accent),transparent);box-shadow:0 0 12px var(--accent),0 0 24px #00e5ff80;left:-4px;pointer-events:none}.sec-scan.scan:after{animation:scanLine 1s cubic-bezier(.19,1,.22,1) forwards}@keyframes termPwm{0%{border-color:#00e5ff40;box-shadow:0 0 0 1px #00e5ff1a,0 16px 56px #0006,0 0 80px #00e5ff1a}6%{border-color:#00e5ff99;box-shadow:0 0 0 1px #00e5ff47,0 16px 56px #0006,0 0 120px #00e5ff47,0 0 28px #00e5ff2e}14%{border-color:#00e5ff40;box-shadow:0 0 0 1px #00e5ff1a,0 16px 56px #0006,0 0 80px #00e5ff1a}20%{border-color:#00e5ff6b;box-shadow:0 0 0 1px #00e5ff2e,0 16px 56px #0006,0 0 100px #00e5ff2e}28%,to{border-color:#00e5ff40;box-shadow:0 0 0 1px #00e5ff1a,0 16px 56px #0006,0 0 80px #00e5ff1a}}@keyframes scanReveal{to{clip-path:inset(0 0% 0 0)}}@keyframes scanLine{0%{left:-4px;opacity:1}75%{opacity:1}to{left:calc(100% + 4px);opacity:0}}.work-laser{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.work-laser rect{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:3000;stroke-dashoffset:3000;filter:drop-shadow(0 0 4px var(--accent));transition:stroke-dashoffset 0s}.work-item:hover .work-laser rect{animation:laserTrace .9s cubic-bezier(.19,1,.22,1) forwards}@keyframes laserTrace{to{stroke-dashoffset:0}}.scroll-indicator{position:fixed;right:1.6rem;top:50%;transform:translateY(-50%);z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:0;pointer-events:none}.si-track{position:absolute;right:2px;top:0;bottom:0;width:1px;background:#00e5ff1f}.si-track:before{content:"";position:absolute;left:-1px;width:3px;height:30%;background:linear-gradient(to bottom,transparent,var(--accent),transparent);box-shadow:0 0 8px var(--accent);animation:siScroll 2.8s ease-in-out infinite}@keyframes siScroll{0%{top:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:70%;opacity:0}}.si-items{display:flex;flex-direction:column;gap:1.4rem;align-items:flex-end;pointer-events:all}.si-item{display:flex;align-items:center;gap:.5rem;text-decoration:none;cursor:pointer}.si-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;color:#fff3;transition:color .3s;text-transform:lowercase}.si-dot{width:5px;height:5px;border-radius:50%;background:#00e5ff40;border:1px solid rgba(0,229,255,.4);transition:background .3s,box-shadow .3s;flex-shrink:0}.si-item.active .si-label{color:var(--accent)}.si-item.active .si-dot{background:var(--accent);box-shadow:0 0 8px var(--accent)}.si-item:hover .si-label{color:#00e5ff99}.matrix-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:6px;opacity:0;transition:opacity .4s ease;pointer-events:none}.blog-card:hover .matrix-canvas{opacity:1}.blog-card:hover .blog-card-title{color:var(--accent);text-shadow:0 0 12px rgba(0,229,255,.5)}.blog-card-link{position:relative;z-index:1}@media(max-width:768px){.scroll-indicator{right:.7rem;gap:0}.si-track,.si-label{display:none}.si-items{gap:1rem}.si-item{pointer-events:all;padding:4px}.si-dot{width:4px;height:4px}}.blog-list{max-width:720px;margin-top:1rem}.blog-card{position:relative;border:1px solid rgba(0,229,255,.22);border-radius:6px;background:#060a1447;box-shadow:0 0 0 1px #00e5ff14,0 8px 32px #0006,0 0 48px #00e5ff0f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}.blog-card+.blog-card{margin-top:1rem}.blog-card:hover{border-color:#00e5ff66;box-shadow:0 0 0 1px #00e5ff26,0 8px 40px #00000080,0 0 64px #00e5ff1f}.blog-card-link{display:flex;flex-direction:column;gap:.5rem;padding:1.6rem 1.8rem;text-decoration:none}.blog-date{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);letter-spacing:.06em}.blog-card-title{font-size:1.1rem;font-weight:700;color:var(--text);margin:0;transition:color .3s var(--ease)}.blog-card-desc{font-size:.88rem;color:var(--text-muted);margin:0;line-height:1.6}.blog-card-arrow{align-self:flex-start;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--accent);border:1px solid rgba(0,229,255,.25);background:#00e5ff0a;padding:.3rem .75rem;border-radius:4px;margin-top:.25rem;transition:background .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease)}.blog-card:hover .blog-card-arrow{background:#00e5ff1a;border-color:#00e5ff80;box-shadow:0 0 12px #00e5ff26}.blog-recent{max-width:720px;margin-top:1rem}.blog-viewall{margin-top:1.5rem}.blog-viewall-link{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;color:var(--accent);border:1px solid rgba(0,229,255,.25);background:#00e5ff0a;padding:.5rem 1.1rem;border-radius:4px;transition:background .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease)}.blog-viewall-link:hover{background:#00e5ff1a;border-color:#00e5ff80;box-shadow:0 0 12px #00e5ff26}.blog-empty{display:flex;flex-direction:column;gap:.3rem;color:var(--text-dim);font-family:var(--font-mono);font-size:.85rem}.blog-empty-comment{color:var(--text-dim);opacity:.5}.blog-empty-cmd{color:var(--accent);opacity:.7}.blog-hydrate{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:1}.blog-hydrate-terminal{display:flex;flex-direction:column;gap:.55rem;font-family:var(--font-mono);font-size:1rem}.blog-hydrate-comment{color:var(--text-dim);opacity:.5}.blog-hydrate-cmd{color:var(--accent)}.blog-hydrate-progress{display:block;width:220px;height:2px;background:#00e5ff1f;border-radius:999px;overflow:hidden;margin-top:.4rem}.blog-hydrate-bar{display:block;height:100%;width:30%;background:var(--accent);border-radius:999px;box-shadow:0 0 8px #00e5ff80;animation:hydrate-scan 1.2s var(--ease) infinite}@keyframes hydrate-scan{0%{transform:translate(-200%)}to{transform:translate(400%)}}.blog-toc{border:1px solid rgba(0,229,255,.22);background:#00e5ff08;border-radius:4px;padding:1.2rem 1.5rem 1.4rem;margin:2rem 0}.blog-toc-header{display:block;font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);opacity:.55;margin-bottom:.9rem}.blog-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.blog-toc-item{display:flex;align-items:baseline;gap:.6rem}.blog-toc-num{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);min-width:2rem;flex-shrink:0}.blog-toc-link{font-family:var(--font-mono);font-size:.88rem;color:var(--text-muted);text-decoration:none;transition:color .2s}.blog-toc-link:hover{color:var(--accent)}.hero-terminal-demo{position:relative;border-radius:10px;border:1px solid rgba(0,229,255,.18);background:#060a14;padding:1.5rem 1.5rem 3.5rem;overflow:hidden}.hero-terminal-demo .hero-terminal{margin-bottom:0;max-width:100%}.hero-terminal-demo-replay{position:absolute;bottom:.75rem;right:1rem;background:none;border:none;color:#00e5ff80;font-family:var(--font-mono);font-size:.78rem;cursor:pointer;padding:0;transition:color .2s}.hero-terminal-demo-replay:hover{color:var(--accent)}.logo-slash-demo{display:flex;justify-content:center;align-items:center;padding:2rem;border-radius:6px;border:1px solid rgba(0,229,255,.18);background:#181c2a}.bg-demo-container{position:relative;width:100%;overflow:hidden;border-radius:6px;border:1px solid rgba(0,229,255,.18);background:#181c2a;cursor:crosshair}.bg-demo-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.blog-post-section{padding-top:8rem;animation:fadeUpIn 1s var(--ease) both}.blog-post-header{max-width:720px;margin-bottom:3rem}.blog-back{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);letter-spacing:.06em;border:1px solid rgba(0,229,255,.25);padding:.25rem .7rem;border-radius:4px;transition:background .25s var(--ease),box-shadow .25s var(--ease)}.blog-back:hover{background:#00e5ff14;box-shadow:0 0 10px #00e5ff1f}.blog-post-title{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:900;color:var(--text);margin:1.5rem 0 .5rem;letter-spacing:-.02em;line-height:1.25}.blog-post-date{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);letter-spacing:.06em}.blog-content{max-width:720px;color:var(--text-muted);line-height:1.85;font-size:.95rem}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{color:var(--text);font-weight:700;margin:2.5rem 0 1rem;line-height:1.3;letter-spacing:-.015em}.blog-content h2{font-size:1.35rem;border-bottom:1px solid rgba(0,229,255,.1);padding-bottom:.4rem;scroll-margin-top:5rem}.blog-content h3{font-size:1.1rem}.blog-content h4{font-size:.95rem;color:var(--accent)}.blog-content p{margin:1rem 0}.blog-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#00e5ff59}.blog-content ul,.blog-content ol{padding-left:1.5rem;margin:1rem 0}.blog-content li{margin:.35rem 0}.blog-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.blog-content th,.blog-content td{padding:.6rem 1rem;text-align:left;border-bottom:1px solid rgba(0,229,255,.1);white-space:nowrap}.blog-content th{color:var(--accent);font-weight:600;font-size:.8rem;letter-spacing:.05em;border-bottom-color:#00e5ff40}.blog-content strong{color:var(--accent);font-weight:700}.blog-content code{font-family:var(--font-mono);font-size:.85em;background:#00e5ff12;color:var(--accent);padding:.1em .45em;border-radius:3px;border:1px solid rgba(0,229,255,.15)}.blog-content pre{background:#060a14cc;border:1px solid rgba(0,229,255,.12);border-radius:6px;padding:1.2rem 1.4rem;overflow-x:auto;margin:1.5rem 0}.blog-content pre code{background:none;border:none;padding:0;font-size:.85rem;color:var(--text)}.blog-content blockquote{border-left:3px solid rgba(0,229,255,.4);padding:.5rem 1.2rem;margin:1.5rem 0;color:var(--text-dim);font-style:italic}.blog-content hr{border:none;border-top:1px solid rgba(0,229,255,.1);margin:2rem 0}@media(max-width:768px){.header{padding:1.3rem 1.5rem}.header-nav{display:none}.menu-toggle,.mobile-menu{display:flex}.menu-toggle{z-index:91}.footer{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.6rem 6rem 2.4rem 1.5rem}.hero{padding:7rem 1.5rem 4rem}.hero-scroll-line{left:1.5rem}.section{padding:4rem 1.5rem}.section-head{margin-bottom:2rem}.term-body{flex-direction:column}.term-logo{order:-1;display:flex;justify-content:center;padding:2.8rem 0 1.4rem;width:100%}.term-logo .slash-logo-wrap{width:180px;height:180px}.hero-terminal{font-size:.82rem}.hero-tags{display:none}.term-skill-row{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-bottom:.4rem;white-space:normal;background:none;border:none;padding:0}.term-sk-cat{display:inline-block;font-size:.68rem;font-weight:700;white-space:nowrap;padding:.15rem .6rem;border-radius:999px;letter-spacing:.03em}.term-skill-row:nth-child(1) .term-sk-cat{color:#7ecfdd;border:1px solid rgba(126,207,221,.4);background:#7ecfdd14}.term-skill-row:nth-child(2) .term-sk-cat{color:#a5d6a7;border:1px solid rgba(165,214,167,.4);background:#a5d6a714}.term-skill-row:nth-child(3) .term-sk-cat{color:#b39ddb;border:1px solid rgba(179,157,219,.4);background:#b39ddb14}.term-skill-row:nth-child(4) .term-sk-cat{color:#ffcc80;border:1px solid rgba(255,204,128,.4);background:#ffcc8014}.term-skill-row:nth-child(5) .term-sk-cat{color:#ef9a9a;border:1px solid rgba(239,154,154,.4);background:#ef9a9a14}.term-sk-sep{display:none}.term-sk-val{font-size:.75rem;white-space:normal;word-break:break-word;color:var(--text-muted)}.work-item{grid-template-columns:56px 1fr;gap:.8rem 1rem}.work-meta,.work-body{grid-column:2}.work-icon{grid-row:1 / 3;grid-column:1;width:48px;height:48px}.work-link{align-self:flex-start}.blog-card-link{padding:1.2rem 1.3rem;gap:.4rem}.blog-card-title{font-size:.98rem}.blog-card-desc{font-size:.82rem}.blog-post-section{padding-top:6rem}.blog-post-title{font-size:clamp(1.3rem,5vw,1.8rem)}.blog-content{font-size:.9rem}.blog-content h2{font-size:1.15rem}.blog-content h3{font-size:1rem}.blog-content pre{padding:1rem;font-size:.78rem}.blog-content th,.blog-content td{white-space:normal;word-break:break-word;padding:.5rem .7rem}.blog-content th{font-size:.85rem}.contact-link{grid-template-columns:44px 1fr 1fr auto}.footer{padding:1.5rem;flex-direction:column;gap:.8rem;text-align:center}.footer-nav{gap:1.2rem}}@media(max-width:480px){.section{padding:3.5rem 1.2rem}.hero{padding:6rem 1.2rem 3rem}.hero-terminal{font-size:.76rem;padding:2rem 1rem 1.2rem}.work-item{grid-template-columns:1fr;gap:.6rem}.work-icon{grid-row:auto;grid-column:auto;width:40px;height:40px}.work-meta,.work-body{grid-column:auto}.blog-hydrate-terminal{font-size:.85rem}.blog-card-link{padding:1rem 1.1rem}.blog-card-desc{display:none}.blog-content pre{padding:.8rem;border-radius:4px}.contact-link{grid-template-columns:44px 1fr auto}.cl-handle{display:none}}.lo-overlay{-webkit-text-size-adjust:100%;text-size-adjust:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#080b10;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .65s ease}.lo-overlay.lo-fade{opacity:0;pointer-events:none}.lo-box{width:fit-content;min-width:min(420px,90vw);max-width:90vw;transition:max-width .35s ease,min-width .35s ease;background:#060a1459;border:1px solid rgba(0,229,255,.25);border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px #00e5ff1a,0 16px 56px #00000080,0 0 80px #00e5ff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lo-titlebar{position:relative;display:flex;align-items:center;gap:6px;padding:10px 14px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.lo-dot{width:12px;height:12px;border-radius:50%}.lo-dot--r{background:#ff5f57}.lo-dot--y{background:#febc2e}.lo-dot--g{background:#28c840}.lo-title-text{position:absolute;left:0;right:0;text-align:center;font-size:.75rem;color:#ffffff59;font-family:Consolas,Cascadia Code,Courier New,monospace;pointer-events:none}.lo-body{padding:28px 32px 32px;min-height:180px}.lo-line{font-family:Consolas,Cascadia Code,Courier New,monospace;font-size:.9rem;line-height:2;margin:0;white-space:pre}.lo-cmd{color:#00e5ff}.lo-info{color:#7ecfdd}.lo-dim{color:#ffffff73}.lo-dots{color:#fff;letter-spacing:3px}.lo-bar{color:#00e5ff;font-size:.78rem}.lo-pct{color:#fff6;font-size:.78rem}.lo-success{color:#4dffa0}.lo-welcome{color:#fff}.lo-banner-art{font-family:Consolas,Cascadia Code,Courier New,monospace;font-size:.6rem;line-height:1.4;color:#00e5ff;margin:10px 0 4px;white-space:pre;overflow-x:auto;animation:lo-banner-pulse 2.5s ease-in-out infinite}@keyframes lo-banner-pulse{0%,to{text-shadow:0 0 6px #00e5ff,0 0 18px rgba(0,229,255,.45)}50%{text-shadow:0 0 10px #00e5ff,0 0 28px rgba(0,229,255,.7),0 0 48px rgba(0,229,255,.2)}}.lo-banner-net{font-family:Consolas,Cascadia Code,Courier New,monospace;font-size:.6rem;line-height:1.4;color:#00e5ffd9;margin-top:0;white-space:pre}.lo-launch{color:#00e5ff;margin-top:12px}.lo-skip-hint{color:#ffffff80;font-size:.72rem;margin-top:4px}.lo-cursor{color:#00e5ff;text-shadow:0 0 6px #00e5ff,0 0 14px rgba(0,229,255,.55);animation:lo-blink .75s step-end infinite}.lo-cursor--off{visibility:hidden}@keyframes lo-blink{50%{opacity:0}}.lo-box--wide{width:fit-content;max-width:96vw}.lo-nf{display:flex;gap:20px;align-items:flex-start}.lo-nf-art{flex-shrink:0;overflow:hidden;max-width:100%}.lo-nf-artline{font-family:Consolas,Cascadia Code,Courier New,monospace;font-size:.33rem;line-height:1.18;color:#7ecfdd;white-space:pre}.lo-nf-info{padding-top:2px}.lo-nf-row{font-family:Consolas,Cascadia Code,Courier New,monospace;font-size:.85rem;line-height:1.85}.lo-nf-user{color:#00e5ff;font-weight:700}.lo-nf-sep{color:#fff3}.lo-nf-label{color:#00e5ff}.lo-nf-colon{color:#ffffff59}.lo-nf-val{color:#fffc}.lo-nf-pal .lo-nf-val{background:linear-gradient(to right,#ff5f57,#ff5f57 16%,#febc2e 16%,#febc2e 33%,#28c840 33%,#28c840 50%,#00e5ff 50%,#00e5ff 67%,#7ecfdd 67%,#7ecfdd 84%,#fff 84%,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:4px}@media(max-width:600px){.lo-box{min-width:unset;width:96vw}.lo-line{font-size:.75rem}.lo-box--wide{width:96vw}.lo-nf{flex-direction:column;gap:12px}.lo-nf-artline{font-size:.33rem;line-height:1.18}.lo-nf-info{padding-top:0;width:100%}.lo-nf-row{font-size:.75rem;line-height:1.7}.lo-body{padding:20px 14px 24px}.lo-banner-art{font-size:.35rem;overflow:hidden}.lo-launch{font-size:.68rem}.lo-launch .lo-bar{display:none}}@media(max-height:480px){.lo-box{max-height:100dvh;overflow-y:auto}.lo-body{padding:12px 14px 16px}.lo-line{line-height:1.5}.lo-nf{flex-direction:column;gap:10px}.lo-nf-artline{font-size:.33rem;line-height:1.18}.lo-nf-info{padding-top:0;width:100%}.lo-nf-row{font-size:.75rem;line-height:1.6}}.notfound-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.notfound-terminal{background:#060a14a6;border:1px solid rgba(0,229,255,.18);border-radius:10px;padding:20px 28px 22px;max-width:520px;width:94vw;box-shadow:0 0 0 1px #00e5ff0f,0 12px 48px #00000080,0 0 80px #00e5ff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nf-titlebar{display:flex;gap:6px;margin-bottom:14px}.nf-dot{width:11px;height:11px;border-radius:50%}.nf-dot-r{background:#ff5f57}.nf-dot-y{background:#febc2e}.nf-dot-g{background:#28c840}.nf-line{font-family:var(--font-mono);font-size:13px;line-height:1.7;white-space:pre-wrap;word-break:break-all}.nf-prompt{color:var(--accent)}.nf-cmd{color:var(--text)}.nf-err{color:#ff6b6b}.nf-dim{color:var(--text-dim);opacity:.5}.nf-countdown{color:var(--accent);font-weight:700}.nf-home-link{color:var(--accent-2);text-decoration:none;transition:color .2s}.nf-home-link:hover{color:var(--accent);text-decoration:underline}.nf-sep{border:none;border-top:1px solid rgba(0,229,255,.1);margin:6px 0}@media(max-width:600px){.notfound-terminal{max-width:none;width:92vw;padding:18px 20px 20px}}