:root{--site-text:var(--pico-color,#111827);--site-muted:var(--pico-muted-color,#4b5563);--site-border:var(--pico-muted-border-color,#d1d5db);--site-surface:var(--pico-background-color,#ffffff);--site-surface-2:var(--pico-card-background-color,#ffffff);--site-radius:var(--pico-border-radius,0.5rem);--site-header-bg:rgba(255,255,255,0.92);--site-shadow-sm:0 1px 0 rgba(0,0,0,0.04),0 12px 28px rgba(0,0,0,0.06);--site-icon-size:1.05em;--site-surface-muted:#f3f4f6;--site-ribbon-text:#ffffff;--site-ribbon-inactive-bg:#6b7280;--site-ribbon-private-bg:#7c3aed;--site-surface-private:#f7f3ff;--site-card-body:#ffffff;--site-card-body-muted:#eef2f6;--site-card-body-private:#f3edff;--site-card-head:#f5f6f8;--site-card-head-muted:#e3e9f0;--site-card-head-private:#e9ddff}html[data-theme="light"]{--site-surface:#fbfcfe;--site-surface-2:#ffffff;--site-border:#d0d7de;--site-muted:#4b5563;--site-header-bg:rgba(251,252,254,0.88);--site-surface-muted:#f3f4f6;--site-surface-private:#f7f3ff;--site-card-body:#ffffff;--site-card-body-muted:#eef2f6;--site-card-body-private:#f3edff;--site-card-head:#ffffff;--site-card-head-muted:#e3e9f0;--site-card-head-private:#e9ddff;--pico-background-color:#fbfcfe;--pico-card-background-color:#ffffff;--pico-muted-border-color:#d0d7de;--pico-muted-color:#4b5563}html[data-theme="dark"]{--site-header-bg:rgba(16,18,22,0.78);--site-shadow-sm:0 1px 0 rgba(255,255,255,0.06),0 12px 28px rgba(0,0,0,0.5);--site-surface-muted:#101827;--site-ribbon-text:#111827;--site-ribbon-inactive-bg:#cbd5e1;--site-ribbon-private-bg:#c4b5fd;--site-surface-private:#141327;--site-card-body:#0f1720;--site-card-body-muted:#0b1220;--site-card-body-private:#10102a;--site-card-head:#0b1220;--site-card-head-muted:#080e1a;--site-card-head-private:#0b0b22}body{color:var(--site-text);min-height:100vh;display:flex;flex-direction:column}main.container{padding-top:1.25rem;padding-bottom:2.5rem;flex:1 0 auto}:where(h1){font-size:clamp(1.75rem,2.25vw,2.35rem);line-height:1.12;letter-spacing:-0.02em}:where(h2){font-size:clamp(1.25rem,1.55vw,1.6rem);line-height:1.2;letter-spacing:-0.015em}:where(h3){font-size:1.05rem;line-height:1.25}.icon{width:var(--site-icon-size);height:var(--site-icon-size);display:inline-block;vertical-align:-0.14em}.site-header{position:sticky;top:0;z-index:50;background:var(--site-header-bg);box-shadow:var(--site-shadow-sm);border-bottom:1px solid var(--site-border);backdrop-filter:blur(8px)}.site-header nav{border-bottom:0}.brand{font-weight:700}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:0;background:transparent;color:inherit;box-shadow:none}.theme-toggle:hover{background:var(--pico-primary-focus);filter:none}.theme-toggle:focus-visible{outline:2px solid var(--pico-primary-focus);outline-offset:2px}.theme-icon{width:1.25rem;height:1.25rem}html[data-theme="dark"] .theme-icon--sun{display:none}html[data-theme="light"] .theme-icon--moon{display:none}.site-footer{margin-top:auto;padding-top:2rem;padding-bottom:2rem;border-top:1px solid var(--site-border);color:var(--site-muted)}.footer-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width:768px){.footer-grid{grid-template-columns:1fr auto;align-items:start}}.footer-title{font-weight:650;letter-spacing:-0.01em;color:var(--site-text)}.footer-desc{margin-top:0.25rem;max-width:50ch}.footer-links{display:flex;flex-wrap:wrap;gap:0.6rem 1rem;justify-content:flex-start}@media (min-width:768px){.footer-links{justify-content:flex-end}}.footer-links a{color:inherit}.footer-meta{margin-top:1rem;display:flex;flex-wrap:wrap;gap:0.5rem 1rem}.footer-sep{color:var(--site-border)}.cards{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:768px){.cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.cards{grid-template-columns:repeat(3,1fr)}}.card h3{margin-bottom:0.5rem}.card[data-kind="project"]{position:relative;overflow:hidden}.card[data-kind="project"]{padding:0;display:flex;flex-direction:column;--card-body-bg:var(--site-card-body);--card-head-bg:var(--site-card-head);background:var(--card-body-bg)}.card[data-kind="project"].card--dimmed{--card-body-bg:var(--site-card-body-muted);--card-head-bg:var(--site-card-head-muted)}.card[data-kind="project"].card--private{--card-body-bg:var(--site-card-body-private);--card-head-bg:var(--site-card-head-private)}.card[data-kind="project"] .card-body{background:var(--card-body-bg)}.card[data-kind="project"] .card-stretch::after{content:"";position:absolute;inset:0;z-index:2}.card[data-kind="project"] .card-stretch:focus-visible{outline:2px solid var(--pico-primary-focus);outline-offset:3px}.card[data-kind="project"] .card-top{background:var(--card-head-bg)}.card[data-kind="project"] .card-head{padding:0.65rem 1rem 0.85rem;background:var(--card-head-bg)}.card[data-kind="project"][data-state="inactive"] .card-head,.card[data-kind="project"][data-state="private"] .card-head{padding-right:3.75rem}.card[data-kind="project"] .card-title{margin:0;min-height:2.6rem;display:flex;align-items:center;font-size:0.92rem}.card[data-kind="project"] .card-title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.2;text-decoration:none}.card[data-kind="project"] .card-title a:hover{text-decoration:none}.card[data-kind="project"] .card-body{padding:1.25rem 1rem 0.25rem;flex:1 1 auto;font-size:0.9rem}.card[data-kind="project"] .card-footer{background:var(--card-body-bg);padding:0.25rem 1.5rem;margin-top:auto;margin-bottom:auto;display:flex;justify-content:flex-end}.card[data-kind="project"] .pill-row--compact{margin:0.35rem 0 1.25rem}.card[data-kind="project"] .pill,.card[data-kind="project"] .repo-link{position:relative;z-index:3}.card[data-kind="project"] .repo-link{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:0.6rem;color:inherit;text-decoration:none}.card[data-kind="project"] .repo-link:focus-visible{outline:2px solid var(--pico-primary-focus);outline-offset:2px}.card[data-kind="project"] .repo-link:hover{text-decoration:none;color:#EE513B;filter:none}.card[data-kind="project"] .repo-link .icon{width:1.5rem;height:1.5rem}.project-page{position:relative;overflow:hidden}.card-ribbon{position:absolute;top:0.8rem;right:-3.1rem;width:9rem;padding:0.25rem 0;text-align:center;font-size:0.72rem;font-weight:700;letter-spacing:0.02em;color:var(--site-ribbon-text);transform:rotate(45deg);box-shadow:0 6px 18px rgba(0,0,0,0.18);pointer-events:none;z-index:1}.card-ribbon--inactive{background:var(--site-ribbon-inactive-bg)}.card-ribbon--private{background:var(--site-ribbon-private-bg)}.card-media-wrap{padding:0.75rem 0.75rem 0.35rem;background:var(--card-head-bg)}.card-media{aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--site-border);background:var(--card-head-bg);border-radius:calc(var(--site-radius) - 0.2rem)}.card-media img{width:100%;height:100%;object-fit:contain;display:block}.card--dimmed .card-media img{filter:grayscale(1);opacity:0.9}.card p{margin-bottom:0.85rem}p.meta{margin:0.25rem 0 0;color:var(--site-muted);font-size:0.85rem;display:inline-flex;align-items:center;gap:0.35rem}p.meta small{font-size:inherit}.muted{color:var(--site-muted)}.filters{margin:1rem 0 2rem}.filters-form{display:grid;gap:1rem}.filter-options{display:flex;flex-wrap:wrap;gap:0.5rem 1rem}.filter-actions{display:flex;gap:0.5rem;align-items:center}.pagination ul{display:flex;justify-content:space-between;gap:1rem;list-style:none;padding:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.inline-search{display:flex;gap:0.5rem;align-items:center;margin-top:0.75rem}.inline-search input[type="search"]{flex:1}.with-sidebar{display:grid;grid-template-columns:minmax(14rem,16rem) minmax(0,1fr);gap:var(--pico-spacing);align-items:start}@media (max-width:900px){.with-sidebar{grid-template-columns:1fr}}.sidebar-filter{border:1px solid var(--site-border);border-radius:var(--site-radius);padding:calc(var(--pico-spacing) * 0.65);background:var(--site-surface-2)}.sidebar-filter__title{display:flex;align-items:center;gap:0.75rem;margin:0 0 0.5rem;font-size:0.85rem;font-weight:650;color:var(--site-text)}.sidebar-filter__help{margin:0 0 0.75rem;color:var(--site-muted);font-size:0.78rem}.sidebar-filter input[type="search"]{font-size:0.78rem;padding:0.32rem 0.48rem;border-radius:0.52rem;line-height:1.2;background-size:0.85rem;background-position:0.65rem 50%;padding-left:2rem}.sidebar-filter details{margin-top:0.75rem}.sidebar-filter details>summary{font-size:0.9rem;font-weight:650}.pill-row{display:flex;flex-wrap:wrap;gap:0.18rem 0.25rem;margin:0.4rem 0 1rem}.sidebar-filter .pill-row{gap:0.18rem 0.22rem}.pill{appearance:none;-webkit-appearance:none;border:1px solid var(--site-border);background:var(--site-surface);color:inherit;border-radius:0.5rem;padding:0.15rem 0.3rem;font-size:0.72rem;line-height:1.5;cursor:pointer;text-decoration:none;display:inline-block;margin-bottom:0}.sidebar-filter .pill{font-size:0.62rem;padding:0.08rem 0.34rem;border-radius:0.5rem}.pill[aria-pressed="true"]{background:var(--pico-primary-background);border-color:var(--pico-primary-border);color:var(--pico-primary-inverse)}.filter-empty{margin-top:0.5rem;color:var(--site-muted)}.pill-row--compact{margin:0.35rem 0 0}.pill-tag{font-size:0.7rem;padding:0.08rem 0.35rem}.home-top{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start;margin-bottom:2rem}@media (min-width:900px){.home-top{grid-template-columns:minmax(0,1.2fr) minmax(18rem,0.8fr);gap:1.5rem}}.home-projects{border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-surface-2);padding:1rem}.home-projects__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:0.75rem}.home-projects__header h2{margin:0}.project-tiles{display:grid;gap:0.75rem}.project-tile{position:relative;border:1px solid var(--site-border);border-radius:var(--site-radius);overflow:hidden;background:var(--site-surface)}.project-tile--dimmed{background:var(--site-surface-muted)}.project-tile--private{background:var(--site-surface-private)}.project-tile--dimmed img{filter:grayscale(1);opacity:0.9}.project-tile__ribbon{position:absolute;top:0.55rem;right:-2.8rem;width:8rem;padding:0.2rem 0;text-align:center;font-size:0.7rem;font-weight:700;letter-spacing:0.02em;color:var(--site-ribbon-text);transform:rotate(45deg);box-shadow:0 6px 18px rgba(0,0,0,0.18);pointer-events:none;z-index:2}.project-tile__ribbon--inactive{background:var(--site-ribbon-inactive-bg)}.project-tile__ribbon--private{background:var(--site-ribbon-private-bg)}.project-tile__link{display:grid;grid-template-columns:5rem 1fr;gap:0.75rem;text-decoration:none;color:inherit}.project-tile__media{width:5rem;height:5rem;background:var(--site-surface-2);display:flex;align-items:center;justify-content:center}@supports (background:color-mix(in srgb,#000 50%,#fff)){.project-tile__media{background:color-mix(in srgb,var(--site-surface-2) 85%,var(--site-border))}}.project-tile__media img{width:100%;height:100%;object-fit:cover}.project-tile__body{padding:0.65rem 0.75rem 0.75rem 0}.project-tile__title{margin:0 0 0.2rem;font-size:1rem;line-height:1.25}.project-tile__desc{margin:0;color:var(--site-muted);font-size:0.9rem}:where(h2,h3,h4,h5,h6){scroll-margin-top:6rem}