:root{--bg:#0c0d10;--bg-alt:#13151b;--surface:#15171e;--text:#e9e9ec;--muted:#9698a1;--faint:#6a6c75;--line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.16);--accent:#bce25c;--accent-dim:#8aa843;--display:"Bricolage Grotesque",serif;--body:"Hanken Grotesk",sans-serif;--mono:"JetBrains Mono",monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60rem 40rem at 78% -8%,rgba(188,226,92,.07),transparent 60%),radial-gradient(50rem 40rem at -10% 18%,rgba(120,150,255,.05),transparent 55%)}.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(80% 60% at 50% 0%,#000 30%,transparent 90%);-webkit-mask-image:radial-gradient(80% 60% at 50% 0%,#000 30%,transparent 90%)}.wrap{max-width:1080px;margin:0 auto;padding:0 28px;position:relative;z-index:1}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#0c0d10}header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0d10b3;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;height:70px}.brand{font-family:var(--mono);font-size:15px;font-weight:500;display:flex;align-items:center;gap:9px;cursor:pointer}.brand .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.nav-links{display:flex;gap:8px;align-items:center}.nav-links a{font-size:13px;color:var(--muted);transition:color .2s;cursor:pointer;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-login{border:1px solid var(--line-strong);padding:6px 12px;border-radius:8px;color:var(--text)!important;font-family:var(--mono);font-size:13px}.nav-login:hover,.nav-login.active{border-color:var(--accent);color:var(--accent)!important}.burger{display:none;background:none;border:0;color:var(--text);font-size:24px;cursor:pointer;line-height:1}.disabled{font-size:13.5px;color:var(--muted);opacity:.45;cursor:default;-webkit-user-select:none;user-select:none}.nav-dropdown{position:relative;display:flex;align-items:center}.nav-dropdown-label{font-size:13.5px;color:var(--muted);cursor:default;transition:color .2s}.nav-dropdown:hover .nav-dropdown-label{color:var(--text)}.nav-dropdown-menu{position:absolute;top:100%;left:0;display:none;flex-direction:column;min-width:180px;padding:8px 0;background:var(--bg-alt);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 24px #00000059;z-index:60}.nav-dropdown:hover .nav-dropdown-menu{display:flex}.nav-dropdown-menu a,.nav-dropdown-menu .disabled{padding:8px 16px;font-size:13.5px}.nav-dropdown-menu a:hover{color:var(--text);background:#ffffff0a}.nav-res-wrapper{position:relative;display:flex;align-items:center;gap:1px;white-space:nowrap}.nav-res-arrow{background:none;border:none;color:var(--accent);font-size:10px;cursor:pointer;padding:0 1px;line-height:1;transition:color .2s,transform .2s;display:inline-flex;align-items:center;opacity:.8}.nav-res-arrow:hover,.nav-res-arrow.open{opacity:1}.nav-res-arrow.open{transform:rotate(180deg)}.nav-res-dropdown{position:absolute;top:calc(100% + 10px);left:0;display:flex;flex-direction:column;min-width:230px;padding:8px 0;background:var(--bg-alt);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 28px #0006;z-index:500}.nav-res-group-label{padding:10px 14px 3px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:.65;pointer-events:none}.nav-res-item{padding:6px 14px 6px 22px;font-size:13px;color:var(--muted);transition:color .15s,background .15s;white-space:nowrap}.nav-res-item:hover{color:var(--text);background:#ffffff0a}@media (max-width:1024px){.nav-links{position:fixed;inset:70px 0 auto;flex-direction:column;gap:0;background:var(--bg-alt);border-bottom:1px solid var(--line);transform:translateY(-130%);transition:transform .3s;padding:8px 0;align-items:stretch;max-height:calc(100vh - 70px);overflow-y:auto}.nav-links.open{transform:none}.nav-links a{padding:16px 28px;width:100%;border-top:1px solid var(--line)}.nav-login{margin:12px 28px;text-align:center}.nav-dropdown{flex-direction:column;align-items:stretch}.nav-dropdown-label{padding:16px 28px;border-top:1px solid var(--line)}.nav-dropdown-menu{position:static;display:flex;border:0;border-radius:0;background:var(--bg);box-shadow:none;padding:0}.nav-dropdown-menu a,.nav-dropdown-menu .disabled{padding:14px 28px 14px 44px;border-top:1px solid var(--line)}.disabled{padding:16px 28px;width:100%;border-top:1px solid var(--line);display:block}.burger{display:block}.nav-res-wrapper{flex-wrap:wrap;width:100%;border-top:1px solid var(--line)}.nav-res-wrapper>a{flex:1;border-top:0!important}.nav-res-arrow{padding:16px;border-top:0}.nav-res-dropdown{position:static;width:100%;border:0;border-radius:0;background:var(--bg);box-shadow:none;padding:0}.nav-res-group-label{padding:10px 28px 4px 44px}.nav-res-item{padding:12px 28px 12px 44px;border-top:1px solid var(--line)}}.site-search{position:relative;width:140px}.site-search-input{width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;color:var(--text);font-family:var(--body);font-size:13.5px;padding:7px 12px;outline:none;transition:border-color .2s}.site-search-input::placeholder{color:var(--faint)}.site-search-input:focus{border-color:var(--accent)}.site-search-results{position:absolute;top:calc(100% + 6px);right:0;width:300px;max-width:80vw;max-height:360px;overflow-y:auto;background:var(--bg-alt);border:1px solid var(--line-strong);border-radius:10px;box-shadow:0 12px 32px #00000073;z-index:60;padding:6px}.site-search-result{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;padding:9px 10px;border-radius:7px;background:none;border:0;cursor:pointer;transition:background .15s}.site-search-result:hover{background:var(--surface)}.ssr-term{font-family:var(--mono);font-size:13px;color:var(--text)}.ssr-meta{font-size:12px;color:var(--faint)}.site-search-empty{padding:10px;font-size:13px;color:var(--faint)}@media (max-width:880px){.site-search{width:100%;margin:8px 28px;width:calc(100% - 56px)}.site-search-results{left:0;right:0;width:auto;max-width:none}.cs-popup-dl{grid-template-columns:1fr}.cs-popup-dl dt{margin-top:8px}.cs-popup-dl dt:first-child{margin-top:0}}.btn{font-size:15px;font-weight:500;padding:13px 26px;border-radius:10px;transition:transform .15s,border-color .2s;display:inline-flex;align-items:center;gap:9px;cursor:pointer;border:0}.btn-primary{background:var(--accent);color:#0c0d10}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{border:1px solid var(--line-strong);color:var(--text);background:none}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.hero{padding:130px 0 90px}.eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:.04em;color:var(--accent);display:inline-flex;align-items:center;gap:10px;margin-bottom:30px}.eyebrow:before{content:"";width:26px;height:1px;background:var(--accent)}.eyebrow.center{justify-content:center}.eyebrow.center:before{display:none}h1{font-family:var(--display);font-weight:500;font-size:clamp(1.3rem,3.5vw,2.55rem);line-height:1.1;letter-spacing:-.02em;max-width:16ch}h1 em{font-style:normal;color:var(--accent)}.lede{color:var(--muted);font-size:clamp(1.05rem,2.2vw,1.3rem);max-width:46ch;margin-top:30px;line-height:1.6}.actions{display:flex;gap:14px;margin-top:21px;flex-wrap:wrap}.stack-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;margin-top:36px;overflow:hidden}.stack-row{display:flex;gap:14px;flex-wrap:wrap}.tag{font-family:var(--mono);font-size:13px;color:var(--muted);border:1px solid var(--line);padding:7px 14px;border-radius:999px;transition:all .2s}.tag:hover{color:var(--accent);border-color:var(--accent)}section{padding:48px 0;position:relative;z-index:1}.res-top,.head.res-top,.hero.res-top,.contact.res-top,.login-section.res-top{padding-top:16px}.res-tight-bottom{padding-bottom:12px}.sec-label{font-family:var(--mono);font-size:13px;color:var(--faint);letter-spacing:.05em;text-transform:uppercase;margin-bottom:24px;display:flex;align-items:center;gap:14px}.sec-label span{flex:1;height:1px;background:var(--line)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.grid-cards.wide{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;transition:border-color .2s,transform .2s}.card:hover{border-color:var(--line-strong);transform:translateY(-3px)}.card.pad{padding:24px}button.card{cursor:pointer;text-align:left;font:inherit;color:inherit;width:100%;display:block;appearance:none}.card h3{font-family:var(--display);font-weight:500;font-size:1.2rem;margin-bottom:14px}.card p{color:var(--muted);font-size:14.5px;line-height:1.7}.uc-label{color:var(--faint)!important;font-size:12px!important;font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.uc-text{margin-bottom:14px}.cs-popup-dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin-bottom:14px}.cs-popup-dl dt{font-family:var(--mono);font-size:12.5px;color:var(--accent);white-space:nowrap}.cs-popup-dl dd{font-size:14.5px;line-height:1.6;color:var(--muted)}.uc-result{color:var(--accent)!important}.ico{font-family:var(--mono);color:var(--accent);font-size:13px;margin-bottom:14px}.mb{margin-bottom:14px}#work .work-item{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:18px 4px;border-top:1px solid var(--line);transition:padding-left .25s,background .25s}#work .work-item:last-child{border-bottom:1px solid var(--line)}#work .work-item:hover{padding-left:18px;background:linear-gradient(90deg,rgba(188,226,92,.05),transparent 70%)}.work-title{font-family:var(--display);font-weight:500;font-size:clamp(1.5rem,3.4vw,2.1rem);line-height:1.1}.work-desc{color:var(--muted);font-size:16px;margin-top:8px}.work-stack{font-family:var(--mono);font-size:12.5px;color:var(--faint);margin-top:14px}.work-arrow{font-size:26px;color:var(--faint);transition:color .25s,transform .25s}#work .work-item:hover .work-arrow{color:var(--accent);transform:translate(4px,-4px)}.about-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:64px}.about-lead{font-family:var(--display);font-weight:400;font-size:clamp(1.4rem,3vw,2rem);line-height:1.3}.about-lead em{font-style:normal;color:var(--accent)}.about-body{color:var(--muted);font-size:16.5px;margin-top:24px;line-height:1.7}.contact{text-align:center;padding:120px 0}.contact h2{font-family:var(--display);font-weight:500;font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.04;margin-bottom:36px}.socials{display:flex;gap:26px;justify-content:center;margin-top:30px;font-family:var(--mono);font-size:14px}.socials a{color:var(--muted);transition:color .2s}.socials a:hover{color:var(--accent)}.login-section{padding:90px 0 120px}.login-wrap{max-width:520px}.login-card{max-width:440px}.login-title{font-family:var(--display);font-weight:500;font-size:1.6rem;margin-bottom:6px}.login-sub{color:var(--muted);font-size:14.5px;margin-bottom:24px}.field{display:block;margin-bottom:16px}.field span{display:block;font-size:13px;color:var(--muted);margin-bottom:7px}.field input{width:100%;background:var(--bg);border:1px solid var(--line-strong);border-radius:9px;padding:12px 14px;color:var(--text);font-family:var(--body);font-size:15px}.field input:focus{outline:none;border-color:var(--accent)}.login-error{color:#ff6b6b;font-size:14px;margin:4px 0 16px;font-family:var(--mono)}.login-btn{width:100%;justify-content:center;margin-top:6px}.head{padding:96px 0 40px}.head h1{font-size:clamp(2.3rem,6vw,4rem);max-width:18ch}.head p{color:var(--muted);font-size:clamp(1.02rem,2vw,1.2rem);max-width:54ch;margin-top:22px}.timeline{padding:30px 0 90px;position:relative}.rail{position:absolute;left:calc(50% - .5px);top:0;bottom:90px;width:1px;background:var(--line)}.entry{position:relative;width:50%;padding:28px 48px;box-sizing:border-box}.entry:nth-of-type(odd){left:0;text-align:right}.entry:nth-of-type(2n){left:50%}.node{position:absolute;top:42px;width:13px;height:13px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}.entry:nth-of-type(odd) .node{right:-6.5px}.entry:nth-of-type(2n) .node{left:-6.5px}.entry .card{overflow:hidden}.card-body{padding:20px 22px}.yr{font-family:var(--mono);font-size:12.5px;color:var(--accent)}.entry .card h3{font-family:var(--display);font-weight:500;font-size:1.22rem;line-height:1.2;margin:8px 0 6px}.org{color:var(--muted);font-size:14px}.desc{color:var(--faint);font-size:13.5px;margin-top:10px;line-height:1.55}.badge{display:inline-block;font-family:var(--mono);font-size:11px;color:var(--accent);border:1px solid var(--accent-dim);border-radius:999px;padding:2px 10px;margin-top:12px}.entry:nth-of-type(odd) .badge{margin-left:auto}.thumb-wrap{position:relative;background:#f4f4f6;border-bottom:1px solid var(--line);cursor:zoom-in;display:block}.thumb{display:block;width:100%;max-height:300px;object-fit:contain;border:0}.thumb-wrap:after{content:"\26f6";position:absolute;top:12px;right:12px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:17px;color:#fff;background:#0c0d108c;border-radius:8px;opacity:.85;transition:opacity .2s,transform .2s}.thumb-wrap:hover:after{opacity:1;transform:scale(1.08)}.group-label{position:relative;z-index:2;text-align:center;margin:34px auto;width:max-content;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:6px 18px}.lb{position:fixed;inset:0;z-index:200;background:#07080aeb;display:flex;align-items:center;justify-content:center;padding:30px;cursor:zoom-out}.lb img{max-width:95%;max-height:92%;border-radius:8px;box-shadow:0 30px 80px #0009}.lb-close{position:absolute;top:22px;right:26px;font-family:var(--mono);font-size:14px;color:var(--muted);border:1px solid var(--line-strong);border-radius:8px;padding:8px 14px;cursor:pointer;background:none}.lb-cap{position:absolute;bottom:26px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:13px;color:var(--muted)}footer{padding:36px 0;position:relative;z-index:1}.foot{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:12.5px;color:var(--faint);flex-wrap:wrap;gap:12px}.disclaimer{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;line-height:1.6;color:var(--faint)}@media (max-width:860px){.hero{padding:90px 0 60px}h1{font-size:clamp(1.3rem,4.5vw,2.6rem)}section{padding:72px 0}.about-grid{grid-template-columns:1fr;gap:40px}#work .work-item{grid-template-columns:1fr;gap:10px;padding:16px 0}.work-arrow{display:none}.rail{left:18px}.entry,.entry:nth-of-type(odd),.entry:nth-of-type(2n){width:100%;left:0;text-align:left;padding:18px 0 18px 46px}.entry:nth-of-type(odd) .node,.entry:nth-of-type(2n) .node{left:11.5px;right:auto}.entry:nth-of-type(odd) .badge{margin-left:0}.group-label{margin-left:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}.cs-intro{color:var(--muted);font-size:clamp(1rem,2vw,1.15rem);max-width:60ch;margin:0 0 48px;line-height:1.6}.cs-card{display:flex;flex-direction:column}.cs-era{font-family:var(--mono);font-size:12.5px;color:var(--accent)}.cs-card h3{font-family:var(--display);font-weight:500;font-size:1.32rem;line-height:1.22;margin:8px 0 16px}.tech-line{font-family:var(--mono);font-size:12.5px;color:var(--faint);line-height:1.7;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.tech-badge{font:inherit;background:none;border:none;padding:0;margin:0;color:var(--faint);cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px;transition:color .15s}.tech-badge:hover{color:var(--accent)}.tech-sep{color:var(--faint)}.cs-inline-term{font:inherit;background:none;border:none;padding:0;margin:0;color:inherit;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px;transition:color .15s}.cs-inline-term:hover{color:var(--accent)}.cs-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;color:var(--accent);margin-top:16px;align-self:flex-start;transition:gap .2s}.cs-link:after{content:"\2192"}.cs-link:hover{gap:13px}.res-jump{display:flex;flex-wrap:wrap;gap:10px;margin:-8px 0 32px}.tech-line+.res-jump{margin-top:24px}.res-jump-link{font-family:var(--mono);font-size:12.5px;color:var(--muted);border:1px solid var(--line-strong);border-radius:999px;padding:6px 16px;text-decoration:none;transition:color .15s,border-color .15s}.res-jump-link:hover{color:var(--accent);border-color:var(--accent-dim)}.res-jump-link--popup{cursor:pointer;color:var(--accent);border-color:#ffffff73;transition:opacity .15s}.res-jump-link--popup:hover{opacity:.7}.stag.stag--popup{color:var(--accent);border-color:#ffffff73}.stag.stag--popup:hover{opacity:.7}.stag.stag--link{color:var(--accent);border-color:#bce25c59;text-decoration:none;cursor:pointer}.stag.stag--link:hover{opacity:.75}.res-cat{scroll-margin-top:96px}.res-back-top{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-family:var(--mono);font-size:12.5px;color:#fff;text-decoration:none;transition:color .15s}.res-back-top:hover{color:var(--accent)}.res-cat-label{margin-top:12px}.res-jump-group{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#fff;display:flex;align-items:center;width:100%;margin:6px 0 -2px}.res-cat-group-label{margin-top:46px}.res-jump-group--link,.group-label--link{cursor:pointer;color:var(--accent);transition:color .2s,border-color .2s,opacity .2s}.group-label--link{border-color:var(--accent)}.res-jump-group--link:hover,.group-label--link:hover{opacity:.7}.res-card{display:flex;flex-direction:column;text-decoration:none;color:inherit}.res-link{word-break:break-all}:root{--sf-green:#4ade80}.sf-int-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;cursor:pointer;max-width:480px}.sf-int-card-tag{font-family:var(--mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--sf-green);margin-bottom:6px;opacity:.8}.sf-int-card-title{font-family:var(--display);font-size:1.1rem;font-weight:500}.sf-int-card-cta{margin-top:16px;font-family:var(--mono);font-size:12px;color:var(--sf-green);opacity:.7;transition:opacity .2s}.sf-int-card:hover .sf-int-card-cta{opacity:1}.sf-int-card:hover{border-color:#4ade8059}.sf-int-card--featured{border-color:#4ade802e}.sf-int-sublabel{color:var(--sf-green);font-family:var(--display);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.85}.sf-azure-divider{margin-top:44px;border-top:1px solid rgba(74,222,128,.12);padding-top:28px}.sf-sec-label{color:var(--sf-green)}.res-jump-link--sf{color:var(--sf-green)!important}.res-jump-link--sf:after{content:" \2197";font-size:9px;opacity:.7}.nav-res-item--sf{color:var(--sf-green)!important}.nav-res-item--sf:after{content:" \2197";font-size:9px;opacity:.7;margin-left:1px}.nav-res-item--sf:hover{color:#86efac!important;background:#4ade800f}.nav-res-group-label--sf{color:var(--sf-green);opacity:.9}.res-link:after{content:"\2197"}.res-crossref{font-size:.88rem;color:var(--muted);margin-top:16px}.res-crossref a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.skills-intro{color:var(--muted);font-size:clamp(1rem,2vw,1.15rem);max-width:66ch;margin:-22px 0 48px;line-height:1.6}.skills-group{border-top:1px solid var(--line);padding:36px 0}.skills-group:last-child{border-bottom:1px solid var(--line)}.skills-group-head{display:flex;align-items:baseline;gap:16px;margin-bottom:20px;flex-wrap:wrap}.skills-group-num{font-family:var(--mono);font-size:12px;color:var(--faint);min-width:24px}.skills-group h2{font-family:var(--display);font-weight:500;font-size:1.15rem;line-height:1.2}.skills-tags{display:flex;flex-wrap:wrap;gap:8px}.stag{font-family:var(--mono);font-size:12px;color:var(--muted);border:1px solid var(--line);padding:4px 11px;border-radius:999px;line-height:1.5;transition:color .15s,border-color .15s}button.stag{font-family:var(--mono);background:none;cursor:pointer}.stag:hover,.stag.hi{color:var(--accent);border-color:var(--accent-dim)}.stag.sub{color:var(--faint);border-color:#ffffff0d}.sk-cs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:36px}.sk-cs-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px}.sk-cs-title{font-family:var(--display);font-weight:500;font-size:1rem;margin-bottom:12px}.sk-cs-tags{display:flex;flex-wrap:wrap;gap:6px}.design-intro{color:var(--muted);font-size:clamp(1rem,2vw,1.15rem);max-width:64ch;margin:-22px 0 10px;line-height:1.6}.design-hint{font-family:var(--mono);font-size:12px;color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:48px}.pattern-diagram{border-top:1px solid var(--line);padding:40px 0}.pattern-diagram:last-child{border-bottom:1px solid var(--line)}.pattern-diagram-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;margin-bottom:22px}.pattern-diagram-head h3{font-family:var(--display);font-weight:500;font-size:1.25rem;margin-bottom:8px}.pattern-diagram-head p{color:var(--muted);font-size:14.5px;max-width:56ch;line-height:1.6}.zoom-controls{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;color:var(--muted);flex-shrink:0}.zoom-controls button{width:32px;height:32px;border-radius:8px;border:1px solid var(--line-strong);background:none;color:var(--text);font-size:16px;cursor:pointer;transition:border-color .2s,color .2s}.zoom-controls button:hover{border-color:var(--accent);color:var(--accent)}.zoom-controls .zoom-reset{width:auto;padding:0 12px;font-size:12px}.zoom-pct{min-width:42px;text-align:center}.diagram-viewport{overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface);max-height:480px}.diagram-canvas{position:relative}.diagram-scale{position:relative;transform-origin:top left}.pattern-summary{margin-bottom:24px}.pattern-node{position:absolute;width:190px;background:var(--bg-alt);border:1px solid var(--line-strong);border-radius:12px;padding:14px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;transition:border-color .15s,box-shadow .15s}.pattern-node:hover{border-color:var(--accent-dim)}.pattern-node:active{cursor:grabbing;box-shadow:0 14px 34px #00000059;z-index:5}.pattern-node.accent{border-color:var(--accent-dim);background:#bce25c0f}.pattern-node.accent .pn-label{color:var(--accent)}.pn-label{display:block;font-family:var(--display);font-weight:500;font-size:14.5px;line-height:1.25}.pn-sub{display:block;font-family:var(--mono);font-size:11.5px;color:var(--faint);margin-top:6px;line-height:1.5}.diagram-edges{position:absolute;top:0;left:0;overflow:visible;pointer-events:none;z-index:2}.diagram-edge{fill:none;stroke:var(--line-strong);stroke-width:1.5;pointer-events:none}.diagram-edge.accent{stroke:var(--accent-dim)}.diagram-edge-hit{fill:none;stroke:transparent;stroke-width:14px;pointer-events:stroke;cursor:pointer}.diagram-arrow-fill{fill:var(--line-strong)}.diagram-edge-label{font-family:var(--mono);font-size:10.5px;fill:var(--faint)}.diagram-edge-label-bg{fill:var(--bg-alt)}.diagram-edge-label-group{pointer-events:all}.uc-intro{color:var(--muted);font-size:15.5px;max-width:62ch;margin:-22px 0 16px;line-height:1.6}.uc-intro a{color:var(--accent)}.uc-group{scroll-margin-top:96px;margin-bottom:18px}.uc-group h2{font-family:var(--display);font-weight:500;font-size:1.3rem;line-height:1.2;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.uc-list{list-style:none;margin-top:16px;display:grid;gap:12px}.uc-list li{position:relative;padding-left:24px;color:var(--muted);font-size:15px;line-height:1.6}.uc-list li:before{content:"";position:absolute;left:2px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:.6}.cs-card-link{cursor:pointer}.cs-card-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cs-back{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;color:var(--muted);transition:color .2s;margin-bottom:36px}.cs-back:hover{color:var(--accent)}.cs-detail-head{margin-bottom:32px}.cs-era-chip{display:inline-block;font-family:var(--mono);font-size:12.5px;color:var(--accent);border:1px solid var(--accent-dim);border-radius:999px;padding:4px 14px;margin-bottom:14px}.cs-detail-title{font-family:var(--display);font-weight:500;font-size:clamp(1.8rem,4.4vw,2.8rem);line-height:1.12;max-width:24ch}.cs-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin-bottom:8px}.cs-meta-text{color:var(--muted);font-size:14.5px;line-height:1.7}.cs-section-label{margin-top:56px}.cs-pattern-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.cs-diagram-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.cs-diagram-hint{font-family:var(--mono);font-size:12px;color:#fff;text-transform:uppercase;letter-spacing:.05em}.cs-download-btn{padding:9px 18px;font-size:13px}.cs-diagram-viewport{padding:24px;max-height:560px}.cs-ascii-diagram{font-family:var(--mono);font-size:13px;line-height:1.6;color:var(--text);white-space:pre;letter-spacing:0}.cs-diagram-hot{color:var(--accent);cursor:pointer;border-radius:3px;transition:background .15s,color .15s;outline:none}.cs-diagram-hot:hover,.cs-diagram-hot:focus-visible{background:#bce25c29;color:var(--accent)}.diagram-viewport::-webkit-scrollbar,.cs-popup::-webkit-scrollbar,.cs-code-block::-webkit-scrollbar{width:10px;height:10px}.diagram-viewport::-webkit-scrollbar-track,.cs-popup::-webkit-scrollbar-track,.cs-code-block::-webkit-scrollbar-track{background:transparent}.diagram-viewport::-webkit-scrollbar-thumb,.cs-popup::-webkit-scrollbar-thumb,.cs-code-block::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px;border:2px solid var(--surface)}.diagram-viewport::-webkit-scrollbar-thumb:hover,.cs-popup::-webkit-scrollbar-thumb:hover,.cs-code-block::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}.diagram-viewport,.cs-popup,.cs-code-block{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.cs-node-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:24px}.cs-node-btn{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;background:var(--bg-alt);border:1px solid var(--line-strong);border-radius:12px;padding:14px 16px;cursor:pointer;transition:border-color .15s,background .15s;color:var(--text)}.cs-node-btn:hover{border-color:var(--accent-dim)}.cs-node-btn.active{border-color:var(--accent);background:#bce25c0f}.cs-node-btn .pn-label{color:var(--accent)}.cs-uc-list{display:grid;gap:12px}.cs-uc-item{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .2s}.cs-uc-item.open{border-color:var(--line-strong)}.cs-uc-head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;background:none;border:0;color:var(--text);padding:18px 22px;font-family:var(--display);font-size:1.05rem;font-weight:500;text-align:left;cursor:pointer}.cs-uc-chevron{font-family:var(--mono);font-size:18px;color:var(--accent);flex-shrink:0}.cs-uc-body{padding:0 22px 22px}.cs-uc-flow{margin:10px 0 0;padding-left:22px;color:var(--muted);font-size:14.5px;line-height:1.8}.cs-uc-flow li{margin-bottom:4px}.cs-popup-overlay{position:fixed;inset:0;z-index:200;background:#07080ab8}.cs-popup{position:fixed;z-index:201;top:50%;left:50%;transform:translate(-50%,-50%);width:min(640px,92vw);max-height:84vh;overflow:auto;background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;padding:28px;box-shadow:0 30px 80px #00000080}.cs-popup-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.cs-popup-eyebrow{font-family:var(--mono);font-size:12px;color:var(--faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.cs-popup-title{font-family:var(--display);font-weight:500;font-size:1.35rem;line-height:1.2}.cs-popup-sub{font-family:var(--mono);font-size:12.5px;color:var(--accent);margin-top:6px}.cs-popup-close{flex-shrink:0;width:34px;height:34px;border-radius:8px;border:1px solid var(--line-strong);background:none;color:var(--text);font-size:14px;cursor:pointer;transition:border-color .2s,color .2s}.cs-popup-close:hover{border-color:var(--accent);color:var(--accent)}.cs-popup-body{color:var(--muted);font-size:14.5px;line-height:1.7}.cs-code-block{font-family:var(--mono);font-size:12.5px;line-height:1.6;color:var(--accent);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px 16px;overflow:auto;white-space:pre}.toolkit-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.toolkit-chip{font-family:var(--mono);font-size:12.5px;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:7px 14px;cursor:pointer;transition:border-color .2s,color .2s}.toolkit-chip:hover{border-color:var(--accent);color:var(--accent)}.cs-popup-tech{width:min(900px,94vw)}.cs-popup-tech .ta-viewport{max-height:60vh}.cs-popup-acronym{width:min(480px,92vw)}.cs-popup-resource-link{display:inline-block;margin-top:18px;font-family:var(--mono);font-size:12.5px;color:var(--accent);text-decoration:none;transition:opacity .2s}.cs-popup-resource-link:hover{opacity:.7}.cs-popup-section-label{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:20px 0 10px}.neo4j-pipeline{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px;margin-bottom:4px}.neo4j-pipe-step{display:flex;flex-direction:column;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 12px;min-width:120px;flex:1}.neo4j-pipe-step--accent{border-color:var(--accent)}.neo4j-pipe-step--clickable{cursor:pointer;border-color:var(--accent);transition:opacity .2s;font-family:inherit;text-align:left}.neo4j-pipe-step--clickable:hover{opacity:.7}.neo4j-pipe-step--interactive{cursor:pointer;font-family:inherit;text-align:left;transition:border-color .15s,opacity .15s}.neo4j-pipe-step--interactive:hover{border-color:#ffffff73;opacity:.85}.cs-popup-overlay--above{z-index:290}.cs-popup--above{z-index:300}.cs-popup-hint{font-size:12.5px;color:var(--muted);margin:-6px 0 8px}.neo4j-pipe-label{font-family:var(--mono);font-size:12px;color:var(--accent);font-weight:600}.neo4j-pipe-detail{font-size:11.5px;color:var(--muted);line-height:1.4}.neo4j-pipe-arrow{color:var(--faint);font-size:18px;align-self:center;padding:0 2px}.neo4j-pipe-arrow--btn{background:none;border:none;cursor:pointer;color:var(--faint);font-size:20px;align-self:center;padding:4px 6px;border-radius:6px;transition:color .15s,background .15s;line-height:1}.neo4j-pipe-arrow--btn:hover,.neo4j-pipe-arrow--btn.active{color:var(--accent);background:#bce25c14}.neo4j-arrow-detail{margin-top:12px;padding:13px 16px;background:var(--bg);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px}.neo4j-arrow-title{font-family:var(--mono);font-size:12px;color:var(--accent);font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.neo4j-arrow-desc{font-size:13.5px;color:var(--muted);line-height:1.65}.neo4j-nodes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.neo4j-node{font-family:var(--mono);font-size:12px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:4px 10px;text-decoration:none;transition:border-color .15s,color .15s}.neo4j-node:hover{border-color:var(--accent);color:var(--accent)}