*,:before,:after{box-sizing:border-box;margin:0;padding:0;cursor:none!important}:root{--red:#f03;--white:#fff;--black:#000}body{background:var(--black);color:var(--white);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow-x:hidden}#canvas-container{z-index:0;pointer-events:none;will-change:filter;position:fixed;inset:0}#canvas-container canvas{display:block;width:100%!important;height:100%!important}body:after{content:"";z-index:3;pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#00000008 3px 4px);position:fixed;inset:0}body:before{content:"";z-index:2;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}#glitch-overlay{z-index:90;pointer-events:none;background:var(--red);opacity:0;position:fixed;inset:0}body.glitch-active #glitch-overlay{animation:.55s forwards glitchFlash}@keyframes glitchFlash{0%{opacity:0}5%{opacity:.18}10%{opacity:0}18%{opacity:.1}25%{opacity:0}35%{opacity:.06}to{opacity:0}}body.glitch-active main{animation:.45s both glitchShake}@keyframes glitchShake{0%{transform:translate(0)}10%{transform:translate(-5px,2px)}20%{transform:translate(5px,-2px)skew(-1deg)}30%{transform:translate(-3px,1px)}40%{transform:translate(4px,-1px)skew(1deg)}50%{transform:translate(-2px,2px)}60%{transform:translate(2px,-1px)}70%{transform:translate(-1px,1px)}to{transform:translate(0)}}.section--2 h1{position:relative}.section--2 h1:before,.section--2 h1:after{content:attr(data-text);font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;-webkit-text-stroke:inherit;opacity:0;pointer-events:none;position:absolute;inset:0}body.glitch-active .section--2 h1:before{opacity:1;color:#f03;animation:.45s both rgbSplitA}body.glitch-active .section--2 h1:after{opacity:1;color:#05f;animation:.45s both rgbSplitB}@keyframes rgbSplitA{0%{clip-path:inset(40% 0 50%);transform:translate(-6px)}20%{clip-path:inset(10% 0 70%);transform:translate(6px)}40%{clip-path:inset(70% 0 10%);transform:translate(-4px)}60%{clip-path:inset(55% 0 25%);transform:translate(3px)}80%{clip-path:inset(20% 0 60%);transform:translate(-1px)}to{clip-path:inset(0 0 100%);opacity:0;transform:translate(0)}}@keyframes rgbSplitB{0%{clip-path:inset(60% 0 20%);transform:translate(6px)}20%{clip-path:inset(20% 0 55%);transform:translate(-6px)}40%{clip-path:inset(80% 0 5%);transform:translate(4px)}60%{clip-path:inset(30% 0 50%);transform:translate(-3px)}80%{clip-path:inset(50% 0 30%);transform:translate(1px)}to{clip-path:inset(0 0 100%);opacity:0;transform:translate(0)}}main{z-index:1;position:relative}.section{align-items:center;height:100vh;padding:0 8vw;display:flex;overflow:hidden}.section--1{justify-content:flex-start;align-items:flex-end;padding-bottom:10vh}.section--1 .label{letter-spacing:.3em;text-transform:uppercase;color:var(--red);opacity:.9;margin-bottom:1rem;font-size:clamp(.6rem,1vw,.85rem)}.section--1 h1{letter-spacing:-.03em;color:var(--white);font-size:clamp(3.5rem,9vw,10rem);font-weight:900;line-height:.9}.section--2{justify-content:flex-end;align-items:center}.section--2 h1{letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1px #ffffff26;-webkit-user-select:none;user-select:none;font-size:clamp(4rem,14vw,16rem);font-weight:900;line-height:.85}.section--3{justify-content:flex-start;align-items:flex-start;padding-top:15vh}.section--3 h1{letter-spacing:-.03em;color:var(--white);font-size:clamp(2.5rem,6.5vw,7.5rem);font-weight:900;line-height:1.05}.section--3 h1 .slash-r{color:var(--red);display:block}.section--3 h1 .slash-l{display:block}.scroll-hint{z-index:10;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .6s;display:flex;position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-hint.hidden{opacity:0;pointer-events:none}.scroll-hint__line{background:linear-gradient(to bottom, transparent, var(--red));width:1px;height:50px;animation:1.6s ease-in-out infinite scrollLine}.scroll-hint__text{letter-spacing:.25em;text-transform:uppercase;color:#fff6;font-size:.6rem}@keyframes scrollLine{0%{opacity:0;transform-origin:top;transform:scaleY(0)}50%{opacity:1}to{opacity:0;transform-origin:top;transform:scaleY(1)}}#loader{z-index:100;background:var(--black);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}#loader.hidden{opacity:0;visibility:hidden}.loader__bar{background:#ffffff14;width:180px;height:1px;position:relative;overflow:hidden}.loader__bar:after{content:"";background:var(--red);animation:1.6s forwards loaderFill;position:absolute;inset:0;transform:translate(-100%)}.loader__text{letter-spacing:.3em;text-transform:uppercase;color:#ffffff4d;font-size:.65rem}@keyframes loaderFill{to{transform:translate(0)}}#cursor-ring{border:1.5px solid var(--red);pointer-events:none;z-index:9998;opacity:0;will-change:transform;width:28px;height:28px;transition:width .28s cubic-bezier(.16,1,.3,1),height .28s cubic-bezier(.16,1,.3,1),border-color .2s,opacity .3s;position:fixed;top:0;left:0}#cursor-ring.cursor-ring--expanded{border-color:#ff003380;width:54px;height:54px}#cursor-dot{background:var(--red);pointer-events:none;z-index:9999;opacity:0;will-change:transform;width:6px;height:6px;position:fixed;top:0;left:0}#kill-switch{z-index:50;letter-spacing:.12em;color:#ffffff4d;background:0 0;border:1px solid #ffffff1a;padding:.38rem .65rem;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.6rem;transition:color .25s,border-color .25s;position:fixed;top:1.4rem;right:1.4rem}#kill-switch:hover{color:var(--red);border-color:#ff003380}#kill-switch[data-eco]{color:#00dc6499;border-color:#00dc6440}.section--4{flex-direction:column;justify-content:center;align-items:flex-start;gap:2rem}.section--4 h1{letter-spacing:-.04em;color:var(--white);font-size:clamp(3rem,8vw,9rem);font-weight:900;line-height:.9}.section--4 .body-text{color:#fff6;max-width:480px;font-size:clamp(.85rem,1.2vw,1rem);line-height:1.7}.tag-grid{flex-wrap:wrap;gap:.5rem;display:flex}.tag-grid span{letter-spacing:.12em;color:var(--red);border:1px solid #ff003340;padding:.25rem .6rem;font-family:JetBrains Mono,Courier New,monospace;font-size:.68rem}.section--5{text-align:right;flex-direction:column;justify-content:center;align-items:flex-end;gap:2.5rem}.section--5 h1{letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1px #ffffff1f;font-size:clamp(4rem,12vw,13rem);font-weight:900;line-height:.85}.spec-table{border-collapse:collapse;font-family:JetBrains Mono,Courier New,monospace;font-size:clamp(.7rem,1vw,.85rem)}.spec-table td{vertical-align:top;border-bottom:1px solid #ffffff0d;padding:.55rem 1.2rem .55rem 0}.spec-table td:first-child{color:var(--red);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding-right:2rem;font-size:.65rem}.spec-table td:last-child{color:#ffffff8c}.section--terminal{flex-direction:column;justify-content:center;align-items:center;gap:1.2rem}.section--terminal .label{letter-spacing:.3em;text-transform:uppercase;color:#fff3;align-self:flex-start;padding-left:calc(50% - min(360px,45vw));font-size:.6rem}#terminal{color:#0d7;background:#040404;border:1px solid #00dc641f;flex-direction:column;width:min(720px,90vw);height:420px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.78rem;display:flex;overflow:hidden;box-shadow:0 0 60px #00dc640a}.term-header{background:#080808;border-bottom:1px solid #00dc6414;flex-shrink:0;align-items:center;gap:.5rem;padding:.6rem .8rem;display:flex}.term-dot{border-radius:50%;width:10px;height:10px}.term-dot--red{background:#ff5f57}.term-dot--yellow{background:#febc2e}.term-dot--green{background:#28c840}.term-title{letter-spacing:.08em;color:#00dc644d;margin-left:.5rem;font-size:.65rem}#term-output{scrollbar-width:thin;scrollbar-color:#00dc6426 transparent;flex:1;padding:.8rem 1rem;overflow-y:auto}#term-output::-webkit-scrollbar{width:4px}#term-output::-webkit-scrollbar-track{background:0 0}#term-output::-webkit-scrollbar-thumb{background:#00dc6433}.t-line{white-space:pre-wrap;word-break:break-word;line-height:1.65}.t-line+.t-line{margin-top:.1rem}.t-line--cmd{color:#00dc6499}.t-line--err{margin-top:.2rem}.t-ps1{color:#0d7;font-weight:700}.t-muted{color:#00dc644d}.t-cmd{color:var(--red)}.t-acc{color:#0fa}.t-err{color:var(--red)}.t-dir{color:#4fc3f7}.t-file{color:#00dc64b3}.t-link{color:var(--red);border-bottom:1px solid #ff00334d;text-decoration:none;transition:border-color .2s}.t-link:hover{border-color:var(--red)}.term-input-row{border-top:1px solid #00dc6414;flex-shrink:0;align-items:center;gap:.4rem;padding:.6rem 1rem;display:flex}.term-input-row .t-ps1{white-space:nowrap}#term-input{color:#0d7;font:inherit;caret-color:#0d7;background:0 0;border:none;outline:none;flex:1}body.overclock-flash #glitch-overlay{background:#f03;animation:.9s forwards overclockPulse}@keyframes overclockPulse{0%{opacity:0}7%{opacity:.5}14%{opacity:.02}24%{opacity:.42}34%{opacity:0}44%{opacity:.3}55%{opacity:0}65%{opacity:.14}80%{opacity:0}to{opacity:0}}.t-overclock{color:gold;white-space:pre;letter-spacing:.03em;font-weight:600;line-height:1.6}.section--projects{flex-direction:column;justify-content:center;align-items:flex-start;gap:2rem}.proj-inner{width:100%}.proj-grid{background:#ff00330f;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;margin-top:1.8rem;display:grid}.project-card{background:var(--black);border:1px solid #ff00331f;padding:1.8rem 1.8rem 2.4rem;transition:background .25s;position:relative;overflow:hidden}.project-card:before{content:attr(data-code);letter-spacing:.04em;color:#ff003338;opacity:0;white-space:nowrap;text-overflow:ellipsis;filter:blur(.5px);pointer-events:none;font-family:JetBrains Mono,Courier New,monospace;font-size:.5rem;transition:opacity .28s;position:absolute;bottom:.65rem;left:1rem;right:1rem;overflow:hidden}.project-card:hover{background:#ff003306;animation:.22s step-end infinite cardBorderGlitch}.project-card:hover:before{opacity:1}@keyframes cardBorderGlitch{0%{box-shadow:none;border-color:#ff00331f}30%{border-color:#f03;box-shadow:0 0 10px #ff003359}55%{box-shadow:none;border-color:#ff00330a}80%{border-color:#ff0033d9;box-shadow:0 0 14px #f036}}.card-idx{letter-spacing:.18em;color:#ff003373;margin-bottom:.75rem;font-family:JetBrains Mono,monospace;font-size:.58rem;display:block}.card-title{letter-spacing:-.02em;color:var(--white);margin-bottom:.5rem;font-size:1.12rem;font-weight:700;display:inline-block;position:relative}.card-title:before,.card-title:after{content:attr(data-text);width:100%;font-size:inherit;font-weight:inherit;letter-spacing:inherit;opacity:0;pointer-events:none;transition:opacity 80ms;position:absolute;top:0;left:0}.project-card:hover .card-title:before{color:#f03;opacity:.72;animation:.22s step-end infinite rgbCardA}.project-card:hover .card-title:after{color:#04f;opacity:.52;animation:.22s step-end infinite rgbCardB}@keyframes rgbCardA{0%{clip-path:inset(0 0 75%);transform:translate(-4px)}25%{clip-path:inset(35% 0 40%);transform:translate(4px)}50%{clip-path:inset(70% 0 0);transform:translate(-3px)}75%{clip-path:inset(15% 0 65%);transform:translate(2px)}}@keyframes rgbCardB{0%{clip-path:inset(55% 0 15%);transform:translate(4px)}25%{clip-path:inset(5% 0 80%);transform:translate(-4px)}50%{clip-path:inset(25% 0 55%);transform:translate(3px)}75%{clip-path:inset(75% 0 5%);transform:translate(-2px)}}.card-desc{color:#ffffff4d;margin-bottom:1.2rem;font-size:.76rem;line-height:1.55;display:block}.card-link{letter-spacing:.1em;color:#ff00338c;font-family:JetBrains Mono,monospace;font-size:.63rem;text-decoration:none;transition:color .2s}.card-link:hover{color:var(--red)}.section--diag{text-align:left!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}.diag-panel{background:#020202;border:1px solid #ff00331f;width:min(680px,90vw);font-family:JetBrains Mono,Courier New,monospace;font-size:.72rem}.diag-header{background:#050505;border-bottom:1px solid #ff00331a;align-items:center;gap:.8rem;padding:.5rem 1rem;display:flex}.diag-dots{gap:.35rem;display:flex}.diag-dot{background:#ff00332e;border-radius:50%;width:8px;height:8px}.diag-dot--live{background:#f03;animation:1.2s ease-in-out infinite diagBlink}@keyframes diagBlink{0%,to{opacity:1}50%{opacity:.25}}.diag-brand{letter-spacing:.22em;color:#ffffff40;text-transform:uppercase;flex:1;font-size:.6rem}.diag-live{letter-spacing:.14em;color:#f03;font-size:.58rem}.diag-rows{padding:.15rem 0}.diag-row{border-bottom:1px solid #ff00330d;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.diag-meta{flex-shrink:0;width:128px}.diag-label{letter-spacing:.13em;color:#ffffff73;text-transform:uppercase;font-size:.58rem;line-height:1.4;display:block}.diag-sub{letter-spacing:.07em;color:#ff003361;margin-top:.1rem;font-size:.53rem;display:block}.diag-graph{height:36px;image-rendering:crisp-edges;background:0 0;flex:1;display:block}.diag-val{text-align:right;color:#f03;font-variant-numeric:tabular-nums;flex-shrink:0;width:36px;font-size:.73rem}.click-ripple{pointer-events:none;z-index:80;background:radial-gradient(circle,#ff00332e 0%,#0000 70%);border:1px solid #ff003373;border-radius:50%;width:380px;height:380px;animation:.65s cubic-bezier(.22,1,.36,1) forwards rippleExpand;position:fixed;transform:translate(-50%,-50%)scale(0)}@keyframes rippleExpand{0%{opacity:.85;transform:translate(-50%,-50%)scale(0)}60%{opacity:.35;transform:translate(-50%,-50%)scale(.85)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}body.scroll-glitch h1,body.scroll-glitch h3{animation:.18s step-end infinite scrollAberration}@keyframes scrollAberration{0%{text-shadow:-3px 0 #ff00338c,3px 0 #05f6}25%{text-shadow:4px 0 #ff003380,-4px 0 #0055ff61}50%{text-shadow:-2px 1px #f039,2px -1px #0055ff6b}75%{text-shadow:3px -1px #ff003373,-3px 1px #0055ff59}}body.screen-shake main{animation:.2s both cinematicShake}body.screen-shake-mobile main{animation:.2s both cinematicShakeMobile}@keyframes cinematicShake{0%{transform:translate(0)}15%{transform:translate(-5px,2px)}30%{transform:translate(5px,-2px)skew(-.5deg)}45%{transform:translate(-3px,1px)}60%{transform:translate(3px,-1px)}75%{transform:translate(-1px,1px)}to{transform:translate(0)}}@keyframes cinematicShakeMobile{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}.slash-l,.slash-r{will-change:transform;display:inline-block}.slash-title.slashed .slash-l{animation:.75s cubic-bezier(.22,1,.36,1) forwards slashL}.slash-title.slashed .slash-r{animation:.75s cubic-bezier(.22,1,.36,1) forwards slashR}@keyframes slashL{0%{text-shadow:none;transform:translate(0)}10%{text-shadow:-5px 0 #f03c;transform:translate(-26px)}28%{text-shadow:-2px 0 #ff003359;transform:translate(-14px)}55%{text-shadow:none;transform:translate(-4px)}to{text-shadow:none;transform:translate(0)}}@keyframes slashR{0%{text-shadow:none;transform:translate(0)}10%{text-shadow:5px 0 #f03c;transform:translate(26px)}28%{text-shadow:2px 0 #ff003359;transform:translate(14px)}55%{text-shadow:none;transform:translate(4px)}to{text-shadow:none;transform:translate(0)}}.slash-title{position:relative}.slash-title:after{content:"";background:var(--red);opacity:0;pointer-events:none;height:1px;position:absolute;top:50%;left:0;right:0;transform:scaleX(0)}.slash-title.slashed:after{animation:.35s forwards slashLine}@keyframes slashLine{0%{opacity:0;transform:scaleX(0)}15%{opacity:.85;transform:scaleX(1)}60%{opacity:.3;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.2)}}#kanji-field{z-index:5;pointer-events:none;position:fixed;inset:0}.kj{color:#f030;text-shadow:none;opacity:0;-webkit-user-select:none;user-select:none;font-size:clamp(2rem,4vw,4rem);font-weight:900;line-height:1;transition:color 1.4s,text-shadow 1.4s,opacity 1.4s;position:absolute}.kj[data-kj="0"]{top:16%;left:8%}.kj[data-kj="1"]{top:13%;right:9%}.kj[data-kj="2"]{top:55%;left:5%}.kj[data-kj="3"]{top:58%;right:7%}.kj[data-kj="4"]{bottom:18%;left:14%}.kj[data-kj="5"]{top:36%;right:6%}body.forge-p0 .kj{opacity:1;color:#ff00330d;text-shadow:0 0 22px #ff00331a}body.forge-p1 .kj{opacity:1;color:#ff00332e;text-shadow:0 0 40px #ff003359}body.forge-p1 .kj[data-kj="0"]{animation:3.1s ease-in-out infinite kanjiDrift}body.forge-p1 .kj[data-kj="1"]{animation:2.8s ease-in-out .4s infinite kanjiDrift}body.forge-p1 .kj[data-kj="2"]{animation:3.4s ease-in-out .8s infinite kanjiDrift}body.forge-p1 .kj[data-kj="3"]{animation:2.6s ease-in-out 1.1s infinite kanjiDrift}body.forge-p1 .kj[data-kj="4"]{animation:3s ease-in-out .55s infinite kanjiDrift}body.forge-p1 .kj[data-kj="5"]{animation:3.2s ease-in-out 1.4s infinite kanjiDrift}@keyframes kanjiDrift{0%,to{filter:none;transform:translate(0)}25%{filter:blur(.4px);transform:translate(-3px,2px)}50%{filter:none;transform:translate(2px,-3px)}75%{filter:blur(.3px);transform:translate(-1px,2px)}}body.forge-p2 .kj{opacity:0;color:#f030;text-shadow:none}#forge-labels{z-index:5;pointer-events:none;position:fixed;inset:0}.fgl{letter-spacing:.24em;text-transform:uppercase;color:#f030;opacity:0;white-space:nowrap;font-family:JetBrains Mono,Courier New,monospace;font-size:clamp(.4rem,.65vw,.6rem);transition:color .9s,opacity .9s,transform .9s;position:absolute}.fgl:before{content:"[ ";color:#f036}.fgl:after{content:" ]";color:#f036}.fgl--tl{top:40%;left:4%;transform:translateY(6px)}.fgl--tr{text-align:right;top:36%;right:4%;transform:translateY(6px)}.fgl--bl{top:60%;left:5%;transform:translateY(6px)}.fgl--br{text-align:right;top:64%;right:5%;transform:translateY(6px)}body.forge-p1 .fgl{color:#ff0033b3;opacity:1}body.forge-p1 .fgl--tl,body.forge-p1 .fgl--tr,body.forge-p1 .fgl--bl,body.forge-p1 .fgl--br{transform:translateY(0)}body.forge-p2 .fgl{color:#f030;opacity:0}