:root{--background:#110b18;--foreground:#f4ebf6;--card:#1c1428;--card-foreground:#f6edf8;--primary:#f08cb6;--primary-foreground:#210e1f;--secondary:#2b1f3b;--secondary-foreground:#edd7e6;--muted:#231833;--muted-foreground:#c0adc9;--faint:#181123;--faint-foreground:#9887a7;--accent:#f8b7ce;--accent-foreground:#2f1730;--danger:#ff86a8;--danger-foreground:#2c0d1a;--success:#7ad9c7;--success-foreground:#092620;--warning:#f6c28a;--warning-foreground:#2b1a03;--border:#4d3a64;--input:#5a4670;--ring:#f5aac8;--page-max-width:1040px;--font-heading:"Lora", "Times New Roman", serif;--font-body:"Manrope", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--foreground);font-family:var(--font-body);background:radial-gradient(120% 130% at 8% 0%,#3a2146 0%,transparent 60%),radial-gradient(120% 140% at 92% 0%,#21335a 0%,transparent 62%),linear-gradient(180deg,#120b1c 0%,#0e0a18 44%,#0b0812 100%);display:flex;flex-direction:column}a{color:var(--primary);text-decoration-thickness:.08em;text-underline-offset:.2em}a:hover{color:var(--accent)}body .github-corner{position:fixed;top:0;right:0;z-index:30;color:var(--card-foreground);text-decoration:none}body .github-corner svg{display:block;width:80px;height:80px;fill:var(--secondary);color:var(--card-foreground)}body .github-corner .octo-arm{fill:currentColor;transform-origin:130px 106px}body .github-corner .octo-body{fill:currentColor}body .github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}h1,h2,h3{color:var(--card-foreground);font-family:var(--font-heading);letter-spacing:.02em;line-height:1.1}h1{font-size:clamp(2rem,5vw,3.6rem);margin-bottom:.75rem}h2{font-size:clamp(1.5rem,4vw,2.35rem);margin-bottom:.65rem}h3{font-size:clamp(1.3rem,3vw,1.8rem)}p{color:var(--muted-foreground);max-width:70ch}body>header,body>main,body>footer{width:min(var(--page-max-width),calc(100% - 2rem));margin-inline:auto}header[role=banner]{padding-top:1.2rem}header nav{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .9rem;border:1px solid var(--border);border-radius:999px;background:#1a1227;padding:.55rem .9rem;box-shadow:0 12px 28px rgb(0 0 0/28%)}header nav a{color:var(--muted-foreground);text-decoration:none;font-weight:600}header nav a:hover,header nav a[aria-current=page]{color:var(--foreground)}header nav [data-brand]{margin-right:auto;color:var(--foreground);font-family:var(--font-heading);font-size:1.35rem;font-weight:600;letter-spacing:.03em}main{flex:1;display:grid;gap:1.2rem;padding-block:1.2rem 2.4rem}main>section{animation:reveal-up 480ms ease both}main>section:nth-of-type(2){animation-delay:80ms}main [data-home-hero]{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:1.2rem;background:radial-gradient(100% 150% at 0% 0%,rgb(246 144 188/14%) 0%,transparent 60%),radial-gradient(130% 150% at 100% 0%,rgb(111 140 255/14%) 0%,transparent 62%),var(--card);padding:clamp(1.3rem,3vw,2.2rem)}main [data-home-hero] h1{font-family:var(--font-heading)}main [data-home-hero]::after{content:"";position:absolute;right:-5rem;bottom:-6rem;width:16rem;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at center,rgb(248 183 206/35%) 0%,transparent 72%);pointer-events:none}main [data-home-hero]>*{position:relative;z-index:1}main [data-home-kicker]{margin:0 0 .7rem;color:var(--accent);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase}main [data-home-links]{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.6rem}main [data-home-links] a{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:.42rem .85rem;background:var(--secondary);color:var(--secondary-foreground);text-decoration:none;font-weight:700;transition:transform 180ms ease,border-color 180ms ease,color 180ms ease}main [data-home-links] a:hover{border-color:var(--ring);color:var(--foreground);transform:translateY(-1px)}main>section:not([data-home-hero]){border:1px solid var(--border);border-radius:1rem;background:linear-gradient(180deg,#1a1226 0%,#171022 100%);padding:1.1rem 1.1rem 1.3rem}main [data-project-list]{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}main [data-project-card]{min-height:11rem;display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;border:1px solid var(--border);border-radius:.95rem;background:var(--faint);padding:1rem;transition:transform 200ms ease,border-color 200ms ease,box-shadow 200ms ease}main [data-project-card]:hover{border-color:var(--ring);transform:translateY(-3px);box-shadow:0 10px 22px rgb(0 0 0/.3)}main [data-project-card] p{margin-block:.55rem 0}main [data-project-card] h3{margin:.35rem 0 0}main [data-project-card] footer{margin-top:1rem}main [data-project-stage]{display:grid;gap:.95rem}main [data-project-stage] h2{margin:0}main [data-project-note]{position:relative;overflow:hidden;border:1px solid rgb(240 140 182/42%);border-radius:1rem;background:radial-gradient(110% 150% at 0% 0%,rgb(240 140 182/18%) 0%,transparent 58%),radial-gradient(100% 140% at 100% 10%,rgb(122 217 199/12%) 0%,transparent 55%),linear-gradient(135deg,rgb(35 22 50/92%) 0%,rgb(21 14 31/96%) 100%);padding:1rem 1.05rem;box-shadow:0 16px 32px rgb(0 0 0/22%)}main [data-project-note]::after{content:"";position:absolute;right:-2.2rem;bottom:-2.8rem;width:8.5rem;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at center,rgb(248 183 206/.2) 0%,transparent 68%);pointer-events:none}main [data-project-note] p{position:relative;z-index:1;max-width:78ch;margin:0;color:var(--secondary-foreground)}main [data-flourish-wrapper]{border:1px solid var(--border);border-radius:.95rem;overflow:hidden;background:#120c1d}main [data-flourish-wrapper] .flourish-embed{margin:0}main [data-p5-canvas]{border:1px solid var(--border);border-radius:.95rem;overflow:hidden;background:#f3f1f7}main [data-p5-canvas] canvas{display:block;width:100% !important;height:auto !important}main [data-notebook-wrapper]{border:1px solid var(--border);border-radius:.95rem;overflow:hidden;background:#120c1d}main [data-notebook-frame]{display:block;width:100%;min-height:78vh;border:0;background:#fff}main [data-notebook-links]{margin:0;font-size:.92rem;color:var(--faint-foreground)}main [data-notebook-links] a{color:var(--ring)}main [data-project-original]{margin:.2rem 0 0;display:grid;gap:.45rem}main [data-project-original] img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:.95rem;background:#120c1d;box-shadow:0 12px 24px rgb(0 0 0/28%)}main [data-project-original] figcaption{margin:0;color:var(--faint-foreground);font-size:.86rem;letter-spacing:.02em}footer{padding-bottom:1.4rem;color:var(--faint-foreground)}@keyframes reveal-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media(max-width:760px){body>header,body>main,body>footer{width:calc(100% - 1.2rem)}main [data-notebook-frame]{min-height:68vh}header nav{border-radius:1rem}header nav [data-brand]{flex-basis:100%;margin-right:0}main{gap:1rem;padding-block:.9rem 2rem}main>section:not([data-home-hero]){padding:1rem}}@media(max-width:500px){body .github-corner:hover .octo-arm{animation:none}body .github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}}