:root{--bg:#fff;--bg-2:#f7f7f7;--bg-3:#efefef;--fg:#0a0a0a;--fg-2:#4a4a4a;--fg-3:#767676;--border:#e5e5e5;--border-2:#d4d4d4;--accent:#0052cc;--pill-merged-bg:#ddf4e7;--pill-merged-fg:#126a3a;--pill-open-bg:#fff4d4;--pill-open-fg:#7a5400;--pill-closed-bg:#f0f0f0;--pill-closed-fg:#5a5a5a;--font-sans:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;--max-w:720px;--thumb-w:120px;--thumb-h:80px;--radius:6px;--radius-sm:4px;--row-gap:28px}[data-theme=dark]{--bg:#0a0a0a;--bg-2:#141414;--bg-3:#1c1c1c;--fg:#ededed;--fg-2:#b3b3b3;--fg-3:#888;--border:#262626;--border-2:#333;--accent:#6aa3ff;--pill-merged-bg:#103a23;--pill-merged-fg:#6dd49a;--pill-open-bg:#3a2c0a;--pill-open-fg:#e2b35e;--pill-closed-bg:#1c1c1c;--pill-closed-fg:#888}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}::selection{background:var(--accent);color:#fff}.page{max-width:var(--max-w);margin:0 auto;padding:48px 24px 96px}@media (max-width:640px){.page{padding:32px 20px 64px}}.topbar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:32px}.theme-toggle{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg-2);cursor:pointer;font-family:inherit;font-size:13px;padding:6px 10px;transition:border-color .15s,color .15s}.theme-toggle:hover{border-color:var(--border-2);color:var(--fg)}.hero{margin-bottom:56px}.hero__name{font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0 0 4px}.hero__where{color:var(--fg-3);font-size:14px;margin:0 0 24px}.hero__where a{color:var(--fg-2);border-bottom:1px solid var(--border)}.hero__where a:hover{color:var(--accent);border-bottom-color:var(--accent)}.hero__lede{font-size:17px;line-height:1.6;color:var(--fg);margin:0 0 16px;max-width:560px}.hero__lede a{border-bottom:1px solid var(--border-2)}.hero__lede a:hover{color:var(--accent);border-bottom-color:var(--accent)}.section{margin-top:64px}.section__h{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin:0 0 24px}.section__more{display:inline-flex;align-items:center;gap:4px;margin-top:16px;color:var(--fg-2);font-size:14px;border-bottom:1px solid var(--border);padding-bottom:1px}.section__more:hover{color:var(--accent);border-bottom-color:var(--accent)}.project-list{display:flex;flex-direction:column;gap:var(--row-gap)}.project-row{position:relative;display:grid;grid-template-columns:var(--thumb-w) 1fr;grid-gap:20px;gap:20px;align-items:start;color:inherit}.project-row__thumb{display:block;width:var(--thumb-w);height:var(--thumb-h);border-radius:var(--radius);overflow:hidden;background:var(--bg-2);border:1px solid var(--border);flex-shrink:0;transition:border-color .15s,transform .15s}.project-row__thumb img{width:100%;height:100%;object-fit:cover;display:block}.project-row__thumb:hover{border-color:var(--border-2);transform:translateY(-1px)}.project-row__title:hover{color:var(--accent)}.project-row__preview{position:absolute;top:-12px;left:-12px;width:560px;height:360px;pointer-events:none;opacity:0;transform:translateY(8px) scale(.96);transform-origin:top left;transition:opacity .15s ease,transform .18s ease;z-index:100;border-radius:10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-2) transparent;border:1px solid var(--border-2);background:var(--bg-2);box-shadow:0 18px 56px rgba(0,0,0,.18)}[data-theme=dark] .project-row__preview{box-shadow:0 18px 56px rgba(0,0,0,.5)}.project-row__preview a{display:block;border-bottom:none}.project-row__preview img{width:100%;height:auto;display:block}.project-row__preview:hover,.project-row__thumb:focus-visible~.project-row__preview,.project-row__thumb:hover~.project-row__preview{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}@media (max-width:768px){.project-row__preview{display:none}}@media (prefers-reduced-motion:reduce){.project-row__preview{transition:opacity .1s linear;transform:none}.project-row__thumb:hover~.project-row__preview{transform:none}}.project-row__body{min-width:0}.project-row__head{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.project-row__title{font-size:16px;font-weight:600;color:var(--fg);letter-spacing:-.01em}.project-row__year{font-family:var(--font-mono);font-size:12px;color:var(--fg-3);font-weight:400}.project-row__blurb{font-size:14px;line-height:1.55;color:var(--fg-2);margin:0 0 8px}.project-row__meta{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--fg-3)}.project-row__meta a{color:var(--fg-2);border-bottom:1px solid var(--border);padding-bottom:1px}.project-row__meta a:hover{color:var(--accent);border-bottom-color:var(--accent)}.project-row__sep{color:var(--border-2)}@media (max-width:540px){.project-row{grid-template-columns:88px 1fr;gap:14px}.project-row__thumb{width:88px;height:60px}}.oss-list{display:flex;flex-direction:column}.oss-row{display:grid;grid-template-columns:72px 1fr auto;grid-gap:16px;gap:16px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--border);color:inherit;font-size:14px}.oss-row:first-child{border-top:1px solid var(--border)}.oss-row__state{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px;text-align:center;white-space:nowrap;justify-self:start}.oss-row__state--merged{background:var(--pill-merged-bg);color:var(--pill-merged-fg)}.oss-row__state--open{background:var(--pill-open-bg);color:var(--pill-open-fg)}.oss-row__state--closed{background:var(--pill-closed-bg);color:var(--pill-closed-fg)}.oss-row__main{min-width:0;overflow:hidden}.oss-row__repo{color:var(--fg-2)}.oss-row__num,.oss-row__repo{font-family:var(--font-mono);font-size:13px}.oss-row__num{color:var(--fg-3);margin-left:4px}.oss-row__title{display:block;color:var(--fg);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oss-row:hover .oss-row__title{color:var(--accent)}.oss-row__date{font-family:var(--font-mono);font-size:12px;color:var(--fg-3);white-space:nowrap}@media (max-width:640px){.oss-row{grid-template-columns:64px 1fr;grid-template-rows:auto auto;row-gap:4px}.oss-row__date{grid-column:2;grid-row:2}}.oss-group{margin-top:40px}.oss-group:first-of-type{margin-top:0}.oss-group__h{display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin:0 0 16px}.oss-group__count{font-family:var(--font-mono);color:var(--fg-3);font-weight:400;letter-spacing:0;text-transform:none}.footer{margin-top:96px;padding-top:24px;border-top:1px solid var(--border);font-size:13px;color:var(--fg-3);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer a{color:var(--fg-2);border-bottom:1px solid var(--border)}.footer a:hover{color:var(--accent);border-bottom-color:var(--accent)}.notfound{text-align:center;padding:96px 24px}.notfound h1{font-size:48px;margin:0 0 8px;letter-spacing:-.02em}.notfound p{color:var(--fg-2);margin:0 0 24px}.notfound a{color:var(--accent);border-bottom:1px solid;padding-bottom:1px}