@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500..800&family=Geist:wght@400..700&display=swap";:root{--color-paper:#f4f5f1;--color-surface:#fff;--color-ink:#17181f;--color-ink-2:#4a4d5a;--color-ink-3:#5a5d69;--color-body:#2e3039;--color-line:#d3d5cc;--color-line-soft:#e1e3da;--color-rule:#ecede7;--color-divider:#d9dbd3;--color-skeleton:#e4e5de;--color-accent:#ff6a1a;--color-accent-hover:#ff8240;--color-accent-soft:#ffe6d6;--color-accent-ring:#ffdcc8;--color-accent-tint:#fff6f0;--color-link:#a53a00;--color-link-hover:#7a2b00;--color-error-bg:#fdece8;--color-error-ink:#8f1d0b;--font-display:"Bricolage Grotesque", sans-serif;--font-ui:"Geist", system-ui, sans-serif;--text-h1:clamp(28px, 3.4vw, 42px);--text-h1-info:clamp(30px, 3.8vw, 46px);--text-sentence:clamp(26px, 3.4vw, 42px);--text-sentence-sm:clamp(22px, 2.6vw, 30px);--text-h2:30px;--text-h3:17px;--text-lead:17px;--text-body:16px;--text-ui:14px;--text-small:13px;--leading-sentence:1.55;--leading-body:1.55;--radius-chip:10px 10px 3px 3px;--radius-control:12px;--radius-button:14px;--radius-card:18px;--radius-panel:26px;--radius-pill:999px;--content-narrow:840px;--content:1040px;--content-wide:1200px;--gutter:24px;--space-section:72px;--focus-ring:3px solid var(--color-accent)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-ui);margin:0}a{color:var(--color-link)}a:hover{color:var(--color-link-hover)}:where(button,a,select,input,textarea,summary):focus-visible{outline:var(--focus-ring);outline-offset:2px}.word-chip{font:inherit;letter-spacing:inherit;color:var(--color-ink);background:var(--color-accent-soft);border:0;border-bottom:3px solid var(--color-accent);border-radius:var(--radius-chip);cursor:pointer;margin:0 2px;padding:0 10px;line-height:1.3}.word-chip:hover{background:#ffd5bc}.word-chip[aria-expanded=true]{background:var(--color-ink);color:#fff;border-bottom-color:var(--color-ink)}.highlight{background:var(--color-accent-soft);border-bottom:3px solid var(--color-accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:8px 8px 2px 2px;padding:0 8px}.btn-generate{border-radius:var(--radius-button);background:var(--color-accent);height:52px;color:var(--color-ink);font:600 16px / 1 var(--font-ui);cursor:pointer;border:0;padding:0 28px}.btn-generate:hover{background:var(--color-accent-hover)}@keyframes skeleton-pulse{0%,to{opacity:.45}50%{opacity:1}}.skeleton{background:var(--color-skeleton);animation:1.4s ease-in-out infinite skeleton-pulse}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}*{transition:none!important}}