:root{--bg0: #070a13;--bg1: #0b1020;--card: rgba(255, 255, 255, .06);--card2: rgba(255, 255, 255, .08);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--faint: rgba(255, 255, 255, .14);--accent: #7c3aed;--accent2: #22c55e;--border: rgba(255, 255, 255, .12);--shadow: 0 18px 60px rgba(0, 0, 0, .35);--radius-lg: 18px;--radius-md: 12px;--radius-sm: 10px;--link: rgba(192, 132, 252, .98)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg0);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(900px circle at 20% -10%,rgba(124,58,237,.35),transparent 45%),radial-gradient(900px circle at 90% 10%,rgba(34,197,94,.18),transparent 45%),linear-gradient(180deg,var(--bg0),var(--bg1));background-repeat:no-repeat;background-attachment:fixed}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.markdown a,.project-summary a{color:var(--link);text-decoration:underline;text-decoration-color:#c084fc8c;text-decoration-thickness:2px;text-underline-offset:3px}.markdown a:hover,.project-summary a:hover{text-decoration-color:#c084fcf2}.container{width:min(1100px,calc(100% - 40px));margin:0 auto}.site{min-height:100vh;position:relative;z-index:1}.topbar{position:sticky;top:0;z-index:50;background:#070a13a6;backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:650;letter-spacing:.2px}.brand-avatar{width:28px;height:28px;border-radius:10px;object-fit:cover;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 26px #00000059}.brand-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 0 4px #7c3aed26}.nav{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:14px}.nav a{color:var(--muted);transition:color .16s ease}.nav a:hover{color:var(--text)}.page{padding:36px 0 64px;animation:pageIn .26s ease both}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.page{animation:none}}.hero{display:grid;grid-template-columns:minmax(160px,220px) 1fr;gap:18px;align-items:center;padding:18px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff12,#ffffff08);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.hero>div{width:100%;min-width:0}.hero h1{margin:12px 0 10px;font-size:clamp(22px,3.4vw,40px);line-height:1.1}.eyebrow{margin:0;color:var(--muted);font-size:13px;letter-spacing:.2px;text-transform:uppercase}.hero-copy{color:var(--muted);margin:0 0 18px;line-height:1.6}.hero-links{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--text);font-size:14px;transition:transform .14s ease,background .14s ease,border-color .14s ease}.btn:hover{transform:translateY(-1px);background:#ffffff0f;border-color:#ffffff2e}.btn-icon{width:16px;height:16px;flex:0 0 auto}.project-card{position:relative}.project-card-overlay{position:absolute;inset:0;z-index:1;border-radius:var(--radius-md)}.project-card-content{position:relative;z-index:2;pointer-events:none}.project-card-overlay:focus,.project-card-overlay:focus-visible{outline:none}.project-card-content a{pointer-events:auto}.hero-avatar{width:100%;height:auto;aspect-ratio:1 / 1;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 70px #0006;object-fit:cover;object-position:center 25%;align-self:center;justify-self:start}@media(max-width:768px){.hero{grid-template-columns:1fr;justify-items:center;text-align:center}.hero-avatar{justify-self:center;width:160px;max-width:100%;aspect-ratio:1 / 1}.hero-links{justify-content:center}.hero>div{width:100%;min-width:0;text-align:center}}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:22px 0 14px}.section{margin-top:14px}.section-heading h2{margin:0;font-size:22px}.section-heading p,a{margin:0;color:var(--muted);font-size:14px}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.project-card{grid-column:span 4;padding:18px 16px 20px;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);transition:transform .16s ease,background .16s ease,border-color .16s ease}.project-card:hover{transform:translateY(-2px);background:#ffffff12;border-color:#ffffff2e}.project-meta{color:var(--muted);font-size:12px;margin:0 0 10px}.project-card h3{margin:0 0 6px;font-size:16px}.project-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag-row span{font-size:12px;color:#ffffffd1;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;padding:6px 10px;border-radius:999px;line-height:1;display:inline-block}.tag-row a:hover{text-decoration:none}.tag-row a{display:inline-flex;align-items:center;text-decoration:none}.tag-row a:hover span{text-decoration:underline}.tag-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:10px}.tag-pill{grid-column:span 4;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.12);transition:transform .16s ease,background .16s ease,border-color .16s ease}.tag-pill:hover{transform:translateY(-2px);background:#ffffff12;border-color:#ffffff2e;text-decoration:none}.tag-pill-name,.tag-pill:hover .tag-pill-count{text-decoration:none}.tag-pill-name{font-size:14px;color:var(--text);display:inline-block;box-shadow:inset 0 -3px 0 transparent}.tag-pill:hover .tag-pill-name{text-decoration:underline;text-decoration-color:#ffffff8c;text-decoration-thickness:2px}.tag-pill-count{font-size:12px;color:#ffffffbd;border:1px solid rgba(255,255,255,.14);background:#ffffff08;padding:6px 10px;border-radius:999px;text-decoration:none}@media(max-width:980px){.project-card,.tag-pill{grid-column:span 6}}@media(max-width:640px){.project-card,.tag-pill{grid-column:span 12}}.project-page{display:grid;gap:14px}.page.project-page{padding:22px 0 52px}.project-page .tag-row{margin-top:12px;margin-bottom:12px}.project-page .markdown{padding:12px 26px}.back-link{color:var(--muted)}.project-meta-large{color:var(--muted);margin:2px 0 8px;font-size:14px}.project-page h1{margin:0}.project-summary{margin:0;color:var(--muted);line-height:1.65}.project-summary p{margin:0}.markdown{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;border-radius:var(--radius-lg);padding:22px 18px 18px}.markdown img,.markdown video{border-radius:12px;border:1px solid rgba(255,255,255,.12);max-width:100%}.markdown code{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);padding:2px 6px;border-radius:8px}.markdown pre{padding:14px;border-radius:14px;overflow:auto;border:1px solid rgba(255,255,255,.12);background:#ffffff08}.markdown pre code{background:transparent;border:0;padding:0}.project-video{width:100%;max-height:70vh;object-fit:contain}.footer{padding:26px 0 40px;color:var(--muted);font-size:13px}