:root{--bg:#0d0f12;--panel:#15181d;--panel-cloud:#121a1e;--chip:#1f232a;--hover:#1a1d22;--line:#22262c;--border:#262a31;--border-2:#2c3138;--border-3:#3a3f47;--border-hover:#4a505a;--text:#e8e6e1;--text-2:#c9c7c2;--muted:#9aa0a8;--dim:#7d848d;--accent:#f5c84c;--accent-hover:#ffe08a;--cloud:#5cc8e8;--cloud-border:#2f6475;--green:#6fd08c;--mono:"IBM Plex Mono", ui-monospace, monospace;--sans:"IBM Plex Sans", system-ui, sans-serif;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;display:flex}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,p{margin:0}@keyframes blink{50%{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.wrap{max-width:1080px;margin:0 auto;padding-inline:24px}.nav{z-index:10;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#0d0f12d9;position:sticky;top:0}.nav__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;display:flex}.brand{font:600 15px var(--mono);color:var(--text);align-items:center;gap:8px;display:flex}.brand:hover{color:var(--text)}.dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.nav__links{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.nav__link{font:500 13px var(--mono);color:var(--muted);border-radius:6px;padding:6px 10px}.nav__link:hover{background:var(--hover);color:var(--muted)}.nav__link[aria-current=page]{color:var(--accent)}.lang{border:1px solid var(--border-2);font:500 12px var(--mono);border-radius:999px;margin-left:8px;padding:2px;display:flex}.lang a{color:var(--muted);border-radius:999px;padding:4px 10px}.lang a[aria-current=true]{background:var(--text);color:var(--bg)}main{flex:1;width:100%;padding-top:40px;padding-bottom:64px}.site-footer{border-top:1px solid var(--line)}.site-footer__inner{font:12px var(--mono);color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:22px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:14px;padding:22px;display:flex}.card--link{cursor:pointer;color:inherit;text-align:left;transition:border-color .15s}.card--link:hover{border-color:var(--border-hover);color:inherit}.card__meta{font:12px var(--mono);color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;display:flex}.card__meta small{font-size:11px}.card h2{font:600 22px var(--sans)}.card__desc{color:var(--muted);font-size:14px;line-height:1.5}.cta-more{font:500 13px var(--mono);color:var(--accent)}.bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.span-2{grid-column:span 2}.span-4{grid-column:span 4}.row-2{grid-row:span 2}@media (width<=759px){.bento{grid-template-columns:minmax(0,1fr)}.span-2,.span-4{grid-column:auto}.row-2{grid-row:auto}}.chips{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.chip{font:500 12px var(--mono);background:var(--chip);border:1px solid var(--border-2);border-radius:6px;padding:5px 10px}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{font:11px var(--mono);color:var(--muted);border:1px solid var(--border-2);border-radius:4px;padding:2px 6px}.tag--lg{color:var(--text-2);padding:3px 8px}.term{background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden}.term__bar{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:10px 14px;display:flex}.term__bar i{background:var(--border-3);border-radius:50%;width:10px;height:10px}.term__bar span{font:12px var(--mono);color:var(--dim);margin-left:10px}.hero{grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:28px;padding:28px;display:grid}@media (width<=759px){.hero{grid-template-columns:minmax(0,1fr)}}.hero__body{flex-direction:column;gap:14px;min-width:0;display:flex}.prompt{font:14px var(--mono);color:var(--muted);align-items:center;gap:2px;min-height:18px;display:flex}.prompt b{color:var(--accent);font-weight:400}.cursor{background:var(--accent);width:8px;height:16px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.hero h1{font:700 clamp(34px, 6vw, 56px)/1.02 var(--sans);letter-spacing:-.02em;text-wrap:balance}.hero__sub{color:var(--text-2);text-wrap:pretty;max-width:560px;font-size:18px;line-height:1.5}.hero__status{font:13px var(--mono);color:var(--muted);flex-wrap:wrap;gap:6px 16px;display:flex}.hero__status b{color:var(--cloud);font-weight:400}.hero__avatar{justify-self:center}.actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.notfound{flex-direction:column;gap:10px;padding:28px;display:flex}.notfound .prompt span{color:var(--text);overflow-wrap:anywhere}.notfound__err{font:14px var(--mono);color:var(--dim)}.notfound h1{font:700 clamp(64px, 14vw, 120px)/1 var(--mono);color:var(--accent);letter-spacing:-.04em;margin-top:8px}.notfound__msg{color:var(--text-2);font-size:18px}.notfound__msg--en{color:var(--muted);font-size:15px}.btn{font:600 14px var(--mono);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:11px 18px;display:inline-flex}.btn--primary{background:var(--accent);color:var(--bg);border:0}.btn--primary:hover{background:var(--accent-hover);color:var(--bg)}.btn--ghost{border:1px solid var(--border-3);color:var(--text);background:0 0;font-weight:500}.btn--ghost:hover{border-color:var(--text)}.socials{align-items:center;gap:8px;margin-top:4px;display:flex}.social{border:1px solid var(--border-2);width:40px;height:40px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;display:flex}.social:hover{color:var(--accent);border-color:var(--accent)}.slot{background:var(--chip);display:block;overflow:hidden}.slot img{object-fit:cover;width:100%;height:100%;display:block}.slot--contain img{object-fit:contain}.slot--empty{border:1px dashed var(--border-3);background:repeating-linear-gradient(135deg, var(--hover) 0 8px, var(--panel) 8px 16px);font:11px var(--mono);color:var(--dim);text-align:center;justify-content:center;align-items:center;padding:4px;display:flex}.slot--circle{border-radius:50%}.slot--rounded{border-radius:8px}.card--cloud{background:var(--panel-cloud);border:1px dashed var(--cloud-border)}.card--cloud .card__meta{color:var(--cloud)}.card--cloud .chip{background:#15232a}.bridge{background:var(--accent);color:var(--bg);text-align:center;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;padding:16px 22px;display:flex}.bridge span:first-child{font:500 13px var(--mono)}.bridge b{font:700 18px var(--sans)}.bridge span:last-child{font-size:15px}.log-mini{flex-direction:column;gap:2px;display:flex}.log-mini button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:10px 64px 1fr;align-items:center;gap:10px;padding:8px 10px;display:grid}.log-mini button:hover,.log-mini button[aria-pressed=true]{background:var(--chip)}.log-mini .v{font:500 12px var(--mono)}.log-mini .t{color:var(--text);font-size:14px}.log-mini .t small{color:var(--dim);font-size:12px}.bullet{border-radius:50%;width:8px;height:8px}.log-detail{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin-top:auto;padding-top:12px;display:flex}.log-detail[hidden]{display:none}.plus-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.plus-list li{color:var(--text-2);gap:8px;font-size:14px;display:flex}.plus-list li:before{content:"+";color:var(--green);font-family:var(--mono)}.contact{background:var(--text);color:var(--bg);border-radius:16px;flex-direction:column;gap:8px;padding:22px;display:flex}.contact>span{font:12px var(--mono);color:#555}.contact b{font-size:16px}.contact__links{font:500 13px var(--mono);flex-direction:column;gap:4px;margin-top:auto;display:flex}.contact__links a,.contact__links button{color:var(--bg);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.contact__links a:hover{color:var(--bg);text-decoration:underline}.certs{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.cert{border:1px solid var(--border);border-radius:10px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.cert--cloud{border-color:var(--cloud-border);background:var(--panel-cloud)}.cert--cloud b{color:var(--cloud)}.cert__body{flex-direction:column;gap:3px;min-width:0;display:flex}.cert b{font-size:14px;line-height:1.3}.cert span{font:11px var(--mono);color:var(--muted)}.cert a{font:500 12px var(--mono);margin-top:2px}.cert a:hover{text-decoration:underline}.page-head{flex-direction:column;gap:8px;display:flex}.page-head>span{font:13px var(--mono);color:var(--muted)}.page-head h1{font:700 40px/1.05 var(--sans);letter-spacing:-.02em}.page-head p{color:var(--muted);font-size:16px;line-height:1.5}.narrow{max-width:760px}.timeline{flex-direction:column;display:flex}.tl{grid-template-columns:20px 1fr;gap:16px;display:grid}.tl__rail{flex-direction:column;align-items:center;display:flex}.tl__rail i{border-radius:50%;width:12px;height:12px;margin-top:6px}.tl__rail span{background:var(--border);flex:1;width:2px;margin-top:6px}.tl__body{flex-direction:column;gap:8px;padding-bottom:28px;display:flex}.tl__head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.tl__head b{font:600 14px var(--mono)}.tl__head span{font:12px var(--mono);color:var(--dim)}.tl h2{font:600 22px var(--sans)}.tl__org{font:13px var(--mono);color:var(--muted)}.tl .plus-list li{gap:10px;font-size:15px}.filters{flex-wrap:wrap;gap:6px;display:flex}.filter{cursor:pointer;font:500 13px var(--mono);border:1px solid var(--border-2);color:var(--muted);background:0 0;border-radius:999px;padding:6px 14px}.filter[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--bg)}.filter small{opacity:.6;font-size:inherit}.proj-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.proj{cursor:pointer;background:var(--panel);border:1px solid var(--border);border-radius:16px;flex-direction:column;transition:border-color .15s;display:flex;overflow:hidden}.proj:hover{border-color:var(--border-hover)}.proj[hidden]{display:none}.proj__shot{border-bottom:1px solid var(--line);height:150px;position:relative}.proj__shot .slot{border:0;width:100%;height:100%}.proj__shot img,.modal__diagram img{object-position:top}.proj__type{pointer-events:none;font:600 11px var(--mono);color:var(--bg);border-radius:4px;padding:3px 8px;position:absolute;top:10px;left:10px}.proj__body{flex-direction:column;flex:1;gap:8px;padding:18px;display:flex}.proj__meta{font:11px var(--mono);justify-content:space-between;gap:8px;display:flex}.proj__body>b{font-size:17px;line-height:1.3}.proj__body>p{color:var(--muted);font-size:14px;line-height:1.45}.proj__actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:6px;display:flex}.plink{font:500 12px var(--mono);border:1px solid var(--border-3);color:var(--text);background:0 0;border-radius:6px;padding:7px 12px}.plink:hover{opacity:.85;color:var(--text)}.plink--primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.plink--primary:hover{color:var(--bg)}.plink--lg{border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600}.details-btn{font:500 12px var(--mono);color:var(--muted);cursor:pointer;background:0 0;border:0;padding:7px 4px}.details-btn:hover{color:var(--accent)}dialog.modal{background:var(--panel);width:min(640px,100% - 40px);max-height:90vh;color:var(--text);border:1px solid var(--border-2);border-radius:16px;padding:0}dialog.modal[open]{animation:.2s ease-out fadeUp}dialog.modal::backdrop{backdrop-filter:blur(4px);background:#050608bf}.modal__bar{border-bottom:1px solid var(--line);font:12px var(--mono);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.modal__bar button{cursor:pointer;font:16px var(--mono);color:var(--muted);background:0 0;border:0}.modal__body{flex-direction:column;gap:18px;padding:24px;display:flex}.modal__body h2{font:600 26px/1.2 var(--sans);text-wrap:balance}.modal__diagram{border-radius:10px;height:180px;overflow:hidden}.modal__diagram .slot{border:0;width:100%;height:100%}.modal__block{flex-direction:column;gap:4px;display:flex}.modal__block b{font:600 12px var(--mono);color:var(--accent)}.modal__block span{color:var(--muted);font-size:15px;line-height:1.5}.topics{flex-wrap:wrap;gap:8px;display:flex}.topic{font:500 13px var(--mono);border:1px solid var(--border-2);color:var(--text-2);border-radius:999px;padding:6px 12px}.post-meta{font:12px var(--mono);color:var(--dim);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.badge{color:var(--bg);background:var(--accent);border-radius:4px;padding:1px 6px}.post-card b{text-wrap:balance;color:var(--text);font-size:21px;line-height:1.3}.post-card p{color:var(--muted);font-size:15px;line-height:1.5}.post-card__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.soon{border:1px dashed var(--border-3);font:13px var(--mono);color:var(--dim);border-radius:16px;padding:18px 22px}.article{flex-direction:column;gap:22px;max-width:720px;margin:0 auto;display:flex}.back{font:500 13px var(--mono);color:var(--muted);align-self:flex-start}.back:hover{color:var(--accent)}.article>header{border-bottom:1px solid var(--line);flex-direction:column;gap:14px;padding-bottom:24px;display:flex}.article h1{font:700 clamp(28px, 4.5vw, 40px)/1.12 var(--sans);letter-spacing:-.02em;text-wrap:balance}.article__lead{color:var(--muted);text-wrap:pretty;font-size:18px;line-height:1.55}.es-note{font:12px var(--mono);color:var(--cloud)}.article>footer{border-top:1px solid var(--line);grid-template-columns:48px 1fr;align-items:center;gap:14px;padding-top:22px;display:grid}.article>footer div{flex-direction:column;gap:2px;display:flex}.article>footer b{font-size:15px}.article>footer span{color:var(--muted);font-size:13px}.prose{flex-direction:column;gap:22px;display:flex}.prose h2{font:600 23px/1.25 var(--sans);color:var(--text);margin-top:14px}.prose p{color:var(--text-2);text-wrap:pretty;font-size:17px;line-height:1.7}.prose ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.prose li{color:var(--text-2);padding-left:26px;font-size:16px;line-height:1.6;position:relative}.prose li:before{content:"›";color:var(--accent);font-family:var(--mono);position:absolute;left:6px}.prose strong{color:var(--text)}.prose img{border:1px solid var(--line);border-radius:10px;width:100%;height:auto}.prose code:not(pre code){font:14px var(--mono);background:var(--chip);border-radius:4px;padding:1px 5px}.prose pre{border:1px solid var(--line);font:13px/1.65 var(--mono);border-radius:10px;margin:0;padding:16px;overflow-x:auto;background:#0a0c0f!important}.prose pre[data-title]{padding-top:0}.prose pre[data-title]:before{content:attr(data-title);border-bottom:1px solid var(--line);font:11px var(--mono);color:var(--dim);margin:0 -16px 16px;padding:8px 14px;display:block;position:sticky;left:0}.prose blockquote{background:#1d1a10;border:1px solid #4a3f1c;border-radius:10px;gap:10px;margin:0;padding:14px 16px;display:flex}.prose blockquote:before{content:"!";font:600 13px var(--mono);color:var(--accent);line-height:1.55}.prose blockquote p{color:#e9dcb4;font-size:15px;line-height:1.55}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor,dialog.modal[open]{animation:none}}