.prose-blog{color:var(--md-sys-color-on-surface-variant);font-size:1.0625rem;line-height:1.75}.prose-blog h1,.prose-blog h2,.prose-blog h3,.prose-blog h4{color:var(--md-sys-color-on-surface);font-family:var(--font-display);margin-top:2.25em;margin-bottom:.75em;font-weight:600;line-height:1.25}.prose-blog h1{font-size:1.75rem}.prose-blog h2{font-size:1.5rem}.prose-blog h3{font-size:1.25rem}.prose-blog h4{font-size:1.0625rem}.prose-blog p{margin-block:1.25em}.prose-blog a{color:var(--md-sys-color-primary);text-underline-offset:2px;text-decoration:underline}.prose-blog strong{color:var(--md-sys-color-on-surface);font-weight:600}.prose-blog code{background:var(--md-sys-color-surface-container-high);border-radius:var(--md-shape-xs);font-family:var(--font-mono);padding:.15em .4em;font-size:.875em}.prose-blog pre{background:var(--md-sys-color-surface-container-lowest);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-shape-lg);margin-block:1.5em;padding:1.25em;overflow-x:auto}.prose-blog pre code{background:0 0;padding:0;font-size:.875em}.prose-blog ul,.prose-blog ol{margin-block:1.25em;padding-left:1.5em}.prose-blog li{margin-block:.4em}.prose-blog ul{list-style:outside}.prose-blog ol{list-style:decimal}.prose-blog blockquote{border-left:3px solid var(--md-sys-color-primary);color:var(--md-sys-color-on-surface-variant);margin-block:1.5em;padding-left:1.25em;font-style:italic}.prose-blog hr{border:none;border-top:1px solid var(--md-sys-color-outline-variant);margin-block:2.5em}.prose-blog table{border-collapse:collapse;width:100%;margin-block:1.5em}.prose-blog th,.prose-blog td{border:1px solid var(--md-sys-color-outline-variant);text-align:left;padding:.5em .75em}.prose-blog th{background:var(--md-sys-color-surface-container);font-weight:600}.prose-blog img{border-radius:var(--md-shape-lg);max-width:100%;height:auto;margin-block:1.5em}.level-toggle-bar{-webkit-backdrop-filter:blur(12px)}.level-btn.active{background:color-mix(in srgb, var(--md-sys-color-primary) 18%, transparent);color:var(--md-sys-color-primary)}.levels-js [data-level].level-hidden{display:none}.levels-js [data-level]{animation:.24s ease-out both level-fade-in}@keyframes level-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.levels-js [data-level]{animation:none}}.prose-blog pre{position:relative}.code-copy-btn{font-size:.72rem;font-family:var(--font-sans);color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-shape-full);opacity:.75;cursor:pointer;align-items:center;gap:.3rem;padding:.3rem .6rem;font-weight:500;transition:opacity .2s,color .2s,border-color .2s;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.prose-blog pre:hover .code-copy-btn,.code-copy-btn:focus-visible{opacity:1}.code-copy-btn.copied{color:var(--md-sys-color-primary);border-color:color-mix(in srgb, var(--md-sys-color-primary) 50%, transparent);opacity:1}.os-tabs{margin-block:1.5em}.os-tab-buttons{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.os-tab-buttons button{min-height:2.5rem;color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-shape-full);cursor:pointer;padding:.45rem .9rem;font-size:.85rem;font-weight:500;transition:all .2s}.os-tab-buttons button.active{color:var(--md-sys-color-primary);background:color-mix(in srgb, var(--md-sys-color-primary) 15%, transparent);border-color:color-mix(in srgb, var(--md-sys-color-primary) 40%, transparent)}.os-tabs.os-tabs-js [data-os-panel]{display:none}.os-tabs.os-tabs-js [data-os-panel].active{display:block}.os-tabs:not(.os-tabs-js) [data-os-panel]:before{content:attr(data-os-label);color:var(--md-sys-color-on-surface);margin-top:1em;font-weight:600;display:block}.os-tabs:not(.os-tabs-js) .os-tab-buttons{display:none}.term-demo{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-shape-lg);background:#0c0e13;margin-block:1.75em;overflow:hidden}.term-head{background:var(--md-sys-color-surface-container);border-bottom:1px solid var(--md-sys-color-outline-variant);align-items:center;gap:.4rem;padding:.6rem .9rem;display:flex}.term-dot{border-radius:50%;width:.65rem;height:.65rem}.term-dot:first-child{background:#ff5f57}.term-dot:nth-child(2){background:#febc2e}.term-dot:nth-child(3){background:#28c840}.term-title{color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-family:var(--font-mono);margin-left:.5rem}.term-replay{font-size:.72rem;font-family:var(--font-sans);color:var(--md-sys-color-on-surface-variant);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-shape-full);cursor:pointer;background:0 0;margin-left:auto;padding:.2rem .6rem;transition:color .2s,border-color .2s}.term-replay:hover{color:var(--md-sys-color-primary);border-color:color-mix(in srgb, var(--md-sys-color-primary) 50%, transparent)}.prose-blog pre.term-body,pre.term-body{color:#d5dbe5;white-space:pre-wrap;word-break:break-word;background:0 0;border:none;border-radius:0;min-height:3em;margin:0;padding:1.1em 1.25em;font-size:.82em;line-height:1.65}.term-body .t-prompt{color:#7ee787}.term-body .t-cmd{color:#e6edf3;font-weight:600}.term-body .t-claude{color:#adc6ff}.term-body .t-dim{color:#7a8494}.term-caret{vertical-align:text-bottom;background:#adc6ff;width:.55em;height:1.1em;animation:1s step-end infinite term-caret-blink;display:inline-block}@keyframes term-caret-blink{50%{opacity:0}}
