:root{--color-bg: #f6f7f8;--color-surface: #ffffff;--color-surface-sunk: #f1f2f4;--color-border: #e2e5e9;--color-border-strong: #cdd2d8;--color-ink: #1a1d21;--color-ink-hover: #2c3036;--color-ink-2: #3a3f46;--color-muted: #62686f;--color-muted-2: #8c9298;--color-accent: #355c9e;--color-accent-hover: #2c4e89;--color-focus: #355c9e;--color-success-bg: #e8f1ec;--color-success-fg: #1e5c3a;--color-success: #2e7d52;--color-warning-bg: #fbf0dd;--color-warning-fg: #7a551a;--color-warning: #b0791e;--color-danger-bg: #fbeaea;--color-danger-fg: #8e2a2a;--color-danger: #b23b3b;--color-info-bg: #e9eff7;--color-info-fg: #2c4e89;--color-info: #355c9e;--color-neutral-bg: #f1f2f4;--color-neutral-fg: #3a3f46;--color-neutral: #62686f;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(17, 20, 24, .06);--shadow-md: 0 2px 8px rgba(17, 20, 24, .08);--shadow-lg: 0 8px 24px rgba(17, 20, 24, .12);--font-sans: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--weight-regular: 400;--weight-medium: 500;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--bg: var(--color-bg);--fg: var(--color-ink);--muted: var(--color-muted);--border: var(--color-border);--surface: var(--color-surface);--surface-2: var(--color-surface-sunk);--primary: var(--color-ink);--primary-tint: var(--color-info-bg);--primary-fg: var(--color-info-fg);--danger: var(--color-danger);--danger-tint: var(--color-danger-bg);--danger-fg: var(--color-danger-fg);--success: var(--color-success);--success-tint: var(--color-success-bg);--success-fg: var(--color-success-fg);--warning: var(--color-warning);--warning-tint: var(--color-warning-bg);--warning-fg: var(--color-warning-fg);--info: var(--color-info);--info-tint: var(--color-info-bg);--info-fg: var(--color-info-fg);--neutral: var(--color-neutral);--neutral-tint: var(--color-neutral-bg);--neutral-fg: var(--color-neutral-fg);--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 25px;--lh-tight: 1.3;--lh-normal: 1.5;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--r-sm: var(--radius-sm);--r-md: var(--radius-md);--r-lg: var(--radius-lg);--r-full: var(--radius-pill);--f-ui: var(--font-sans);--f-display: var(--font-sans);--f-mono: var(--font-mono)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-feature-settings:"palt" 1;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-sans);font-weight:500;letter-spacing:-.01em;color:var(--color-ink)}a{color:var(--color-accent)}a:hover{color:var(--color-accent-hover)}.container{max-width:1000px;margin:24px auto;padding:0 16px}input,select{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-family:var(--font-sans);font-size:14px}button{cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 16px;background:var(--surface);color:var(--color-ink);font-family:var(--font-sans);font-size:14px;font-weight:500}button:hover:not(:disabled){background:var(--color-surface-sunk)}button:disabled{opacity:.5;cursor:not-allowed}.preview-body{white-space:pre-wrap;border:1px solid var(--border);border-radius:8px;padding:12px;margin:12px 0;max-height:50vh;overflow:auto;background:#fafbfc}@media(max-width:640px){.container{padding:0 var(--sp-3)}}.md{line-height:var(--lh-normal);color:var(--fg);font-size:var(--fs-md)}.md h1{font-size:var(--fs-2xl);margin:var(--sp-4) 0 var(--sp-2)}.md h2{font-size:var(--fs-xl);margin:var(--sp-4) 0 var(--sp-2)}.md h3{font-size:var(--fs-lg);margin:var(--sp-3) 0 var(--sp-2)}.md ul,.md ol{margin:var(--sp-2) 0;padding-left:var(--sp-6)}.md li{margin:var(--sp-1) 0}.md p{margin:var(--sp-2) 0}.md code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--neutral-tint);padding:1px 4px;border-radius:var(--r-sm);font-size:.92em}.md strong{font-weight:500}.md hr{border:none;border-top:1px solid var(--border);margin:var(--sp-4) 0}.sparkline{display:inline-block;vertical-align:middle}.typing-indicator{display:inline-flex;align-items:center;gap:4px;padding:var(--sp-2) var(--sp-3)}.typing-dot{width:6px;height:6px;border-radius:var(--r-full);background:var(--muted);animation:typing-blink 1.2s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-blink{0%,80%,to{opacity:.3}40%{opacity:1}}@media(prefers-reduced-motion:reduce){.typing-dot{animation:none}}