:root{--black:#050505;--white:#e8e8e3;--grey:#a4a4a4;--pink:#ff00b8;--blue:#2600ff;--acid:#aaff00;--line:#323232}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font:14px/1.45 "Courier New",monospace;overflow-x:hidden;cursor:crosshair}
img{filter:contrast(1.16) saturate(1.1)}
.scanlines{position:fixed;inset:0;pointer-events:none;z-index:99;background:repeating-linear-gradient(0deg,#0000 0,#0000 3px,#0003 3px,#0003 4px);mix-blend-mode:multiply}
.cursor{position:fixed;width:16px;height:16px;border:1px solid var(--acid);z-index:100;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 12px var(--acid)}
header{height:32px;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:0 12px;background:var(--white);color:#000;font-size:10px;border-bottom:2px solid #000}
header i{background:#000;color:var(--acid);font-style:normal;padding:2px 5px}
aside{position:fixed;z-index:40;top:32px;bottom:0;left:0;width:145px;border-right:1px solid var(--line);background:#080808;display:flex;flex-direction:column;padding:35px 12px;gap:20px}
aside a{color:#888;text-decoration:none;font-size:10px}
aside a:hover{color:var(--acid);background:#252525}
aside button{margin-top:auto;background:#111;color:var(--pink);border:1px dashed var(--pink);font:9px monospace;padding:8px;cursor:pointer}
main,footer{margin-left:145px}
.hero{height:max(760px,100vh);position:relative;overflow:hidden;background:linear-gradient(90deg,#080808 1px,transparent 1px),linear-gradient(#080808 1px,transparent 1px);background-size:30px 30px}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 45%,#25004e 0,transparent 34%)}
.hero-image{position:absolute;right:6%;top:11%;height:72%;width:47%;border:1px solid #777;box-shadow:18px 18px 0 #ffffff10;clip-path:polygon(3% 0,100% 2%,97% 97%,0 100%)}
.hero-image img{width:100%;height:100%;object-fit:cover;opacity:.76;filter:contrast(1.5) saturate(.6)}
.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f0f2 1px,transparent 1px),linear-gradient(#0ff1 1px,transparent 1px);background-size:9px 7px;mix-blend-mode:screen}
.error{position:absolute;bottom:8%;right:-3%;background:var(--pink);color:#000;padding:6px 15px;font-weight:bold;transform:rotate(-2deg)}
.hero-copy{position:absolute;z-index:3;left:5%;top:24%;width:70%}
.path{font-size:10px;color:#999;border-left:8px solid var(--pink);padding-left:9px}
.hero h1{font:900 clamp(65px,11vw,175px)/.72 Arial Black,sans-serif;letter-spacing:-.09em;margin:34px 0;color:#ddd;position:relative;mix-blend-mode:screen}
.hero h1:before,.hero h1:after{content:attr(data-text);position:absolute;left:0;top:0;clip-path:inset(35% 0 40%);opacity:.8}
.hero h1:before{color:#00ffff;transform:translate(-5px,2px)}
.hero h1:after{color:var(--pink);transform:translate(6px,-2px);clip-path:inset(65% 0 12%)}
.hero h1.broken{color:transparent;-webkit-text-stroke:2px white;margin-left:9%;transform:skew(-4deg)}
.manifesto{margin:45px 0 0 9%;padding:14px;background:#050505dc;border-left:1px solid var(--acid);width:max-content;max-width:80%;font-size:12px}
.manifesto mark{background:var(--acid);color:#000}
.float-window{position:absolute;z-index:7;right:3%;bottom:9%;background:#c9c9c9;color:#000;width:240px;border:2px outset #fff;box-shadow:9px 9px #000}
.float-window>div{background:#130081;color:white;padding:4px}
.float-window b{float:right}
.float-window p{padding:9px;text-align:center;font-size:10px}
.float-window button,.popup button{display:block;margin:6px auto 10px;font:10px monospace}
.marquee{position:absolute;bottom:0;left:0;right:0;overflow:hidden;background:var(--acid);color:#000;white-space:nowrap;padding:7px;font-weight:bold;transform:rotate(.4deg)}
.marquee span{display:inline-block;animation:move 18s linear infinite}
@keyframes move{to{transform:translateX(-50%)}
}
.contact{min-height:720px;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);align-items:center;gap:clamp(50px,8vw,130px);padding:100px 8vw 120px!important;overflow:hidden;background:radial-gradient(circle at 24% 48%,#48105266 0,transparent 27%),radial-gradient(circle at 78% 45%,#071f233d 0,transparent 31%),#030303}.contact:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#ff00b80c 1px,transparent 1px),linear-gradient(#00e5ff09 1px,transparent 1px);background-size:28px 28px}.contact-avatar{position:relative;z-index:2;width:min(100%,410px);margin:0;justify-self:end;background:#c8c8c8;color:#080808;border:2px outset #eee;box-shadow:18px 18px 0 #ff00b8,-7px -7px 0 #00e5ff;transform:rotate(-2deg)}.contact-avatar-bar{height:25px;box-sizing:border-box;padding:5px 7px;background:linear-gradient(90deg,#160071,#ff00b8);color:#fff;display:flex;justify-content:space-between;font:bold 9px "Courier New",monospace}.contact-avatar-bar b{font-size:13px;line-height:10px}.contact-avatar-frame{margin:8px;border:2px inset #aaa;padding:10px;background-color:#161217;background-image:linear-gradient(45deg,#2c2630 25%,transparent 25%),linear-gradient(-45deg,#2c2630 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2c2630 75%),linear-gradient(-45deg,transparent 75%,#2c2630 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.contact-avatar img{display:block;width:100%;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;filter:contrast(1.06) saturate(.92)}.contact-avatar figcaption{display:flex;justify-content:space-between;padding:1px 9px 8px;font:8px "Courier New",monospace}.contact-avatar figcaption span{color:#174a11}.contact-avatar figcaption small{color:#666;margin:0}.contact>.contact-copy{position:relative;z-index:2;padding:0}.contact-copy>p{font:9px "Courier New",monospace;color:#888;letter-spacing:.12em}.contact-copy h2{margin:35px 0 55px}.contact-copy a{margin:0}.contact-heart{left:8%;top:7%;z-index:4}
@media(max-width:750px){.contact{grid-template-columns:1fr;gap:70px;min-height:auto;padding:95px 7vw 130px!important}.contact-avatar{justify-self:center;width:min(78vw,360px);transform:rotate(-1.5deg);box-shadow:13px 13px 0 #ff00b8,-5px -5px 0 #00e5ff}.contact>.contact-copy{padding:0}.contact-copy h2{margin:25px 0 45px}.contact-heart{left:5%;top:2%}}
.skills-drawer{position:fixed;left:145px;right:0;bottom:64px;z-index:75;display:flex;flex-direction:column;filter:drop-shadow(0 -8px 18px #0007);opacity:0;pointer-events:none;transform:translateY(calc(100% + 70px));transition:transform .28s ease,opacity .18s ease}.skills-drawer.in-view{opacity:1;pointer-events:auto;transform:translateY(0)}body:has(.music-player.collapsed) .skills-drawer{bottom:28px}.skills-panel{order:1;max-height:0;overflow:hidden;visibility:hidden;opacity:0;background:#050705ed;color:#eee;border-top:1px solid var(--acid);transition:max-height .32s ease,opacity .2s ease,visibility 0s linear .32s;backdrop-filter:blur(8px)}.skills-panel-head{display:flex;justify-content:space-between;align-items:center;padding:7px max(28px,6vw);background:#101510;color:var(--acid);border-bottom:1px solid #aaff0038;font:9px "Courier New",monospace}.skills-panel-head small{color:#78915a}.skills-grid{list-style:none;margin:0;padding:18px max(28px,6vw) 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 18px}.skills-grid li{position:relative;padding:8px 10px 8px 26px;border:1px solid #aaff003b;background:#0c110c;color:#ddd;font:10px "Courier New",monospace;text-transform:uppercase;box-shadow:3px 3px 0 #ff00b82b}.skills-grid li:before{content:">";position:absolute;left:9px;color:var(--acid)}.skills-drawer .marquee{order:2;position:relative;inset:auto;transform:none;padding:7px}.skills-toggle{order:3;align-self:center;width:54px;height:25px;margin:0;padding:0 0 8px;border:0;background:var(--acid);color:#050505;clip-path:polygon(0 0,100% 0,50% 100%);font:bold 15px/1 Arial,sans-serif;filter:drop-shadow(3px 3px 0 var(--pink));cursor:pointer;transition:transform .25s ease,filter .2s ease;transform-origin:50% 0}.skills-toggle:hover,.skills-toggle:focus-visible{filter:drop-shadow(3px 3px 0 var(--pink)) brightness(1.15);outline:none}.skills-drawer.open .skills-panel{max-height:245px;visibility:visible;opacity:1;transition:max-height .32s ease,opacity .2s ease,visibility 0s}.skills-drawer.open .skills-toggle{transform:rotate(180deg);filter:drop-shadow(-3px -3px 0 var(--pink))}.skills-drawer.open .marquee span{animation-play-state:paused}@media(max-width:750px){.skills-drawer{left:0;bottom:58px}body:has(.music-player.collapsed) .skills-drawer{bottom:26px}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:12px 16px 18px}.skills-grid li{font-size:8px;padding:7px 7px 7px 21px}.skills-grid li:before{left:7px}.skills-drawer.open .skills-panel{max-height:330px}.skills-panel-head{padding:6px 16px}}@media(prefers-reduced-motion:reduce){.skills-drawer,.skills-panel,.skills-toggle{transition:none}.skills-drawer .marquee span{animation:none}}
.skills-toggle{position:relative;width:60px;height:24px;padding:0;background:transparent;clip-path:none;filter:none}.skills-toggle:before{content:"";position:absolute;left:6px;top:0;width:0;height:0;border-left:24px solid transparent;border-right:24px solid transparent;border-top:20px solid var(--acid);filter:drop-shadow(3px 3px 0 var(--pink))}.skills-toggle span{display:none}.skills-toggle:hover,.skills-toggle:focus-visible{filter:none}.skills-toggle:hover:before,.skills-toggle:focus-visible:before{filter:drop-shadow(3px 3px 0 var(--pink)) brightness(1.15)}.skills-drawer.open .skills-toggle{filter:none}
.hero{overflow-x:clip;overflow-y:visible}.skills-drawer,.skills-drawer.in-view{position:absolute;left:0;right:0;bottom:0;z-index:35;opacity:1;pointer-events:auto;transform:none;transition:none}body:has(.music-player.collapsed) .skills-drawer{bottom:0}.skills-toggle{position:absolute;left:50%;top:100%;align-self:auto;margin:0;transform:translateX(-50%);transform-origin:50% 0}.skills-drawer.open .skills-toggle{transform:translateX(-50%) rotate(180deg)}@media(max-width:750px){.skills-drawer{left:0;bottom:0}body:has(.music-player.collapsed) .skills-drawer{bottom:0}}
.hero{overflow:hidden}.skills-drawer,.skills-drawer.in-view{position:relative;inset:auto;z-index:35;display:flex;flex-direction:column;opacity:1;pointer-events:auto;transform:none;transition:none;filter:drop-shadow(0 8px 16px #0007);background:#050705}.skills-drawer .marquee{order:1;position:relative;inset:auto;transform:none;padding:7px}.skills-toggle{order:2;position:relative;left:50%;top:auto;align-self:flex-start;width:96px;height:28px;margin:0 0 -1px;padding:2px 8px 8px;transform:translateX(-50%);background:var(--acid);color:#050505;border:0;clip-path:polygon(0 0,100% 0,88% 72%,62% 72%,50% 100%,38% 72%,12% 72%);filter:drop-shadow(3px 3px 0 var(--pink));font:bold 9px/1 "Courier New",monospace;display:flex;align-items:flex-start;justify-content:center;gap:6px;cursor:pointer}.skills-toggle:before{display:none}.skills-toggle span{display:inline}.skills-toggle-arrow{font:bold 14px/8px Arial,sans-serif;transition:transform .2s ease}.skills-toggle:hover,.skills-toggle:focus-visible{filter:drop-shadow(3px 3px 0 var(--pink)) brightness(1.12);outline:none}.skills-panel{order:3;margin-top:-1px}.skills-drawer.open .skills-panel{max-height:245px}.skills-drawer.open .skills-toggle{transform:translateX(-50%);filter:drop-shadow(3px 3px 0 var(--pink))}.skills-drawer.open .skills-toggle-arrow{transform:rotate(180deg)}body:has(.music-player.collapsed) .skills-drawer{bottom:auto}@media(max-width:750px){.skills-drawer{left:auto;bottom:auto}.skills-drawer.open .skills-panel{max-height:350px}.skills-toggle{width:90px}}
section:not(.hero){min-height:700px;padding:100px 6vw;position:relative;border-top:1px solid var(--line)}
.section-title{display:grid;grid-template-columns:55px auto 1fr;align-items:end;gap:12px;margin-bottom:75px}
.section-title>span{font-size:11px;color:var(--pink)}
.section-title h2{font:900 clamp(50px,8vw,120px)/.7 Arial Black,sans-serif;letter-spacing:-.08em;margin:0}
.section-title small{border-bottom:1px solid currentColor;padding-bottom:5px;color:#777}
.about{background:#e0e0da;color:#080808}
.about-body{display:grid;grid-template-columns:minmax(250px,420px) 1fr;gap:6vw;align-items:center}
.portrait{position:relative;transform:rotate(-2deg);box-shadow:14px 14px 0 #111}
.portrait img{display:block;width:100%;image-rendering:auto;filter:grayscale(.75) contrast(1.8)}
.portrait span{position:absolute;top:-14px;right:-20px;background:var(--pink);padding:4px;color:#000}
.terminal{background:#050505;color:#bbb;border:1px solid #555;padding:28px;box-shadow:8px 8px var(--pink);font-size:clamp(13px,1.5vw,18px)}
.terminal>div,.cmd{color:var(--acid);font-size:11px}
.type{animation:flash .8s steps(1) infinite}
@keyframes flash{50%{opacity:0}
}
.fragments{display:flex;flex-wrap:wrap;gap:9px;margin-top:70px}
.fragments span{background:#111;color:#eee;padding:5px 9px;transform:rotate(-2deg)}
.fragments span:nth-child(even){background:var(--pink);color:#000;transform:rotate(2deg)}
.brain{background:#12002b;overflow:hidden}
.brain:after{content:"010101 error error 404 010101 error error 404";position:absolute;top:5%;right:-3%;font:bold 70px Arial;color:#fff04;writing-mode:vertical-rl}
.light small{color:#aaa}
.brain-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:100px 300px 180px;position:relative}
.file{position:relative;border:1px solid #aaa;background:#ddd;color:#000;padding:25px;overflow:hidden;box-shadow:10px 10px #000}
.file>div{position:absolute;top:0;left:0;right:0;background:#111;color:#fff;padding:5px 8px;font-size:10px}
.file h3{font:900 clamp(20px,3vw,40px)/1 Arial Black;margin-top:24px}
.file img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.f1{grid-column:1/7;grid-row:1/3;z-index:2;background:#d8d8d0}
.f2{grid-column:6/11;grid-row:2/4;z-index:4;color:white}
.f2:after,.f3:after{content:"";position:absolute;inset:0;background:linear-gradient(#0002,#000b)}
.f2>*:not(img),.f3>*:not(img){position:relative;z-index:2}
.f3{grid-column:9/13;grid-row:1/3;z-index:3;color:white}
.f3 a{color:var(--acid)}
.popup{position:absolute;z-index:10;left:32%;bottom:1%;width:250px;background:#c8c8c8;color:#000;border:3px outset #eee;padding:8px;box-shadow:10px 10px #000}
.popup b{display:block;background:#000080;color:#fff;padding:4px}
.work{background:#dcdcd6;color:#080808;overflow:hidden}
.work .section-title{position:relative;z-index:2}
.work-list{width:75%;position:relative;z-index:3}
.work-list article{display:grid;grid-template-columns:45px 1fr 70px;align-items:center;border-top:1px solid #111;padding:22px 5px;transition:.1s}
.work-list article:hover{background:#050505;color:white;transform:translateX(15px)}
.work-list h3{font:900 clamp(25px,4vw,55px)/1 Arial Black;margin:0;text-transform:uppercase}
.work-list p{margin:7px 0;font-size:11px}
.work-list small{color:var(--pink)}
.work-list>b{font-size:10px}
.work-noise{position:absolute;right:-6%;bottom:-10%;width:42%;height:70%;object-fit:cover;filter:grayscale(.8) contrast(1.7);mix-blend-mode:multiply;transform:rotate(5deg)}
.contact{display:grid;grid-template-columns:1fr 1fr;padding:0!important;background:#000}
.contact>img{width:100%;height:100%;min-height:700px;object-fit:cover;filter:grayscale(.55) contrast(1.3)}
.contact>div{padding:100px 6vw;display:flex;flex-direction:column;justify-content:center}
.contact h2{font:900 clamp(80px,12vw,170px)/.68 Arial Black;margin:40px 0;color:white;letter-spacing:-.1em;text-shadow:8px 3px 0 var(--pink),-7px -2px 0 #00e5ff}
.contact a{background:white;color:#000;padding:15px;width:max-content;margin-top:25px}
.contact small{color:var(--pink);margin-top:10px}
footer{padding:15px 20px;display:flex;justify-content:space-between;font-size:9px;border-top:1px solid var(--line)}
.boot{position:fixed;inset:0;background:#030303;color:#aaa;z-index:200;display:grid;place-items:center;transition:.5s}
.boot b{color:var(--acid)}
.boot button{font:inherit;background:none;border:0;color:var(--pink);padding:10px 0;cursor:pointer}
.boot.hidden{opacity:0;pointer-events:none}
.corrupt{animation:jitter .12s infinite;filter:hue-rotate(90deg) contrast(1.8)}
@keyframes jitter{50%{transform:translate(3px,-2px)}
}
.air{position:absolute;z-index:12;pointer-events:none;font-family:"Courier New",monospace}.air small{display:block;font-size:8px;line-height:1.1}.air-heart{left:2.5%;top:13%;font:bold 72px Arial;color:transparent;-webkit-text-stroke:2px var(--pink);transform:rotate(-12deg);filter:drop-shadow(5px 3px #00e5ff)}.air-heart small{color:white;-webkit-text-stroke:0;margin-left:40px}.air-eye{right:3%;top:40%;font-size:42px;color:#fff;text-shadow:-5px 0 #00ffff,5px 0 var(--pink);animation:blink 3.7s infinite}.air-mail{left:38%;top:12%;border:1px solid #fff;background:#050505e8;padding:7px 10px;font-size:8px;transform:rotate(3deg);box-shadow:4px 4px var(--pink)}.air-mail b{color:var(--acid)}.scribble{right:4%;top:18%;font-size:24px;transform:rotate(8deg);border:1px dashed #111;padding:8px}.angel{left:2%;bottom:18%;font-size:34px;color:var(--pink);text-shadow:2px 2px #00ccee;transform:rotate(-10deg)}.note{right:3%;bottom:9%;font:bold 11px Arial;border:2px solid #111;padding:7px;transform:rotate(-4deg);box-shadow:4px 4px var(--pink)}.brain-star{right:3%;top:11%;font-size:95px;color:transparent;-webkit-text-stroke:1px white;text-shadow:7px 5px var(--pink);transform:rotate(14deg)}.brain-msg{left:2%;bottom:4%;background:#dedede;color:#000;border:2px outset white;padding:9px;width:205px;font-size:8px;transform:rotate(-2deg);box-shadow:8px 8px #000}.brain-msg b{color:#7b00d0}.tiny-eyes{right:4%;bottom:8%;font-size:20px;letter-spacing:8px;color:var(--acid);transform:rotate(90deg)}.work-charm{right:5%;top:12%;font-size:44px;color:var(--pink);text-shadow:3px 3px #00aedd;transform:rotate(7deg)}.work-charm small{color:#111;text-shadow:none;margin-left:18px}.work-warning{right:4%;top:25%;font-size:8px;border-bottom:1px solid #111}.work-cursor{right:29%;bottom:9%;font-size:55px;color:#111;filter:drop-shadow(4px 4px var(--pink));transform:rotate(-25deg)}.contact-heart{left:44%;top:8%;font-size:70px;color:var(--pink);text-shadow:5px 2px #00e5ff;transform:rotate(-8deg)}.contact-heart small{color:white;text-shadow:none;margin-left:35px}.contact-window{right:2%;top:8%;background:#ccc;color:#000;border:2px outset white;padding:8px;width:180px;box-shadow:7px 7px #000;font-size:8px}.contact-window b{display:block;background:#000080;color:white;padding:3px;margin:-5px -5px 8px}.contact-window button{font:8px monospace;margin-right:4px}@keyframes blink{48%{transform:scaleY(1)}50%{transform:scaleY(.05)}52%{transform:scaleY(1)}}
.signal-glitch{position:absolute;inset:0;z-index:8;pointer-events:none;mix-blend-mode:screen;image-rendering:pixelated}.hero-image .tear-slice{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;filter:contrast(1.5) saturate(.6);z-index:2}.hero.glitch-tick .hero-image{transform:none;filter:none}.hero.glitch-tick .tear-slice{opacity:.82}.hero.glitch-tick .tear-a{clip-path:inset(14% 0 72% 0);transform:translateX(-12px)}.hero.glitch-tick .tear-b{clip-path:inset(48% 0 38% 0);transform:translateX(17px)}.hero.glitch-tick .tear-c{clip-path:inset(77% 0 13% 0);transform:translateX(-8px)}.hero.glitch-tick .hero-copy{transform:translateX(-1px)}.hero.glitch-tick .broken:after{clip-path:inset(52% 0 32%);transform:translate(8px,-1px)}@media(prefers-reduced-motion:reduce){.hero.glitch-tick .tear-slice{display:none}.hero.glitch-tick .hero-copy{transform:none}}
.air-heart{top:4%}
.music-player{position:fixed;right:18px;bottom:18px;z-index:80;width:330px;background:#c8c8c8;color:#050505;border:2px outset #eee;box-shadow:10px 10px #0008;font:10px "Courier New",monospace}.player-titlebar{height:22px;background:linear-gradient(90deg,#160071,#ff00b8);color:#fff;display:flex;align-items:center;justify-content:space-between;padding-left:7px;font-weight:bold}.player-titlebar button{height:17px;width:19px;padding:0;margin-right:3px;border:2px outset #eee;line-height:10px}.player-body{padding:7px}.player-screen{min-height:48px;background:#071006;color:var(--acid);border:2px inset #aaa;padding:6px;display:grid;grid-template-columns:25px 1fr auto;gap:7px;align-items:center;text-shadow:0 0 5px #aaff0088}.player-screen>span{font-size:16px}.player-screen strong,.player-screen small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:185px}.player-screen small{font-size:8px;color:#72b26a;margin-top:3px}.player-screen i{font-size:7px;color:#777;font-style:normal;writing-mode:vertical-rl}.player-progress input{width:100%;height:8px;accent-color:var(--pink)}.player-progress span{display:flex;justify-content:space-between;font-size:8px}.player-controls{display:flex;align-items:center;gap:4px;margin-top:6px}.player-controls button{height:27px;min-width:34px;font:bold 10px monospace}.player-controls .player-play{font-size:15px}.player-controls label{display:flex;align-items:center;gap:3px;margin-left:auto;font-size:8px}.player-controls label input{width:55px;accent-color:var(--pink)}.player-list{display:none;list-style:none;padding:5px 0 0;margin:6px 0 0;border-top:1px solid #777;max-height:170px;overflow:auto}.show-list .player-list{display:block}.player-list button{width:100%;display:grid;grid-template-columns:25px 1fr auto;text-align:left;border:0;background:transparent;padding:5px;font:9px monospace}.player-list button:hover,.player-list button.active{background:#000;color:#fff}.player-list small{color:var(--pink)}.music-player.collapsed .player-body{display:none}.music-player.collapsed{width:145px}.music-player button{cursor:pointer}.music-player button:disabled{cursor:not-allowed;opacity:.45}
.music-player{right:0;bottom:0;left:145px;width:auto;height:64px;border:0;border-top:2px outset #eee;box-shadow:0 -8px 20px #0008;display:flex;backdrop-filter:blur(5px)}.player-titlebar{height:auto;width:92px;flex:0 0 92px;background:linear-gradient(160deg,#160071,#ff00b8);padding:0 6px}.player-body{padding:6px;display:grid;grid-template-columns:minmax(180px,300px) minmax(120px,1fr) auto;align-items:center;gap:10px;width:100%;min-width:0}.player-screen{height:50px;min-height:0;min-width:0}.player-progress{min-width:100px}.player-controls{margin-top:0;white-space:nowrap}.player-list{position:absolute;right:0;bottom:64px;width:340px;padding:5px;margin:0;background:#c8c8c8;color:#000;border:2px outset #eee;box-shadow:-7px -7px #0008;max-height:220px}.music-player.collapsed{left:auto;width:145px;height:28px}.music-player.collapsed .player-titlebar{width:100%;flex-basis:100%}
.archive-desktop{height:620px;position:relative;margin:-25px -2vw 0;background:radial-gradient(#ffffff0b 1px,transparent 1px);background-size:17px 17px}.archive-window{position:absolute;background:#c9c9c5;color:#080808;border:2px outset #eee;box-shadow:12px 12px #0009;overflow:hidden}.window-bar,.lab-chrome{height:24px;padding:4px 7px;background:linear-gradient(90deg,#11016f,#d800b6);color:#fff;display:flex;justify-content:space-between;font-size:9px}.movies-window{left:2%;top:5%;width:46%;height:310px;transform:rotate(-1deg)}.movies-window .ascii{padding:18px 20px 0;color:#555}.movies-window ul{list-style:none;padding:0 20px;margin:15px 0}.movies-window li{font:900 clamp(18px,2.5vw,34px) Arial Black;border-bottom:1px solid #777;padding:7px 0}.movies-window li small{float:right;font:8px monospace;color:#777}.games-window{right:4%;top:0;width:45%;height:380px;transform:rotate(1.5deg)}.games-window img{width:100%;height:100%;object-fit:cover;filter:grayscale(.55) contrast(1.5)}.game-files{position:absolute;inset:40px 15px auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-files span{background:#050505dd;color:var(--acid);padding:8px;border:1px solid #fff;font-size:10px}.sound-window{left:23%;bottom:1%;width:52%;height:270px;transform:rotate(-2deg)}.sound-window>img{width:100%;height:100%;object-fit:cover;filter:contrast(1.6) saturate(.35)}.sound-window>div:last-child{position:absolute;left:18px;right:18px;bottom:18px;background:#050505df;color:white;padding:12px;display:flex;justify-content:space-between}.sound-window a{color:var(--acid);font-size:9px}.desktop-note{position:absolute;right:0;bottom:4%;background:#f2f06c;color:#111;padding:25px 18px;transform:rotate(7deg);box-shadow:6px 7px #0006;font-size:10px}.desktop-note b{font-size:14px}.desktop-file{position:absolute;left:3%;bottom:12%;font-size:43px;color:var(--pink);text-align:center;text-shadow:3px 3px #00e5ff}.desktop-file small{display:block;font-size:8px;color:#fff;text-shadow:none}.desktop-cursor{position:absolute;right:7%;top:52%;font-size:42px;transform:rotate(-20deg);filter:drop-shadow(4px 4px var(--pink))}.desktop-cursor small{font-size:8px}.lab-board{position:relative;min-height:650px;margin-top:-35px}.lab-item{position:absolute;background:#111;color:white;border:1px solid #555;box-shadow:12px 12px var(--pink);overflow:hidden;transition:.15s}.lab-item:hover{z-index:10;transform:translate(-5px,-6px) rotate(0);box-shadow:18px 18px #00cbe8}.lab-item-1{left:2%;top:3%;width:48%;height:280px;transform:rotate(-1deg)}.lab-item-2{right:2%;top:15%;width:43%;height:330px;transform:rotate(2deg);background:#090026}.lab-item-3{left:16%;bottom:0;width:51%;height:255px;transform:rotate(.7deg);background:#d5d5d0;color:#080808}.lab-content{padding:22px}.lab-content small{color:var(--pink)}.lab-content h3{font:900 clamp(27px,4vw,55px)/.9 Arial Black;margin:15px 0;text-transform:uppercase}.lab-content p{max-width:410px}.lab-content button{font:9px monospace;background:transparent;color:inherit;border:1px solid;padding:7px;cursor:pointer}.lab-note{position:absolute;right:1%;bottom:2%;background:#ffef76;color:#111;padding:20px;width:150px;transform:rotate(-5deg);box-shadow:7px 7px #0007;font-size:11px}.lab-wire{position:absolute;left:0;bottom:4%;font-size:9px;color:#555;writing-mode:vertical-rl}
.work{background:#020504;color:#a8ff9c;min-height:900px;background-image:radial-gradient(#2aff3814 1px,transparent 1px),linear-gradient(90deg,#001b0b22 1px,transparent 1px);background-size:13px 13px,70px 70px}.work:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 25%,#000c 100%);z-index:0}.work .section-title{position:relative;z-index:2;text-shadow:0 0 12px #2aff6677}.lab-board{height:650px;min-height:650px;margin:-35px 0 0;position:relative;border:1px solid #1b4926;background:linear-gradient(#020402cc,#001107cc);box-shadow:inset 0 0 70px #000,0 0 30px #00ff4420;overflow:hidden;z-index:2}.lab-board:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#00ff1108 4px);z-index:20}.lab-ambient{height:32px;padding:8px 10px;border-bottom:1px solid #184b24;color:#4b9657;display:flex;justify-content:space-between;font-size:9px}.lab-scan{position:absolute;right:10px;top:48px;font-size:8px;color:#257b35;writing-mode:vertical-rl;letter-spacing:.18em}.lab-folder{position:absolute;width:118px;height:112px;z-index:2;text-align:center;touch-action:none;user-select:none;cursor:grab;color:#baffaf}.lab-folder.dragging{cursor:grabbing;filter:drop-shadow(0 0 10px #32ff57)}.folder-1{left:9%;top:18%}.folder-2{left:48%;top:42%}.folder-3{left:72%;top:16%}.folder-icon{width:78px;height:52px;margin:7px auto 4px;background:#66725e;border:1px solid #aab5a5;box-shadow:inset -8px -8px #46513f,5px 5px #000;position:relative}.folder-icon:before{content:"";position:absolute;left:4px;top:-10px;width:34px;height:11px;background:#66725e;border:1px solid #aab5a5;border-bottom:0}.folder-icon span{position:absolute;inset:8px 10px;border:1px dashed #b8cbb3;opacity:.5}.folder-label{display:inline-block;background:#061209d9;border:1px solid transparent;padding:2px 5px;font-size:9px;max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-folder:focus .folder-label,.lab-folder:hover .folder-label{border-color:#85ff91;background:#1b4a24}.folder-info{display:none;position:absolute;left:80px;top:60px;width:290px;text-align:left;background:#bbc1b8;color:#071109;border:2px outset #eee;box-shadow:10px 10px #000;z-index:15}.lab-folder.open .folder-info{display:block}.folder-info>div{background:#071b0b;color:#81ff8e;padding:5px 7px;display:flex;justify-content:space-between}.folder-info button{border:1px outset #fff;font:10px monospace;height:18px}.folder-info small,.folder-info p{display:block;padding:7px 10px;margin:0}.desktop-trash{position:absolute;left:4%;bottom:7%;font-size:48px;color:#45734d;text-align:center}.desktop-trash small{font-size:8px;display:block}.basement-note{position:absolute;right:7%;bottom:8%;background:#bbb77a;color:#10140d;padding:17px;transform:rotate(4deg);font-size:9px;box-shadow:6px 6px #000}.basement-note b{display:block;margin-top:4px}.reset-folders{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);font:8px monospace;color:#347d40;background:#010502;border:1px solid #174b22;padding:5px;z-index:25}.work-noise,.lab-item,.lab-note,.lab-wire{display:none!important}
.work{background:#090510;color:#eee;background-image:radial-gradient(#ff00b815 1px,transparent 1px),linear-gradient(90deg,#21083c33 1px,transparent 1px);background-size:13px 13px,70px 70px}.work:before{background:radial-gradient(ellipse at 55% 45%,#40105b33,transparent 40%),radial-gradient(ellipse at center,transparent 25%,#000d 100%)}.work .section-title{text-shadow:5px 3px #ff00b8,-4px -2px #00e5ff}.lab-board{border-color:#63317b;background:linear-gradient(145deg,#09050ecc,#170624dd);box-shadow:inset 0 0 70px #000,0 0 30px #ff00b820}.lab-board:after{background:repeating-linear-gradient(0deg,transparent 0 3px,#d000ff0a 4px)}.lab-ambient{border-bottom-color:#673577;color:#a872bb}.lab-scan{color:#7b428e}.lab-folder{color:#f0d8f5}.lab-folder.dragging{filter:drop-shadow(0 0 12px #ff00b8)}.folder-icon{background:#958b99;border-color:#e0d5e4;box-shadow:inset -8px -8px #5d5360,5px 5px #000}.folder-icon:before{background:#958b99;border-color:#e0d5e4}.folder-icon span{border-color:#ff7edb}.lab-folder:focus .folder-label,.lab-folder:hover .folder-label{border-color:#ff00b8;background:#3c0b36}.folder-info{background:#cbc5cc;color:#110712}.folder-info>div{background:linear-gradient(90deg,#130078,#ff00b8);color:white}.desktop-trash{color:#805887}.basement-note{background:#c8c4c9;color:#110712;border:1px solid #ff00b8;box-shadow:6px 6px #00cdea}.reset-folders{color:#c776d2;background:#09030d;border-color:#6e2775}.folder-actions{display:flex;gap:8px;padding:4px 10px 11px}.folder-actions a,.folder-actions button{background:#13051a;color:#ff77d5;border:1px solid #8a2773;padding:6px 8px;text-decoration:none;font:9px monospace}.folder-actions a:hover{background:#ff00b8;color:#080308}.folder-actions button:disabled{color:#777;border-color:#888;opacity:.65}
.work{min-height:760px}.lab-board{height:500px;min-height:500px}.desktop-pet{display:none}.air-heart .heart-x{position:absolute;left:50px;top:38px;margin:0;font:900 34px/1 Arial Black,Arial;color:#fff;-webkit-text-stroke:1px var(--pink);text-shadow:3px 0 #00e5ff,-2px 0 var(--pink);transform:rotate(16deg)}
@media(pointer:fine){body{cursor:none}a,button,input,.lab-folder{cursor:none!important}.cursor{width:28px;height:28px;border:0;box-shadow:none;z-index:150;opacity:0;transition:opacity .12s,filter .12s;display:grid;place-items:center;isolation:isolate}.cursor.visible{opacity:1}.cursor:before{content:"×";position:absolute;font:900 25px/1 Arial Black,Arial;color:transparent;-webkit-text-stroke:2px var(--pink);text-shadow:3px 2px #00e5ff;transform:rotate(18deg);transition:transform .12s,font-size .12s}.cursor:after{content:"";width:3px;height:3px;background:white;box-shadow:5px 0 var(--pink),-4px 0 #00e5ff;position:absolute}.cursor.hover:before{content:"♡";font-size:29px;transform:rotate(-10deg)}.cursor.click{animation:cursor-pop .28s steps(3)}.cursor.click:before{transform:rotate(42deg) scale(1.45)}@keyframes cursor-pop{50%{filter:drop-shadow(0 0 8px var(--pink))}100%{filter:none}}}.air-heart .heart-x{left:58px;top:52px;font-size:43px;color:transparent;-webkit-text-stroke:2px var(--pink);text-shadow:4px 3px #00e5ff;transform:rotate(24deg)}
.cursor{transform:none!important;width:27px!important;height:32px!important}.cursor:before{content:""!important;position:absolute;left:0;top:0;width:20px;height:28px;background:var(--pink);clip-path:polygon(0 0,0 84%,27% 64%,43% 100%,61% 91%,45% 59%,79% 59%);transform:none!important;transform-origin:0 0;filter:drop-shadow(1px 0 #000) drop-shadow(-1px 0 #000) drop-shadow(0 1px #000) drop-shadow(0 -1px #000) drop-shadow(3px 3px #00e5ff);z-index:2}.cursor:after{display:none!important}.cursor.hover:before{content:""!important;transform:scale(1.08)!important;filter:drop-shadow(1px 0 #000) drop-shadow(-1px 0 #000) drop-shadow(0 1px #000) drop-shadow(0 -1px #000) drop-shadow(3px 3px #00e5ff) brightness(1.15)}.cursor.click:before{transform:scale(.86)!important}.cursor-trail{position:fixed;width:4px;height:4px;background:#00e5ff;box-shadow:3px 2px var(--pink);z-index:149;pointer-events:none;animation:trail-die .36s steps(4) forwards}@keyframes trail-die{0%{opacity:.8;transform:translate(0,0)}100%{opacity:0;transform:translate(-5px,6px)}}
.cursor{width:30px!important;height:20px!important;transform:translate(-50%,-50%)!important;background:#e8e8e3;border:2px solid #09050c!important;border-radius:55% 45% 55% 45%;box-shadow:none!important;overflow:visible;transition:opacity .12s,width .12s,height .12s}.cursor:after{content:""!important;display:block!important;position:absolute;inset:2px -4px -4px 3px;width:auto;height:auto;background:var(--pink);border-radius:55% 45% 55% 45%;clip-path:none;z-index:-1}.cursor:before{content:""!important;position:absolute;left:4px;top:-7px;width:3px;height:7px;background:#09050c;clip-path:none;filter:none;transform:rotate(-24deg)!important;box-shadow:9px -2px #09050c,18px 2px #09050c;z-index:3}.cursor i{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:#09050c;border:3px solid var(--acid);transform:translate(-50%,-50%);box-shadow:1px 0 #00e5ff;transition:width .12s,height .12s}.cursor.hover{width:34px!important;height:23px!important}.cursor.hover:before{transform:rotate(-24deg)!important;filter:none}.cursor.hover i{width:12px;height:12px}.cursor.click{animation:eye-click .24s steps(3)!important}.cursor.click:before{transform:rotate(-24deg)!important}@keyframes eye-click{0%,100%{transform:translate(-50%,-50%) scaleY(1)}50%{transform:translate(-50%,-50%) scaleY(.12)}}.cursor-trail{display:none!important}
.cursor{width:18px!important;height:18px!important;transform:translate(-50%,-50%)!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:grid;place-items:center;overflow:visible}.cursor:before{content:"♥"!important;position:static;width:auto;height:auto;background:none;clip-path:none;color:var(--pink);font:16px/1 Arial,sans-serif;filter:drop-shadow(0 0 4px #ff00b8) drop-shadow(0 0 8px #ff00b866);transform:none!important;box-shadow:none}.cursor:after,.cursor i{display:none!important}.cursor.hover{width:18px!important;height:18px!important}.cursor.hover:before{content:"♥"!important;transform:scale(1.12)!important;filter:drop-shadow(0 0 5px #ff00b8) drop-shadow(0 0 10px #ff00b888)}.cursor.click{animation:heart-click .22s ease-out!important}.cursor.click:before{transform:none!important}@keyframes heart-click{50%{transform:translate(-50%,-50%) scale(.72)}100%{transform:translate(-50%,-50%) scale(1)}}
.trans-pin{position:fixed;left:49px;bottom:90px;z-index:75;width:42px;height:42px;border-radius:50%;box-sizing:border-box;border:3px solid #09050c;background:linear-gradient(#b57edc 0 33.333%,#fff 33.333% 66.666%,#4a8123 66.666%);box-shadow:3px 3px 0 #ff00b8,0 0 0 1px #eee;transform:rotate(-9deg);display:grid;place-items:center;pointer-events:none}.trans-pin:before{content:"";position:absolute;inset:5px;border:1px solid #09050c;border-radius:50%;opacity:.55}.trans-pin span{position:relative;color:#09050c;font:bold 23px/1 Arial,sans-serif;text-shadow:1px 1px #fff8}.trans-rights,.trans-signal{display:none!important}@media(max-width:750px){.trans-pin{left:auto;right:13px;bottom:75px;width:34px;height:34px}.trans-pin span{font-size:19px}}
.trans-rights{position:fixed;left:12px;bottom:82px;z-index:75;width:120px;padding:7px 4px;background:#080808;color:#f5a9b8;border:1px solid #5bcefa;box-shadow:4px 4px #f5a9b8;font:9px "Courier New",monospace;cursor:pointer}.trans-rights:hover{background:#5bcefa;color:#080808;box-shadow:4px 4px #f5a9b8}.trans-signal{position:fixed;inset:0;z-index:140;pointer-events:none;display:flex;flex-direction:column;opacity:0}.trans-signal div{flex:1}.trans-signal div:nth-child(1),.trans-signal div:nth-child(5){background:#5bcefa}.trans-signal div:nth-child(2),.trans-signal div:nth-child(4){background:#f5a9b8}.trans-signal div:nth-child(3){background:#fff}.trans-signal strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-1deg);background:#050505;color:#fff;padding:12px 20px;border:2px solid #fff;box-shadow:7px 7px #ff00b8;font:900 clamp(14px,3vw,34px) Arial Black;white-space:nowrap}.trans-signal.active{animation:trans-burst 1.8s steps(2) forwards}.trans-signal.active div{animation:trans-tear .18s steps(2) 5}@keyframes trans-burst{0%{opacity:0}8%,72%{opacity:.86}78%{opacity:.2}100%{opacity:0}}@keyframes trans-tear{50%{transform:translateX(12px);filter:contrast(1.4)}75%{transform:translateX(-8px)}}.basement-note{font-size:11px;line-height:1.65;min-width:185px}.basement-note small{font-size:8px}.basement-note b{font-size:12px}
.trans-rights{display:flex;align-items:center;text-align:left;gap:7px;width:121px;padding:6px;background:#08050b;color:#eee;border:1px solid #5bcefa;box-shadow:3px 3px #f5a9b8}.trans-rights i{font-style:normal;font-size:18px;color:#f5a9b8;text-shadow:2px 1px #5bcefa}.trans-rights span{font:bold 8px monospace}.trans-rights small{display:block;color:#777;font:6px monospace;margin-top:2px}.trans-rights:hover{background:#13091a;color:#fff;box-shadow:3px 3px #5bcefa}.trans-rights:hover small{color:#f5a9b8}.trans-signal{display:block;background:#050505bb;backdrop-filter:blur(2px)}.trans-signal div{position:absolute;height:14px;transform:skewX(-12deg);box-shadow:7px 0 #000}.trans-signal div:nth-child(1){background:#5bcefa;left:3%;top:14%;width:48%}.trans-signal div:nth-child(2){background:#f5a9b8;right:2%;top:29%;width:62%;height:8px}.trans-signal div:nth-child(3){background:#fff;left:12%;top:51%;width:76%;height:4px}.trans-signal div:nth-child(4){background:#f5a9b8;left:-3%;top:72%;width:57%;height:19px}.trans-signal div:nth-child(5){background:#5bcefa;right:8%;top:86%;width:43%;height:7px}.trans-signal strong{min-width:310px;width:auto;text-align:left;background:#c8c8c8;color:#09050c;border:2px outset #eee;box-shadow:10px 10px #f5a9b8;padding:38px 24px 20px;font:900 clamp(24px,5vw,58px)/.85 Arial Black;letter-spacing:-.07em;white-space:nowrap}.trans-signal strong:before{content:"system_message.exe                                     ×";position:absolute;left:3px;right:3px;top:3px;background:linear-gradient(90deg,#150078,#ff00b8);color:#fff;padding:5px;font:8px monospace;letter-spacing:0;white-space:pre;overflow:hidden}.trans-signal strong small{display:block;margin-top:15px;color:#555;font:10px monospace;letter-spacing:0}.trans-signal.active strong{animation:trans-window .25s steps(3) 2}@keyframes trans-window{50%{transform:translate(calc(-50% + 8px),calc(-50% - 3px)) skewX(-2deg)}}
@media(max-width:750px){aside{display:none}.trans-rights{left:auto;right:8px;bottom:70px;width:112px}.trans-signal strong{font-size:26px;padding:38px 18px 18px;white-space:normal;text-align:left;width:85%;min-width:0}
main,footer{margin-left:0}
.cursor{display:none}
.hero-image{width:70%;right:-16%;opacity:.6}
.hero-copy{left:5%;width:95%}
.hero h1{font-size:18vw}
.manifesto{margin-left:0}
.float-window{right:2%;bottom:12%}
section:not(.hero){padding:75px 5vw}
.section-title{grid-template-columns:35px auto}
.section-title small{display:none}
.about-body{grid-template-columns:1fr}
.brain-grid{display:block}
.file{height:300px;margin-bottom:20px}
.popup{left:10%;bottom:-30px}
.work-list{width:100%}
.work-noise{display:none}
.contact{grid-template-columns:1fr}
.contact>img{min-height:350px;height:350px}
.contact>div{padding:70px 7vw}
footer{gap:15px}
 .air-mail,.air-eye,.brain-star,.tiny-eyes,.work-cursor{display:none}.air-heart{top:6%;left:6%;font-size:48px}.air-heart small{margin-left:30px;font-size:7px}.scribble{top:8%;right:2%;font-size:14px}.angel,.note{bottom:1%}.brain-msg{bottom:1%;left:4%}.work-charm{top:3%;font-size:28px}.contact-heart{left:4%;top:3%;font-size:45px}.contact-window{right:3%;top:3%;width:155px}
 .archive-desktop{height:auto;display:flex;flex-direction:column;gap:18px;margin:0}.archive-window{position:relative!important;inset:auto!important;width:100%!important;height:280px!important;transform:rotate(-1deg)}.games-window{transform:rotate(1deg)}.desktop-note,.desktop-file,.desktop-cursor{display:none}.lab-board{height:auto;min-height:520px;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:24px 10px;padding:55px 10px 100px}.lab-ambient{position:absolute;inset:0 0 auto}.lab-folder{position:relative!important;inset:auto!important;width:100%;height:120px}.folder-info{position:fixed;left:5vw;right:5vw;top:25vh;width:90vw}.desktop-trash{left:10%;bottom:5%}.basement-note{right:8%;bottom:5%}.reset-folders{display:none}.music-player{left:0;right:0;bottom:0;width:100%;height:58px}.player-titlebar{width:64px;flex-basis:64px}.player-body{grid-template-columns:minmax(130px,1fr) auto;padding:4px;gap:5px}.player-screen{height:48px}.player-progress{display:none}.player-controls label{display:none}.player-controls #playlist-toggle{display:none}.player-list{bottom:58px;width:min(340px,100vw)}.music-player.collapsed{left:auto;width:125px;height:26px}
}