:root{color-scheme:dark;--bg: #16191d;--surface: #1e2228;--surface-2: #262b33;--border: #30363d;--text: #e6e9ec;--muted: #9aa3ad;--accent: #3fb950;--accent-dim: #2ea043;--accent-rgb: 63 185 80;--shadow-card-hover: 0 4px 20px -8px rgb(0 0 0 / .4);--shadow-card-lift: 0 12px 28px -12px rgb(0 0 0 / .55), 0 0 24px -14px rgb(var(--accent-rgb) / .4);--radius: 10px;--font-sans: "Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, monospace}:root[data-theme=light]{color-scheme:light;--bg: #ffffff;--surface: #f6f8fa;--surface-2: #eaeef2;--border: #d0d7de;--text: #1f2328;--muted: #59636e;--accent: #1a7f37;--accent-dim: #116329;--accent-rgb: 26 127 55;--shadow-card-hover: 0 4px 16px -8px rgb(31 35 40 / .14);--shadow-card-lift: 0 12px 28px -12px rgb(31 35 40 / .2), 0 0 24px -14px rgb(var(--accent-rgb) / .22)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--bg: #ffffff;--surface: #f6f8fa;--surface-2: #eaeef2;--border: #d0d7de;--text: #1f2328;--muted: #59636e;--accent: #1a7f37;--accent-dim: #116329;--accent-rgb: 26 127 55;--shadow-card-hover: 0 4px 16px -8px rgb(31 35 40 / .14);--shadow-card-lift: 0 12px 28px -12px rgb(31 35 40 / .2), 0 0 24px -14px rgb(var(--accent-rgb) / .22)}}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-feature-settings:"cv11","ss01","tnum";line-height:1.6;scroll-behavior:smooth;scroll-padding-top:4rem;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;display:flex;flex-direction:column}main{flex:1}h1,h2,h3{font-weight:650;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}h1{font-size:clamp(2.25rem,1.6rem + 2.6vw,3.5rem);letter-spacing:-.03em}h2{font-size:clamp(1.5rem,1.25rem + 1vw,2.1rem)}h3{font-size:1.2rem}a{color:var(--accent);text-decoration:none;text-underline-offset:.2em}a:hover{text-decoration:underline}::selection{background:var(--accent-dim);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}html{scrollbar-color:var(--surface-2) var(--bg);scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--border)}.container{max-width:64rem;margin-inline:auto;padding-inline:1.25rem}.section-title{font-size:1.35rem;margin:3rem 0 1.25rem;padding-left:.75rem;border-left:3px solid var(--accent-dim);color:var(--text)}.btn{display:inline-block;padding:.6rem 1.2rem;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);background:var(--surface);font-weight:500;transition:background-color .15s ease,border-color .15s ease,box-shadow .18s ease,transform .18s ease}.btn:hover{background:var(--surface-2);border-color:var(--muted);text-decoration:none;transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.btn-primary:hover{background:var(--accent-dim);border-color:var(--accent-dim);box-shadow:0 4px 18px -6px rgb(var(--accent-rgb) / .45)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.card:hover{border-color:var(--accent-dim);box-shadow:var(--shadow-card-hover)}a.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-lift)}a.card:active{transform:translateY(-1px) scale(.99);transition-duration:80ms}.tag{display:inline-block;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.01em;padding:.15rem .55rem;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border);transition:border-color .15s ease,color .15s ease}.tag:hover{border-color:var(--accent-dim);color:var(--text)}.seg{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.seg-item{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;padding:.32rem .66rem;border:0;border-radius:999px;background:transparent;font:inherit;font-size:.8rem;font-weight:600;letter-spacing:.04em;line-height:1;color:var(--muted);cursor:pointer;transition:color .15s ease,background-color .15s ease}.seg-item:hover{color:var(--text);text-decoration:none}.seg-item.is-active,:root:not([data-theme]) .theme-seg [data-set-theme=system],:root[data-theme=light] .theme-seg [data-set-theme=light],:root[data-theme=dark] .theme-seg [data-set-theme=dark]{background:var(--surface-2);color:var(--text);cursor:default;box-shadow:inset 0 0 0 1px var(--accent-dim)}.seg-item:focus-visible{border-radius:999px}.seg-item.seg-icon{padding:.3rem}@media(max-width:740px){.seg-item{padding-inline:.55rem}}.seg-item svg{display:block}.theme-seg{display:none}html.theme-js .theme-seg{display:inline-flex}html.js-reveal .reveal{opacity:0}html.js-reveal .reveal.is-visible{opacity:1;animation:reveal-in .55s cubic-bezier(.16,1,.3,1) backwards;animation-delay:var(--reveal-delay, 0ms)}@keyframes reveal-in{0%{opacity:0;transform:translateY(16px)}}@media print{html.js-reveal .reveal{opacity:1!important;animation:none!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}}
