@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--c-bg:#fafaf8;--c-bg-alt:#f2f0ec;--c-ink:#1a1a1a;--c-accent:#c8512f;--c-muted:#8a8580;--c-line:#e0ddd7;--c-accent-soft:#c8512f14;--f-display:"Fraunces", Georgia, serif;--f-sans:"Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--f-mono:"JetBrains Mono", "SF Mono", monospace;--max-w:720px;--max-w-wide:960px;--s-xs:4px;--s-sm:8px;--s-md:16px;--s-lg:24px;--s-xl:48px;--s-2xl:80px;--s-3xl:120px;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--f-sans);color:var(--c-ink);background:var(--c-bg);line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--c-accent)}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}.container-wide{max-width:var(--max-w-wide);margin:0 auto;padding:0 24px}.display{font-family:var(--f-display);letter-spacing:-.02em;font-weight:400;line-height:1.1}.mono{font-family:var(--f-mono);font-weight:500}.section{padding:var(--s-2xl) 0;position:relative}.section-label{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--c-muted);margin-bottom:var(--s-md);font-size:.7rem;font-weight:500}.section-title{letter-spacing:-.01em;margin-bottom:var(--s-xl);font-size:1.5rem;font-weight:600;line-height:1.3}.tag{font-family:var(--f-mono);letter-spacing:.04em;border-radius:var(--r-full);border:1px solid var(--c-line);color:var(--c-muted);background:var(--c-bg);white-space:nowrap;align-items:center;padding:3px 10px;font-size:.68rem;font-weight:500;display:inline-flex}.tag--active{color:var(--c-accent);background:var(--c-accent-soft);border-color:#c8512f4d}.tag--done{color:var(--c-ink);border-color:var(--c-ink)}.card{background:var(--c-bg-alt);border:1px solid var(--c-line);border-radius:var(--r-md);padding:24px;transition:border-color .2s,transform .2s}.card:hover{border-color:#c8512f66}.codeblock{font-family:var(--f-mono);color:#e0ddd7;border-radius:var(--r-md);background:#1a1a1a;margin-top:16px;font-size:.72rem;line-height:1.65;overflow:hidden}.codeblock__bar{background:#2a2a2a;border-bottom:1px solid #333;align-items:center;gap:6px;padding:8px 14px;display:flex}.codeblock__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.codeblock__dot--red{background:#ff5f57}.codeblock__dot--yellow{background:#ffbd2e}.codeblock__dot--green{background:#28ca42}.codeblock__title{font-family:var(--f-mono);color:#666;letter-spacing:.03em;margin-left:8px;font-size:.65rem}.codeblock__body{white-space:pre;padding:14px 16px;overflow-x:auto}.codeblock .ck-accent{color:#c8512f}.codeblock .ck-muted{color:#8a8580}.codeblock .ck-green{color:#7ec}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--c-line);background:#fafaf8d9;position:fixed;top:0;left:0;right:0}.nav__inner{max-width:var(--max-w-wide);justify-content:space-between;align-items:center;height:56px;margin:0 auto;padding:0 24px;display:flex}.nav__logo{font-family:var(--f-display);letter-spacing:-.01em;font-size:1.1rem;font-weight:500}.nav__links{gap:28px;list-style:none;display:flex}.nav__link{color:var(--c-muted);cursor:pointer;font-size:.82rem;font-weight:500;transition:color .2s;position:relative}.nav__link:hover,.nav__link.active{color:var(--c-accent)}.nav__link.active:after{content:"";background:var(--c-accent);border-radius:1px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.loader{z-index:999;background:var(--c-bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.loader.hidden{opacity:0;visibility:hidden}.loader__text{font-family:var(--f-mono);color:var(--c-muted);letter-spacing:.1em;font-size:.8rem}.loader__bar{background:var(--c-line);border-radius:1px;width:200px;height:2px;overflow:hidden}.loader__bar-fill{background:var(--c-accent);width:0;height:100%;transition:width .3s}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.footer{padding:var(--s-lg) 0 var(--s-xl);border-top:1px solid var(--c-line);margin-top:var(--s-2xl)}.footer__inner{max-width:var(--max-w);justify-content:space-between;align-items:center;gap:var(--s-md);flex-wrap:wrap;margin:0 auto;padding:0 24px;display:flex}.footer__text{color:var(--c-muted);font-size:.78rem;font-family:var(--f-mono)}.footer__links{gap:20px;display:flex}.footer__link{color:var(--c-muted);font-size:.78rem;font-family:var(--f-mono)}@media (width<=640px){:root{--s-2xl:56px;--s-3xl:80px}.container,.container-wide{padding:0 16px}.card{padding:16px}.nav__links{gap:16px}.nav__link{font-size:.75rem}.section-title{font-size:1.25rem}}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}::selection{background:var(--c-accent);color:var(--c-bg)}