:root{--color-bg: #faf9f7;--color-bg-warm: #f5f3ef;--color-bg-section: #f0eeea;--color-text: #2d2a26;--color-text-secondary: #6b665e;--color-border: #e2ddd6;--color-accent: #3b6fc0;--color-accent-light: #e8eff8;--color-highlight: #fef3c7;--color-highlight-warm: #fff8e7;--font-display: "M PLUS 1p", sans-serif;--font-body: "M PLUS 1p", sans-serif;--shadow-sm: 0 1px 3px rgba(45, 42, 38, .06);--shadow-md: 0 2px 8px rgba(45, 42, 38, .08);--shadow-lg: 0 4px 16px rgba(45, 42, 38, .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-display);background-color:var(--color-bg);color:var(--color-text);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}.site-header[data-astro-cid-ybkzwf2q]{position:sticky;top:0;z-index:100;background-color:#faf9f7eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.header-inner[data-astro-cid-ybkzwf2q]{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:56px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.site-title[data-astro-cid-ybkzwf2q]{font-size:1.3rem;font-weight:400;color:var(--color-text);white-space:nowrap;letter-spacing:.02em}.header-nav[data-astro-cid-ybkzwf2q]{display:flex;align-items:center;gap:.25rem;overflow-x:auto}.nav-link[data-astro-cid-ybkzwf2q]{font-size:.85rem;color:var(--color-text-secondary);text-decoration:none;padding:.4rem .85rem;border-radius:var(--radius-sm);white-space:nowrap;transition:background-color .2s,color .2s}.nav-link[data-astro-cid-ybkzwf2q]:hover{background-color:var(--color-accent-light);color:var(--color-accent)}.nav-icon[data-astro-cid-ybkzwf2q]{font-size:.75rem;margin-right:.2rem}@media(max-width:480px){.site-title[data-astro-cid-ybkzwf2q]{font-size:1rem}.nav-link[data-astro-cid-ybkzwf2q]{font-size:.8rem;padding:.3rem .5rem}}.concept-section[data-astro-cid-b6i2p5rp]{padding:4rem 1.5rem;background-color:var(--color-bg)}.concept-inner[data-astro-cid-b6i2p5rp]{max-width:1200px;margin:0 auto}.section-title[data-astro-cid-b6i2p5rp]{font-size:1.8rem;font-weight:400;color:var(--color-text);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-accent);letter-spacing:.03em}.concept-lead[data-astro-cid-b6i2p5rp]{font-size:1.05rem;color:var(--color-text-secondary);margin-bottom:2.5rem;line-height:1.9}.concept-grid[data-astro-cid-b6i2p5rp]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:900px){.concept-grid[data-astro-cid-b6i2p5rp]{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.concept-grid[data-astro-cid-b6i2p5rp]{grid-template-columns:1fr}}.concept-card[data-astro-cid-b6i2p5rp]{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow .25s,transform .25s}.concept-card[data-astro-cid-b6i2p5rp]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.concept-card-icon[data-astro-cid-b6i2p5rp]{font-size:1.4rem}.concept-card[data-astro-cid-b6i2p5rp] h3[data-astro-cid-b6i2p5rp]{font-size:1.1rem;font-weight:400;color:var(--color-text);margin-bottom:.75rem;letter-spacing:.02em}.concept-card[data-astro-cid-b6i2p5rp] p[data-astro-cid-b6i2p5rp]{font-size:.9rem;color:var(--color-text-secondary);line-height:1.8}.concept-roles-lead[data-astro-cid-b6i2p5rp]{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.75rem;line-height:1.7}.concept-roles[data-astro-cid-b6i2p5rp]{list-style:none;display:flex;flex-direction:column;gap:.5rem}.concept-roles[data-astro-cid-b6i2p5rp] li[data-astro-cid-b6i2p5rp]{font-size:.9rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.5rem}.role-badge[data-astro-cid-b6i2p5rp]{background-color:var(--color-highlight);color:var(--color-text);font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:var(--radius-sm);white-space:nowrap}strong[data-astro-cid-b6i2p5rp]{color:var(--color-accent);font-weight:600}.inline-icon[data-astro-cid-b6i2p5rp]{font-size:.9em;margin-right:.1rem}.demo-container.svelte-wesuq4{width:100%}.demo-lead.svelte-wesuq4{font-size:.95rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:1.5rem}.demo-lead.svelte-wesuq4 strong:where(.svelte-wesuq4){color:var(--color-text);font-weight:600}.inline-icon.svelte-wesuq4{font-size:.85em;margin-right:.1rem}.demo-panels.svelte-wesuq4{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.demo-panels.svelte-wesuq4{grid-template-columns:1fr}}.panel.svelte-wesuq4{background:#fff;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.panel-header.svelte-wesuq4{font-size:.85rem;font-weight:600;color:var(--color-text);padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:.5rem}.panel-header-link.svelte-wesuq4{text-decoration:none;color:inherit;transition:background-color .15s;cursor:pointer}.panel-header-link.svelte-wesuq4:hover{background:#eef1f6}.panel-header-text.svelte-wesuq4{flex:1}.panel-header-arrow.svelte-wesuq4{font-size:1rem;color:var(--color-accent);opacity:.5;transition:opacity .15s}.panel-header-link.svelte-wesuq4:hover .panel-header-arrow:where(.svelte-wesuq4){opacity:1}.panel-icon.svelte-wesuq4{font-size:1rem}.panel-desc.svelte-wesuq4{font-size:.775rem;color:var(--color-text-secondary);line-height:1.6;padding:.5rem 1rem;border-bottom:1px solid var(--color-border);background:#f8f9fa}.panel-desc.svelte-wesuq4 strong{color:var(--color-text);font-weight:600}.sticky-category.svelte-wesuq4{padding:.4rem 1rem;background:#eef1f6;border-bottom:1px solid var(--color-border)}.sticky-category-text.svelte-wesuq4{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);line-height:1.4}.panel-body.svelte-wesuq4{padding:1rem;max-height:420px;overflow-y:auto}.category-divider.svelte-wesuq4{height:1px;background:var(--color-border);margin:.75rem 0}.tree-category-inline.svelte-wesuq4{font-size:.7rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.35rem;padding-left:.25rem;opacity:.6}.tree-node.svelte-wesuq4{display:flex;align-items:flex-start;gap:.5rem;width:100%;text-align:left;padding:.5rem .625rem;border:1px solid transparent;border-radius:6px;background:none;cursor:pointer;font-family:inherit;transition:background-color .15s,border-color .15s,opacity .2s}.tree-node.svelte-wesuq4:hover{background-color:#f0f4ff}.tree-node.selected.svelte-wesuq4{background-color:#eff6ff;border-color:var(--color-accent)}.tree-node.highlighted.svelte-wesuq4{background-color:#fef9ee;border-color:#f59e0b}.level-2.svelte-wesuq4{padding-left:1.5rem}.level-3.svelte-wesuq4{padding-left:3rem}.level-badge.svelte-wesuq4{font-size:.625rem;font-weight:700;color:#fff;padding:.1rem .35rem;border-radius:3px;white-space:nowrap;flex-shrink:0;margin-top:.15rem}.node-text.svelte-wesuq4{font-size:.8rem;color:var(--color-text);line-height:1.5;flex:1}.role-badge.svelte-wesuq4{font-size:.65rem;font-weight:600;background-color:var(--color-highlight);color:var(--color-text);padding:.1rem .4rem;border-radius:3px;white-space:nowrap;flex-shrink:0;margin-top:.15rem}.placeholder-hint.svelte-wesuq4{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:.75rem;padding-left:.25rem}.selected-info.svelte-wesuq4{margin-bottom:1rem}.selected-value.svelte-wesuq4{font-size:.875rem;font-weight:600;color:var(--color-text);line-height:1.5;padding:.5rem .75rem;background:#eff6ff;border-radius:6px;border-left:3px solid var(--color-accent)}.selected-value.theme-selected.svelte-wesuq4{background:#fef9ee;border-left-color:#f59e0b}.selected-theme-label.svelte-wesuq4{font-size:.7rem;font-weight:600;color:#f59e0b;margin-bottom:.35rem;padding-left:.25rem}.arrow-label.svelte-wesuq4{font-size:.75rem;color:var(--color-text-secondary);margin-top:.75rem;padding-left:.25rem;display:flex;align-items:center;gap:.25rem}.arrow-label.svelte-wesuq4:before{content:"↓";font-size:.875rem;color:var(--color-accent)}.arrow-label.reverse.svelte-wesuq4:before{content:"← ";color:#f59e0b}.no-themes.svelte-wesuq4{font-size:.8rem;color:var(--color-text-secondary);margin-top:.75rem;line-height:1.6;padding-left:.25rem}.theme-list.svelte-wesuq4{display:flex;flex-direction:column;gap:.75rem}.theme-card.svelte-wesuq4{padding:.75rem;border:1px solid var(--color-border);border-radius:6px;background:#fafbfc;text-align:left;display:flex;align-items:flex-start;gap:.75rem}.theme-card-clickable.svelte-wesuq4{cursor:pointer;font-family:inherit;width:100%;transition:border-color .15s,background-color .15s}.theme-card-clickable.svelte-wesuq4:hover{border-color:#f59e0b;background:#fffbf0}.theme-card-clickable.selected.svelte-wesuq4{border-color:#f59e0b;background:#fef9ee}.theme-id.svelte-wesuq4{font-family:monospace;font-size:.7rem;font-weight:700;color:var(--color-accent);white-space:nowrap;padding-top:.15rem;flex-shrink:0}.theme-details.svelte-wesuq4{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.theme-name.svelte-wesuq4{font-size:.8rem;font-weight:600;color:var(--color-text);margin-bottom:.35rem;line-height:1.4}.theme-outcome.svelte-wesuq4{font-size:.75rem;color:var(--color-text-secondary);line-height:1.5}.reverse-node-list.svelte-wesuq4{display:flex;flex-direction:column;gap:.5rem}.reverse-node-card.svelte-wesuq4{display:flex;align-items:flex-start;gap:.5rem;padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:#fafbfc;cursor:pointer;font-family:inherit;text-align:left;width:100%;transition:border-color .15s,background-color .15s}.reverse-node-card.svelte-wesuq4:hover{border-color:var(--color-accent);background:#eff6ff}.reverse-node-text.svelte-wesuq4{font-size:.8rem;color:var(--color-text);line-height:1.5;flex:1}.overview-section[data-astro-cid-lex6rzvh]{padding:4rem 1.5rem;background-color:var(--color-bg-warm);border-top:1px solid var(--color-border)}.overview-inner[data-astro-cid-lex6rzvh]{max-width:1200px;margin:0 auto}.section-title[data-astro-cid-lex6rzvh]{font-size:1.8rem;font-weight:400;color:var(--color-text);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-accent);letter-spacing:.03em}:root{--header-height: 56px}