:root{color-scheme:dark;--ht-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ht-font-mono: ui-monospace, "SFMono-Regular", "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--ht-text-xs: 11px;--ht-text-sm: 12px;--ht-text-base: 13px;--ht-text-md: 14px;--ht-text-lg: 16px;--ht-text-xl: 20px;--ht-text-2xl: 28px;--ht-leading-tight: 1.25;--ht-leading-normal: 1.5;--ht-leading-relaxed: 1.65;--ht-space-0: 0;--ht-space-1: 2px;--ht-space-2: 4px;--ht-space-3: 8px;--ht-space-4: 12px;--ht-space-5: 16px;--ht-space-6: 24px;--ht-space-7: 32px;--ht-space-8: 48px;--ht-radius-sm: 2px;--ht-radius: 4px;--ht-radius-lg: 6px;--ht-bg: #0d1117;--ht-bg-raised: #131922;--ht-bg-panel: #161d27;--ht-bg-inset: #0a0e14;--ht-bg-hover: #1c2430;--ht-bg-active: #232d3b;--ht-bg-selected: #1f3350;--ht-border: #232b36;--ht-border-strong: #333d4b;--ht-border-focus: #4c8bf5;--ht-fg: #d7dee8;--ht-fg-strong: #f0f4f9;--ht-fg-muted: #8b96a5;--ht-fg-subtle: #626d7c;--ht-agree: #3fb950;--ht-agree-bg: rgba(63, 185, 80, .12);--ht-agree-border: rgba(63, 185, 80, .4);--ht-diverge: #f85149;--ht-diverge-bg: rgba(248, 81, 73, .14);--ht-diverge-border: rgba(248, 81, 73, .45);--ht-unknown: #d29922;--ht-unknown-bg: rgba(210, 153, 34, .12);--ht-unknown-border: rgba(210, 153, 34, .4);--ht-absent: #6e7681;--ht-absent-bg: rgba(110, 118, 129, .1);--ht-absent-border: rgba(110, 118, 129, .35);--ht-accent: #58a6ff;--ht-accent-bg: rgba(88, 166, 255, .12);--ht-accent-border: rgba(88, 166, 255, .45);--ht-diff-add-bg: rgba(63, 185, 80, .16);--ht-diff-add-fg: #7ee787;--ht-diff-del-bg: rgba(248, 81, 73, .16);--ht-diff-del-fg: #ff9492;--ht-diff-same-fg: var(--ht-fg-muted);--ht-side-a: #6cb6ff;--ht-side-a-bg: rgba(108, 182, 255, .1);--ht-side-b: #c297ff;--ht-side-b-bg: rgba(194, 151, 255, .1);--ht-shadow-panel: 0 1px 2px rgba(0, 0, 0, .4);--ht-shadow-overlay: 0 8px 28px rgba(0, 0, 0, .55);--ht-z-sticky: 10;--ht-z-overlay: 100;--ht-z-toast: 200}[data-theme=light]{color-scheme:light;--ht-bg: #ffffff;--ht-bg-raised: #f6f8fa;--ht-bg-panel: #ffffff;--ht-bg-inset: #f0f3f6;--ht-bg-hover: #eaeef2;--ht-bg-active: #dfe4ea;--ht-bg-selected: #ddebff;--ht-border: #d8dee4;--ht-border-strong: #b9c1ca;--ht-border-focus: #0969da;--ht-fg: #1f2328;--ht-fg-strong: #010409;--ht-fg-muted: #59636e;--ht-fg-subtle: #818b98;--ht-agree: #1a7f37;--ht-agree-bg: rgba(26, 127, 55, .1);--ht-agree-border: rgba(26, 127, 55, .35);--ht-diverge: #cf222e;--ht-diverge-bg: rgba(207, 34, 46, .1);--ht-diverge-border: rgba(207, 34, 46, .35);--ht-unknown: #9a6700;--ht-unknown-bg: rgba(154, 103, 0, .1);--ht-unknown-border: rgba(154, 103, 0, .35);--ht-absent: #6e7781;--ht-absent-bg: rgba(110, 119, 129, .08);--ht-absent-border: rgba(110, 119, 129, .3);--ht-accent: #0969da;--ht-accent-bg: rgba(9, 105, 218, .1);--ht-accent-border: rgba(9, 105, 218, .4);--ht-diff-add-bg: rgba(26, 127, 55, .13);--ht-diff-add-fg: #0f5323;--ht-diff-del-bg: rgba(207, 34, 46, .13);--ht-diff-del-fg: #8b1a21;--ht-side-a: #0550ae;--ht-side-a-bg: rgba(5, 80, 174, .08);--ht-side-b: #6639ba;--ht-side-b-bg: rgba(102, 57, 186, .08);--ht-shadow-panel: 0 1px 2px rgba(31, 35, 40, .1);--ht-shadow-overlay: 0 8px 24px rgba(31, 35, 40, .2)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--ht-bg);color:var(--ht-fg);font-family:var(--ht-font-sans);font-size:var(--ht-text-md);line-height:var(--ht-leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%}code,kbd,pre,samp{font-family:var(--ht-font-mono);font-size:var(--ht-text-base)}a{color:var(--ht-accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--ht-border-focus);outline-offset:1px;border-radius:var(--ht-radius-sm)}button{font:inherit;color:inherit}.ht-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ht-skip-link{position:absolute;top:var(--ht-space-3);left:var(--ht-space-3);z-index:var(--ht-z-toast);padding:var(--ht-space-3) var(--ht-space-4);background:var(--ht-bg-panel);border:1px solid var(--ht-border-strong);border-radius:var(--ht-radius);transform:translateY(-200%)}.ht-skip-link:focus{transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.site-shell{min-height:100%;display:grid;grid-template-rows:auto 1fr auto;background:linear-gradient(180deg,var(--ht-bg-raised),var(--ht-bg) 220px),var(--ht-bg)}.site-header,.site-main,.site-footer{width:min(100% - (2 * var(--ht-space-5)),880px);margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ht-space-5);padding:var(--ht-space-6) 0 var(--ht-space-5)}.brand-link{display:inline-flex;align-items:center;gap:var(--ht-space-3);color:var(--ht-fg-strong);font-weight:650;letter-spacing:-.01em}.brand-link:hover{text-decoration:none}.brand-mark{width:22px;height:22px;color:var(--ht-accent)}.theme-toggle{min-height:32px;padding:var(--ht-space-2) var(--ht-space-4);border:1px solid var(--ht-border);border-radius:var(--ht-radius);background:var(--ht-bg-panel);color:var(--ht-fg-muted);cursor:pointer}.theme-toggle:hover{color:var(--ht-fg);background:var(--ht-bg-hover);border-color:var(--ht-border-strong)}.site-main{padding:var(--ht-space-6) 0 var(--ht-space-8)}.intro{display:grid;gap:var(--ht-space-4);max-width:680px}.eyebrow{margin:0;color:var(--ht-fg-muted);font-family:var(--ht-font-mono);font-size:var(--ht-text-sm)}h1,h2,h3,p{margin:0}h1{color:var(--ht-fg-strong);font-size:clamp(var(--ht-text-2xl),8vw,46px);line-height:var(--ht-leading-tight);letter-spacing:-.045em}.lead{color:var(--ht-fg-muted);font-size:var(--ht-text-lg);line-height:var(--ht-leading-relaxed)}.section{margin-top:var(--ht-space-8)}.section-heading{margin-bottom:var(--ht-space-4);color:var(--ht-fg-strong);font-size:var(--ht-text-lg);letter-spacing:-.015em}.project-list{display:grid;gap:var(--ht-space-4);margin:0;padding:0;list-style:none}.project-card{display:grid;gap:var(--ht-space-5);padding:var(--ht-space-5);border:1px solid var(--ht-border);border-radius:var(--ht-radius-lg);background:var(--ht-bg-panel);box-shadow:var(--ht-shadow-panel)}.project-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ht-space-4)}.project-title{color:var(--ht-fg-strong);font-size:var(--ht-text-xl);line-height:var(--ht-leading-tight);letter-spacing:-.02em}.project-title span{color:var(--ht-fg-muted);font-weight:500}.status-badge{flex:0 0 auto;padding:var(--ht-space-1) var(--ht-space-3);border:1px solid var(--ht-agree-border);border-radius:999px;background:var(--ht-agree-bg);color:var(--ht-agree);font-family:var(--ht-font-mono);font-size:var(--ht-text-xs);text-transform:uppercase}.project-description,.about-copy{color:var(--ht-fg-muted);line-height:var(--ht-leading-relaxed)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--ht-space-2);margin:0;padding:0;list-style:none}.tag{padding:var(--ht-space-1) var(--ht-space-3);border:1px solid var(--ht-border);border-radius:var(--ht-radius-sm);background:var(--ht-bg-inset);color:var(--ht-fg-muted);font-family:var(--ht-font-mono);font-size:var(--ht-text-xs)}.actions{display:flex;flex-wrap:wrap;gap:var(--ht-space-3)}.button-link{display:inline-flex;min-height:34px;align-items:center;justify-content:center;padding:var(--ht-space-3) var(--ht-space-4);border:1px solid var(--ht-border-strong);border-radius:var(--ht-radius);background:var(--ht-bg-raised);color:var(--ht-fg);font-weight:600}.button-link:hover{background:var(--ht-bg-hover);color:var(--ht-fg-strong);text-decoration:none}.button-link.primary{border-color:var(--ht-accent-border);background:var(--ht-accent-bg);color:var(--ht-accent)}.about{display:grid;gap:var(--ht-space-3);max-width:680px}.site-footer{padding:var(--ht-space-6) 0;border-top:1px solid var(--ht-border);color:var(--ht-fg-subtle);font-size:var(--ht-text-sm)}@media(max-width:520px){.site-header{align-items:flex-start;padding-top:var(--ht-space-5)}.project-card-header,.actions{align-items:flex-start;flex-direction:column}.button-link{width:100%}}