@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--blue-50:#eef3fe;--blue-100:#dce7fc;--blue-200:#c2d4f8;--blue-300:#a6bef4;--blue-400:#8aa8ef;--blue-500:#6f8ee0;--blue-600:#5872c2;--blue-700:#43589b;--blue-800:#2f3f73;--blue-900:#1c264a;--lavender-200:#dcd0f7;--lavender-400:#b59bee;--lavender-600:#7e61c9;--mint-200:#c8efda;--mint-400:#8fd9b0;--mint-600:#4fa67b;--peach-200:#f6dac2;--peach-400:#efb48a;--peach-600:#c2814d;--rose-200:#f6cfdb;--rose-400:#ee9ab3;--rose-600:#c45f7f;--ink-25:#fbfcfe;--ink-50:#f4f6fb;--ink-100:#e8ecf4;--ink-200:#d2d8e6;--ink-300:#b0b8cd;--ink-400:#858ea8;--ink-500:#5e6783;--ink-600:#424b66;--ink-700:#2d3450;--ink-800:#1c2240;--ink-900:#11162e;--ink-950:#0a0e20;--bg-app:var(--ink-50);--bg-surface:#fff;--bg-raised:#fff;--bg-sunken:var(--ink-100);--bg-overlay:rgba(17,22,46,.45);--fg-1:var(--ink-900);--fg-2:var(--ink-700);--fg-3:var(--ink-500);--fg-4:var(--ink-400);--fg-on-accent:#fff;--fg-on-pastel:var(--ink-900);--border-subtle:var(--ink-100);--border-default:var(--ink-200);--border-strong:var(--ink-300);--border-focus:var(--blue-500);--accent:var(--blue-400);--accent-hover:var(--blue-500);--accent-press:var(--blue-600);--accent-soft:var(--blue-100);--accent-ink:var(--blue-700);--success:var(--mint-600);--success-soft:var(--mint-200);--warning:var(--peach-600);--warning-soft:var(--peach-200);--danger:var(--rose-600);--danger-soft:var(--rose-200);--shadow-xs:0 1px 2px rgba(28,38,74,.06);--shadow-sm:0 2px 6px rgba(28,38,74,.06),0 1px 2px rgba(28,38,74,.04);--shadow-md:0 8px 24px rgba(28,38,74,.08),0 2px 6px rgba(28,38,74,.04);--shadow-lg:0 20px 48px rgba(28,38,74,.12),0 4px 12px rgba(28,38,74,.06);--shadow-glow:0 0 0 4px rgba(138,168,239,.25);--shadow-inner:inset 0 1px 0 hsla(0,0%,100%,.7),inset 0 -1px 0 rgba(28,38,74,.04);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--font-display:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;--font-body:"Manrope",ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--type-display-xl:600 72px/1.02 var(--font-display);--type-display-lg:600 56px/1.05 var(--font-display);--type-display-md:600 40px/1.1 var(--font-display);--type-display-sm:600 32px/1.15 var(--font-display);--type-h1:600 28px/1.2 var(--font-display);--type-h2:600 22px/1.25 var(--font-display);--type-h3:600 18px/1.3 var(--font-display);--type-h4:600 16px/1.35 var(--font-display);--type-body-lg:400 18px/1.6 var(--font-body);--type-body:400 15px/1.55 var(--font-body);--type-body-sm:400 13px/1.5 var(--font-body);--type-caption:500 12px/1.4 var(--font-body);--type-eyebrow:600 11px/1.2 var(--font-body);--type-mono:500 13px/1.5 var(--font-mono);--tracking-tight:-0.02em;--tracking-default:0;--tracking-eyebrow:0.12em;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--dur-fast:120ms;--dur-med:220ms;--dur-slow:380ms}.twinstar-dark,:root[data-theme=dark]{--bg-app:var(--ink-950);--bg-surface:#141936;--bg-raised:#1a2042;--bg-sunken:#0a0e20;--bg-overlay:rgba(5,8,22,.6);--fg-1:#eceef9;--fg-2:#bcc3dc;--fg-3:#8b95b6;--fg-4:#5e6783;--fg-on-accent:var(--ink-950);--fg-on-pastel:var(--ink-900);--border-subtle:hsla(0,0%,100%,.06);--border-default:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.18);--border-focus:var(--blue-300);--accent:var(--blue-300);--accent-hover:var(--blue-200);--accent-press:var(--blue-400);--accent-soft:rgba(138,168,239,.16);--accent-ink:var(--blue-100);--success-soft:rgba(143,217,176,.18);--warning-soft:hsla(25,76%,74%,.18);--danger-soft:rgba(238,154,179,.18);--shadow-xs:0 1px 2px rgba(0,0,0,.4);--shadow-sm:0 2px 8px rgba(0,0,0,.4);--shadow-md:0 10px 28px rgba(0,0,0,.5);--shadow-lg:0 24px 56px rgba(0,0,0,.55);--shadow-glow:0 0 0 4px rgba(166,190,244,.22),0 0 24px rgba(166,190,244,.18);--shadow-inner:inset 0 1px 0 hsla(0,0%,100%,.04)}.twinstar,.twinstar *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.twinstar{background:var(--bg-app);color:var(--fg-1);font:var(--type-body);font-feature-settings:"ss01","cv11"}.twinstar h1,h1.t-h1{font:var(--type-h1)}.twinstar h1,.twinstar h2,h1.t-h1,h2.t-h2{letter-spacing:var(--tracking-tight);color:var(--fg-1);margin:0}.twinstar h2,h2.t-h2{font:var(--type-h2)}.twinstar h3,h3.t-h3{font:var(--type-h3);color:var(--fg-1);margin:0}.twinstar h4,h4.t-h4{font:var(--type-h4);color:var(--fg-1);margin:0}.twinstar p,p.t-p{font:var(--type-body);color:var(--fg-2);margin:0;text-wrap:pretty}.t-caption,.twinstar small{font:var(--type-caption);color:var(--fg-3)}.t-mono,.twinstar code,.twinstar pre code{font:var(--type-mono);background:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:1px 6px}.twinstar pre{font:var(--type-mono);background:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px;overflow:auto}.twinstar a{color:var(--accent-ink);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;-webkit-text-decoration-color:var(--blue-300);text-decoration-color:var(--blue-300);transition:color var(--dur-fast) var(--ease-out)}.twinstar a:hover{color:var(--accent-hover)}.t-display-xl{font:var(--type-display-xl)}.t-display-lg,.t-display-xl{letter-spacing:var(--tracking-tight)}.t-display-lg{font:var(--type-display-lg)}.t-display-md{font:var(--type-display-md)}.t-display-md,.t-display-sm{letter-spacing:var(--tracking-tight)}.t-display-sm{font:var(--type-display-sm)}.t-body-lg{font:var(--type-body-lg);color:var(--fg-2)}.t-eyebrow{font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--fg-3)}.twinstar :focus-visible{outline:none;box-shadow:var(--shadow-glow);border-radius:var(--radius-sm)}body,html{margin:0;padding:0;background:var(--bg-app);color:var(--fg-1);font-family:var(--font-body)}*{box-sizing:border-box}.tw-app{min-height:100vh;display:flex;flex-direction:column}.tw-nav{position:-webkit-sticky;position:sticky;top:0;z-index:10;gap:24px;padding:16px 40px;background:color-mix(in srgb,var(--bg-app) 88%,transparent);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--border-subtle)}.tw-nav,.tw-nav__brand{display:flex;align-items:center}.tw-nav__brand{gap:10px;font:600 18px/1 var(--font-display);letter-spacing:-.02em;color:var(--fg-1);text-decoration:none}.tw-nav__brand .tagline{font:400 13px/1 var(--font-body);color:var(--fg-3);margin-left:4px}.tw-nav__links{display:flex;gap:6px;margin-left:auto;align-items:center}.tw-nav__links a{padding:8px 12px;border-radius:var(--radius-sm);color:var(--fg-2);text-decoration:none;font:500 14px/1 var(--font-body);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.tw-nav__links a:hover{background:var(--bg-sunken);color:var(--fg-1)}.tw-nav__links a.active{color:var(--accent-ink);background:var(--accent-soft)}.tw-theme-toggle{all:unset;cursor:pointer;padding:8px;border-radius:var(--radius-pill);width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--fg-2);border:1px solid var(--border-subtle)}.tw-theme-toggle:hover{background:var(--bg-sunken);color:var(--fg-1)}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:var(--radius-md);font:600 14px/1 var(--font-body);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--blue-400);color:var(--fg-on-pastel);box-shadow:var(--shadow-inner),0 1px 2px rgba(28,38,74,.1)}.btn-primary:hover{background:var(--blue-500);color:#fff}.btn-secondary{background:transparent;color:var(--fg-1);border-color:var(--border-default)}.btn-secondary:hover{background:var(--bg-sunken)}.btn-lg{padding:14px 22px;font-size:15px;border-radius:var(--radius-lg)}.tw-hero{position:relative;padding:80px 40px 100px;overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr;grid-gap:60px;gap:60px;align-items:center}.tw-hero__bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 80% at 18% 30%,color-mix(in srgb,var(--blue-300) 30%,transparent),transparent 60%),radial-gradient(50% 70% at 88% 78%,color-mix(in srgb,var(--lavender-400) 25%,transparent),transparent 60%)}.tw-hero__bg svg{position:absolute;inset:0;width:100%;height:100%;opacity:.7}.tw-hero>:not(.tw-hero__bg){position:relative;z-index:1}.tw-hero__eyebrow{font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--accent-ink);margin-bottom:18px;display:inline-flex;align-items:center;gap:8px;background:var(--accent-soft);padding:6px 12px;border-radius:var(--radius-pill);width:-moz-fit-content;width:fit-content}.tw-hero h1{font:var(--type-display-lg);letter-spacing:-.02em;color:var(--fg-1);margin:0 0 18px}.tw-hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--blue-500),var(--lavender-600));-webkit-background-clip:text;background-clip:text;color:transparent}.tw-hero p.lead{font:var(--type-body-lg);color:var(--fg-2);max-width:520px;margin:0 0 28px}.tw-hero__cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.tw-hero__cta .micro{color:var(--fg-3);font:var(--type-caption)}.tw-hero__visual{display:flex;flex-direction:column;gap:14px;align-items:stretch}.tw-section{padding:80px 40px;max-width:1200px;margin:0 auto;width:100%}.tw-section__head{display:flex;flex-direction:column;gap:10px;margin-bottom:36px;max-width:640px}.tw-section__head .eyebrow{color:var(--accent-ink);font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.tw-section__head h2{font:var(--type-display-sm);letter-spacing:-.02em;margin:0;color:var(--fg-1)}.tw-section__head p{font:var(--type-body-lg);color:var(--fg-2);margin:0}.tw-projects{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.tw-project{position:relative;padding:20px;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:14px;min-height:240px;overflow:hidden;transition:transform var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.tw-project:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-default)}.tw-project__cover{height:120px;border-radius:var(--radius-md);margin:-8px -8px 0;background:linear-gradient(135deg,var(--blue-200),var(--lavender-200));position:relative;overflow:hidden}.tw-project__cover.peach{background:linear-gradient(135deg,var(--peach-200),var(--rose-200))}.tw-project__cover.mint{background:linear-gradient(135deg,var(--mint-200),var(--blue-200))}.tw-project__cover .star{position:absolute;color:hsla(0,0%,100%,.85)}.tw-project__meta{display:flex;gap:8px;align-items:center}.tw-project h3{font:var(--type-h2);margin:0}.tw-project p{font:var(--type-body-sm);color:var(--fg-2);margin:0}.tw-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--radius-pill);font:600 11px/1 var(--font-body)}.tw-badge.software{background:var(--accent-soft);color:var(--accent-ink)}.tw-badge.game{background:var(--lavender-200);color:var(--lavender-600)}.tw-badge.shipped{background:var(--mint-200);color:var(--mint-600)}.tw-badge.wip{background:var(--peach-200);color:var(--peach-600)}.tw-about{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;align-items:center}.tw-about__visual{aspect-ratio:1;border-radius:var(--radius-2xl);background:radial-gradient(circle at 30% 30%,var(--blue-200),var(--lavender-200) 60%,var(--peach-200));position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.tw-about__visual svg{position:absolute;inset:0;width:100%;height:100%}.tw-buildlog{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);overflow:hidden}.tw-buildlog__item{display:grid;grid-template-columns:110px 1fr auto;grid-gap:16px;gap:16px;padding:16px 20px;align-items:center;border-bottom:1px solid var(--border-subtle)}.tw-buildlog__item:last-child{border-bottom:none}.tw-buildlog__date{font:var(--type-mono);color:var(--fg-3)}.tw-buildlog__title{font:var(--type-h4);color:var(--fg-1)}.tw-buildlog__title .meta{font:var(--type-body-sm);color:var(--fg-3);font-weight:400}.tw-footer{padding:48px 40px;border-top:1px solid var(--border-subtle);gap:24px;flex-wrap:wrap;color:var(--fg-3);font:var(--type-body-sm)}.tw-footer,.tw-footer__brand{display:flex;align-items:center}.tw-footer__brand{gap:10px;color:var(--fg-1);font:600 15px/1 var(--font-display)}.tw-footer a{color:var(--fg-2);text-decoration:none}.tw-footer a:hover{color:var(--fg-1)}.tw-footer__right{margin-left:auto;display:flex;gap:18px;align-items:center}.tw-term{background:var(--ink-950);border-radius:var(--radius-lg);border:1px solid hsla(0,0%,100%,.06);box-shadow:var(--shadow-lg);overflow:hidden;color:#eceef9}.tw-term__bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:hsla(0,0%,100%,.03);border-bottom:1px solid hsla(0,0%,100%,.06)}.tw-term__dot{width:10px;height:10px;border-radius:50%}.tw-term__title{margin-left:8px;font:var(--type-mono);color:#8b95b6;font-size:12px}.tw-term__body{padding:18px;font:var(--type-mono);font-size:13px;line-height:1.7}.tw-term__body .c-key{color:#b59bee}.tw-term__body .c-str{color:#efb48a}.tw-term__body .c-num{color:#8fd9b0}.tw-term__body .c-cmt{color:#5e6783;font-style:italic}.tw-term__body .c-fn{color:#a6bef4}.tw-term__cursor{display:inline-block;width:7px;height:14px;background:#a6bef4;vertical-align:-2px;margin-left:2px;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}@media (max-width:900px){.tw-about,.tw-hero{grid-template-columns:1fr}.tw-projects{grid-template-columns:1fr 1fr}.tw-section{padding:60px 24px}.tw-nav{padding:14px 20px}}