:root{--bg:#080810;--bg-card:#ffffff0a;--border:#ffffff14;--purple-primary:#a855f7;--purple-light:#c084fc;--purple-dark:#7e22ce;--text:#fff;--text-muted:#a1a1aa}body.light-theme{--bg:#f8fafc;--bg-card:#00000008;--border:#00000014;--purple-primary:#7e22ce;--purple-light:#a855f7;--purple-dark:#6b21a8;--text:#0f172a;--text-muted:#64748b}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}html,body{scrollbar-gutter:stable}body{background-color:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}.bg-mesh{z-index:-1;position:fixed;inset:0;overflow:hidden}.bg-mesh:before,.bg-mesh:after{content:"";z-index:-1;width:270px;height:270px;translate:var(--mesh-x,0px) var(--mesh-y,0px);border-radius:50%;position:absolute}.bg-mesh:before{background:radial-gradient(circle in oklch, var(--purple-primary) 0%, oklch(from var(--purple-primary) l c h / 0) 70%);opacity:.4;animation:20s ease-in-out infinite alternate float1;top:-10%;left:-10%}.bg-mesh:after{background:radial-gradient(circle in oklch, var(--purple-dark) 0%, oklch(from var(--purple-dark) l c h / 0) 70%);opacity:.4;animation:25s ease-in-out infinite alternate float2;bottom:-10%;right:-10%}body.light-theme .bg-mesh:before{background:radial-gradient(circle in oklch, var(--purple-primary) 0%, oklch(from var(--purple-primary) l c h / 0) 70%);opacity:.55}body.light-theme .bg-mesh:after{background:radial-gradient(circle in oklch, var(--purple-light) 0%, oklch(from var(--purple-light) l c h / 0) 70%);opacity:.45}body:after{content:"";z-index:9990;pointer-events:none;opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;position:fixed;inset:0}body.light-theme:after{mix-blend-mode:soft-light;opacity:.16}@keyframes float1{0%{transform:translate(0)scale(1)}to{transform:translate(15%,20%)scale(1.2)}}@keyframes float2{0%{transform:translate(0)scale(1.2)}to{transform:translate(-20%,-15%)scale(1)}}#splash{z-index:10;background:var(--bg);justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}#splash.hidden{opacity:0;visibility:hidden}#splash h1{letter-spacing:-3.125px;margin:0;font-size:5rem;font-weight:800;line-height:1.1;animation:.7s ease-out both fadeInUp}#main{opacity:0;flex-direction:column;align-items:center;gap:0;min-height:100vh;padding:0 8% 20vh;transition:opacity .6s;display:flex}#main.visible{opacity:1}.profile{flex-direction:column;justify-content:center;gap:1.5rem;width:100%;max-width:680px;min-height:100vh;display:flex;position:relative}.profile-header{align-items:center;gap:1.5rem;display:flex}.profile-pic-wrapper{border-radius:25px;flex-shrink:0;justify-content:center;align-items:center;width:86px;height:86px;display:flex;position:relative;overflow:hidden}.profile-pic-wrapper:before{content:"";z-index:0;background:conic-gradient(#fff 0deg,#000 90deg,#fff 180deg,#000 270deg,#fff 360deg);width:150%;height:150%;animation:4s linear infinite rotateRing;position:absolute}.profile-pic{object-fit:cover;border:3px solid var(--bg);z-index:1;border-radius:22px;flex-shrink:0;width:80px;height:80px;position:relative;box-shadow:0 0 40px #a855f726}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-header .info{flex-direction:column;display:flex}.profile-header h2{letter-spacing:-1.5px;color:var(--text);width:fit-content;margin:0;font-size:2.4rem;font-weight:800;line-height:1.1}.gradient{background:linear-gradient(90deg in oklch, var(--purple-light), var(--purple-dark), var(--purple-light));-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;background-size:200%;-webkit-background-clip:text;animation:4s linear infinite gradientFlow}@keyframes gradientFlow{to{background-position:200%}}.card{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:1.5rem 1.75rem}.card p{color:var(--text-muted);font-size:1rem;font-weight:300;line-height:1.75}.card--bio{flex-direction:column;display:flex}.bio-footer{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.bio-videos-link{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .25s;display:inline-flex}.bio-videos-link:hover{color:var(--purple-primary)}.bio-visitors{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.8rem;font-weight:400;display:inline-flex}.bio-visitors svg{opacity:.7}.bio-visitors strong{color:var(--text);font-weight:600}.chip-scroll{cursor:grab;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.4rem;margin-block:-20px;padding-block:20px;display:flex;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 2rem calc(100% - 2rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 2rem calc(100% - 2rem),#0000)}.chip-scroll::-webkit-scrollbar{display:none}.chip-scroll.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.chip-links{flex-wrap:nowrap;flex:none;justify-content:flex-start;align-items:center;gap:.4rem;width:max-content;display:flex}.chip-group{display:contents}.chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text);white-space:nowrap;appearance:none;box-sizing:border-box;border-radius:999px;flex-shrink:0;align-items:center;gap:.5rem;height:2.125rem;margin:0;padding:.5rem .95rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:500;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff0f,0 1px 2px #00000026}body.light-theme .chip{box-shadow:inset 0 1px #fff9,0 1px 2px #0000000d}.chip svg,.chip img{object-fit:contain;flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.chip--link{cursor:pointer;border:1px solid var(--border);text-decoration:none;transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .25s,background .25s,box-shadow .25s,color .25s}.chip--link:hover{color:#fff;border-color:var(--accent,var(--purple-primary));background:linear-gradient(135deg, color-mix(in oklch, var(--accent,var(--purple-primary)) 90%, #000), color-mix(in oklch, var(--accent,var(--purple-primary)) 55%, #000));box-shadow:0 6px 18px -6px color-mix(in oklch, var(--accent,var(--purple-primary)) 60%, transparent);transform:translateY(-2px)}.chip--link:hover svg,.chip--link:hover img{transform:scale(1.08)}.chip--link:active{transform:translateY(0)}.chip--yt{--accent:#ff2d2d}.chip--discord{--accent:#5865f2}.chip--tmp{--accent:#c01a20}.chip--visitors{--accent:var(--purple-primary)}.chip--val{--accent:#ff4655}.chip--videos{--accent:var(--purple-primary)}.chip--steam{--accent:#2a5ca8}.chip--github{--accent:#6e40c9}#yt-count{color:var(--text);font-weight:600;font-size:inherit;line-height:1;transition:color .25s}.chip--yt:hover #yt-count{color:#fff}.chip--visitors:hover svg{fill:#fff}.chip--steam:hover img{filter:drop-shadow(0 0 5px #66c0f480)}.chip--yt:hover img{filter:drop-shadow(0 0 5px #ff2d2d80)}.chip--link:not(.chip--steam):not(.chip--yt):hover svg,.chip--link:not(.chip--steam):not(.chip--yt):hover img{filter:brightness(0)invert()}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--purple-primary)}.projects{flex-direction:column;gap:2rem;width:100%;max-width:800px;display:flex}.section-label{letter-spacing:2px;text-transform:uppercase;color:var(--purple-primary);margin-bottom:.5rem;font-size:.8rem;font-weight:600}.work-history-group{flex-direction:column;gap:1.1rem;display:flex}.work-history-group-heading{border-bottom:1px solid var(--border);color:var(--text);letter-spacing:.02em;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.65rem;font-size:.9rem;font-weight:700;display:flex}.work-history-group-heading:before{content:"";background:var(--purple-primary);width:5px;height:5px;box-shadow:0 0 10px var(--purple-primary);border-radius:50%;margin-right:-.65rem}.work-history-group-heading em{color:var(--text-muted);font-size:.68rem;font-style:normal;font-weight:500}.timeline{flex-direction:column;gap:0;padding-left:20px;display:flex;position:relative}.timeline:before{content:"";background:var(--border);opacity:.5;width:1px;position:absolute;top:5px;bottom:5px;left:24px}.timeline-item{padding-bottom:4rem;padding-left:3rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-marker{flex-direction:column;align-items:center;display:flex;position:absolute;top:6px;left:-1px}.marker-dot{background:var(--bg);border:2px solid var(--purple-primary);z-index:2;width:11px;height:11px;box-shadow:0 0 0 4px color-mix(in oklch, var(--purple-primary) 12%, transparent);border-radius:50%;transition:background .35s,box-shadow .35s,transform .35s}.timeline-item:hover .marker-dot{background:var(--purple-primary);box-shadow:0 0 0 5px color-mix(in oklch, var(--purple-primary) 20%, transparent), 0 0 12px color-mix(in oklch, var(--purple-primary) 50%, transparent);transform:scale(1.15)}.timeline-content{flex-direction:column;gap:1.25rem;animation:.8s ease-out both fadeInUp;display:flex}.timeline-date{color:var(--purple-primary);letter-spacing:.5px;background:color-mix(in oklch, var(--purple-primary) 10%, transparent);border:1px solid color-mix(in oklch, var(--purple-primary) 22%, transparent);border-radius:999px;align-self:flex-start;margin-bottom:.25rem;padding:.25rem .65rem;font-size:.72rem;font-weight:600}.project-card{color:inherit;background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;flex-direction:column;gap:1.1rem;padding:1.75rem;text-decoration:none;transition:transform .35s cubic-bezier(.4,0,.2,1),border-color .35s,background .35s,box-shadow .35s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a}.project-card:hover{border-color:color-mix(in oklch, var(--purple-primary) 45%, var(--border));background:color-mix(in oklch, var(--purple-primary) 5%, var(--bg-card));transform:translateY(-3px);box-shadow:0 18px 40px -20px #0009,inset 0 1px #ffffff0f}.project-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.project-brand{align-items:center;gap:1.1rem;display:flex}.project-logo{object-fit:cover;border:1px solid var(--border);border-radius:14px;width:52px;height:52px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px -4px #0006}.project-card:hover .project-logo{transform:scale(1.06)}.project-card[href]:after{content:"↗";width:1.9rem;height:1.9rem;color:var(--purple-primary);background:color-mix(in oklch, var(--bg-card) 88%, black);border:1px solid color-mix(in oklch, var(--purple-primary) 30%, var(--border));opacity:0;pointer-events:none;border-radius:999px;place-items:center;font-size:.95rem;line-height:1;transition:opacity .35s,transform .35s;display:grid;position:absolute;top:1.25rem;right:1.25rem;transform:translate(-4px,4px)}.project-card[href]:hover:after{opacity:1;transform:translate(0)}.project-title h4{color:var(--text);margin-bottom:.2rem;font-size:1.4rem;font-weight:700}.project-title p{color:var(--purple-primary);opacity:.9;font-size:.95rem;font-weight:600}.project-description{color:var(--text-muted);font-size:1rem;font-weight:300;line-height:1.7}.project-badge{color:var(--purple-primary);text-transform:uppercase;letter-spacing:1px;background:#a855f71a;border-radius:999px;padding:.4rem .9rem;font-size:.75rem;font-weight:700}.noob-bubble{background:var(--bg-card);border:1px solid var(--purple-primary);color:var(--text);z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;transform-origin:0 100%;border-radius:12px 12px 12px 2px;padding:.75rem 1rem;font-size:.85rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards bubblePop;position:fixed;box-shadow:0 10px 25px #0003}@keyframes bubblePop{0%{opacity:0;transform:scale(.5)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.cat-minik,.cat-sans{cursor:help;color:inherit;font-weight:inherit;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-block;position:relative}.cat-minik:hover{transform:scale(.7)}.cat-sans:hover{transform:translateY(-2px)}.cat-sans:before,.cat-sans:after{content:"🍀";opacity:0;pointer-events:none;font-size:.9rem;transition:all .4s;position:absolute}.cat-sans:before{top:-10px;left:-15px}.cat-sans:after{top:-10px;right:-15px}.cat-sans:hover:before{opacity:1;transform:translate(-5px,-5px)rotate(-20deg)scale(1.2)}.cat-sans:hover:after{opacity:1;transform:translate(5px,-5px)rotate(20deg)scale(1.2)}@media (max-width:600px){#splash h1,.profile-header h2{letter-spacing:-1px;font-size:2.2rem}.profile-header{text-align:center;flex-direction:column}.timeline{padding-left:10px}.timeline:before{left:14px}.timeline-item{padding-left:2rem}.timeline-marker{left:-11px}.project-header{flex-direction:column;gap:1rem}.project-badge{align-self:flex-start}.bg-mesh:before,.bg-mesh:after{filter:blur(80px);width:300px;height:300px}.bg-mesh:before{top:-5%;left:-10%}.bg-mesh:after{bottom:-5%;right:-10%}}@view-transition{navigation:auto}@keyframes vt-diagonal-wipe{0%{clip-path:polygon(0 0,-30% 0,-75% 100%,0 100%)}to{clip-path:polygon(0 0,175% 0,130% 100%,0 100%)}}::view-transition-old(root){mix-blend-mode:normal;z-index:0;animation:none}::view-transition-new(root){mix-blend-mode:normal;z-index:1;animation:.7s linear both vt-diagonal-wipe}.vt-line{opacity:0;pointer-events:none;view-transition-name:vt-line;width:1px;height:1px;position:fixed;top:0;left:0}::view-transition-group(vt-line){z-index:2;animation:none}::view-transition-old(vt-line){display:none}::view-transition-new(vt-line){background:linear-gradient(90deg in oklch, oklch(from var(--purple-light) l c h / 0) 0%, color-mix(in oklch, var(--purple-primary) 35%, oklch(from var(--purple-primary) l c h / 0)) 30%, var(--purple-light) 50%, color-mix(in oklch, var(--purple-primary) 35%, oklch(from var(--purple-primary) l c h / 0)) 70%, oklch(from var(--purple-light) l c h / 0) 100%);box-shadow:0 0 40px 10px color-mix(in oklch, var(--purple-primary) 45%, transparent);transform-origin:50%;width:90px;height:200vh;animation:.7s linear both vt-line-sweep}@keyframes vt-line-sweep{0%{transform:translate(-52.5vw, -50vh) rotate(var(--vt-line-angle,12deg))}to{transform:translate(152.5vw, -50vh) rotate(var(--vt-line-angle,12deg))}}:root.theme-switching::view-transition-old(root){z-index:1;animation:none}:root.theme-switching::view-transition-new(root){z-index:9999;animation:none}:root.theme-switching::view-transition-new(vt-line){animation:none;display:none}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}}