:root{--surface: #faf8ff;--surface-dim: #d2d9f4;--surface-bright: #faf8ff;--surface-container-lowest: #ffffff;--surface-container-low: #f2f3ff;--surface-container: #eaedff;--surface-container-high: #e2e7ff;--surface-container-highest: #dae2fd;--on-surface: #131b2e;--on-surface-variant: #4b4356;--inverse-surface: #283044;--inverse-on-surface: #eef0ff;--outline: #7c7388;--outline-variant: #cdc2da;--surface-tint: #7c00fb;--primary: #6000c6;--on-primary: #ffffff;--primary-container: #7e04ff;--on-primary-container: #e6d4ff;--inverse-primary: #d5bbff;--secondary: #0500c6;--on-secondary: #ffffff;--secondary-container: #1717ff;--on-secondary-container: #babdff;--tertiary: #5300d2;--on-tertiary: #ffffff;--tertiary-container: #6c31f0;--on-tertiary-container: #e1d5ff;--error: #ba1a1a;--background: #faf8ff;--on-background: #131b2e;--hairline: rgba(15, 23, 42, .1);--halo-color: rgba(126, 4, 255, .15);--radius-sm: .25rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-default: .5rem;--radius-full: 9999px;--container-max: 1280px;--gutter: 2rem;--margin-desktop: 4rem;--margin-mobile: 1.5rem;--stack-sm: .5rem;--stack-md: 1.5rem;--stack-lg: 4rem;--font-sans: "Hanken Grotesk", system-ui, -apple-system, Segoe UI, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--background);color:var(--on-background);font-family:var(--font-sans);font-size:16px;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}body{position:relative;overflow-x:hidden}strong,b{font-weight:700}em,i{font-style:italic}.bg-mesh{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(60vw 60vw at 12% -8%,color-mix(in srgb,var(--secondary) 10%,transparent),transparent 60%),radial-gradient(50vw 50vw at 110% 25%,color-mix(in srgb,var(--primary-container) 10%,transparent),transparent 60%),radial-gradient(70vw 60vw at 50% 115%,color-mix(in srgb,var(--tertiary) 8%,transparent),transparent 60%)}.bg-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.3;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:160px 160px}.page{max-width:var(--container-max);margin:0 auto;padding:var(--margin-desktop) var(--margin-desktop) 3rem;display:flex;flex-direction:column;min-height:100vh}main{flex:1}.site-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--stack-md);margin-bottom:var(--stack-lg);background:transparent;border:none;padding:0}.site-nav{display:flex;gap:.5rem;margin-left:auto}.nav-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius-default);border:1px solid var(--primary);background:transparent;color:var(--primary);font-weight:600;font-size:14px;line-height:1;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .2s cubic-bezier(.22,1,.36,1)}.nav-button:hover{background:var(--primary);color:var(--on-primary);transform:scale(1.02)}.nav-button:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.nav-button--ghost{border-color:var(--outline-variant);color:var(--on-surface-variant)}.nav-button--ghost:hover{background:var(--surface-container);color:var(--on-surface);border-color:var(--on-surface-variant)}.site-logo-link{display:inline-flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.22,1,.36,1)}.site-logo-link:hover{transform:scale(1.02)}.site-logo-link:focus-visible{outline:2px solid var(--primary);outline-offset:6px;border-radius:var(--radius-default)}.site-logo-link img{display:block;width:162px;height:39px}.card-meta{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;font-weight:600;font-size:14px;line-height:1;letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant)}.card-tag{padding:6px 12px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--tertiary-container) 25%,transparent);color:var(--tertiary);letter-spacing:.05em}.card-dot{opacity:.4}.avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--secondary),var(--primary));color:var(--on-primary);font-weight:700;font-size:11px;letter-spacing:.04em}.avatar--lg{width:44px;height:44px;font-size:15px}.author-name{font-weight:600;font-size:14px;color:var(--on-surface);letter-spacing:0}.card-author{display:inline-flex;align-items:center;gap:10px;margin-top:var(--stack-md)}.post-card .card-author,.featured-card .card-author{display:none}.featured-card{position:relative;display:flex;flex-direction:column;gap:var(--stack-sm);padding:3rem 6rem 3rem 3rem;border-radius:var(--radius-xl);color:var(--on-primary);text-decoration:none;background-image:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%);background-size:200% 200%;background-position:0% 0%;border:none;transition:background-position .9s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;overflow:hidden;isolation:isolate;margin-bottom:var(--stack-lg);animation:cardIn .6s cubic-bezier(.22,1,.36,1) both;animation-delay:60ms}.featured-card{--mx: 50%;--my: 50%}.featured-card:before{content:"";position:absolute;inset:-40px;z-index:-1;border-radius:inherit;background:radial-gradient(320px circle at var(--mx) var(--my),var(--halo-color),transparent 70%);opacity:0;transition:opacity .35s ease;pointer-events:none}.featured-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(450px circle at var(--mx) var(--my),rgba(255,255,255,.22),transparent 55%);opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:1}.featured-card:hover{background-position:100% 100%;transform:scale(1.02)}.featured-card:hover:before,.featured-card:hover:after{opacity:1}.featured-card>*{position:relative;z-index:2}.featured-card .card-meta,.featured-card .author-name{color:#ffffffd9}.featured-card .card-tag{background:#ffffff2e;color:#fff}.featured-card .avatar{background:#ffffff38;color:#fff}.featured-title{font-weight:800;font-size:clamp(40px,5.5vw,64px);line-height:1.1;letter-spacing:-.04em;margin:0;color:#fff}.featured-description{margin:0;font-size:20px;line-height:1.6;color:#ffffffe6;max-width:60ch}.post-arrow{position:absolute;top:32px;right:32px;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#ffffff2e;color:#fff;transition:background-color .3s ease,color .3s ease,transform .3s cubic-bezier(.22,1,.36,1)}.post-arrow svg{width:20px;height:20px}.featured-card:hover .post-arrow{background:#fff;color:var(--primary);transform:translate(4px)}.post-grid{list-style:none;padding:0;margin:0;display:grid;gap:var(--stack-md);grid-template-columns:1fr}@media(min-width:960px){.post-grid{grid-template-columns:1fr 1fr}}.post-card{position:relative;display:flex;flex-direction:column;gap:var(--stack-sm);height:100%;padding:2rem;border-radius:var(--radius-lg);background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:none;color:var(--on-surface);text-decoration:none;transition:transform .35s cubic-bezier(.22,1,.36,1);overflow:hidden;isolation:isolate;animation:cardIn .6s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.12s + var(--stagger, 0) * 80ms)}.post-card{--mx: 50%;--my: 50%}.post-card:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:radial-gradient(260px circle at var(--mx) var(--my),var(--halo-color),transparent 70%);opacity:0;transition:opacity .35s ease;pointer-events:none}.post-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(320px circle at var(--mx) var(--my),rgba(126,4,255,.08),transparent 60%);opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:0}.post-card>*{position:relative;z-index:1}.post-card:hover:after{opacity:1}.post-card:hover{transform:scale(1.02)}.post-card:hover:before{opacity:1}.post-title{font-weight:700;font-size:24px;line-height:1.3;letter-spacing:-.02em;margin:0;color:var(--on-surface);background-image:linear-gradient(135deg,var(--secondary),var(--primary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:currentColor;transition:-webkit-text-fill-color .3s ease,color .3s ease}.post-card:hover .post-title{-webkit-text-fill-color:transparent;color:transparent}.post-description{margin:0;font-size:16px;line-height:1.6;color:var(--on-surface-variant);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:var(--radius-default)}.featured-card:focus-visible,.post-card:focus-visible{outline-color:#fff;outline-offset:4px;box-shadow:0 0 0 4px var(--primary)}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:var(--stack-lg);font-weight:600;font-size:14px;line-height:1;letter-spacing:.05em;text-transform:uppercase;color:var(--primary);text-decoration:none;transition:color .15s ease,transform .25s ease}.back-link:hover{color:var(--secondary);transform:translate(-2px)}.article{max-width:720px;margin:0 auto}.article-title{font-weight:800;font-size:clamp(40px,6vw,64px);line-height:1.1;letter-spacing:-.04em;margin:0 0 var(--stack-md);color:var(--on-surface)}.article-byline{display:flex;align-items:center;margin:0 0 var(--stack-md)}.article-byline .card-meta{color:var(--on-surface-variant)}.article-byline .author-name{font-weight:600;font-size:14px;line-height:1;letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface)}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:var(--stack-md);margin-bottom:var(--stack-md);border-bottom:1px solid var(--hairline)}.article-byline+.article-content,.article-tags+.article-content{padding-top:var(--stack-sm)}.tag-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--tertiary-container) 25%,transparent);color:var(--tertiary);font-weight:600;font-size:14px;line-height:1;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .2s cubic-bezier(.22,1,.36,1)}a.tag-chip:hover{background:var(--tertiary);color:var(--on-tertiary);transform:scale(1.04)}.tag-header{margin-bottom:var(--stack-lg)}.tag-header .card-meta{color:var(--tertiary);margin-bottom:var(--stack-sm)}.tag-title{font-weight:800;font-size:clamp(40px,6vw,64px);line-height:1.1;letter-spacing:-.04em;margin:0 0 var(--stack-sm);background:linear-gradient(135deg,var(--secondary),var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent}.tag-count{margin:0;font-size:16px;color:var(--on-surface-variant)}.graph-header{margin-bottom:var(--stack-md);max-width:65ch}.graph-title{font-weight:800;font-size:clamp(40px,6vw,64px);line-height:1.1;letter-spacing:-.04em;margin:0 0 var(--stack-sm);background:linear-gradient(135deg,var(--secondary),var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent}.graph-subtitle{margin:0;font-size:16px;line-height:1.6;color:var(--on-surface-variant)}.graph-canvas{width:100%;height:min(70vh,720px);border-radius:var(--radius-lg);background:transparent;overflow:hidden}.graph-toolbar{display:flex;align-items:center;gap:var(--stack-md);flex-wrap:wrap;margin-bottom:var(--stack-md)}.graph-search-label{position:relative;display:inline-flex;align-items:center;flex:1 1 360px;max-width:480px}.graph-search-icon{position:absolute;left:.875rem;width:18px;height:18px;color:var(--on-surface-variant);pointer-events:none;transition:color .2s ease}.graph-search{width:100%;padding:.75rem 1rem .75rem 2.5rem;font:inherit;font-size:16px;color:var(--on-surface);background:var(--surface-container-low);border:none;border-bottom:1px solid var(--outline-variant);border-radius:var(--radius-default) var(--radius-default) 0 0;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;appearance:none}.graph-search::placeholder{color:var(--on-surface-variant)}.graph-search::-webkit-search-cancel-button{appearance:none;width:14px;height:14px;border-radius:var(--radius-full);background:var(--on-surface-variant);mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'><line x1='6' y1='6' x2='18' y2='18'/><line x1='6' y1='18' x2='18' y2='6'/></svg>") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'><line x1='6' y1='6' x2='18' y2='18'/><line x1='6' y1='18' x2='18' y2='6'/></svg>") center / contain no-repeat;cursor:pointer}.graph-search:focus{outline:none;border-bottom-color:var(--primary);box-shadow:0 6px 20px -10px #7e04ff73;background:var(--surface-container-lowest)}.graph-search-label:focus-within .graph-search-icon{color:var(--primary)}.graph-search-status{font-weight:600;font-size:14px;line-height:1;letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant)}.article-content{max-width:65ch;font-size:20px;line-height:1.6;color:var(--on-surface)}.article-content>*+*{margin-top:var(--stack-md)}.article-content h2{font-weight:700;font-size:32px;line-height:1.3;letter-spacing:-.02em;margin-top:var(--stack-lg);margin-bottom:16px}.article-content h3{font-weight:600;font-size:24px;line-height:1.3;letter-spacing:-.01em;margin-top:40px;margin-bottom:12px}.article-content p{font-size:20px;line-height:1.6}.article-content a{color:var(--primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .15s ease}.article-content a:hover{color:var(--secondary)}.article-content ul,.article-content ol{padding-left:1.4em;line-height:1.6}.article-content li+li{margin-top:8px}.article-content blockquote{margin:32px 0;padding:4px 0 4px 24px;border-left:3px solid var(--primary);font-style:italic;color:color-mix(in srgb,var(--on-surface) 80%,transparent)}.article-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85em;padding:2px 6px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--primary-container) 12%,transparent);color:var(--primary)}.article-content pre{position:relative;padding:20px 24px;padding-right:5.5rem;border-radius:var(--radius-md);background:var(--inverse-surface);color:var(--inverse-on-surface);overflow-x:auto;font-size:14px;line-height:1.5}.copy-button{position:absolute;top:.75rem;right:.75rem;display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:var(--radius-default);background:#ffffff14;color:var(--inverse-on-surface);border:1px solid rgba(255,255,255,.14);font-family:var(--font-sans);font-weight:600;font-size:12px;line-height:1;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;opacity:0;transform:translateY(-2px);transition:opacity .2s ease,transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.copy-button svg{width:14px;height:14px}.article-content pre:hover .copy-button,.copy-button:focus-visible{opacity:1;transform:translateY(0)}.copy-button:hover{background:#ffffff2e}.copy-button.is-copied{background:var(--primary);color:var(--on-primary);border-color:var(--primary);opacity:1;transform:translateY(0)}.copy-button.is-error{background:var(--error);color:var(--on-error, #ffffff);border-color:var(--error);opacity:1}@media(hover:none){.copy-button{opacity:1;transform:translateY(0)}}.article-content pre code{padding:0;background:transparent;color:inherit;font-size:inherit}.article-content pre.mermaid{padding:24px;background:var(--surface-container-low);color:var(--on-surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);overflow-x:auto;display:flex;justify-content:center}.article-content pre.mermaid .copy-button{display:none}.article-content pre.mermaid svg{max-width:100%;height:auto}.article-content pre.mermaid foreignObject p{margin:0;font-size:16px;line-height:1.5}.article-content iframe.slides-embed{width:100%;aspect-ratio:16 / 9;border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface-container-low);display:block;margin:24px 0}.article-content hr{border:none;border-top:1px solid var(--hairline);margin:48px 0}.site-footer{margin-top:96px;padding-top:32px;border-top:1px solid var(--hairline)}.footer-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-brand{font-weight:600;font-size:14px;line-height:1;letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant)}.footer-nav{display:flex;gap:24px;flex-wrap:wrap}.footer-nav a{font-weight:600;font-size:14px;line-height:1;letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface);text-decoration:none;transition:color .15s ease}.footer-nav a:hover{color:var(--primary)}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:960px){.page{padding:2rem var(--margin-mobile) 2rem}}@media(max-width:640px){.featured-card{padding:36px 24px 32px;border-radius:var(--radius-lg)}.featured-card .post-arrow{top:24px;right:24px;width:40px;height:40px}.featured-title,.article-title{font-size:32px;letter-spacing:-.02em}.site-header{margin-bottom:var(--stack-md)}}