:root{color-scheme:light;--accent: oklch(66% .17 266);--accent-2: oklch(78% .12 298);--pop: oklch(75% .17 348);--ink: oklch(22% .08 282);--ink-2: oklch(37% .08 282);--soft-ink: oklch(55% .06 282);--paper: oklch(97% .025 284);--wash: oklch(91% .06 286);--shadow: oklch(20% .075 282);--font-display: "Fredoka", system-ui, sans-serif;--font-head: "Baloo 2", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--ease-out-quint: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;overflow-x:hidden;color:var(--ink);font-family:var(--font-body);font-weight:800;background:repeating-linear-gradient(135deg,#e5e5ff 0% 7.2rem,#d5e6ff 7.2rem 14.4rem,#fce6ff 14.4rem 21.6rem,#d5f0ff 21.6rem 28.8rem);background:repeating-linear-gradient(135deg,color(xyz 0.797 0.797 1.171) 0% 7.2rem,color(xyz 0.738 0.78 1.135) 7.2rem 14.4rem,color(xyz 0.877 0.842 1.096) 14.4rem 21.6rem,color(xyz 0.761 0.838 1.111) 21.6rem 28.8rem);background-attachment:fixed;animation:stripe-drift 34s linear infinite;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img,svg{display:block}.page{width:min(43rem,100%);margin-inline:auto;padding:clamp(2rem,7vw,4rem) clamp(1rem,4vw,1.5rem) 4rem;display:grid;gap:1.5rem}.profile-card,.panel{position:relative;--panel-shadow-x: .65rem;--panel-shadow-y: .65rem;background:radial-gradient(circle,oklch(55% .08 282 / .1) 1px,transparent 1.5px),var(--paper);background-size:15px 15px;border:3px solid var(--ink);border-radius:1.65rem;box-shadow:0 1.6rem 3.7rem -1.4rem #6789dbb3;filter:drop-shadow(var(--panel-shadow-x) var(--panel-shadow-y) 0 var(--shadow))}.profile-card{padding:clamp(1.25rem,4vw,1.6rem)}.panel{padding:clamp(1.15rem,3.8vw,1.45rem)}.section-heading{display:flex;align-items:center;justify-content:flex-start;gap:.75rem}.section-heading{margin-block-end:1rem}.section-heading h2{margin:0;font-family:var(--font-head);font-size:clamp(1.75rem,7vw,2.2rem);line-height:.95}.avatar-wrap{display:grid;place-items:center;margin-block:1.1rem .7rem;animation:avatar-float 5.6s ease-in-out infinite}.avatar{position:relative;width:7.6rem;aspect-ratio:1;padding:.38rem;overflow:visible;background:var(--accent-2);border:3px solid var(--ink);border-radius:999px;filter:drop-shadow(.42rem .48rem 0 var(--shadow))}.avatar img{width:100%;height:100%;object-fit:cover;border:2.5px solid var(--ink);border-radius:inherit;transition:transform .42s var(--ease-out-quint)}.avatar:hover img{transform:rotate(-2deg) scale(1.04)}.identity{margin-block-end:1.1rem;text-align:center}.identity h1{margin:0;font-family:var(--font-display);font-size:clamp(2.2rem,10vw,3rem);line-height:.95;text-shadow:.14rem .16rem 0 oklch(80% .1 284);animation:title-pop .76s var(--ease-out-quint) .18s both}.discord-panel,.music-panel,.project-row{position:relative;display:flex;align-items:center;gap:.75rem;background:#fbfbff;background:oklch(99% .015 284);border:2.5px solid var(--ink);border-radius:1.05rem;filter:drop-shadow(.34rem .38rem 0 var(--shadow))}.discord-panel{padding:.78rem;margin-block-end:.9rem;transition:transform .19s var(--ease-out-quint),filter .19s var(--ease-out-quint)}.discord-panel:hover,.project-row:hover,.play-toggle:hover{transform:translate(-.08rem,-.08rem)}.discord-panel:hover,.project-row:hover{filter:drop-shadow(.44rem .5rem 0 var(--shadow))}.discord-mark,.play-toggle{flex:0 0 auto;width:3rem;aspect-ratio:1;display:grid;place-items:center;color:var(--paper);background:var(--accent);border:2.5px solid var(--ink);border-radius:.85rem}.discord-mark svg,.play-toggle svg{width:1.58rem;fill:currentColor}.discord-copy{min-width:0;display:grid;gap:.08rem}.discord-copy strong,.track-top strong,.project-row strong,.timeline-item strong{font-family:var(--font-head);line-height:1.05}.discord-copy small{display:flex;align-items:center;gap:.35rem;color:var(--ink-2);font-size:.78rem}.friend-button{margin-inline-start:auto;padding:.5rem .72rem;color:var(--paper);white-space:nowrap;background:var(--accent);border:2px solid var(--ink);border-radius:.75rem;box-shadow:.18rem .18rem 0 var(--shadow);font-family:var(--font-head);font-size:.82rem}.music-panel{padding:.72rem}.play-toggle{cursor:pointer;transition:transform .16s var(--ease-out-quint),background .16s var(--ease-out-quint)}.play-toggle:focus-visible{outline:3px solid var(--pop);outline-offset:3px}.is-playing .play-toggle{background:var(--pop)}.is-playing .play-toggle svg{animation:play-kick .9s var(--ease-out-quint) infinite}.track-meta{flex:1;min-width:0;display:grid;gap:.48rem}.track-top{display:flex;justify-content:space-between;gap:.75rem;font-size:.86rem}.track-top span{color:var(--ink-2);white-space:nowrap}.track{--progress: 0%;width:100%;height:.72rem;margin:0;cursor:pointer;appearance:none;background:linear-gradient(90deg,var(--pop) var(--progress),var(--wash) var(--progress));border:2px solid var(--ink);border-radius:999px}.track::-webkit-slider-thumb{width:.92rem;aspect-ratio:1;appearance:none;background:var(--pop);border:2px solid var(--ink);border-radius:999px;box-shadow:.12rem .12rem 0 var(--shadow)}.track::-moz-range-thumb{width:.92rem;height:.92rem;background:var(--pop);border:2px solid var(--ink);border-radius:999px;box-shadow:.12rem .12rem 0 var(--shadow)}.track:focus-visible{outline:3px solid var(--pop);outline-offset:3px}.eq{display:flex;align-items:end;gap:.16rem;height:1.2rem}.eq span{width:.18rem;height:.3rem;background:var(--ink);border-radius:999px;animation:eq .7s ease-in-out infinite alternate}.eq span:nth-child(2){animation-delay:-.16s}.eq span:nth-child(3){animation-delay:-.31s}.eq span:nth-child(4){animation-delay:-.47s}@keyframes eq{to{height:1rem}}.project-list,.timeline{display:grid;gap:.82rem}.project-row{padding:.7rem;transition:transform .19s var(--ease-out-quint),filter .19s var(--ease-out-quint)}.project-row img{flex:0 0 auto;width:4.8rem;aspect-ratio:1;object-fit:cover;border:2.5px solid var(--ink);border-radius:.85rem;transition:transform .26s var(--ease-out-quint)}.project-row:hover img{transform:rotate(-2deg) scale(1.04)}.project-row img.project-icon{padding:.58rem;object-fit:contain}.project-row img.project-icon-light{background:#fbfbff;background:oklch(99% .015 284)}.project-row span{min-width:0;display:grid;gap:.18rem}.project-row small,.timeline-item p{color:var(--ink-2);font-size:.88rem;line-height:1.35}.project-row em{margin-inline-start:auto;padding:.22rem .54rem;color:var(--accent);font-style:normal;white-space:nowrap;background:var(--wash);border:2px solid var(--ink);border-radius:999px;font-size:.72rem}.timeline-item{position:relative;display:grid;grid-template-columns:auto 1fr;gap:.75rem;padding:.55rem 0}.timeline-item>span{width:1rem;aspect-ratio:1;margin-block-start:.24rem;background:var(--pop);border:2px solid var(--ink);border-radius:999px;box-shadow:.14rem .14rem 0 var(--shadow);animation:bullet-pulse 2.8s ease-in-out infinite}.timeline-item:nth-child(2)>span{animation-delay:-.9s}.timeline-item:nth-child(3)>span{animation-delay:-1.8s}.timeline-item header{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}.timeline-item time{color:var(--soft-ink);font-size:.78rem;white-space:nowrap}.timeline-item p{margin:.18rem 0 0}.timeline-item p a{color:var(--accent);text-decoration:underline;text-decoration-thickness:.12rem;text-underline-offset:.14rem}.footer{display:flex;justify-content:center;gap:1rem;color:var(--ink-2);font-size:.9rem}.footer a{color:var(--accent)}.reveal{opacity:0;transform:translateY(1.4rem)}.reveal.is-visible{opacity:1;transform:none;transition:opacity .62s var(--ease-out-quint),transform .62s var(--ease-out-quint)}.project-row.reveal.is-visible{transition:opacity .62s var(--ease-out-quint),transform .19s var(--ease-out-quint),filter .19s var(--ease-out-quint)}.project-row.reveal.is-visible:nth-child(2),.timeline-item.reveal.is-visible:nth-child(2){transition-delay:80ms}.timeline-item.reveal.is-visible:nth-child(3){transition-delay:.15s}@keyframes stripe-drift{to{background-position:28.8rem 0}}@keyframes avatar-float{50%{transform:translateY(-.3rem)}}@keyframes title-pop{0%{opacity:0;transform:translateY(.4rem) scale(.96);text-shadow:0 0 0 oklch(80% .1 284)}}@keyframes play-kick{45%{transform:scale(.9)}}@keyframes bullet-pulse{50%{transform:scale(1.16);box-shadow:.16rem .16rem 0 var(--shadow),0 0 0 .18rem #f97cc12e}}@media(max-width:560px){.page{padding-block-start:1.1rem}.profile-card,.panel{--panel-shadow-x: .42rem;--panel-shadow-y: .48rem;border-radius:1.25rem}.friend-button,.project-row em,.eq{display:none}.discord-panel,.music-panel,.project-row{border-radius:.9rem}.track-top{display:grid;gap:.18rem}.project-row{align-items:start}.project-row img{width:4.2rem}.timeline-item header{display:grid;gap:.12rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}