:root{--text: var(--fgColor-default, var(--color-fg-default));--text-muted: var(--fgColor-muted, var(--color-fg-muted));--border: var(--borderColor-default, var(--color-border-default, #d1d9e0));--accent: var(--fgColor-accent, var(--color-accent-fg, #0969da));--bg-card: var(--bgColor-muted, var(--color-canvas-subtle));--bg-hover: var(--bgColor-muted, var(--color-canvas-subtle));--c-text-inv: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis, #ffffff));--c-code-bg-dark: var(--bgColor-muted, var(--color-canvas-subtle));--c-code-border: var(--borderColor-default, var(--color-border-default, #d1d9e0));--c-code-text: var(--fgColor-default, var(--color-fg-default));--c-code-muted: var(--fgColor-muted, var(--color-fg-muted))}.demo-header[data-astro-cid-prwxh6m4]{margin-bottom:2rem}.demo-header[data-astro-cid-prwxh6m4] h1[data-astro-cid-prwxh6m4]{margin-bottom:.5rem}.demo-header[data-astro-cid-prwxh6m4] .subtitle[data-astro-cid-prwxh6m4]{color:var(--text-muted);font-size:1rem;margin-bottom:1.5rem}.principles[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem;margin-bottom:2.5rem}.principle-card[data-astro-cid-prwxh6m4]{border:1px solid var(--border);padding:.75rem 1rem;font-size:.8rem;color:var(--text-muted)}.principle-card[data-astro-cid-prwxh6m4] strong[data-astro-cid-prwxh6m4]{color:var(--text);display:block;margin-bottom:.2rem}.step-nav[data-astro-cid-prwxh6m4]{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:2rem}.step-btn[data-astro-cid-prwxh6m4]{width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:none;cursor:pointer;font-family:monospace;font-size:.85rem;color:var(--text-muted);transition:background .15s,color .15s,border-color .15s}.step-btn[data-astro-cid-prwxh6m4]:hover{background:var(--bg-hover);color:var(--text)}.step-btn[data-astro-cid-prwxh6m4].active{background:var(--accent);color:var(--c-text-inv);border-color:var(--accent)}.step-card[data-astro-cid-prwxh6m4]{display:none}.step-card[data-astro-cid-prwxh6m4].visible{display:block}.step-meta[data-astro-cid-prwxh6m4]{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.step-num[data-astro-cid-prwxh6m4]{font-size:2rem;font-weight:700;line-height:1;color:var(--accent);font-family:monospace}.step-time[data-astro-cid-prwxh6m4]{font-size:.75rem;color:var(--text-muted);border:1px solid var(--border);padding:.2rem .5rem}.concept-tag[data-astro-cid-prwxh6m4]{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);border:1px solid var(--accent);padding:.2rem .5rem}.step-card[data-astro-cid-prwxh6m4] h2[data-astro-cid-prwxh6m4]{margin-bottom:1rem;font-size:1.3rem}.terminal[data-astro-cid-prwxh6m4]{background:var(--c-code-bg-dark)!important;border:1px solid var(--c-code-border);padding:1.25rem 1.5rem;margin-bottom:1.25rem;overflow-x:auto;border-radius:6px}.terminal[data-astro-cid-prwxh6m4]:before{content:"●  ●  ●";display:block;color:var(--c-code-muted);font-size:.7rem;letter-spacing:.25em;margin-bottom:.75rem}.terminal[data-astro-cid-prwxh6m4] pre[data-astro-cid-prwxh6m4]{margin:0!important;padding:0!important;background:transparent!important;border:none!important;font-family:Courier New,monospace;font-size:.82rem;line-height:1.6;color:var(--c-code-text)!important;white-space:pre-wrap;word-break:break-word}.terminal[data-astro-cid-prwxh6m4] pre[data-astro-cid-prwxh6m4] code[data-astro-cid-prwxh6m4]{background:transparent!important;border:none!important;color:var(--c-code-text)!important;padding:0!important;font-size:inherit}.step-body[data-astro-cid-prwxh6m4] p[data-astro-cid-prwxh6m4]{margin-bottom:1rem;color:var(--text)}.concept-block[data-astro-cid-prwxh6m4]{border-left:3px solid var(--accent);padding:.6rem 1rem;background:var(--bg-card);font-style:italic;color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.power-demo[data-astro-cid-prwxh6m4]{margin-bottom:1.25rem}.power-demo[data-astro-cid-prwxh6m4] label[data-astro-cid-prwxh6m4]{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);margin-bottom:.4rem}.power-track[data-astro-cid-prwxh6m4]{height:10px;background:var(--border);position:relative}.power-fill[data-astro-cid-prwxh6m4]{height:100%;background:var(--accent);transition:width .6s ease}.power-steps[data-astro-cid-prwxh6m4]{display:flex;gap:.5rem;margin-top:.75rem}.power-step-btn[data-astro-cid-prwxh6m4]{border:1px solid var(--border);background:none;cursor:pointer;padding:.3rem .75rem;font-size:.78rem;color:var(--text-muted)}.power-step-btn[data-astro-cid-prwxh6m4].active-power{border-color:var(--accent);color:var(--accent)}.step-controls[data-astro-cid-prwxh6m4]{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--border)}.nav-btn[data-astro-cid-prwxh6m4]{border:1px solid var(--border);background:none;cursor:pointer;padding:.5rem 1.25rem;font-size:.85rem;color:var(--text-muted)}.nav-btn[data-astro-cid-prwxh6m4]:hover{background:var(--bg-hover);color:var(--text)}.nav-btn[data-astro-cid-prwxh6m4]:disabled{opacity:.3;cursor:default}.nav-btn[data-astro-cid-prwxh6m4].primary{background:var(--accent);border-color:var(--accent);color:var(--c-text-inv)}.nav-btn[data-astro-cid-prwxh6m4].primary:hover{opacity:.85}.summary-section[data-astro-cid-prwxh6m4]{margin-top:3rem;border-top:2px solid var(--border);padding-top:2rem}.summary-grid[data-astro-cid-prwxh6m4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;margin-top:1.25rem}.summary-card[data-astro-cid-prwxh6m4]{border:1px solid var(--border);padding:1rem 1.25rem}.summary-card[data-astro-cid-prwxh6m4] h4[data-astro-cid-prwxh6m4]{margin-bottom:.4rem;font-size:.9rem}.summary-card[data-astro-cid-prwxh6m4] p[data-astro-cid-prwxh6m4]{font-size:.8rem;color:var(--text-muted);margin:0}.action-bar[data-astro-cid-prwxh6m4]{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.action-btn[data-astro-cid-prwxh6m4]{border:1px solid var(--border);padding:.6rem 1.25rem;font-size:.85rem;text-decoration:none;color:var(--text)}.action-btn[data-astro-cid-prwxh6m4]:hover{background:var(--bg-hover)}.action-btn[data-astro-cid-prwxh6m4].primary{background:var(--accent);border-color:var(--accent);color:var(--c-text-inv)}.action-btn[data-astro-cid-prwxh6m4].primary:hover{opacity:.85}