:root{--bg-canvas: #222731;--bg-sidebar: #161a22;--color-primary: #FFA726}:root{--bg-surface: var(--bg-sidebar, #242930);--bg-surface-elevated: #2c323b;--border-subtle: rgba(255, 255, 255, .08);--border-dashed: rgba(255, 255, 255, .25);--color-primary-dim: color-mix(in srgb, var(--color-primary, #FFA726) 12%, transparent);--color-primary-glow: color-mix(in srgb, var(--color-primary, #FFA726) 70%, transparent);--text-bright: #ffffff;--text-body: #afbac4;--text-muted: #8896a4;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--sidebar-width: 20rem;--content-max-width: 65rem;--companion-rail-width: 24rem;--companion-rail-gap: 2.5rem;--toc-width: var(--companion-rail-width);--toc-gap: var(--companion-rail-gap)}*,*:before,*:after{box-sizing:border-box}html{line-height:1.6;color-scheme:dark;scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--text-bright);line-height:1.3;margin-top:1.8rem;margin-bottom:.6rem;font-weight:700}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease;&:hover{color:var(--text-bright)}}p{margin-top:0;margin-bottom:1.25rem}code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-surface);padding:.2em .4em;border-radius:4px;color:#afbac4f2}pre{font-family:var(--font-mono);font-size:.9rem;line-height:1.45;margin:1.5em 0;padding:1rem;background:var(--bg-surface);border-radius:6px;overflow-x:auto;code{background:transparent;padding:0;border-radius:0;color:inherit}}blockquote{border-left:.35rem solid var(--color-primary);margin:1.5em 0;padding:.75em 1.25em;background:var(--bg-surface);border-radius:0 4px 4px 0;p:last-child{margin-bottom:0}}hr{border:0;height:1px;background-color:var(--border-subtle);margin:2rem 0}::selection{background:#afbac440}@view-transition{navigation:auto}::view-transition-group(root){animation-duration:.12s}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.app-header{padding:3rem 2.5rem;background:var(--bg-sidebar);text-align:left}.app-header-avatar{width:6.1rem;height:6.1rem;border-radius:50%;display:block;margin:0 0 1.5rem;object-fit:cover;mask-image:radial-gradient(circle at 50% 50%,black 86%,rgba(0,0,0,.5) 94%,transparent 100%);-webkit-mask-image:radial-gradient(circle at 50% 50%,black 86%,rgba(0,0,0,.5) 94%,transparent 100%)}.app-header-title{color:var(--text-bright);display:block;font-size:1.5rem;margin:0 0 .4rem;font-weight:700}.app-header-tagline{color:var(--text-muted);font-size:.92rem;line-height:1.5;margin:0 0 1.6rem}.app-header-menu{margin-bottom:1.5em;font-family:var(--font-mono);font-size:.95rem;display:inline-flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.45rem}.app-header-menu-item{color:var(--text-muted);text-decoration:none;font-weight:500;transition:color .2s ease;display:inline-flex;align-items:center;gap:.55rem;line-height:1.6;.nav-dot{width:6px;height:6px;border-radius:50%;background-color:transparent;display:inline-block;flex-shrink:0;transition:background-color .2s ease,transform .2s ease}&[aria-current=page],&.active{color:var(--text-bright);font-weight:600;.nav-dot{background-color:var(--color-primary)}}&:hover{color:var(--text-bright);.nav-dot{background-color:#ffa72673}}&.active:hover .nav-dot{background-color:var(--color-primary)}}.app-header-social{display:flex;align-items:center;justify-content:flex-start;font-size:1.25rem;margin-top:1.5rem;gap:.85rem;a{color:var(--text-muted);opacity:.65;display:inline-flex;align-items:center;transition:color .2s ease,opacity .2s ease,transform .2s ease;&:hover{color:var(--color-primary);opacity:1;transform:translateY(-1px)}}.icon{width:1.1em;height:1.1em}}.app-container{padding:2.5rem}@media(min-width:1200px){.app-header{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;overflow-y:auto;transition:opacity .4s ease-in-out;z-index:20}body.is-reading .app-header{opacity:.3}body.is-reading .app-header:hover{opacity:1}.app-container{margin-left:var(--sidebar-width);max-width:var(--content-max-width)}}@media(max-width:1199px){.app-header{padding:2rem 1rem;position:static;width:100%;height:auto}.app-header-avatar{width:8rem;height:8rem}.app-container{padding:1.5rem;max-width:100%;margin-left:0}}.stream-container{width:100%;max-width:var(--content-max-width)}.stream-heading{font-size:1.8rem;margin-top:0;margin-bottom:2rem;color:var(--text-bright)}.stream-list{display:flex;flex-direction:column;width:100%;border-top:1px solid var(--border-subtle)}.stream-row{position:relative;border-bottom:1px solid var(--border-subtle);transition:background-color .2s ease;&:hover{background-color:#ffffff08;.stream-title,.stream-date-day{color:var(--text-bright)}.stream-image-wrap img{opacity:.65;transform:scale(1.02)}}}.stream-row-link{display:flex;align-items:center;position:relative;padding:1.25rem .5rem;text-decoration:none;color:inherit;overflow:hidden;min-height:4.8rem}.stream-date{display:flex;flex-direction:column;justify-content:center;flex-shrink:0;width:5.5rem;font-family:var(--font-mono);line-height:1.25}.stream-date-day{font-size:.92rem;font-weight:500;color:var(--text-body);transition:color .2s ease}.stream-date-year{font-size:.78rem;color:var(--text-muted);margin-top:.2rem}.stream-title-col{flex-grow:1;min-width:0;padding-right:2rem;z-index:2}.stream-title{margin:0;font-size:1.15rem;font-weight:500;color:var(--text-bright);line-height:1.4;transition:color .2s ease}.stream-image-wrap{position:absolute;right:0;top:0;bottom:0;width:42%;max-width:340px;overflow:hidden;pointer-events:none;display:flex;align-items:center;justify-content:flex-end;z-index:1;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.4) 45%,rgba(0,0,0,.95) 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.4) 45%,rgba(0,0,0,.95) 100%);img{height:100%;width:100%;object-fit:cover;object-position:right center;opacity:.32;filter:contrast(105%) brightness(.95);transition:opacity .3s ease,transform .4s ease}}@media(max-width:768px){.stream-row-link{padding:1rem .25rem;min-height:4rem}.stream-date{width:4.8rem}.stream-title{font-size:1.02rem}.stream-image-wrap{width:32%;opacity:.5}}.post{width:100%}.post-header{margin-bottom:1.5rem}.post-title{color:var(--text-bright);font-size:2.2rem;margin-top:0;margin-bottom:.75rem;line-height:1.25}.post-meta{display:flex;flex-direction:column;gap:.2em;font-size:.8em;color:var(--text-body);margin-bottom:1.5rem;>div{display:flex;align-items:center;flex-wrap:wrap;gap:.2em;.icon{width:1em;height:1em;margin-right:.4em}}}.post-meta-tags{display:flex;align-items:center;flex-wrap:wrap;gap:.3em;margin-top:.2em}.tag{display:inline-block;margin-right:.2em;padding:0 .6em;font-size:.9em;border-radius:.2em;white-space:nowrap;background:#ffffff1a;color:var(--color-primary);text-decoration:none;transition:color .25s ease,background-color .25s ease;&:hover{color:var(--text-bright);background:#ffffff4d}}.post-featured-image{margin:1.5em 0 2em;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #00000059;img{width:100%;height:auto;display:block}}.post-content{line-height:1.7;font-size:1.05rem;h2{font-size:1.5rem;margin-top:2.2rem;padding-bottom:.3rem}h3{font-size:1.25rem;margin-top:1.8rem}ul,ol{padding-left:1.5rem;margin-bottom:1.25rem;li{margin-bottom:.4rem}ul,ol{margin-top:.4rem;margin-bottom:.4rem}}img{max-width:100%;height:auto;border-radius:6px}}.tags-list{list-style:none;padding:0;margin:1.5rem 0}.tags-list-item{display:flex;align-items:center;list-style:none;padding:.5em 0;border-bottom:1px dashed var(--border-dashed);.icon{width:1em;height:1em;margin-right:.5em;color:var(--color-primary)}.tags-list-item-title{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .2s ease;&:hover{color:var(--text-bright)}}.tag-count{color:var(--text-muted);font-size:.85em;margin-left:.3em}}@media(min-width:480px){.tags-list{display:flex;flex-wrap:wrap;gap:0 2rem}.tags-list-item{width:calc(50% - 1rem)}}.is-wide,.breakout{width:100%}@media(min-width:1760px){.is-wide,.breakout{width:calc(100% + var(--companion-rail-gap) + var(--companion-rail-width))}}.post-toc{background:var(--bg-surface);border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:1.1rem 1.25rem;font-size:.85rem;margin:1.5rem 0 2rem;@media(min-width:1760px){position:fixed;top:2.5rem;left:calc(var(--sidebar-width) + var(--content-max-width));right:auto;width:var(--companion-rail-width);max-height:calc(100vh - 5rem);overflow-y:auto;z-index:25;margin:0;background:#242930e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000059;border:1px solid rgba(255,255,255,.08);border-radius:8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;transition:opacity .3s cubic-bezier(.16,1,.3,1),max-height .3s cubic-bezier(.16,1,.3,1),padding .3s cubic-bezier(.16,1,.3,1),border-radius .3s cubic-bezier(.16,1,.3,1);&::-webkit-scrollbar{width:4px}&::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}&.toc-minimized{top:1.75rem;padding:.45rem 1rem;border-radius:20px;max-height:2.3rem;overflow:hidden;cursor:pointer;background:#242930f2;box-shadow:0 4px 16px #0006;width:auto;max-width:var(--companion-rail-width);.post-toc-title{margin-bottom:0;font-size:.78rem;display:flex;align-items:center;gap:.45rem;color:var(--color-primary);&:after{content:"\25be";font-size:.75rem;opacity:.7;transition:transform .2s ease}}.post-toc-content{opacity:0;pointer-events:none;transition:opacity .2s ease}&:hover{padding:1.1rem 1.25rem;border-radius:8px;max-height:calc(100vh - 5rem);overflow-y:auto;width:var(--companion-rail-width);.post-toc-title{margin-bottom:.75rem;color:var(--text-bright);&:after{transform:rotate(180deg)}}.post-toc-content{opacity:1;pointer-events:auto}}}}}.post-toc-title{font-weight:600;margin-bottom:.75rem;color:var(--text-bright);font-size:.88rem;letter-spacing:.02em}.post-toc-content{nav#TableOfContents{ul{list-style-type:none;padding-left:0;margin:0;ul{padding-left:.65rem;margin-top:.35rem;margin-left:.25rem;border-left:1px solid rgba(255,255,255,.08);ul{padding-left:.55rem;margin-top:.25rem;margin-left:.2rem;border-left:1px solid rgba(255,255,255,.05)}}}li{margin-bottom:.45rem;line-height:1.4;a{color:var(--text-body);font-size:.84rem;font-weight:500;text-decoration:none;transition:color .2s ease,font-weight .2s ease;display:block;position:relative;padding-left:.95rem;&:before{content:"";position:absolute;left:0;top:.45em;width:5px;height:5px;border-radius:50%;background-color:transparent;transition:background-color .2s ease}&:hover{color:var(--text-bright);&:before{background-color:#ffa72673}}&.toc-active{color:var(--text-bright);font-weight:600;&:before{background-color:var(--color-primary)}}}}ul ul li{margin-bottom:.32rem;line-height:1.35;a{font-size:.76rem;font-weight:400;color:var(--text-muted);padding-left:.75rem;&:before{width:4px;height:4px;top:.48em}&:hover{color:var(--text-bright)}&.toc-active{color:var(--color-primary, #FFA726);font-weight:600}}}ul ul ul li{margin-bottom:.25rem;line-height:1.3;a{font-size:.7rem;color:var(--text-muted);opacity:.85;padding-left:.65rem;&:before{width:3px;height:3px;top:.5em}}}}}.pagination{display:flex;justify-content:center;align-items:center;gap:.6rem;padding:2.5rem 0;margin:0;list-style:none;font-size:.8em;.page-item{display:inline-flex;align-items:center;justify-content:center}.page-link{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:50%;color:var(--color-primary);text-decoration:none;transition:background-color .2s ease,color .2s ease;.icon{width:14px;height:14px}&:hover{color:var(--text-bright)}}.active .page-link{background-color:var(--color-primary);color:var(--text-bright);font-weight:700;border-radius:2em}}.site-footer{margin:0;padding:1.5rem 2.5rem;font-size:.8rem;color:var(--text-body);background:var(--bg-canvas);p{margin:.5rem 0;line-height:1.45}a{color:var(--color-primary);&:hover{color:var(--text-bright)}}hr{border:0;height:1px;background-color:#afbac466;margin:2rem 0 1.5rem}}@media(min-width:1200px){.site-footer{max-width:var(--content-max-width);margin-left:var(--sidebar-width)}}details.collapsible{margin:1.25em 0;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-surface);overflow:hidden;transition:box-shadow .2s ease;&:hover{box-shadow:0 0 0 1px var(--color-primary)}summary{padding:.75em 1em;font-weight:500;color:var(--text-body);cursor:pointer;background-color:var(--bg-surface);display:flex;align-items:center;gap:.6em;user-select:none;list-style:none;&::-webkit-details-marker{display:none}&:before{content:"\25ba";font-size:.75em;color:var(--color-primary);transition:transform .2s ease;display:inline-block}}&[open] summary:before{transform:rotate(90deg)}.collapsible-body{padding:1em 1.25em;border-top:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-body)}}.collapsible:not(details){margin:1em 0;border:1px solid var(--border-subtle);border-radius:6px;background-color:var(--bg-surface);.collapsible-header{padding:.75em 1em;display:flex;align-items:center;gap:.5em;cursor:pointer;color:var(--text-body);.toggle-icon{color:var(--color-primary)}}.collapsible-content{padding:1em;border-top:1px solid var(--border-subtle)}}.diagram-wrapper{width:100%;margin:1.5em 0;.diagram{width:100%;img{width:100%;height:auto;display:block;border-radius:6px}}&.invert img,.diagram.invert img{filter:invert(1) hue-rotate(180deg)}}.code-block-wrapper{margin:1.5em 0;position:relative;overflow:hidden;background:var(--bg-surface);border-radius:6px;border:1px solid var(--border-subtle);.code-block-header{padding:.5em 1em;font-size:.8em;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center;background:#0003;border-bottom:1px solid var(--border-subtle);.code-block-actions{display:flex;align-items:center;gap:.75em}.code-copy-btn{background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:4px;padding:.2em .6em;font-size:.75rem;font-family:var(--font-sans);cursor:pointer;transition:all .2s ease;line-height:1.2;&:hover{color:var(--text-bright);border-color:var(--color-primary);background:var(--color-primary-dim)}&.copied{color:var(--color-primary);border-color:var(--color-primary)}}.code-block-lang{opacity:.75;text-transform:uppercase;font-family:var(--font-mono)}}.hljs-wrapper{margin:0!important;position:relative;&:before{content:"";position:absolute;top:0;left:0;bottom:.15em;width:.15em;background:linear-gradient(to bottom,transparent,rgba(255,167,38,.8) 1.5em);pointer-events:none}&:after{content:"";position:absolute;bottom:0;left:0;width:7%;height:.15em;background:linear-gradient(to right,rgba(255,167,38,.8),transparent);pointer-events:none}pre{margin:0!important;border:none!important;border-left:.15em solid transparent!important;padding:1em!important;background:transparent!important;code{background:transparent!important}}}}.code-fold-wrapper{.code-fold-content{position:relative}.code-fold-overlay{display:none;position:absolute;bottom:0;left:0;width:100%;height:140px;background:linear-gradient(to bottom,transparent 0%,rgba(36,41,48,.7) 40%,var(--bg-surface) 100%);cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:15px;color:var(--text-muted);font-size:.85em;transition:color .2s;z-index:5;&:hover{color:var(--text-bright)}.code-fold-btn-text{display:flex;gap:.5em;align-items:center;line-height:1}}.code-fold-action-bar{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;padding-bottom:15px;background:transparent;pointer-events:none;opacity:0;transition:opacity .3s ease;&:hover{opacity:1}}.code-fold-btn{background:transparent;color:var(--text-muted);border:none;padding:20px 80px;cursor:pointer;font-size:.85em;gap:.5em;transition:color .2s;display:flex;align-items:center;pointer-events:auto;line-height:1;&:hover{color:var(--text-bright)}}&:not(.is-collapsed):hover .code-fold-action-bar{opacity:.4;&:hover{opacity:1}}&.is-collapsed{.code-fold-content{max-height:200px;overflow:hidden}.code-fold-overlay{display:flex}.code-fold-action-bar{display:none}}}.content-spacer{display:block;width:100%;pointer-events:none;user-select:none}.consent-modal{display:none;position:fixed;bottom:20px;right:20px;width:320px;padding:1.2rem;z-index:1000;box-shadow:0 4px 20px #00000059;border:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-bright);border-radius:8px}.consent-manage{position:fixed;bottom:20px;right:20px;background-color:var(--bg-surface);color:var(--color-primary);width:38px;height:38px;border-radius:50%;cursor:pointer;z-index:999;display:none;box-shadow:0 2px 10px #00000040;border:1px solid var(--border-subtle);align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease;&:hover{background-color:var(--bg-surface-elevated);transform:scale(1.05)}svg{width:20px;height:20px}}.consent-content{display:flex;flex-direction:column;h4{margin-top:0;margin-bottom:.5rem;color:var(--text-bright);font-size:1.05rem}p{margin-bottom:1rem;font-size:.9rem;line-height:1.45;color:var(--text-body)}}.consent-options{display:flex;gap:.6rem;margin-bottom:.8rem}.consent-button{cursor:pointer;padding:.45rem .8rem;border:none;border-radius:4px;font-weight:600;transition:background-color .2s ease;flex:1;font-size:.85rem}.consent-allow{background-color:var(--color-primary);color:var(--bg-surface);&:hover{background-color:#ffa726d9}}.consent-deny{background-color:var(--bg-canvas);color:var(--text-body);border:1px solid var(--border-subtle);&:hover{background-color:#ffffff0d}}.consent-policy-link{color:var(--color-primary);text-decoration:underline;font-size:.8rem;text-align:center}.consent-status{font-size:.85rem;margin-top:.5rem;margin-bottom:0}.inline-consent-manager{background-color:var(--bg-surface);color:var(--text-bright);border-radius:8px;font-size:.95rem;padding:1.5rem;margin:2rem 0;border:1px solid var(--color-primary)}@media(max-width:768px){.consent-modal{bottom:10px;right:10px;left:10px;width:auto}.consent-manage{bottom:10px;right:10px;width:34px;height:34px}.consent-options{flex-direction:column}}.error-404{max-width:600px;margin:4rem auto;padding:2rem;text-align:center;h1{margin-bottom:1.5rem;color:var(--text-bright)}p{color:var(--text-body);font-size:1.1rem}}.error-actions{margin-top:2rem;display:flex;justify-content:center;gap:1rem}.error-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:180px;height:46px;padding:0;background:transparent;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-bright);cursor:pointer;text-decoration:none;font-family:inherit;font-size:inherit;transition:background-color .2s ease,border-color .2s ease;.icon{width:18px;height:18px}&:hover{background-color:var(--color-primary-dim);border-color:var(--color-primary);color:var(--color-primary)}}@media(max-width:480px){.error-actions{flex-direction:column;align-items:center}.error-button{width:220px}}.bg,.chroma{color:var(--text-body, #abb2bf);background-color:transparent!important;-webkit-text-size-adjust:none}.highlight,.highlight pre,pre.chroma{margin:0!important;padding:1em 1.25em!important;overflow-x:auto;background-color:transparent!important;border:none!important;border-radius:0!important;font-family:var(--font-mono);font-size:.9em;line-height:1.5}.chroma .line{display:flex}.chroma .k{color:#c678dd}.chroma .kc{color:#e5c07b}.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr{color:#c678dd}.chroma .kt{color:#e5c07b}.chroma .n,.chroma .na{color:#e06c75}.chroma .nc{color:#e5c07b}.chroma .no{color:#e06c75}.chroma .nd{color:#61afef}.chroma .ni,.chroma .ne,.chroma .nl,.chroma .nn,.chroma .nx,.chroma .py,.chroma .nt{color:#e06c75}.chroma .nb,.chroma .bp{color:#e5c07b}.chroma .nv,.chroma .vc,.chroma .vg,.chroma .vi,.chroma .vm{color:#e06c75}.chroma .nf{color:#61afef;font-weight:700}.chroma .fm{color:#56b6c2;font-weight:700}.chroma .s,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .dl,.chroma .sd,.chroma .s2,.chroma .se,.chroma .sh,.chroma .si,.chroma .sx,.chroma .sr,.chroma .s1,.chroma .ss{color:#98c379}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .il,.chroma .mo{color:#d19a66}.chroma .o,.chroma .ow,.chroma .or{color:#56b6c2}.chroma .p{color:#abb2bf}.chroma .c,.chroma .ch,.chroma .cm,.chroma .c1,.chroma .cs,.chroma .cp,.chroma .cpf{color:#7f848e}.chroma .gd{color:#e06c75}.chroma .gi{color:#98c379;font-weight:700}.post-content img{cursor:zoom-in;transition:opacity .2s ease,transform .2s ease;&:hover{opacity:.95}}.diagram img,.diagram-wrapper img{cursor:default;&:hover{opacity:1}}.image-lightbox{position:fixed;inset:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:0;background:transparent;border:none;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:99999;outline:none;overflow:hidden}.image-lightbox[open]{display:flex;background:#0d1117eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.image-lightbox::backdrop{background:#0d1117eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:lightboxBackdropFade .2s ease-out}.lightbox-figure{position:relative;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0;user-select:none;animation:lightboxScaleIn .2s cubic-bezier(.16,1,.3,1)}.lightbox-img{max-width:90vw;max-height:78vh;width:auto;height:auto;object-fit:contain;border-radius:8px;background-color:var(--bg-canvas);box-shadow:0 20px 50px #000000a6;display:block}.lightbox-caption{margin-top:1rem;color:var(--text-bright);font-size:.9rem;line-height:1.4;text-align:center;background:#161a22d9;padding:6px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.12);max-width:80vw;white-space:normal;word-break:break-word}.lightbox-close{position:fixed;top:1.5rem;right:1.5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;width:42px;height:42px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease,color .2s ease;z-index:100000;.icon{width:20px;height:20px}&:hover{background:#ffffff38;transform:scale(1.06);color:var(--color-primary)}}.lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;width:46px;height:46px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease,color .2s ease;z-index:100000;.icon{width:22px;height:22px}&:hover{background:#ffffff38;transform:translateY(-50%) scale(1.08);color:var(--color-primary)}}.lightbox-prev{left:1.5rem}.lightbox-next{right:1.5rem}@keyframes lightboxBackdropFade{0%{opacity:0}to{opacity:1}}@keyframes lightboxScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.lightbox-nav{display:none!important}.lightbox-close{top:1rem;right:1rem;width:38px;height:38px}}.mermaid-container{margin:1.5em 0;position:relative;overflow:hidden;background:var(--bg-surface);border-radius:6px;border:1px solid var(--border-subtle);width:100%;&.is-wide{@media(min-width:1760px){width:calc(100% + var(--companion-rail-gap) + var(--companion-rail-width))}}}.mermaid-header{padding:.5em 1em;font-size:.8em;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center;background:#0003;border-bottom:1px solid var(--border-subtle)}.mermaid-title{font-size:.85rem;font-weight:600;color:var(--text-bright, #ffffff)}.mermaid-badge{color:var(--text-muted);opacity:.75;text-transform:uppercase;font-family:var(--font-mono);font-size:.8em;letter-spacing:.05em}.mermaid-scroll-wrapper{position:relative;padding:1.5rem 1rem;overflow-x:auto;display:flex;justify-content:center;align-items:center;min-height:80px;&:before{content:"";position:absolute;top:0;left:0;bottom:.15em;width:.15em;background:linear-gradient(to bottom,transparent,rgba(255,167,38,.8) 1.5em);pointer-events:none}}.mermaid-scroll-wrapper .mermaid{margin:0;padding:0;background:transparent!important;font-family:inherit;display:flex;justify-content:center;width:100%}.mermaid-scroll-wrapper .mermaid svg{max-width:100%;height:auto;background-color:transparent!important}.demo-card-wrapper{margin:1.75em 0;position:relative;overflow:hidden;background:var(--bg-surface);border-radius:6px;border:1px solid var(--border-subtle);box-shadow:0 4px 20px #00000040;width:100%;&.is-wide{@media(min-width:1760px){width:calc(100% + var(--companion-rail-gap) + var(--companion-rail-width))}}}.demo-card-header{padding:.5em 1em;font-size:.8em;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center;background:#0003;border-bottom:1px solid var(--border-subtle);user-select:none}.demo-card-title{font-size:.85rem;font-weight:600;color:var(--text-bright, #ffffff);display:flex;align-items:center;gap:.55em}.demo-card-dot{width:7px;height:7px;border-radius:50%;background-color:var(--color-primary, #FFA726);box-shadow:0 0 6px #ffa72699;flex-shrink:0}.demo-card-actions{display:flex;align-items:center;gap:.75em}.demo-card-badge{color:var(--text-muted);opacity:.75;text-transform:uppercase;font-family:var(--font-mono);font-size:.8em;letter-spacing:.05em}.demo-card-btn{background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:4px;padding:.25em .5em;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;line-height:1;&:hover{color:var(--text-bright);border-color:var(--color-primary);background:var(--color-primary-dim)}svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}}.demo-card-body{position:relative;width:100%;background:transparent;display:block;&:before{content:"";position:absolute;top:0;left:0;bottom:.15em;width:.15em;background:linear-gradient(to bottom,transparent,rgba(255,167,38,.8) 1.5em);pointer-events:none;z-index:2}}.demo-card-frame{width:100%;display:block;border:none;background:transparent;overflow:hidden}.demo-card-error{border-color:#e06c7566}.split-grid{display:grid;align-items:start;margin:2.25rem 0;width:100%;gap:2rem;grid-template-columns:1.35fr 1fr;&.ratio-prose-bit{grid-template-columns:1.35fr 1fr}&.ratio-1-1,&.ratio-50-50{grid-template-columns:1fr 1fr}&.ratio-60-40,&.ratio-6-4{grid-template-columns:1.4fr 1fr}&.ratio-40-60,&.ratio-4-6{grid-template-columns:1fr 1.4fr}&.ratio-2-1{grid-template-columns:2fr 1fr}&.ratio-1-2{grid-template-columns:1fr 2fr}&.align-center{align-items:center}&.align-stretch{align-items:stretch}@media(min-width:1760px){&.is-wide{width:calc(100% + var(--companion-rail-gap) + var(--companion-rail-width))!important;gap:var(--companion-rail-gap);&.ratio-1-1,&.ratio-50-50{grid-template-columns:1fr 1fr}}&:not(.ratio-1-1):not(.ratio-50-50):not(.contained):not(.is-wide){width:calc(100% + var(--companion-rail-gap) + var(--companion-rail-width));gap:var(--companion-rail-gap);grid-template-columns:1fr var(--companion-rail-width)}&:not(.is-wide){&.ratio-1-1,&.ratio-50-50,&.contained{width:100%;grid-template-columns:1fr 1fr;gap:2rem}}&.sticky-right .split-col:last-child{position:sticky;top:5rem}&.sticky-left .split-col:first-child{position:sticky;top:5rem}}&.split-diff{.split-col:first-child .code-block-header{border-top:2px solid #e06c75}.split-col:first-child .code-block-title:before{content:"BEFORE";font-size:.72em;font-family:var(--font-mono);color:#e06c75;background:#e06c751f;border:1px solid rgba(224,108,117,.25);padding:.15em .5em;border-radius:3px;margin-right:.65em;letter-spacing:.05em;font-weight:600;display:inline-block;vertical-align:middle}.split-col:last-child .code-block-header{border-top:2px solid #98c379}.split-col:last-child .code-block-title:before{content:"AFTER";font-size:.72em;font-family:var(--font-mono);color:#98c379;background:#98c3791f;border:1px solid rgba(152,195,121,.25);padding:.15em .5em;border-radius:3px;margin-right:.65em;letter-spacing:.05em;font-weight:600;display:inline-block;vertical-align:middle}}}.split-col{min-width:0;>:first-child{margin-top:0!important}>:last-child{margin-bottom:0!important}.code-block-wrapper,.mermaid-container,.demo-card-wrapper{margin:0}&.is-sticky{position:sticky;top:5rem}}@media(max-width:1199px){.split-grid{grid-template-columns:1fr!important;gap:1.25rem;margin:1.75rem 0;&.sticky-right .split-col:last-child,&.sticky-left .split-col:first-child,.split-col.is-sticky{position:static!important}}.split-col{.code-block-wrapper,.mermaid-container,.demo-card-wrapper{margin:.5rem 0 1rem}}}.llm-card-wrapper{margin:1.75em 0;position:relative;background:var(--bg-surface);border-radius:6px;border:1px solid var(--border-subtle);box-shadow:0 4px 20px #00000040;width:100%;overflow:hidden;&.is-wide{@media(min-width:1760px){width:calc(100% + var(--companion-rail-gap) + var(--companion-rail-width))}}}.llm-card-header{padding:.5em 1em;font-size:.8em;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6em;background:#00000040;border-bottom:1px solid var(--border-subtle);user-select:none}.llm-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5em}.llm-card-dot{width:7px;height:7px;border-radius:50%;background-color:var(--color-primary, #FFA726);box-shadow:0 0 6px #ffa72699;flex-shrink:0;.provider-anthropic &{background-color:#d97757;box-shadow:0 0 6px #d9775799}.provider-openai &{background-color:#10a37f;box-shadow:0 0 6px #10a37f99}.provider-google &{background-color:#4285f4;box-shadow:0 0 6px #4285f499}.provider-deepseek &{background-color:#00a3ff;box-shadow:0 0 6px #00a3ff99}.provider-meta &{background-color:#0081fb;box-shadow:0 0 6px #0081fb99}}.llm-model-name{font-size:.85rem;font-weight:600;font-family:var(--font-mono);color:var(--text-bright, #ffffff)}.llm-pill{font-size:.72rem;font-family:var(--font-mono);padding:.15em .45em;border-radius:3px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);line-height:1.3;&.llm-pill-provider{color:#e6edf3;font-weight:500;background:#ffffff14}&.llm-pill-param code{color:var(--text-bright);font-weight:600;background:transparent;padding:0}}.llm-card-actions{display:flex;align-items:center;gap:.6em}.llm-copy-btn{background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:4px;padding:.25em .55em;display:inline-flex;align-items:center;gap:.35em;cursor:pointer;transition:all .2s ease;line-height:1;font-size:.75rem;font-family:var(--font-sans);svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}&:hover{color:var(--text-bright);border-color:var(--color-primary);background:var(--color-primary-dim)}&.is-copied{color:#98c379;border-color:#98c379;background:#98c3791f}}.llm-card-badge{color:var(--text-muted);opacity:.75;text-transform:uppercase;font-family:var(--font-mono);font-size:.75em;letter-spacing:.05em}.llm-card-body{position:relative;width:100%}.llm-msg+.llm-msg{border-top:1px solid var(--border-subtle)}.llm-msg{position:relative;width:100%;&.is-collapsible>summary{list-style:none;cursor:pointer;user-select:none;transition:background .15s ease;&::-webkit-details-marker{display:none}&:hover{background:#00000047}}&.is-collapsible[open] .llm-fold-toggle svg{transform:rotate(180deg)}}.llm-msg-header{display:flex;justify-content:space-between;align-items:center;padding:.55em 1.25em;background:#00000024;border-bottom:1px solid rgba(255,255,255,.04);font-size:.75rem}.llm-role-label{display:flex;align-items:center;gap:.5em}.llm-role-indicator{width:6px;height:6px;border-radius:50%;display:inline-block}.llm-role-title{font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.llm-role-sub{color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono);font-weight:400}.llm-msg-header-right{display:flex;align-items:center;gap:.5em}.llm-msg-badge{font-size:.68rem;font-family:var(--font-mono);padding:.1em .4em;border-radius:3px;background:#ffffff0f;color:var(--text-muted)}.llm-fold-toggle svg{stroke:var(--text-muted);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease;display:block}.llm-msg-body{padding:1rem 1.25rem;font-size:.92rem;line-height:1.65;>:first-child{margin-top:0!important}>:last-child{margin-bottom:0!important}p{margin:.6em 0}.code-block-wrapper{margin:.85em 0}}.llm-msg-system{.llm-role-indicator{background:#818cf8;box-shadow:0 0 5px #818cf880}.llm-role-title{color:#a5b4fc}.llm-msg-body{font-family:var(--font-mono);font-size:.84rem;background:#0000001f;color:#c9d1d9;border-left:3px solid #818cf8}}.llm-msg-user{.llm-role-indicator{background:var(--color-primary, #FFA726);box-shadow:0 0 5px #ffa72680}.llm-role-title{color:var(--color-primary, #FFA726)}.llm-msg-body{color:var(--text-bright);background:#ffa72605;border-left:3px solid var(--color-primary)}}.llm-msg-assistant,.llm-msg-model{.llm-role-indicator{background:#98c379;box-shadow:0 0 5px #98c37980}.llm-role-title{color:#98c379}.llm-msg-body{color:var(--text-body);background:transparent;border-left:3px solid #98c379}}.llm-msg-tool,.llm-msg-function{.llm-role-indicator{background:#e5c07b;box-shadow:0 0 5px #e5c07b80}.llm-role-title{color:#e5c07b}.llm-msg-body{font-family:var(--font-mono);font-size:.82rem;background:#00000029;border-left:3px solid #e5c07b}}html.artifact-view,body.artifact-view{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-canvas, #222731);color:var(--text-body, #afbac4);font-family:var(--font-sans)}.artifact-layout{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden}.artifact-navbar{height:48px;min-height:48px;background:var(--bg-surface, #242930);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;padding:0 1.25rem;box-shadow:0 2px 10px #00000040;z-index:100;user-select:none}.artifact-nav-left{display:flex;align-items:center;gap:1rem;min-width:0}.artifact-back-btn{display:inline-flex;align-items:center;gap:.45rem;background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-bright, #ffffff);padding:.3rem .75rem;border-radius:4px;font-size:.78rem;font-weight:500;text-decoration:none;transition:all .2s ease;line-height:1.2;white-space:nowrap;svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}&:hover{background:var(--color-primary-dim);border-color:var(--color-primary);color:var(--text-bright);svg{transform:translate(-2px)}}}.artifact-nav-divider{width:1px;height:18px;background:var(--border-subtle)}.artifact-title-group{display:flex;align-items:center;gap:.65rem;min-width:0}.artifact-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-primary, #FFA726);box-shadow:0 0 8px #ffa726b3;flex-shrink:0}.artifact-title{margin:0;font-size:.88rem;font-weight:600;color:var(--text-bright, #ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artifact-badge{font-size:.68rem;font-family:var(--font-mono);padding:.15em .5em;border-radius:3px;background:#ffa7261f;border:1px solid rgba(255,167,38,.25);color:var(--color-primary, #FFA726);letter-spacing:.05em;font-weight:600;white-space:nowrap}.artifact-nav-right{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.artifact-tool-btn{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);padding:.3rem .65rem;border-radius:4px;font-size:.75rem;text-decoration:none;cursor:pointer;transition:all .2s ease;line-height:1.2;svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}&:hover{color:var(--text-bright);border-color:var(--color-primary);background:var(--color-primary-dim)}}.artifact-canvas{flex:1;width:100vw;height:calc(100vh - 48px);position:relative;background:var(--bg-canvas, #161a22)}.artifact-frame{width:100%;height:100%;border:none;display:block;background:transparent}.launch-artifact-card{margin:1.25rem 0;position:relative;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden;box-shadow:0 4px 16px #0003;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;display:block;text-decoration:none;color:inherit;&:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary, #FFA726),rgba(255,167,38,.2) 60%,transparent)}&:hover{border-color:#ffa72666;box-shadow:0 6px 20px #0000004d;transform:translateY(-1px);.launch-artifact-btn{background:var(--color-primary);color:#1c2128;border-color:var(--color-primary);svg{transform:translate(2px,-2px)}}}&.is-wide{@media(min-width:1760px){width:calc(100% + var(--companion-rail-gap) + var(--companion-rail-width))}}}.launch-artifact-inner{padding:.85rem 1.15rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.launch-artifact-info{display:flex;flex-direction:column;flex:1;min-width:240px}.launch-artifact-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.launch-artifact-tag{font-size:.64rem;font-family:var(--font-mono);padding:.1em .45em;border-radius:3px;background:#ffa7261f;border:1px solid rgba(255,167,38,.25);color:var(--color-primary);font-weight:600;letter-spacing:.05em}.launch-artifact-title{display:block;font-size:.98rem;font-weight:600;color:var(--text-bright, #ffffff);margin:0 0 .2rem;margin-top:0;line-height:1.3}.launch-artifact-desc{display:block;font-size:.82rem;color:var(--text-muted);margin:0;line-height:1.45}.launch-artifact-action{flex-shrink:0}.launch-artifact-btn{display:inline-flex;align-items:center;gap:.45rem;background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-bright);padding:.45rem .85rem;border-radius:5px;font-size:.78rem;font-weight:600;transition:all .25s ease;white-space:nowrap;svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}}@media(max-width:640px){.launch-artifact-inner{padding:1.25rem;flex-direction:column;align-items:flex-start;gap:1rem}.launch-artifact-action{width:100%}.launch-artifact-btn{width:100%;justify-content:center}}.stream-artifact-wrap{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:flex-end;padding-right:1.5rem;pointer-events:none;overflow:hidden;z-index:1}.stream-artifact-indicator{display:inline-flex;align-items:center;gap:.65rem;color:var(--text-muted);opacity:.22;transition:opacity .25s ease,color .25s ease;user-select:none}.artifact-box-icon{width:24px;height:24px;stroke:currentColor;flex-shrink:0}.artifact-label{font-family:var(--font-mono);font-size:1.15rem;font-weight:500;letter-spacing:.08em;line-height:1}.stream-row:hover .stream-artifact-indicator{opacity:.6;color:var(--color-primary)}@media(max-width:768px){.stream-artifact-wrap{padding-right:.75rem}.artifact-box-icon{width:18px;height:18px}.artifact-label{font-size:.95rem}}.link-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.5rem 0;padding:.85rem 1.15rem;background:var(--bg-surface, #242930);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:6px;text-decoration:none;color:inherit;box-shadow:0 2px 8px #00000026;transition:border-color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease;user-select:none}.link-bar:hover{border-color:#ffa72666;background-color:#ffffff08;box-shadow:0 4px 14px #00000040;transform:translateY(-1px)}.link-bar-left{display:flex;align-items:center;gap:.85rem;min-width:0}.link-bar-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-bright);flex-shrink:0;transition:color .2s ease,border-color .2s ease}.link-bar-icon svg{width:18px;height:18px}.link-bar:hover .link-bar-icon{color:var(--color-primary);border-color:#ffa7264d}.link-bar-body{display:flex;flex-direction:column;min-width:0;gap:.15rem}.link-bar-title{font-size:.95rem;font-weight:600;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-sans);line-height:1.3;transition:color .2s ease}.link-bar:hover .link-bar-title{color:var(--color-primary)}.link-bar-desc{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}.link-bar-right{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.link-bar-badge{font-size:.68rem;font-family:var(--font-mono);font-weight:500;letter-spacing:.05em;padding:.18rem .5rem;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:3px;color:var(--text-muted);text-transform:uppercase;white-space:nowrap}.link-bar-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .2s ease,transform .2s ease}.link-bar-arrow svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.link-bar:hover .link-bar-arrow{color:var(--color-primary);transform:translate(2px,-2px)}.link-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.24rem .65rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;font-family:var(--font-mono);font-size:.82rem;color:var(--text-bright);text-decoration:none;vertical-align:middle;transition:all .2s ease;line-height:1.4;margin:.2rem}.link-pill:hover{border-color:#ffa72666;color:var(--color-primary);background:#ffa7260f}.link-pill-icon{display:inline-flex;align-items:center;color:currentColor}.link-pill-icon svg{width:14px;height:14px}.link-pill-title{font-weight:500}.link-pill-arrow{font-size:.82rem;opacity:.7;transition:transform .2s ease}.link-pill:hover .link-pill-arrow{transform:translate(1px,-1px);opacity:1}@media(max-width:640px){.link-bar{padding:.75rem .95rem;gap:.65rem}.link-bar-badge{display:none}}.table-wrapper{width:100%;overflow-x:auto;margin:1.75rem 0 2rem;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-surface);-webkit-overflow-scrolling:touch}.table-wrapper table{margin:0;border:none;border-radius:0;background:transparent}.post-content table{width:100%;border-collapse:collapse;font-size:.925rem;line-height:1.5;text-align:left;border-spacing:0}.post-content>table{margin:1.75rem 0 2rem;border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden;background:var(--bg-surface);display:table}.post-content th{padding:.8rem 1.15rem;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-bright);background:#ffffff08;border-bottom:1px solid var(--border-subtle);white-space:nowrap}.post-content td{padding:.8rem 1.15rem;color:var(--text-body);border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.post-content tbody tr:last-child td{border-bottom:none}.post-content tbody tr{transition:background-color .15s ease}.post-content tbody tr:hover{background:#ffffff05}.post-content td code,.post-content th code{font-size:.85em;padding:.15em .4em;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px}