willa 0.0.1 → 0.0.3

package/dist/index.css

@@ -0,0 +1,3731 @@
+:root[data-wk-theme="dark"] .willa-shell,
+:root[data-wk-theme="dark"] .willa-lightbox {
+  --willa-surface-soft: rgba(255, 255, 255, 0.045);
+  --willa-surface-tint: rgba(255, 255, 255, 0.03);
+  --willa-text-strong: #f3f4f6;
+  --willa-text: rgba(255, 255, 255, 0.86);
+  --willa-text-soft: rgba(255, 255, 255, 0.68);
+  --willa-text-faint: rgba(255, 255, 255, 0.52);
+  --willa-line: rgba(255, 255, 255, 0.11);
+  --willa-line-strong: rgba(255, 255, 255, 0.18);
+  --willa-accent: #7dd3fc;
+  --willa-accent-2: #86efac;
+  --willa-accent-2-soft: rgba(134, 239, 172, 0.12);
+  --willa-focus-ring: rgba(122, 162, 247, 0.5);
+  --willa-panel-bg: rgba(28, 31, 36, 0.98);
+  --willa-skeleton-bg: linear-gradient(
+    90deg,
+    rgba(148, 163, 184, 0.1),
+    rgba(148, 163, 184, 0.22),
+    rgba(148, 163, 184, 0.1)
+  );
+  --willa-cover-bg: #111317;
+  --willa-image-bg: #151d29;
+  --willa-floating-bg: rgba(29, 32, 37, 0.96);
+  --willa-lightbox-bg: rgba(17, 19, 23, 0.68);
+  --willa-lightbox-solid-bg: #111317;
+  --willa-code-block-bg: #151d29;
+  --willa-code-block-border: rgba(255, 255, 255, 0.06);
+  --willa-code-line-highlight: rgba(0, 0, 0, 0.36);
+  --willa-code-meta-border: transparent;
+  --willa-code-lang-bg: transparent;
+  --willa-code-lang-color: rgba(235, 235, 245, 0.38);
+  --willa-code-copy-copied-border: rgba(134, 239, 172, 0.42);
+  --willa-code-text: #c9d1d9;
+  --willa-code-muted: #8b949e;
+  --willa-code-keyword: #ff7b72;
+  --willa-code-string: #a5d6ff;
+  --willa-code-number: #79c0ff;
+  --willa-code-title: #d2a8ff;
+  --willa-code-comment: #8b949e;
+  --willa-code-attr: #79c0ff;
+  --willa-code-symbol: #ffa657;
+  --willa-code-deletion: #ffdcd7;
+  --willa-code-addition: #aff5b4;
+  --willa-audio-border: rgba(134, 239, 172, 0.18);
+  --willa-audio-border-hover: rgba(134, 239, 172, 0.22);
+  --willa-audio-bg:
+    linear-gradient(135deg, rgba(134, 239, 172, 0.09), transparent 62%),
+    var(--willa-surface-tint);
+  --willa-audio-bg-hover: var(--willa-audio-bg);
+  --willa-audio-inline-bg:
+    linear-gradient(135deg, rgba(134, 239, 172, 0.11), transparent 58%),
+    rgba(134, 239, 172, 0.06);
+  --willa-audio-visual-bg: rgba(134, 239, 172, 0.1);
+  --willa-audio-fallback-bg:
+    radial-gradient(
+      circle at 50% 22%,
+      rgba(134, 239, 172, 0.22),
+      transparent 34%
+    ),
+    rgba(134, 239, 172, 0.08);
+  --willa-audio-accent: #86efac;
+  --willa-audio-player-border: rgba(134, 239, 172, 0.22);
+  --willa-audio-player-bg:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 100%),
+    rgba(134, 239, 172, 0.08);
+  --willa-audio-progress-bg: rgba(255, 255, 255, 0.1);
+  --willa-audio-progress-fill: linear-gradient(90deg, #34d399, #86efac);
+  --willa-audio-status-bg: rgba(134, 239, 172, 0.12);
+  --willa-audio-status-color: #86efac;
+  --willa-audio-error-bg: rgba(248, 113, 113, 0.1);
+  --willa-audio-error-border: rgba(248, 113, 113, 0.28);
+  --willa-audio-error-status-bg: rgba(248, 113, 113, 0.14);
+  --willa-audio-error-status-color: #fca5a5;
+  --willa-video-border: rgba(125, 211, 252, 0.2);
+  --willa-video-border-hover: rgba(125, 211, 252, 0.24);
+  --willa-video-inline-bg:
+    linear-gradient(135deg, rgba(135, 188, 221, 0.11), transparent 58%),
+    rgba(135, 188, 221, 0.06);
+  --willa-video-fallback-bg:
+    linear-gradient(135deg, rgba(125, 211, 252, 0.09), transparent 52%),
+    linear-gradient(315deg, rgba(134, 239, 172, 0.08), transparent 56%),
+    var(--willa-image-bg);
+  --willa-video-play-bg: rgba(17, 24, 39, 0.9);
+  --willa-video-play-color: #ffffff;
+  --willa-video-play-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
+  --willa-video-link-border: rgba(135, 188, 221, 0.24);
+  --willa-video-link-border-hover: rgba(135, 188, 221, 0.32);
+  --willa-video-link-bg: rgba(135, 188, 221, 0.08);
+  --willa-video-link-bg-hover: rgba(135, 188, 221, 0.12);
+  --willa-video-link-icon: #bae6fd;
+  --willa-media-popover-shadow: 0 18px 40px rgba(0, 0, 0, 0.34);
+  --willa-step-marker-bg: #f3f4f6;
+  --willa-step-marker-color: #111827;
+  --willa-step-line: rgba(255, 255, 255, 0.16);
+  --willa-callout-note-accent: #93c5fd;
+  --willa-callout-note-bg: rgba(96, 165, 250, 0.14);
+  --willa-callout-note-border: rgba(147, 197, 253, 0.28);
+  --willa-callout-note-shadow: transparent;
+  --willa-callout-tip-accent: #86efac;
+  --willa-callout-tip-bg: rgba(74, 222, 128, 0.13);
+  --willa-callout-tip-border: rgba(134, 239, 172, 0.26);
+  --willa-callout-tip-shadow: transparent;
+  --willa-callout-warning-accent: #fbbf24;
+  --willa-callout-warning-bg: rgba(251, 191, 36, 0.14);
+  --willa-callout-warning-border: rgba(251, 191, 36, 0.3);
+  --willa-callout-warning-shadow: transparent;
+  --willa-callout-success-accent: var(--willa-callout-tip-accent);
+  --willa-callout-success-bg: var(--willa-callout-tip-bg);
+  --willa-callout-success-border: var(--willa-callout-tip-border);
+  --willa-callout-success-shadow: var(--willa-callout-tip-shadow);
+  --willa-callout-error-accent: #fca5a5;
+  --willa-callout-error-bg: rgba(248, 113, 113, 0.13);
+  --willa-callout-error-border: rgba(252, 165, 165, 0.28);
+  --willa-callout-error-shadow: transparent;
+  --willa-fancy-list-title: #93c5fd;
+  --willa-fancy-list-border: rgba(96, 165, 250, 0.22);
+  --willa-fancy-list-bg: rgba(37, 99, 235, 0.12);
+  --willa-fancy-list-divider: rgba(96, 165, 250, 0.2);
+  --willa-fancy-list-line: rgba(219, 234, 254, 0.82);
+  --willa-chat-bg: rgba(255, 255, 255, 0.04);
+  --willa-chat-avatar-bg: rgba(255, 255, 255, 0.1);
+  --willa-chat-avatar-assistant-bg: rgba(125, 211, 252, 0.18);
+  --willa-chat-avatar-assistant-color: #b9e6ff;
+  --willa-chat-avatar-sparkles-bg: rgba(192, 132, 252, 0.18);
+  --willa-chat-avatar-sparkles-color: #e9d5ff;
+  --willa-chat-avatar-cat-bg: rgba(251, 146, 60, 0.18);
+  --willa-chat-avatar-cat-color: #fed7aa;
+  --willa-chat-avatar-idea-bg: rgba(250, 204, 21, 0.18);
+  --willa-chat-avatar-idea-color: #fde68a;
+  --willa-chat-avatar-book-bg: rgba(56, 189, 248, 0.18);
+  --willa-chat-avatar-book-color: #bae6fd;
+  --willa-chat-avatar-moon-bg: rgba(129, 140, 248, 0.18);
+  --willa-chat-avatar-moon-color: #c7d2fe;
+  --willa-chat-avatar-system-bg: rgba(255, 255, 255, 0.1);
+  --willa-chat-avatar-user-bg: rgba(255, 255, 255, 0.1);
+  --willa-chat-bubble-bg: rgba(24, 24, 27, 0.96);
+  --willa-chat-bubble-assistant-bg: rgba(5, 150, 105, 0.18);
+  --willa-chat-bubble-system-bg: rgba(38, 38, 42, 0.96);
+  --willa-chat-bubble-user-bg: rgba(37, 99, 235, 0.18);
+  --willa-chat-bubble-left-border: rgba(52, 211, 153, 0.24);
+  --willa-chat-bubble-right-border: rgba(96, 165, 250, 0.34);
+  --willa-url-link-bg: rgba(255, 255, 255, 0.14);
+  --willa-url-link-bg-hover: rgba(125, 211, 252, 0.18);
+  --willa-poem-bg: rgba(255, 255, 255, 0.075);
+  --willa-poem-border: rgba(255, 255, 255, 0.09);
+  --willa-poem-divider: rgba(255, 255, 255, 0.08);
+  --willa-summary-card-bg: rgba(255, 255, 255, 0.045);
+}
+.willa-shell,
+.willa-lightbox {
+  --willa-body-font: var(--site-font-body, system-ui, sans-serif);
+  --willa-title-font: var(--site-font-title, system-ui, sans-serif);
+  --willa-code-font:
+    "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
+  --willa-surface-soft: rgba(15, 23, 42, 0.045);
+  --willa-surface-tint: rgba(15, 23, 42, 0.03);
+  --willa-text-strong: #111827;
+  --willa-text: rgba(17, 24, 39, 0.88);
+  --willa-text-soft: rgba(31, 41, 55, 0.72);
+  --willa-text-faint: rgba(31, 41, 55, 0.52);
+  --willa-line: rgba(15, 23, 42, 0.11);
+  --willa-line-strong: rgba(15, 23, 42, 0.18);
+  --willa-accent: #2563eb;
+  --willa-accent-2: #059669;
+  --willa-accent-2-soft: rgba(5, 150, 105, 0.1);
+  --willa-focus-ring: rgba(37, 99, 235, 0.34);
+  --willa-panel-bg: rgba(255, 255, 255, 0.98);
+  --willa-skeleton-bg: linear-gradient(
+    90deg,
+    rgba(148, 163, 184, 0.14),
+    rgba(148, 163, 184, 0.28),
+    rgba(148, 163, 184, 0.14)
+  );
+  --willa-cover-bg: #e5e7eb;
+  --willa-image-bg: var(--willa-code-block-bg);
+  --willa-floating-bg: rgba(255, 255, 255, 0.96);
+  --willa-lightbox-bg: rgba(248, 250, 252, 0.68);
+  --willa-lightbox-solid-bg: #f8fafc;
+  --willa-code-block-bg: #f6f6f7;
+  --willa-code-block-border: rgba(60, 60, 67, 0.12);
+  --willa-code-line-highlight: rgba(60, 60, 67, 0.1);
+  --willa-code-meta-border: transparent;
+  --willa-code-lang-bg: transparent;
+  --willa-code-lang-color: rgba(60, 60, 67, 0.56);
+  --willa-code-copy-copied-border: rgba(5, 150, 105, 0.5);
+  --willa-code-text: #24292e;
+  --willa-code-muted: #6a737d;
+  --willa-code-keyword: #d73a49;
+  --willa-code-string: #032f62;
+  --willa-code-number: #005cc5;
+  --willa-code-title: #6f42c1;
+  --willa-code-comment: #6a737d;
+  --willa-code-attr: #005cc5;
+  --willa-code-symbol: #e36209;
+  --willa-code-deletion: #b31d28;
+  --willa-code-addition: #22863a;
+  --willa-audio-border: rgba(5, 150, 105, 0.22);
+  --willa-audio-border-hover: rgba(5, 150, 105, 0.38);
+  --willa-audio-bg:
+    linear-gradient(135deg, rgba(5, 150, 105, 0.08), transparent 62%),
+    var(--willa-surface-tint);
+  --willa-audio-bg-hover:
+    linear-gradient(135deg, rgba(5, 150, 105, 0.1), transparent 62%),
+    var(--willa-surface-soft);
+  --willa-audio-inline-bg:
+    linear-gradient(135deg, rgba(5, 150, 105, 0.1), transparent 58%),
+    rgba(5, 150, 105, 0.04);
+  --willa-audio-visual-bg: rgba(5, 150, 105, 0.1);
+  --willa-audio-fallback-bg:
+    radial-gradient(
+      circle at 50% 22%,
+      rgba(5, 150, 105, 0.24),
+      transparent 34%
+    ),
+    rgba(5, 150, 105, 0.08);
+  --willa-audio-accent: #059669;
+  --willa-audio-player-border: rgba(5, 150, 105, 0.16);
+  --willa-audio-player-bg:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.3), transparent 100%),
+    rgba(5, 150, 105, 0.06);
+  --willa-audio-toggle-bg: linear-gradient(135deg, #10b981 0%, #059669 100%);
+  --willa-audio-toggle-playing-bg: linear-gradient(
+    135deg,
+    #059669 0%,
+    #047857 100%
+  );
+  --willa-audio-toggle-loading-bg: linear-gradient(
+    135deg,
+    #34d399 0%,
+    #10b981 100%
+  );
+  --willa-audio-toggle-error-bg: linear-gradient(
+    135deg,
+    #ef4444 0%,
+    #dc2626 100%
+  );
+  --willa-audio-toggle-color: #ffffff;
+  --willa-audio-toggle-shadow: 0 10px 24px rgba(5, 150, 105, 0.2);
+  --willa-audio-toggle-shadow-hover: 0 12px 28px rgba(5, 150, 105, 0.24);
+  --willa-audio-progress-bg: rgba(15, 23, 42, 0.08);
+  --willa-audio-progress-fill: linear-gradient(90deg, #10b981, #34d399);
+  --willa-audio-thumb-border: #ffffff;
+  --willa-audio-thumb-bg: #059669;
+  --willa-audio-thumb-shadow: 0 2px 8px rgba(5, 150, 105, 0.28);
+  --willa-audio-status-bg: rgba(5, 150, 105, 0.1);
+  --willa-audio-status-color: #047857;
+  --willa-audio-error-bg: rgba(220, 38, 38, 0.08);
+  --willa-audio-error-border: rgba(220, 38, 38, 0.24);
+  --willa-audio-error-status-bg: rgba(220, 38, 38, 0.12);
+  --willa-audio-error-status-color: #b91c1c;
+  --willa-video-border: rgba(37, 99, 235, 0.18);
+  --willa-video-border-hover: rgba(37, 99, 235, 0.3);
+  --willa-video-inline-bg:
+    linear-gradient(135deg, rgba(37, 99, 235, 0.09), transparent 58%),
+    rgba(37, 99, 235, 0.035);
+  --willa-video-fallback-bg:
+    linear-gradient(135deg, rgba(37, 99, 235, 0.11), transparent 52%),
+    linear-gradient(315deg, rgba(5, 150, 105, 0.12), transparent 56%),
+    var(--willa-image-bg);
+  --willa-video-play-bg: rgba(255, 255, 255, 0.92);
+  --willa-video-play-color: #111827;
+  --willa-video-play-shadow: 0 10px 24px rgba(15, 23, 42, 0.2);
+  --willa-video-link-border: rgba(37, 99, 235, 0.24);
+  --willa-video-link-border-hover: rgba(37, 99, 235, 0.4);
+  --willa-video-link-bg: rgba(37, 99, 235, 0.07);
+  --willa-video-link-bg-hover: rgba(37, 99, 235, 0.11);
+  --willa-video-link-icon: #2563eb;
+  --willa-media-popover-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
+  --willa-step-marker-bg: #111827;
+  --willa-step-marker-color: #ffffff;
+  --willa-step-line: var(--willa-line-strong);
+  --willa-callout-note-accent: #2563eb;
+  --willa-callout-note-bg: #f8fbff;
+  --willa-callout-note-border: #bfdbfe;
+  --willa-callout-note-shadow: rgba(37, 99, 235, 0.08);
+  --willa-callout-tip-accent: #2f9461;
+  --willa-callout-tip-bg: #f6fbf8;
+  --willa-callout-tip-border: #bfe8d0;
+  --willa-callout-tip-shadow: rgba(47, 148, 97, 0.08);
+  --willa-callout-warning-accent: #d28a17;
+  --willa-callout-warning-bg: #fffaf0;
+  --willa-callout-warning-border: #f4d59c;
+  --willa-callout-warning-shadow: rgba(210, 138, 23, 0.1);
+  --willa-callout-success-accent: var(--willa-callout-tip-accent);
+  --willa-callout-success-bg: var(--willa-callout-tip-bg);
+  --willa-callout-success-border: var(--willa-callout-tip-border);
+  --willa-callout-success-shadow: var(--willa-callout-tip-shadow);
+  --willa-callout-error-accent: #ef4444;
+  --willa-callout-error-bg: #fff7f7;
+  --willa-callout-error-border: #fecaca;
+  --willa-callout-error-shadow: rgba(239, 68, 68, 0.08);
+  --willa-fancy-list-title: #1d4ed8;
+  --willa-fancy-list-border: rgba(37, 99, 235, 0.14);
+  --willa-fancy-list-bg: rgba(59, 130, 246, 0.045);
+  --willa-fancy-list-divider: rgba(37, 99, 235, 0.16);
+  --willa-fancy-list-line: rgba(30, 64, 175, 0.86);
+  --willa-chat-bg: rgba(15, 23, 42, 0.035);
+  --willa-chat-avatar-bg: rgba(15, 23, 42, 0.08);
+  --willa-chat-avatar-assistant-bg: rgba(37, 99, 235, 0.12);
+  --willa-chat-avatar-assistant-color: #2453b7;
+  --willa-chat-avatar-sparkles-bg: rgba(168, 85, 247, 0.12);
+  --willa-chat-avatar-sparkles-color: #7e22ce;
+  --willa-chat-avatar-cat-bg: rgba(249, 115, 22, 0.12);
+  --willa-chat-avatar-cat-color: #c2410c;
+  --willa-chat-avatar-idea-bg: rgba(245, 158, 11, 0.14);
+  --willa-chat-avatar-idea-color: #b45309;
+  --willa-chat-avatar-book-bg: rgba(14, 165, 233, 0.12);
+  --willa-chat-avatar-book-color: #0369a1;
+  --willa-chat-avatar-moon-bg: rgba(99, 102, 241, 0.12);
+  --willa-chat-avatar-moon-color: #4338ca;
+  --willa-chat-avatar-system-bg: rgba(15, 23, 42, 0.1);
+  --willa-chat-avatar-user-bg: rgba(15, 23, 42, 0.12);
+  --willa-chat-bubble-bg: rgba(255, 255, 255, 0.78);
+  --willa-chat-bubble-assistant-bg: rgba(5, 150, 105, 0.1);
+  --willa-chat-bubble-system-bg: rgba(15, 23, 42, 0.06);
+  --willa-chat-bubble-user-bg: rgba(37, 99, 235, 0.09);
+  --willa-chat-bubble-left-border: rgba(5, 150, 105, 0.32);
+  --willa-chat-bubble-right-border: rgba(37, 99, 235, 0.28);
+  --willa-url-link-bg: rgba(15, 23, 42, 0.06);
+  --willa-url-link-bg-hover: rgba(15, 23, 42, 0.09);
+  --willa-poem-bg: rgba(15, 23, 42, 0.035);
+  --willa-poem-border: transparent;
+  --willa-poem-divider: rgba(15, 23, 42, 0.08);
+  --willa-summary-card-bg: rgba(15, 23, 42, 0.04);
+}
+.willa-prose-audio-embed {
+  display: grid;
+  grid-template-columns: 5.6rem minmax(0, 1fr) auto;
+  align-items: stretch;
+  min-height: 7rem;
+  margin: 0 0 1.35rem;
+  overflow: hidden;
+  border: 1px solid var(--willa-audio-border);
+  border-radius: 10px;
+  background: var(--willa-audio-bg);
+  color: inherit;
+  text-decoration: none;
+  text-shadow: none;
+  transition:
+    border-color 180ms ease,
+    background-color 180ms ease,
+    transform 180ms ease;
+}
+.willa-prose-audio-embed:hover {
+  border-color: var(--willa-audio-border-hover);
+  background: var(--willa-audio-bg-hover);
+  transform: translateY(-1px);
+}
+.willa-prose-audio-embed--inline {
+  grid-template-columns: minmax(0, 1fr) auto;
+  min-height: auto;
+  background: var(--willa-audio-inline-bg);
+}
+.willa-prose-audio-embed:focus-visible {
+  outline: 2px solid var(--willa-focus-ring);
+  outline-offset: 2px;
+}
+.willa-prose-audio-embed-visual {
+  display: block;
+  min-height: 100%;
+  background: var(--willa-audio-visual-bg);
+}
+.willa-prose-audio-embed-fallback {
+  display: flex;
+  width: 100%;
+  min-height: 7rem;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: 0.82rem;
+  background: var(--willa-audio-fallback-bg);
+}
+.willa-prose-audio-embed-kind-icon {
+  width: 1.55rem;
+  height: 1.55rem;
+  color: var(--willa-audio-accent);
+}
+.willa-prose-audio-embed-wave {
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+  height: 1.3rem;
+}
+.willa-prose-audio-embed-wave span {
+  width: 3px;
+  border-radius: 999px;
+  background: var(--willa-audio-accent);
+}
+.willa-prose-audio-embed-wave span:nth-child(1) {
+  height: 0.52rem;
+  opacity: 0.58;
+}
+.willa-prose-audio-embed-wave span:nth-child(2) {
+  height: 1.15rem;
+  opacity: 0.9;
+}
+.willa-prose-audio-embed-wave span:nth-child(3) {
+  height: 0.82rem;
+  opacity: 0.72;
+}
+.willa-prose-audio-embed-wave span:nth-child(4) {
+  height: 1.3rem;
+  opacity: 0.96;
+}
+.willa-prose-audio-embed-content {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  justify-content: center;
+  gap: 0.42rem;
+  padding: 1.05rem 1.1rem;
+}
+.willa-prose-audio-embed--inline .willa-prose-audio-embed-content {
+  padding-right: 0.8rem;
+}
+.willa-prose-audio-embed-kicker {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.38rem 0.55rem;
+  color: var(--willa-text-faint);
+  font-size: 0.78rem;
+  font-weight: 650;
+  line-height: 1.4;
+}
+.willa-prose-audio-embed-inline-icon {
+  flex: none;
+  width: 0.92rem;
+  height: 0.92rem;
+}
+.willa-prose-audio-embed-duration {
+  color: var(--willa-text-soft);
+  font-family: var(--willa-code-font);
+  font-size: 0.75rem;
+  font-weight: 500;
+}
+.willa-prose-audio-embed-title {
+  color: var(--willa-text-strong);
+  font-family: var(--willa-title-font);
+  font-size: 1.08rem;
+  font-weight: 650;
+  line-height: 1.45;
+}
+.willa-prose-audio-embed-description {
+  display: -webkit-box;
+  overflow: hidden;
+  color: var(--willa-text-soft);
+  font-size: 0.9rem;
+  font-weight: 500;
+  line-height: 1.7;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.willa-prose-audio-embed-external {
+  width: 1rem;
+  height: 1rem;
+  margin: 1rem 1rem 0 0;
+  color: var(--willa-text-faint);
+}
+.willa-prose-audio-embed-external-link {
+  display: inline-flex;
+  align-self: start;
+  margin: 1rem 1rem 0 0;
+  color: var(--willa-text-faint);
+}
+.willa-prose-audio-embed-external-link:hover {
+  color: var(--willa-text-strong);
+}
+.willa-prose-audio-embed-external-link .willa-prose-audio-embed-external {
+  margin: 0;
+}
+.willa-prose-audio-embed-external--placeholder {
+  opacity: 0;
+}
+.willa-prose-audio-embed-player-shell {
+  grid-column: 1 / -1;
+  margin: 0 1rem 1rem;
+  padding-top: 0.95rem;
+  border-top: 1px solid var(--willa-line);
+}
+.willa-prose-audio-embed-player {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: start;
+  gap: 0.9rem;
+  width: 100%;
+  min-height: 4rem;
+  padding: 0.8rem 0.9rem;
+  border: 1px solid var(--willa-audio-player-border);
+  border-radius: 12px;
+  background: var(--willa-audio-player-bg);
+}
+.willa-prose-audio-embed-toggle {
+  display: inline-flex;
+  width: 2.55rem;
+  height: 2.55rem;
+  align-self: start;
+  margin-top: 0.18rem;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  border-radius: 999px;
+  background: var(--willa-audio-toggle-bg);
+  color: var(--willa-audio-toggle-color);
+  box-shadow: var(--willa-audio-toggle-shadow);
+  cursor: pointer;
+  transition:
+    transform 180ms ease,
+    box-shadow 180ms ease,
+    background-color 180ms ease;
+}
+.willa-prose-audio-embed-toggle:disabled {
+  cursor: not-allowed;
+  opacity: 0.72;
+  transform: none;
+  box-shadow: none;
+}
+.willa-prose-audio-embed-toggle:hover {
+  transform: translateY(-1px);
+  box-shadow: var(--willa-audio-toggle-shadow-hover);
+}
+.willa-prose-audio-embed-toggle:focus-visible {
+  outline: 2px solid var(--willa-focus-ring);
+  outline-offset: 2px;
+}
+.willa-prose-audio-embed-toggle--playing {
+  background: var(--willa-audio-toggle-playing-bg);
+}
+.willa-prose-audio-embed-toggle--loading {
+  background: var(--willa-audio-toggle-loading-bg);
+}
+.willa-prose-audio-embed-toggle--error {
+  background: var(--willa-audio-toggle-error-bg);
+}
+.willa-prose-audio-embed-toggle svg {
+  width: 1.1rem;
+  height: 1.1rem;
+}
+.willa-prose-audio-embed-timeline {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  justify-content: flex-start;
+  gap: 0.44rem;
+  padding-top: 0.1rem;
+}
+.willa-prose-audio-embed-scrubber {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 0.8rem;
+  min-height: 2.55rem;
+}
+.willa-prose-audio-embed-progress {
+  --willa-audio-progress: 0%;
+  position: relative;
+  height: 0.45rem;
+  display: flex;
+  align-items: center;
+  border-radius: 999px;
+  background: var(--willa-audio-progress-bg);
+  overflow: visible;
+}
+.willa-prose-audio-embed-progress::before {
+  content: "";
+  position: absolute;
+  inset: 0 auto 0 0;
+  width: var(--willa-audio-progress);
+  border-radius: inherit;
+  background: var(--willa-audio-progress-fill);
+  pointer-events: none;
+}
+.willa-prose-audio-embed-progress input[type="range"] {
+  position: absolute;
+  inset: 50% 0 auto;
+  display: block;
+  z-index: 1;
+  width: 100%;
+  height: 0.45rem;
+  margin: 0;
+  appearance: none;
+  background: transparent;
+  cursor: pointer;
+  transform: translateY(-50%);
+}
+.willa-prose-audio-embed-progress input[type="range"]::-webkit-slider-thumb {
+  appearance: none;
+  width: 0.9rem;
+  height: 0.9rem;
+  margin-top: -0.225rem;
+  border: 2px solid var(--willa-audio-thumb-border);
+  border-radius: 999px;
+  background: var(--willa-audio-thumb-bg);
+  box-shadow: var(--willa-audio-thumb-shadow);
+}
+.willa-prose-audio-embed-progress
+  input[type="range"]::-webkit-slider-runnable-track {
+  height: 0.45rem;
+  border-radius: 999px;
+  background: transparent;
+}
+.willa-prose-audio-embed-progress input[type="range"]::-moz-range-thumb {
+  width: 0.9rem;
+  height: 0.9rem;
+  border: 2px solid var(--willa-audio-thumb-border);
+  border-radius: 999px;
+  background: var(--willa-audio-thumb-bg);
+  box-shadow: var(--willa-audio-thumb-shadow);
+}
+.willa-prose-audio-embed-progress input[type="range"]::-moz-range-track {
+  height: 0.45rem;
+  border: none;
+  border-radius: 999px;
+  background: transparent;
+}
+.willa-prose-audio-embed-progress input[type="range"]:disabled {
+  cursor: default;
+}
+.willa-prose-audio-embed-time {
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 0.28rem;
+  white-space: nowrap;
+  color: var(--willa-text-faint);
+  font-family: var(--willa-code-font);
+  font-size: 0.76rem;
+  font-variant-numeric: tabular-nums;
+}
+.willa-prose-audio-embed-meta {
+  display: flex;
+  justify-content: flex-end;
+}
+.willa-prose-audio-embed-status {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.06rem 0.38rem;
+  border-radius: 999px;
+  background: var(--willa-audio-status-bg);
+  color: var(--willa-audio-status-color);
+  font-size: 0.68rem;
+  font-weight: 650;
+  letter-spacing: 0.01em;
+  text-transform: lowercase;
+}
+.willa-prose-audio-embed-native {
+  display: none;
+}
+@media (max-width: 767px) {
+  .willa-prose-audio-embed {
+    grid-template-columns: 1fr auto;
+  }
+
+  .willa-prose-audio-embed-visual {
+    grid-column: 1 / -1;
+    min-height: 9rem;
+  }
+
+  .willa-prose-audio-embed-content {
+    padding: 0.95rem 1rem 1rem;
+  }
+
+  .willa-prose-audio-embed-player-shell {
+    margin: 0 0.9rem 0.9rem;
+    padding-top: 0.85rem;
+  }
+
+  .willa-prose-audio-embed-player {
+    gap: 0.75rem;
+    padding: 0.72rem 0.8rem;
+  }
+
+  .willa-prose-audio-embed-toggle {
+    width: 2.35rem;
+    height: 2.35rem;
+  }
+
+  .willa-prose-audio-embed-time {
+    justify-content: flex-start;
+  }
+
+  .willa-prose-audio-embed-meta {
+    justify-content: flex-start;
+  }
+}
+.willa-prose-audio-link,
+.willa-prose-audio-link--player {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.32rem;
+  max-width: 100%;
+  margin: 0 0.12rem;
+  padding: 0.12rem 0.42rem;
+  border: 1px solid var(--willa-audio-border);
+  border-radius: 999px;
+  background: var(--willa-audio-visual-bg);
+  color: var(--willa-text-strong);
+  font-size: 0.88em;
+  font-weight: 650;
+  line-height: 1.38;
+  text-decoration: none;
+  text-shadow: none;
+  vertical-align: 0.02em;
+  transition:
+    border-color 180ms ease,
+    background-color 180ms ease,
+    color 180ms ease;
+}
+.willa-prose-audio-link--player {
+  cursor: pointer;
+}
+.willa-prose-audio-link--player:disabled {
+  cursor: not-allowed;
+  opacity: 0.78;
+}
+.willa-prose-audio-link:hover,
+.willa-prose-audio-link--player:hover {
+  border-color: var(--willa-audio-border-hover);
+  background: var(--willa-audio-status-bg);
+  color: var(--willa-text-strong);
+  text-decoration: none;
+}
+.willa-prose-audio-link--playing {
+  border-color: var(--willa-audio-border-hover);
+  background: var(--willa-audio-status-bg);
+}
+.willa-prose-audio-link--loading {
+  background: var(--willa-audio-status-bg);
+}
+.willa-prose-audio-link--error {
+  border-color: var(--willa-audio-error-border);
+  background: var(--willa-audio-error-bg);
+}
+.willa-prose-audio-link-wrap {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.32rem;
+  max-width: 100%;
+  vertical-align: 0.02em;
+}
+.willa-prose-audio-link-icon,
+.willa-prose-media-link-external {
+  flex: none;
+  width: 0.86em;
+  height: 0.86em;
+  color: var(--willa-audio-accent);
+}
+.willa-prose-audio-link-icon--trigger {
+  width: 0.92em;
+  height: 0.92em;
+}
+.willa-prose-audio-link-trigger {
+  position: relative;
+  display: inline-flex;
+  width: 0.92em;
+  height: 0.92em;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+}
+.willa-prose-audio-link-trigger .willa-prose-audio-link-icon--trigger {
+  position: absolute;
+  inset: 0;
+  margin: auto;
+  transition: opacity 140ms ease;
+}
+.willa-prose-audio-link-icon--pause {
+  opacity: 0;
+}
+.willa-prose-audio-link-trigger[data-state="playing"]
+  .willa-prose-audio-link-icon--play {
+  opacity: 0;
+}
+.willa-prose-audio-link-trigger[data-state="playing"]
+  .willa-prose-audio-link-icon--pause {
+  opacity: 1;
+}
+.willa-prose-media-link-external {
+  color: var(--willa-text-faint);
+}
+.willa-prose-audio-link-external-action {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--willa-text-faint);
+}
+.willa-prose-audio-link-status {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.02rem 0.32rem;
+  min-width: 0;
+  border-radius: 999px;
+  background: var(--willa-audio-status-bg);
+  color: var(--willa-audio-status-color);
+  font-size: 0.72em;
+  font-weight: 700;
+  line-height: 1.2;
+  text-transform: lowercase;
+}
+.willa-prose-audio-link-status[data-visible="false"] {
+  width: 0;
+  padding: 0;
+  overflow: hidden;
+  opacity: 0;
+}
+.willa-prose-audio-link--error .willa-prose-audio-link-status {
+  background: var(--willa-audio-error-status-bg);
+  color: var(--willa-audio-error-status-color);
+}
+.willa-prose-media-link-content {
+  display: flex;
+  min-width: 0;
+  align-items: center;
+  gap: 0.32rem;
+}
+.willa-prose-media-link-kicker {
+  color: var(--willa-text-faint);
+  font-size: 0.92em;
+}
+.willa-prose-media-link-title {
+  min-width: 0;
+}
+.willa-prose-audio-link-audio {
+  display: none;
+}
+.willa-callout {
+  --willa-callout-accent: var(--willa-callout-note-accent);
+  --willa-callout-bg: var(--willa-callout-note-bg);
+  --willa-callout-border: var(--willa-callout-note-border);
+  --willa-callout-shadow: var(--willa-callout-note-shadow);
+
+  margin: 1.42rem 0;
+  padding: 1rem 1.08rem 1.02rem;
+  border: 1px solid var(--willa-callout-border);
+  border-left: 4px solid var(--willa-callout-accent);
+  border-radius: 8px;
+  background: var(--willa-callout-bg);
+  box-shadow: 0 12px 32px var(--willa-callout-shadow);
+}
+.willa-callout-header {
+  display: flex;
+  align-items: center;
+  gap: 0.56rem;
+  margin-bottom: 0.36rem;
+}
+.willa-callout-icon {
+  display: inline-flex;
+  flex: 0 0 auto;
+  align-items: center;
+  justify-content: center;
+  width: 1.2rem;
+  height: 1.2rem;
+  color: var(--willa-callout-accent);
+}
+.willa-callout-icon svg {
+  width: 1.16rem;
+  height: 1.16rem;
+}
+.willa-callout-title {
+  color: var(--willa-text-strong);
+  font-family: var(--willa-title-font);
+  font-size: 0.96rem;
+  font-weight: 600;
+  line-height: 1.45;
+}
+.willa-callout-body,
+.willa-callout-body .willa-prose-p,
+.willa-callout-body .willa-prose-ul,
+.willa-callout-body .willa-prose-ol,
+.willa-callout-body .willa-prose-li {
+  color: var(--willa-text-soft);
+  font-size: 0.96rem;
+  line-height: 1.72;
+  text-shadow: none;
+}
+.willa-callout-body > :last-child,
+.willa-callout-body .willa-prose-p:last-child,
+.willa-callout-body .willa-prose-ul:last-child,
+.willa-callout-body .willa-prose-ol:last-child,
+.willa-callout-body .willa-prose-quote:last-child {
+  margin-bottom: 0;
+}
+.willa-callout--tip {
+  --willa-callout-accent: var(--willa-callout-tip-accent);
+  --willa-callout-bg: var(--willa-callout-tip-bg);
+  --willa-callout-border: var(--willa-callout-tip-border);
+  --willa-callout-shadow: var(--willa-callout-tip-shadow);
+}
+.willa-callout--warning {
+  --willa-callout-accent: var(--willa-callout-warning-accent);
+  --willa-callout-bg: var(--willa-callout-warning-bg);
+  --willa-callout-border: var(--willa-callout-warning-border);
+  --willa-callout-shadow: var(--willa-callout-warning-shadow);
+}
+.willa-callout--success {
+  --willa-callout-accent: var(--willa-callout-success-accent);
+  --willa-callout-bg: var(--willa-callout-success-bg);
+  --willa-callout-border: var(--willa-callout-success-border);
+  --willa-callout-shadow: var(--willa-callout-success-shadow);
+}
+.willa-callout--error {
+  --willa-callout-accent: var(--willa-callout-error-accent);
+  --willa-callout-bg: var(--willa-callout-error-bg);
+  --willa-callout-border: var(--willa-callout-error-border);
+  --willa-callout-shadow: var(--willa-callout-error-shadow);
+}
+@media (max-width: 767px) {
+  .willa-callout {
+    margin: 1.2rem 0;
+    padding: 0.82rem 0.86rem;
+  }
+}
+.willa-chat {
+  margin: 1.8rem 0;
+  padding: 1rem;
+  border-radius: 16px;
+  background: var(--willa-chat-bg);
+}
+.willa-chat-header {
+  margin-bottom: 0.9rem;
+}
+.willa-chat-title {
+  margin: 0;
+  color: var(--willa-text-strong);
+  font-family: var(--willa-title-font);
+  font-size: 1rem;
+  font-weight: 600;
+  line-height: 1.45;
+}
+.willa-chat-list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.9rem;
+}
+.willa-chat-item {
+  display: flex;
+  flex-direction: column;
+  gap: 0.34rem;
+  max-width: min(100%, 32rem);
+}
+.willa-chat-item--right {
+  align-self: flex-end;
+  align-items: flex-end;
+}
+.willa-chat-item--left {
+  align-self: flex-start;
+  align-items: flex-start;
+}
+.willa-chat-meta {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.willa-chat-item--right .willa-chat-meta {
+  flex-direction: row-reverse;
+}
+.willa-chat-avatar {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.6rem;
+  height: 1.6rem;
+  border-radius: 999px;
+  color: var(--willa-text-strong);
+  font-size: 0.9rem;
+  line-height: 1;
+  background: var(--willa-chat-avatar-bg);
+}
+.willa-chat-item--avatar-assistant .willa-chat-avatar {
+  background: var(--willa-chat-avatar-assistant-bg);
+  color: var(--willa-chat-avatar-assistant-color);
+}
+.willa-chat-item--avatar-sparkles .willa-chat-avatar {
+  background: var(--willa-chat-avatar-sparkles-bg);
+  color: var(--willa-chat-avatar-sparkles-color);
+}
+.willa-chat-item--avatar-cat .willa-chat-avatar {
+  background: var(--willa-chat-avatar-cat-bg);
+  color: var(--willa-chat-avatar-cat-color);
+}
+.willa-chat-item--avatar-idea .willa-chat-avatar {
+  background: var(--willa-chat-avatar-idea-bg);
+  color: var(--willa-chat-avatar-idea-color);
+}
+.willa-chat-item--avatar-book .willa-chat-avatar {
+  background: var(--willa-chat-avatar-book-bg);
+  color: var(--willa-chat-avatar-book-color);
+}
+.willa-chat-item--avatar-moon .willa-chat-avatar {
+  background: var(--willa-chat-avatar-moon-bg);
+  color: var(--willa-chat-avatar-moon-color);
+}
+.willa-chat-item--avatar-system .willa-chat-avatar {
+  background: var(--willa-chat-avatar-system-bg);
+  color: var(--willa-text-soft);
+}
+.willa-chat-item--avatar-user .willa-chat-avatar {
+  background: var(--willa-chat-avatar-user-bg);
+}
+.willa-chat-name {
+  margin: 0;
+  color: var(--willa-text-faint);
+  font-size: 0.76rem;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+}
+.willa-chat-bubble-wrap {
+  display: flex;
+}
+.willa-chat-item--right .willa-chat-bubble-wrap {
+  justify-content: flex-end;
+}
+.willa-chat-bubble {
+  min-width: 0;
+  padding: 0.72rem 0.88rem;
+  border-radius: 14px;
+  background: var(--willa-chat-bubble-bg);
+}
+.willa-chat-item--avatar-assistant .willa-chat-bubble {
+  background: var(--willa-chat-bubble-assistant-bg);
+}
+.willa-chat-item--left .willa-chat-bubble {
+  border-left: 3px solid var(--willa-chat-bubble-left-border);
+}
+.willa-chat-item--avatar-system .willa-chat-bubble {
+  background: var(--willa-chat-bubble-system-bg);
+}
+.willa-chat-item--avatar-user .willa-chat-bubble {
+  background: var(--willa-chat-bubble-user-bg);
+}
+.willa-chat-item--right .willa-chat-bubble {
+  border-right: 3px solid var(--willa-chat-bubble-right-border);
+}
+.willa-chat-line {
+  margin: 0;
+  color: var(--willa-text);
+  font-size: 0.88rem;
+  line-height: 1.66;
+}
+.willa-chat-line + .willa-chat-line {
+  margin-top: 0.34rem;
+}
+@media (max-width: 767px) {
+  .willa-chat {
+    margin: 1.5rem 0;
+    padding: 0.9rem;
+    border-radius: 14px;
+  }
+
+  .willa-chat-item {
+    max-width: min(100%, 100%);
+  }
+
+  .willa-chat-line {
+    font-size: 0.86rem;
+    line-height: 1.6;
+  }
+}
+.willa-prose-pre {
+  margin: 0 0 1.08rem;
+  overflow-x: auto;
+  padding: 0;
+  border-radius: 8px;
+  background: var(--willa-code-block-bg);
+  border: 0;
+  box-shadow: none;
+}
+.willa-prose-pre--copied {
+  background: var(--willa-accent-2-soft);
+}
+.willa-prose-code-block {
+  position: relative;
+  margin: 0;
+  min-width: max-content;
+  padding-bottom: 0;
+}
+.willa-prose-code-meta {
+  position: absolute;
+  top: 0.42rem;
+  right: 0.78rem;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 12px;
+  margin: 0;
+  padding: 0;
+  border-bottom: 1px solid var(--willa-code-meta-border);
+  pointer-events: none;
+}
+.willa-prose-code-copy {
+  display: inline-flex;
+  align-items: center;
+  gap: 0;
+  padding: 0.22rem 0.52rem;
+  border-radius: 2px;
+  border: 1px solid var(--willa-code-block-border);
+  background: var(--willa-surface-tint);
+  color: var(--willa-code-lang-color);
+  font-family: var(--willa-code-font);
+  font-size: 0.72rem;
+  line-height: 1;
+  cursor: pointer;
+  user-select: none;
+  pointer-events: auto;
+  opacity: 0;
+  transition:
+    opacity 180ms ease,
+    background 180ms ease;
+}
+.willa-prose-code-block:hover .willa-prose-code-copy,
+.willa-prose-code-copy:focus-visible {
+  opacity: 1;
+}
+@media (hover: none) {
+  .willa-prose-code-copy {
+    opacity: 1;
+  }
+}
+.willa-prose-code-copy:hover {
+  background: var(--willa-surface-soft);
+}
+.willa-prose-code-copy--copied {
+  background: var(--willa-accent-2-soft);
+  border-color: var(--willa-code-copy-copied-border);
+  color: var(--willa-accent-2);
+}
+.willa-prose-code-copy:focus-visible {
+  outline: 2px solid var(--willa-focus-ring);
+  outline-offset: 2px;
+}
+.willa-prose-code-lang {
+  display: inline-flex;
+  align-items: center;
+  padding: 0;
+  border-radius: 999px;
+  background: var(--willa-code-lang-bg);
+  font-size: 0.72rem;
+  font-weight: 600;
+  letter-spacing: 0;
+  color: var(--willa-code-lang-color);
+  font-family: var(--willa-code-font);
+}
+.willa-prose-code-block > code,
+.willa-prose-code-block code {
+  font-family: var(--willa-code-font);
+}
+.willa-prose-code {
+  color: var(--willa-code-text);
+  font-family: var(--willa-code-font);
+  padding: 1rem 0;
+  font-size: 0.86rem;
+  line-height: 1.7;
+  white-space: pre;
+  tab-size: 2;
+  font-variant-ligatures: contextual;
+  font-feature-settings:
+    "ss01" 1,
+    "ss02" 1,
+    "ss03" 1,
+    "ss06" 1,
+    "zero" 1;
+}
+.willa-prose-code-line {
+  display: grid;
+  grid-template-columns: 2.25rem minmax(0, 1fr);
+  column-gap: 0.8rem;
+  min-height: 1.7em;
+  padding: 0 1rem;
+}
+.willa-prose-code-line:first-child {
+  padding-right: 8.8rem;
+}
+.willa-prose-code-line--single {
+  display: block;
+}
+.willa-prose-code-line-number {
+  color: var(--willa-code-muted);
+  text-align: right;
+  user-select: none;
+}
+.willa-prose-code-line-content {
+  min-width: 0;
+}
+.willa-prose-code-line--single .willa-prose-code-line-content {
+  display: inline;
+}
+.willa-prose-code-line--highlight {
+  background: var(--willa-code-line-highlight);
+}
+.willa-prose-pre .hljs {
+  background: transparent;
+  padding: 0;
+  white-space: pre;
+}
+.willa-prose-code.hljs,
+.willa-prose-code-block > .hljs,
+.willa-prose-code-block > code.hljs {
+  display: block;
+  background: transparent !important;
+}
+.willa-prose-code.hljs {
+  padding: 1rem 0;
+}
+.willa-prose-pre .hljs,
+.willa-prose-pre .hljs-subst {
+  color: var(--willa-code-text);
+}
+.willa-prose-pre .hljs,
+.willa-prose-pre .hljs * {
+  font-style: normal !important;
+}
+.willa-prose-pre .hljs-comment,
+.willa-prose-pre .hljs-quote,
+.willa-prose-pre .hljs-doctag {
+  color: var(--willa-code-comment) !important;
+}
+.willa-prose-pre .hljs-keyword,
+.willa-prose-pre .hljs-selector-tag,
+.willa-prose-pre .hljs-type,
+.willa-prose-pre .hljs-template-tag {
+  color: var(--willa-code-keyword) !important;
+}
+.willa-prose-pre .hljs-string,
+.willa-prose-pre .hljs-regexp,
+.willa-prose-pre .hljs-meta .hljs-string {
+  color: var(--willa-code-string) !important;
+}
+.willa-prose-pre .hljs-attr,
+.willa-prose-pre .hljs-attribute,
+.willa-prose-pre .hljs-property,
+.willa-prose-pre .hljs-params {
+  color: var(--willa-code-attr) !important;
+}
+.willa-prose-pre .hljs-number,
+.willa-prose-pre .hljs-literal,
+.willa-prose-pre .hljs-bullet {
+  color: var(--willa-code-number) !important;
+}
+.willa-prose-pre .hljs-built_in,
+.willa-prose-pre .hljs-symbol,
+.willa-prose-pre .hljs-variable,
+.willa-prose-pre .hljs-template-variable,
+.willa-prose-pre .hljs-selector-id,
+.willa-prose-pre .hljs-selector-class {
+  color: var(--willa-code-symbol) !important;
+}
+.willa-prose-pre .hljs-title,
+.willa-prose-pre .hljs-title.function_,
+.willa-prose-pre .hljs-title.class_,
+.willa-prose-pre .hljs-name,
+.willa-prose-pre .hljs-section,
+.willa-prose-pre .hljs-function {
+  color: var(--willa-code-title) !important;
+}
+.willa-prose-pre .hljs-meta,
+.willa-prose-pre .hljs-tag,
+.willa-prose-pre .hljs-selector-attr,
+.willa-prose-pre .hljs-selector-pseudo {
+  color: var(--willa-code-muted) !important;
+}
+.willa-prose-pre .hljs-deletion {
+  color: var(--willa-code-deletion) !important;
+}
+.willa-prose-pre .hljs-addition {
+  color: var(--willa-code-addition) !important;
+}
+.willa-prose-pre .hljs-emphasis {
+  font-style: italic !important;
+}
+.willa-prose-pre .hljs-strong {
+  font-weight: 700;
+}
+@media (max-width: 767px) {
+  .willa-prose-code-line {
+    grid-template-columns: 0 minmax(0, 1fr);
+    column-gap: 0;
+  }
+
+  .willa-prose-code-line-number {
+    display: none;
+  }
+
+  .willa-prose-code {
+    padding-top: 1rem;
+  }
+
+  .willa-prose-code.hljs {
+    margin-top: 0;
+  }
+}
+.willa-details {
+  display: block;
+}
+.willa-details-summary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  cursor: pointer;
+  list-style: none;
+}
+.willa-details-summary::-webkit-details-marker {
+  display: none;
+}
+.willa-details-summary-text {
+  color: var(--willa-text-strong);
+  font-family: var(--willa-title-font);
+  font-size: 1rem;
+  font-weight: 600;
+  line-height: 1.45;
+}
+.willa-details-summary-hint {
+  color: var(--willa-text-faint);
+  font-size: 0.82rem;
+  line-height: 1.4;
+}
+.willa-details-body {
+  margin-top: 0.9rem;
+}
+@media (max-width: 767px) {
+  .willa-details-summary {
+    align-items: baseline;
+  }
+}
+.willa-fancy-list-block {
+  margin: 1.7rem 0;
+}
+.willa-fancy-list-block-title {
+  margin: 0 0 0.58rem;
+  color: var(--willa-fancy-list-title);
+  font-family: var(--willa-title-font);
+  font-size: 0.98rem;
+  font-weight: 650;
+  line-height: 1.4;
+}
+.willa-fancy-list {
+  display: grid;
+  gap: 0;
+  border: 1px solid var(--willa-fancy-list-border);
+  border-radius: 14px;
+  background: var(--willa-fancy-list-bg);
+}
+.willa-fancy-list-item {
+  position: relative;
+  padding: 0.72rem 0.9rem;
+}
+.willa-fancy-list-item + .willa-fancy-list-item {
+  border-top: none;
+}
+.willa-fancy-list-item + .willa-fancy-list-item::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 1.2rem;
+  right: 1.2rem;
+  height: 1px;
+  background: var(--willa-fancy-list-divider);
+}
+.willa-fancy-list-item-body {
+  min-width: 0;
+}
+.willa-fancy-list-item-title {
+  margin: 0;
+  color: var(--willa-fancy-list-title);
+  font-family: var(--willa-title-font);
+  font-size: 0.94rem;
+  font-weight: 620;
+  line-height: 1.4;
+}
+.willa-fancy-list-item-copy {
+  margin-top: 0.12rem;
+}
+.willa-fancy-list-item-line {
+  margin: 0;
+  color: var(--willa-fancy-list-line);
+  font-size: 0.92rem;
+  line-height: 1.72;
+}
+.willa-fancy-list-item-line + .willa-fancy-list-item-line {
+  margin-top: 0.22rem;
+}
+@media (max-width: 767px) {
+  .willa-fancy-list {
+  }
+
+  .willa-fancy-list-block {
+    margin: 1.5rem 0;
+  }
+
+  .willa-fancy-list-block-title {
+    margin-bottom: 0.52rem;
+    font-size: 0.94rem;
+  }
+
+  .willa-fancy-list-item {
+    padding: 0.66rem 0.72rem;
+  }
+
+  .willa-fancy-list-item + .willa-fancy-list-item::before {
+    left: 0.92rem;
+    right: 0.92rem;
+  }
+
+  .willa-fancy-list-item-title {
+    font-size: 0.92rem;
+  }
+
+  .willa-fancy-list-item-line {
+    font-size: 0.9rem;
+    line-height: 1.68;
+  }
+}
+.willa-prose-image,
+.willa-prose-gallery {
+  margin: 0 0 1.35rem;
+}
+.willa-prose-image,
+.willa-prose-gallery-item {
+  margin-left: 0;
+  margin-right: 0;
+}
+.willa-prose-image-button,
+.willa-prose-gallery-button {
+  display: block;
+  width: 100%;
+  padding: 0;
+  border: 0;
+  border-radius: 10px;
+  background: var(--willa-image-bg);
+  cursor: zoom-in;
+  overflow: hidden;
+  touch-action: pan-y;
+}
+.willa-prose-image-button:focus-visible,
+.willa-prose-gallery-button:focus-visible {
+  outline: 2px solid var(--willa-focus-ring);
+  outline-offset: 2px;
+}
+.willa-prose-image-asset,
+.willa-prose-gallery-asset {
+  display: block;
+  width: 100%;
+  background: var(--willa-image-bg);
+  transition:
+    transform 180ms ease,
+    opacity 180ms ease;
+}
+.willa-prose-image-asset {
+  max-height: 34rem;
+  object-fit: contain;
+}
+.willa-prose-gallery {
+  --willa-gallery-columns: 2;
+  display: grid;
+  grid-template-columns: repeat(var(--willa-gallery-columns), minmax(0, 1fr));
+  gap: 12px;
+}
+.willa-prose-gallery-item {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 0;
+}
+.willa-prose-gallery-asset {
+  aspect-ratio: 1 / 1;
+  object-fit: contain;
+}
+.willa-prose-image-button:hover .willa-prose-image-asset,
+.willa-prose-gallery-button:hover .willa-prose-gallery-asset {
+  opacity: 0.96;
+}
+.willa-prose-image-caption {
+  margin-top: 8px;
+}
+.willa-prose-image-caption,
+.willa-prose-gallery-caption {
+  color: var(--willa-text-faint);
+  font-size: 0.82rem;
+  font-weight: 500;
+  line-height: 1.7;
+}
+@media (max-width: 767px) {
+  .willa-prose-gallery {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 10px;
+  }
+}
+.willa-lightbox {
+  position: fixed;
+  inset: 0;
+  z-index: 80;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  background: var(--willa-lightbox-bg);
+  backdrop-filter: blur(8px);
+}
+.willa-lightbox--solid {
+  background: var(--willa-lightbox-solid-bg);
+  backdrop-filter: none;
+}
+.willa-lightbox-nav {
+  position: absolute;
+  top: 50%;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 44px;
+  height: 44px;
+  margin-top: -22px;
+  border: 0;
+  border-radius: 999px;
+  background: var(--willa-floating-bg);
+  color: var(--willa-text-strong);
+  cursor: pointer;
+}
+.willa-lightbox-nav:focus-visible {
+  outline: 2px solid var(--willa-focus-ring);
+  outline-offset: 2px;
+}
+.willa-lightbox-nav--prev {
+  left: 50px;
+}
+.willa-lightbox-nav--next {
+  right: 50px;
+}
+.willa-lightbox-figure {
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  width: 100%;
+  height: 100%;
+  max-height: 100%;
+  padding: 24px;
+  box-sizing: border-box;
+  touch-action: pan-y pinch-zoom;
+}
+.willa-lightbox-image {
+  display: block;
+  width: 100%;
+  height: auto;
+  max-width: 100%;
+  max-height: calc(100vh - 96px);
+  border-radius: 0;
+  object-fit: contain;
+  cursor: zoom-out;
+}
+.willa-lightbox-image--slide-next {
+  animation: willa-lightbox-slide-next 260ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+.willa-lightbox-image--slide-prev {
+  animation: willa-lightbox-slide-prev 260ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+.willa-lightbox-caption {
+  color: var(--willa-text-faint);
+  font-size: 0.82rem;
+  font-weight: 500;
+  line-height: 1.7;
+  text-align: center;
+}
+@keyframes willa-lightbox-slide-next {
+  from {
+    opacity: 0.36;
+    transform: translate3d(34px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes willa-lightbox-slide-prev {
+  from {
+    opacity: 0.36;
+    transform: translate3d(-34px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+}
+@media (max-width: 767px) {
+  .willa-lightbox {
+    padding: 20px 16px;
+  }
+
+  .willa-lightbox-nav {
+    display: none;
+  }
+
+  .willa-lightbox-image {
+    max-height: calc(100vh - 96px);
+  }
+}
+.willa-poem {
+  margin: 1.8rem 0;
+  padding: 1.4rem 1.5rem;
+  border: 1px solid var(--willa-poem-border);
+  border-radius: 14px;
+  background: var(--willa-poem-bg);
+}
+.willa-poem-header {
+  margin-bottom: 1.1rem;
+  text-align: center;
+}
+.willa-poem-byline {
+  margin: 0.42rem 0 0;
+  color: var(--willa-text-faint);
+  font-size: 0.76rem;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+}
+.willa-poem-title {
+  margin: 0;
+  color: var(--willa-text-strong);
+  font-family: var(--willa-title-font);
+  font-size: 1.28rem;
+  font-weight: 600;
+  line-height: 1.45;
+  text-align: center;
+}
+.willa-poem-body {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  align-items: center;
+}
+.willa-poem-preface {
+  display: flex;
+  flex-direction: column;
+  gap: 0.28rem;
+  align-items: center;
+  max-width: 28rem;
+  margin: 0 auto 1.15rem;
+  padding-bottom: 0.95rem;
+  border-bottom: 1px solid var(--willa-poem-divider);
+}
+.willa-poem-preface-line {
+  margin: 0;
+  color: var(--willa-text-soft);
+  font-size: 0.8rem;
+  line-height: 1.72;
+  text-align: center;
+}
+.willa-poem-stanza {
+  display: flex;
+  flex-direction: column;
+  gap: 0.36rem;
+  align-items: center;
+}
+.willa-poem-line {
+  margin: 0;
+  color: var(--willa-text);
+  font-family: var(--willa-title-font);
+  font-size: 0.94rem;
+  line-height: 1.9;
+  letter-spacing: 0.02em;
+  text-align: center;
+}
+@media (max-width: 767px) {
+  .willa-poem {
+    margin: 1.5rem 0;
+    padding: 1.15rem 1.05rem;
+    border-radius: 12px;
+  }
+
+  .willa-poem-title {
+    font-size: 1.16rem;
+  }
+
+  .willa-poem-byline {
+    font-size: 0.74rem;
+  }
+
+  .willa-poem-preface-line {
+    font-size: 0.76rem;
+    line-height: 1.68;
+  }
+
+  .willa-poem-line {
+    font-size: 0.92rem;
+    line-height: 1.84;
+  }
+}
+.willa-prose-skeleton {
+  display: block;
+  position: relative;
+}
+.willa-prose-skeleton-content {
+  display: block;
+}
+.willa-prose-skeleton--inline,
+.willa-prose-skeleton--inline .willa-prose-skeleton-placeholder,
+.willa-prose-skeleton--inline .willa-prose-skeleton-content {
+  display: inline-block;
+}
+.willa-prose-skeleton-placeholder {
+  --willa-skeleton-block-height: 220px;
+  display: grid;
+  width: 100%;
+  gap: 0.8rem;
+}
+.willa-prose-skeleton-lines {
+  display: grid;
+  gap: 0.52rem;
+}
+.willa-prose-skeleton-line,
+.willa-prose-skeleton-block {
+  display: block;
+  overflow: hidden;
+  border-radius: 6px;
+  background: var(--willa-skeleton-bg);
+  background-size: 220% 100%;
+  animation: willa-skeleton-shimmer 1.4s ease-in-out infinite;
+}
+.willa-prose-skeleton-line {
+  width: var(--willa-skeleton-line-width, 100%);
+  height: var(--willa-skeleton-line-height, 0.9rem);
+}
+.willa-prose-skeleton-block {
+  height: var(--willa-skeleton-block-height);
+}
+.willa-prose-skeleton[data-loading="true"][data-keep-children-mounted="true"]
+  .willa-prose-skeleton-content {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+@keyframes willa-skeleton-shimmer {
+  0% {
+    background-position: 120% 0;
+  }
+
+  100% {
+    background-position: -120% 0;
+  }
+}
+.willa-steps-block {
+  margin: 1.7rem 0;
+}
+.willa-steps-block-title {
+  margin-bottom: 0.9rem;
+  color: var(--willa-text-strong);
+  font-family: var(--willa-title-font);
+  font-size: 1rem;
+  font-weight: 600;
+  line-height: 1.45;
+}
+.willa-steps-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  counter-reset: willa-steps;
+}
+.willa-steps-block--horizontal .willa-steps-list {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
+  column-gap: 1.25rem;
+}
+.willa-step {
+  position: relative;
+  padding: 0 0 1.15rem 3rem;
+  counter-increment: willa-steps;
+}
+.willa-step::before {
+  content: counter(willa-steps);
+  position: absolute;
+  top: 0.02rem;
+  left: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.85rem;
+  height: 1.85rem;
+  border-radius: 999px;
+  background: var(--willa-step-marker-bg);
+  color: var(--willa-step-marker-color);
+  font-family: var(--willa-code-font);
+  font-size: 0.84rem;
+  font-weight: 700;
+  line-height: 1;
+}
+.willa-step::after {
+  content: "";
+  position: absolute;
+  top: 2.1rem;
+  bottom: 0.2rem;
+  left: 0.92rem;
+  width: 1px;
+  background: var(--willa-step-line);
+}
+.willa-step:last-child {
+  padding-bottom: 0;
+}
+.willa-step:last-child::after {
+  display: none;
+}
+.willa-steps-block--horizontal .willa-step {
+  min-width: 0;
+  padding: 2.75rem 0 0;
+}
+.willa-steps-block--horizontal .willa-step::before {
+  top: 0;
+  left: 0;
+}
+.willa-steps-block--horizontal .willa-step::after {
+  top: 0.92rem;
+  right: -0.45rem;
+  bottom: auto;
+  left: 2.35rem;
+  width: auto;
+  height: 1px;
+}
+.willa-step-title {
+  margin-bottom: 0.44rem;
+  color: var(--willa-text-strong);
+  font-size: 0.96rem;
+  font-weight: 600;
+  line-height: 1.48;
+}
+.willa-step-body,
+.willa-step-body .willa-prose-p,
+.willa-step-body .willa-prose-ul,
+.willa-step-body .willa-prose-ol,
+.willa-step-body .willa-prose-li {
+  color: var(--willa-text-soft);
+  font-size: 0.94rem;
+  font-weight: 500;
+  line-height: 1.78;
+  text-shadow: none;
+}
+.willa-step-body .willa-prose-p,
+.willa-step-body .willa-prose-ul,
+.willa-step-body .willa-prose-ol {
+  margin-bottom: 0.62rem;
+}
+.willa-step-body .willa-prose-li + .willa-prose-li {
+  margin-top: 0.46rem;
+}
+.willa-step-line + .willa-step-line {
+  margin-top: 0.5rem;
+}
+.willa-step-line > :last-child {
+  margin-bottom: 0;
+}
+@media (max-width: 767px) {
+  .willa-steps-block {
+    margin: 1.5rem 0;
+  }
+
+  .willa-steps-block--horizontal .willa-steps-list {
+    display: block;
+  }
+
+  .willa-steps-block--horizontal .willa-step,
+  .willa-step {
+    padding-left: 2.7rem;
+  }
+
+  .willa-steps-block--horizontal .willa-step {
+    padding-top: 0;
+    padding-bottom: 1.15rem;
+  }
+
+  .willa-steps-block--horizontal .willa-step:last-child {
+    padding-bottom: 0;
+  }
+
+  .willa-steps-block--horizontal .willa-step::before,
+  .willa-step::before {
+    top: 0.02rem;
+    left: 0;
+    width: 1.7rem;
+    height: 1.7rem;
+  }
+
+  .willa-steps-block--horizontal .willa-step::after,
+  .willa-step::after {
+    top: 2.1rem;
+    right: auto;
+    bottom: 0.2rem;
+    left: 0.84rem;
+    width: 1px;
+    height: auto;
+  }
+}
+.willa-summary-cards {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 1rem;
+  margin: 1.8rem 0;
+}
+.willa-summary-card {
+  padding: 1rem 1rem 0.95rem;
+  border-radius: 14px;
+  background: var(--willa-summary-card-bg);
+}
+.willa-summary-card-title {
+  margin: 0;
+  color: var(--willa-text-strong);
+  font-family: var(--willa-title-font);
+  font-size: 0.96rem;
+  font-weight: 600;
+  line-height: 1.45;
+}
+.willa-summary-card-body {
+  margin-top: 0.72rem;
+}
+.willa-summary-card-line {
+  margin: 0;
+  color: var(--willa-text-soft);
+  font-size: 0.92rem;
+  line-height: 1.82;
+}
+.willa-summary-card-line + .willa-summary-card-line {
+  margin-top: 0.48rem;
+}
+@media (max-width: 767px) {
+  .willa-summary-cards {
+    grid-template-columns: 1fr;
+    gap: 0.88rem;
+    margin: 1.5rem 0;
+  }
+
+  .willa-summary-card {
+    padding: 0.92rem 0.92rem 0.88rem;
+    border-radius: 12px;
+  }
+
+  .willa-summary-card-line {
+    font-size: 0.9rem;
+    line-height: 1.76;
+  }
+}
+.willa-prose-url-link {
+  display: inline-flex;
+  align-items: baseline;
+  gap: 0.38rem;
+  max-width: 100%;
+  margin: 0 0.14rem;
+  padding: 0.2rem 0.54rem 0.2rem 0.34rem;
+  border-radius: 999px;
+  background: var(--willa-url-link-bg);
+  color: var(--willa-text-strong);
+  text-decoration: none;
+  text-shadow: none;
+  vertical-align: middle;
+  transition:
+    color 180ms ease,
+    background-color 180ms ease;
+}
+.willa-prose-url-link:hover {
+  background: var(--willa-url-link-bg-hover);
+  color: var(--willa-accent);
+}
+.willa-prose-url-link:focus-visible {
+  outline: 2px solid var(--willa-focus-ring);
+  outline-offset: 2px;
+}
+.willa-prose-url-link-icon {
+  width: 0.9rem;
+  height: 0.9rem;
+  flex: none;
+  transform: translateY(0.16em);
+}
+.willa-prose-url-link-name {
+  min-width: 0;
+  color: currentColor;
+  font-size: 0.88rem;
+  font-weight: 600;
+  line-height: 1.2;
+  white-space: nowrap;
+}
+@media (max-width: 767px) {
+  .willa-prose-url-link {
+    gap: 0.34rem;
+  }
+}
+.willa-prose-video-embed {
+  display: grid;
+  grid-template-columns: minmax(8.5rem, 34%) minmax(0, 1fr) auto;
+  align-items: stretch;
+  min-height: 8.25rem;
+  margin: 0 0 1.35rem;
+  overflow: hidden;
+  border: 1px solid var(--willa-video-border);
+  border-radius: 10px;
+  background: var(--willa-surface-tint);
+  color: inherit;
+  text-decoration: none;
+  text-shadow: none;
+  transition:
+    border-color 180ms ease,
+    background-color 180ms ease,
+    transform 180ms ease;
+}
+.willa-prose-video-embed:hover {
+  border-color: var(--willa-video-border-hover);
+  background: var(--willa-surface-soft);
+  transform: translateY(-1px);
+}
+.willa-prose-video-embed--inline {
+  grid-template-columns: minmax(0, 1fr) auto;
+  min-height: auto;
+  background: var(--willa-video-inline-bg);
+}
+.willa-prose-video-embed:focus-visible {
+  outline: 2px solid var(--willa-focus-ring);
+  outline-offset: 2px;
+}
+.willa-prose-video-embed-visual {
+  position: relative;
+  display: block;
+  min-height: 100%;
+  background: var(--willa-image-bg);
+  overflow: hidden;
+}
+.willa-prose-video-embed-poster {
+  display: block;
+  width: 100%;
+  height: 100%;
+  min-height: 8.25rem;
+  object-fit: cover;
+  transition:
+    transform 180ms ease,
+    opacity 180ms ease;
+}
+.willa-prose-video-embed:hover .willa-prose-video-embed-poster {
+  opacity: 0.94;
+  transform: scale(1.02);
+}
+.willa-prose-video-embed-fallback {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  min-height: 8.25rem;
+  align-items: center;
+  justify-content: center;
+  background: var(--willa-video-fallback-bg);
+}
+.willa-prose-video-embed-kind-icon {
+  width: 2.2rem;
+  height: 2.2rem;
+  color: var(--willa-text-faint);
+}
+.willa-prose-video-embed-play {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  display: inline-flex;
+  width: 2.7rem;
+  height: 2.7rem;
+  align-items: center;
+  justify-content: center;
+  border-radius: 999px;
+  background: var(--willa-video-play-bg);
+  color: var(--willa-video-play-color);
+  box-shadow: var(--willa-video-play-shadow);
+  transform: translate(-50%, -50%);
+}
+.willa-prose-video-embed-play svg {
+  width: 1.18rem;
+  height: 1.18rem;
+}
+.willa-prose-video-embed-content {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  justify-content: center;
+  gap: 0.42rem;
+  padding: 1.05rem 1.1rem;
+}
+.willa-prose-video-embed--inline .willa-prose-video-embed-content {
+  padding-right: 0.8rem;
+}
+.willa-prose-video-embed-kicker {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.38rem 0.55rem;
+  color: var(--willa-text-faint);
+  font-size: 0.78rem;
+  font-weight: 650;
+  line-height: 1.4;
+}
+.willa-prose-video-embed-inline-icon {
+  flex: none;
+  width: 0.92rem;
+  height: 0.92rem;
+}
+.willa-prose-video-embed-duration {
+  color: var(--willa-text-soft);
+  font-family: var(--willa-code-font);
+  font-size: 0.75rem;
+  font-weight: 500;
+}
+.willa-prose-video-embed-title {
+  color: var(--willa-text-strong);
+  font-family: var(--willa-title-font);
+  font-size: 1.08rem;
+  font-weight: 650;
+  line-height: 1.45;
+}
+.willa-prose-video-embed-description {
+  display: -webkit-box;
+  overflow: hidden;
+  color: var(--willa-text-soft);
+  font-size: 0.9rem;
+  font-weight: 500;
+  line-height: 1.7;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.willa-prose-video-embed-external {
+  width: 1rem;
+  height: 1rem;
+  margin: 1rem 1rem 0 0;
+  color: var(--willa-text-faint);
+}
+.willa-prose-video-embed-external-link {
+  display: inline-flex;
+  align-self: start;
+  margin: 1rem 1rem 0 0;
+  color: var(--willa-text-faint);
+}
+.willa-prose-video-embed-external-link:hover {
+  color: var(--willa-text-strong);
+}
+.willa-prose-video-embed-external-link .willa-prose-video-embed-external {
+  margin: 0;
+}
+.willa-prose-video-embed-external--placeholder {
+  opacity: 0;
+}
+.willa-prose-video-embed-player-shell {
+  grid-column: 1 / -1;
+  margin: 0 1rem 1rem;
+  padding-top: 0.95rem;
+  border-top: 1px solid var(--willa-line);
+}
+.willa-prose-video-embed-player {
+  display: block;
+  width: 100%;
+  aspect-ratio: 16 / 9;
+  overflow: hidden;
+  border: 1px solid var(--willa-line);
+  border-radius: 10px;
+  background: var(--willa-panel-bg);
+}
+@media (max-width: 767px) {
+  .willa-prose-video-embed {
+    grid-template-columns: 1fr auto;
+  }
+
+  .willa-prose-video-embed-visual {
+    grid-column: 1 / -1;
+    min-height: 9rem;
+  }
+
+  .willa-prose-video-embed-content {
+    padding: 0.95rem 1rem 1rem;
+  }
+
+  .willa-prose-video-embed-player-shell {
+    margin: 0 0.9rem 0.9rem;
+    padding-top: 0.85rem;
+  }
+}
+.willa-prose-video-link,
+.willa-prose-video-link--player {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.32rem;
+  max-width: 100%;
+  margin: 0 0.12rem;
+  padding: 0.12rem 0.42rem;
+  border: 1px solid var(--willa-video-link-border);
+  border-radius: 999px;
+  background: var(--willa-video-link-bg);
+  color: var(--willa-text-strong);
+  font-size: 0.88em;
+  font-weight: 650;
+  line-height: 1.38;
+  text-decoration: none;
+  text-shadow: none;
+  vertical-align: 0.02em;
+  transition:
+    border-color 180ms ease,
+    background-color 180ms ease,
+    color 180ms ease;
+}
+.willa-prose-video-link--player {
+  cursor: pointer;
+}
+.willa-prose-video-link:hover,
+.willa-prose-video-link--player:hover {
+  border-color: var(--willa-video-link-border-hover);
+  background: var(--willa-video-link-bg-hover);
+  color: var(--willa-text-strong);
+  text-decoration: none;
+}
+.willa-prose-video-link-wrap {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.32rem;
+  max-width: 100%;
+  vertical-align: 0.02em;
+}
+.willa-prose-video-link-icon,
+.willa-prose-media-link-external {
+  flex: none;
+  width: 0.86em;
+  height: 0.86em;
+  color: var(--willa-video-link-icon);
+}
+.willa-prose-video-link-icon--trigger {
+  width: 0.92em;
+  height: 0.92em;
+}
+.willa-prose-media-link-external {
+  color: var(--willa-text-faint);
+}
+.willa-prose-video-link-external-action {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--willa-text-faint);
+}
+.willa-prose-media-link-content {
+  display: flex;
+  min-width: 0;
+  align-items: center;
+  gap: 0.32rem;
+}
+.willa-prose-media-link-kicker {
+  color: var(--willa-text-faint);
+  font-size: 0.92em;
+}
+.willa-prose-media-link-title {
+  min-width: 0;
+}
+.willa-prose-video-link-popover {
+  position: absolute;
+  left: 0;
+  top: calc(100% + 0.55rem);
+  z-index: 20;
+  display: block;
+  width: min(24rem, calc(100vw - 3rem));
+  padding: 0.7rem;
+  border: 1px solid var(--willa-line);
+  border-radius: 12px;
+  background: var(--willa-panel-bg);
+  box-shadow: var(--willa-media-popover-shadow);
+}
+.willa-prose-video-link-player {
+  display: block;
+  width: 100%;
+  aspect-ratio: 16 / 9;
+  border: 1px solid var(--willa-line);
+  border-radius: 10px;
+  background: var(--willa-panel-bg);
+}
+@media (max-width: 767px) {
+  .willa-prose-video-link-popover {
+    width: min(20rem, calc(100vw - 2rem));
+  }
+}
+:root[data-wk-theme="dark"] .willa-shell {
+  --willa-inline-code-bg: #242832;
+  --willa-heading-1: #ffffff;
+  --willa-heading-2: #dbeafe;
+  --willa-heading-3: #bfdbfe;
+  --willa-heading-4: #cbd5e1;
+  --willa-heading-5: #94a3b8;
+  --willa-heading-6: #64748b;
+  --willa-prose-selection-bg: rgb(223, 223, 223);
+  --willa-prose-selection-color: inherit;
+  --willa-prose-marker-color: #8a8f98;
+  --willa-prose-nested-marker-color: #6c7280;
+  --willa-prose-mark-bg: rgba(250, 204, 21, 0.16);
+  --willa-prose-quote-color: rgba(255, 255, 255, 0.5);
+  --willa-prose-quote-border: rgba(255, 255, 255, 0.18);
+  --willa-prose-link-color: #e5e5e5;
+  --willa-prose-link-hover-color: #ffffff;
+  --willa-prose-link-decoration: #6c7280;
+  --willa-prose-link-hover-decoration: #9ca3af;
+  --willa-prose-link-decoration-thickness: 1.25px;
+  --willa-english-cards-border: rgba(255, 255, 255, 0.18);
+  --willa-english-cards-bg: #111318;
+  --willa-english-cards-shadow: 0 16px 38px rgba(0, 0, 0, 0.42);
+  --willa-english-control-border: rgba(255, 255, 255, 0.18);
+  --willa-english-control-bg: #242832;
+  --willa-english-control-border-hover: rgba(156, 185, 221, 0.18);
+  --willa-english-control-bg-hover: rgba(255, 255, 255, 0.07);
+  --willa-english-control-color-hover: var(--willa-text-strong);
+  --willa-english-card-accent: #9cb9dd;
+  --willa-english-card-bg: #171d26;
+  --willa-english-card-border: rgba(156, 185, 221, 0.12);
+  --willa-english-card-section-bg: rgba(255, 255, 255, 0.045);
+  --willa-english-card-section-strong-bg: rgba(96, 165, 250, 0.055);
+  --willa-english-card-section-border: rgba(156, 185, 221, 0.12);
+  --willa-english-card-shadow: 0 10px 26px rgba(0, 0, 0, 0.32);
+  --willa-english-card-divider: rgba(255, 255, 255, 0.08);
+  --willa-english-card-translation-border: var(
+    --willa-english-card-section-border
+  );
+  --willa-english-card-openapi-border: rgba(156, 185, 221, 0.12);
+  --willa-english-card-openapi-bg: rgba(96, 165, 250, 0.055);
+  --willa-english-card-openapi-color: #c0d2e8;
+  --willa-english-card-openapi-error-border: rgba(248, 113, 113, 0.2);
+  --willa-english-card-openapi-error-bg: rgba(248, 113, 113, 0.08);
+  --willa-english-card-openapi-error-color: #fca5a5;
+  --willa-english-card-chip-border: rgba(255, 255, 255, 0.1);
+  --willa-english-card-chip-bg: rgba(255, 255, 255, 0.045);
+  --willa-english-card-meta-bg: rgba(255, 255, 255, 0.045);
+  --willa-english-card-action-hover-bg: rgba(255, 255, 255, 0.07);
+  --willa-english-card-link-bg: rgba(255, 255, 255, 0.045);
+  --willa-english-card-link-bg-hover: rgba(255, 255, 255, 0.07);
+  --willa-english-card-link-border-hover: rgba(156, 185, 221, 0.18);
+  --willa-english-card-resource-bg: #1a1d21;
+  --willa-english-card-resource-border: rgba(255, 255, 255, 0.1);
+  --willa-english-card-resource-shadow: 0 16px 38px rgba(0, 0, 0, 0.36);
+  --willa-english-card-practice-input-border: rgba(255, 255, 255, 0.18);
+  --willa-english-card-practice-input-bg: #101319;
+  --willa-english-card-practice-input-focus-border: rgba(156, 185, 221, 0.22);
+  --willa-english-card-practice-input-focus-shadow: 0 0 0 3px
+    rgba(156, 185, 221, 0.08);
+  --willa-english-card-result-correct: #86efac;
+  --willa-english-card-result-incorrect: #fcd34d;
+  --willa-english-card-example-underline: color-mix(
+    in srgb,
+    var(--willa-english-card-accent) 58%,
+    transparent
+  );
+  --willa-github-pill-bg: rgba(255, 255, 255, 0.14);
+  --willa-github-pill-bg-hover: rgba(125, 211, 252, 0.18);
+  --willa-github-hover-card-fill: #1a1d21;
+  --willa-github-hover-card-border: rgba(255, 255, 255, 0.1);
+  --willa-github-hover-card-shadow: 0 20px 46px rgba(0, 0, 0, 0.28);
+  --willa-github-hover-card-arrow-shadow: -4px -4px 14px rgba(0, 0, 0, 0.12);
+  --willa-github-hover-card-meta-bg: rgba(255, 255, 255, 0.08);
+  --willa-github-hover-card-error: #fda29b;
+  --willa-web-embed-border: rgba(125, 211, 252, 0.2);
+  --willa-web-embed-bg:
+    linear-gradient(135deg, rgba(125, 211, 252, 0.09), transparent 58%),
+    rgba(255, 255, 255, 0.02);
+  --willa-web-embed-shadow: 0 18px 38px rgba(0, 0, 0, 0.22);
+  --willa-web-embed-hover-bg: rgba(125, 211, 252, 0.12);
+  --willa-web-embed-title-hover: #bae6fd;
+  --willa-web-embed-frame-bg:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 100%),
+    var(--willa-panel-bg);
+  --willa-web-embed-iframe-bg: #ffffff;
+}
+.willa-shell {
+  --willa-inline-code-bg: #f7f7f7;
+  --willa-heading-1: #111827;
+  --willa-heading-2: #1f2937;
+  --willa-heading-3: #374151;
+  --willa-heading-4: #4b5563;
+  --willa-heading-5: #6b7280;
+  --willa-heading-6: #9ca3af;
+  --willa-prose-selection-bg: rgb(223, 223, 223);
+  --willa-prose-selection-color: inherit;
+  --willa-prose-marker-color: var(--willa-text-faint);
+  --willa-prose-nested-marker-color: var(--willa-text-faint);
+  --willa-prose-mark-bg: rgba(250, 204, 21, 0.22);
+  --willa-prose-quote-color: var(--willa-text-soft);
+  --willa-prose-quote-border: var(--willa-line-strong);
+  --willa-prose-link-color: var(--willa-text-strong);
+  --willa-prose-link-hover-color: var(--willa-text-strong);
+  --willa-prose-link-decoration: #d1d5db;
+  --willa-prose-link-hover-decoration: #9ca3af;
+  --willa-prose-link-decoration-thickness: 1px;
+  --willa-english-cards-border: rgba(15, 23, 42, 0.1);
+  --willa-english-cards-bg: linear-gradient(180deg, #fbfbf8 0%, #f7f6f1 100%);
+  --willa-english-cards-shadow: none;
+  --willa-english-control-border: rgba(15, 23, 42, 0.12);
+  --willa-english-control-bg: rgba(255, 255, 255, 0.72);
+  --willa-english-control-border-hover: rgba(59, 111, 182, 0.24);
+  --willa-english-control-bg-hover: rgba(232, 240, 252, 0.72);
+  --willa-english-control-color-hover: #315f9d;
+  --willa-english-card-accent: #3b6fb6;
+  --willa-english-card-bg: rgba(255, 255, 255, 0.76);
+  --willa-english-card-border: rgba(15, 23, 42, 0.1);
+  --willa-english-card-section-bg: rgba(248, 250, 252, 0.62);
+  --willa-english-card-section-strong-bg: rgba(239, 246, 255, 0.5);
+  --willa-english-card-section-border: rgba(15, 23, 42, 0.075);
+  --willa-english-card-shadow: none;
+  --willa-english-card-divider: rgba(15, 23, 42, 0.07);
+  --willa-english-card-translation-border: rgba(37, 99, 235, 0.14);
+  --willa-english-card-openapi-border: rgba(59, 111, 182, 0.1);
+  --willa-english-card-openapi-bg: rgba(232, 240, 252, 0.56);
+  --willa-english-card-openapi-color: #315f9d;
+  --willa-english-card-openapi-error-border: rgba(220, 38, 38, 0.16);
+  --willa-english-card-openapi-error-bg: rgba(254, 242, 242, 0.64);
+  --willa-english-card-openapi-error-color: #b91c1c;
+  --willa-english-card-chip-border: rgba(15, 23, 42, 0.08);
+  --willa-english-card-chip-bg: rgba(255, 255, 255, 0.5);
+  --willa-english-card-meta-bg: rgba(15, 23, 42, 0.035);
+  --willa-english-card-action-hover-bg: rgba(59, 111, 182, 0.08);
+  --willa-english-card-link-bg: rgba(255, 255, 255, 0.52);
+  --willa-english-card-link-bg-hover: rgba(255, 255, 255, 0.72);
+  --willa-english-card-link-border-hover: rgba(59, 111, 182, 0.2);
+  --willa-english-card-resource-bg: #ffffff;
+  --willa-english-card-resource-border: rgba(15, 23, 42, 0.1);
+  --willa-english-card-resource-shadow: 0 14px 34px rgba(15, 23, 42, 0.14);
+  --willa-english-card-practice-input-border: rgba(15, 23, 42, 0.12);
+  --willa-english-card-practice-input-bg: rgba(255, 255, 255, 0.84);
+  --willa-english-card-practice-input-focus-border: rgba(59, 111, 182, 0.28);
+  --willa-english-card-practice-input-focus-shadow: 0 0 0 3px
+    rgba(59, 111, 182, 0.08);
+  --willa-english-card-result-correct: #15803d;
+  --willa-english-card-result-incorrect: #b45309;
+  --willa-english-card-example-underline: color-mix(
+    in srgb,
+    var(--willa-english-card-accent) 58%,
+    transparent
+  );
+  --willa-github-pill-bg: rgba(15, 23, 42, 0.06);
+  --willa-github-pill-bg-hover: rgba(15, 23, 42, 0.09);
+  --willa-github-hover-card-fill: #f6f6f7;
+  --willa-github-hover-card-border: rgba(15, 23, 42, 0.08);
+  --willa-github-hover-card-shadow: 0 18px 44px rgba(15, 23, 42, 0.14);
+  --willa-github-hover-card-arrow-shadow: -4px -4px 12px rgba(15, 23, 42, 0.03);
+  --willa-github-hover-card-meta-bg: rgba(15, 23, 42, 0.06);
+  --willa-github-hover-card-error: #b42318;
+  --willa-web-embed-border: rgba(14, 165, 233, 0.18);
+  --willa-web-embed-bg:
+    linear-gradient(135deg, rgba(14, 165, 233, 0.08), transparent 58%),
+    var(--willa-surface-tint);
+  --willa-web-embed-shadow: 0 18px 38px rgba(15, 23, 42, 0.08);
+  --willa-web-embed-hover-bg: rgba(14, 165, 233, 0.1);
+  --willa-web-embed-title-hover: var(--willa-accent);
+  --willa-web-embed-frame-bg:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.12), transparent 100%),
+    var(--willa-panel-bg);
+  --willa-web-embed-iframe-bg: #ffffff;
+}
+.willa-english-cards {
+  margin: 1.8rem 0;
+  padding: 1rem;
+  border: 1px solid var(--willa-english-cards-border);
+  border-radius: 12px;
+  background: var(--willa-english-cards-bg);
+  box-shadow: var(--willa-english-cards-shadow);
+}
+.willa-english-cards-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  margin-bottom: 1rem;
+}
+.willa-english-cards-title {
+  margin: 0;
+  color: var(--willa-text-strong);
+  font-family: var(--willa-title-font);
+  font-size: 1rem;
+  font-weight: 600;
+  line-height: 1.45;
+}
+.willa-english-cards-summary {
+  margin: 0.18rem 0 0;
+  color: var(--willa-text-faint);
+  font-size: 0.82rem;
+  line-height: 1.45;
+  text-shadow: none;
+}
+.willa-english-cards-mode,
+.willa-english-card-reveal,
+.willa-english-card-speak,
+.willa-english-card-collapse {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.38rem;
+  border: 1px solid var(--willa-english-control-border);
+  border-radius: 999px;
+  background: var(--willa-english-control-bg);
+  color: var(--willa-text-strong);
+  font-family: inherit;
+  font-size: 0.82rem;
+  font-weight: 600;
+  line-height: 1;
+  cursor: pointer;
+  transition:
+    border-color 160ms ease,
+    background-color 160ms ease,
+    color 160ms ease;
+}
+.willa-english-cards-mode {
+  min-height: 2rem;
+  padding: 0 0.74rem;
+}
+.willa-english-card-reveal,
+.willa-english-card-speak {
+  min-height: 1.84rem;
+  padding: 0 0.64rem;
+  white-space: nowrap;
+}
+.willa-english-card-collapse {
+  width: 1.84rem;
+  height: 1.84rem;
+  padding: 0;
+}
+.willa-english-card-speak {
+  min-height: 1.45rem;
+  padding: 0 0.46rem;
+  font-family: inherit;
+  font-size: 0.74rem;
+}
+.willa-english-cards-mode:hover,
+.willa-english-card-reveal:hover,
+.willa-english-card-speak:hover,
+.willa-english-card-collapse:hover {
+  border-color: var(--willa-english-control-border-hover);
+  background: var(--willa-english-control-bg-hover);
+  color: var(--willa-english-control-color-hover);
+}
+.willa-english-cards-mode svg,
+.willa-english-card-reveal svg,
+.willa-english-card-speak svg,
+.willa-english-card-collapse svg {
+  width: 0.95rem;
+  height: 0.95rem;
+}
+.willa-english-cards-list {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  gap: 0.95rem;
+}
+.willa-english-card {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  padding: 1rem;
+  border: 1px solid var(--willa-english-card-border);
+  border-radius: 10px;
+  background: var(--willa-english-card-bg);
+  box-shadow: var(--willa-english-card-shadow);
+}
+.willa-english-card-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.8rem;
+}
+.willa-english-card--expanded .willa-english-card-head {
+  padding-bottom: 0.74rem;
+  border-bottom: 1px solid var(--willa-english-card-divider);
+}
+.willa-english-card-head-actions {
+  display: inline-flex;
+  align-items: center;
+  flex: 0 0 auto;
+  gap: 0.42rem;
+}
+.willa-english-card-word-row {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 0.46rem;
+}
+.willa-english-card-word {
+  margin: 0;
+  color: var(--willa-text-strong);
+  font-family: var(--willa-title-font);
+  font-size: 1.16rem;
+  font-weight: 650;
+  line-height: 1.25;
+}
+.willa-english-card-part {
+  color: var(--willa-english-card-accent);
+  font-family: var(--willa-code-font);
+  font-size: 0.76rem;
+  font-weight: 600;
+  line-height: 1;
+}
+.willa-english-card-phonetic {
+  color: var(--willa-text-faint);
+  font-family: var(--willa-code-font);
+  font-size: 0.8rem;
+  line-height: 1;
+  text-shadow: none;
+}
+.willa-english-card-content {
+  display: grid;
+  gap: 0.72rem;
+  margin-top: 0.82rem;
+}
+.willa-english-card-section {
+  padding: 0.72rem 0.78rem;
+  border: 1px solid var(--willa-english-card-section-border);
+  border-radius: 8px;
+  background: var(--willa-english-card-section-bg);
+}
+.willa-english-card-section--translation {
+  border-color: var(--willa-english-card-translation-border);
+  background: var(--willa-english-card-section-strong-bg);
+}
+.willa-english-card-section--definition,
+.willa-english-card-section--examples,
+.willa-english-card-section--details {
+  background: var(--willa-english-card-section-bg);
+}
+.willa-english-card-openapi {
+  display: flex;
+  align-items: center;
+  gap: 0.38rem;
+  padding: 0.46rem 0.56rem;
+  border: 1px solid var(--willa-english-card-openapi-border);
+  border-radius: 8px;
+  background: var(--willa-english-card-openapi-bg);
+  color: var(--willa-english-card-openapi-color);
+  font-size: 0.78rem;
+  font-weight: 600;
+  line-height: 1.45;
+  text-shadow: none;
+}
+.willa-english-card-openapi--error {
+  border-color: var(--willa-english-card-openapi-error-border);
+  background: var(--willa-english-card-openapi-error-bg);
+  color: var(--willa-english-card-openapi-error-color);
+}
+.willa-english-card-openapi svg {
+  flex: 0 0 auto;
+  width: 0.9rem;
+  height: 0.9rem;
+}
+.willa-english-card-label {
+  margin-bottom: 0.32rem;
+  color: var(--willa-text-faint);
+  font-size: 0.74rem;
+  font-weight: 600;
+  line-height: 1.4;
+}
+.willa-english-card-line,
+.willa-english-card-example-translation {
+  margin: 0;
+  color: var(--willa-text-soft);
+  font-size: 0.9rem;
+  line-height: 1.68;
+  text-shadow: none;
+}
+.willa-english-card-section--examples .willa-english-card-line {
+  font-weight: 550;
+}
+.willa-english-card-section--translation .willa-english-card-line {
+  color: var(--willa-text-strong);
+  font-size: 1rem;
+  font-weight: 650;
+  line-height: 1.55;
+}
+.willa-english-card-line + .willa-english-card-line,
+.willa-english-card-example + .willa-english-card-example {
+  margin-top: 0.4rem;
+}
+.willa-english-card-line--empty {
+  color: var(--willa-text-faint);
+}
+.willa-english-card-example-translation {
+  margin-top: 0.18rem;
+  color: var(--willa-text-faint);
+  font-size: 0.86rem;
+}
+.willa-english-card-example-word {
+  padding: 0;
+  background: transparent;
+  color: inherit;
+  font-weight: 650;
+  text-decoration: underline;
+  text-decoration-color: var(--willa-english-card-example-underline);
+  text-decoration-thickness: 0.1em;
+  text-underline-offset: 0.18em;
+}
+.willa-english-card-details {
+  display: grid;
+  gap: 0.56rem;
+}
+.willa-english-card-detail {
+  display: grid;
+  gap: 0.28rem;
+}
+.willa-english-card-detail-label {
+  color: var(--willa-text-faint);
+  font-size: 0.68rem;
+  font-weight: 600;
+  line-height: 1.35;
+  text-shadow: none;
+}
+.willa-english-card-detail-items {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.34rem;
+}
+.willa-english-card-detail-items span {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.24rem;
+  max-width: 100%;
+  min-height: 1.55rem;
+  padding: 0.16rem 0.46rem;
+  border: 1px solid var(--willa-english-card-chip-border);
+  border-radius: 999px;
+  background: var(--willa-english-card-chip-bg);
+  color: var(--willa-text-soft);
+  font-size: 0.78rem;
+  line-height: 1.35;
+  text-shadow: none;
+}
+.willa-english-card-detail-speak {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.1rem;
+  height: 1.1rem;
+  margin-right: -0.18rem;
+  border: 0;
+  border-radius: 999px;
+  background: transparent;
+  color: var(--willa-english-card-accent);
+  cursor: pointer;
+}
+.willa-english-card-detail-speak:hover {
+  background: var(--willa-english-card-action-hover-bg);
+}
+.willa-english-card-detail-speak svg {
+  width: 0.74rem;
+  height: 0.74rem;
+}
+.willa-english-card-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.38rem;
+  margin-top: 0.06rem;
+}
+.willa-english-card-meta span {
+  padding: 0.18rem 0.44rem;
+  border: 1px solid var(--willa-english-card-chip-border);
+  border-radius: 999px;
+  background: var(--willa-english-card-meta-bg);
+  color: var(--willa-text-faint);
+  font-size: 0.74rem;
+  line-height: 1.25;
+  text-shadow: none;
+}
+.willa-english-card-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.44rem;
+  margin-top: 0.06rem;
+  padding-top: 0.68rem;
+  border-top: 1px solid var(--willa-english-card-divider);
+}
+.willa-english-card-resource {
+  position: relative;
+  display: inline-flex;
+}
+.willa-english-card-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3rem;
+  min-height: 1.7rem;
+  padding: 0 0.48rem;
+  border: 1px solid var(--willa-english-card-chip-border);
+  border-radius: 999px;
+  background: var(--willa-english-card-link-bg);
+  color: var(--willa-english-card-accent);
+  font-size: 0.78rem;
+  font-weight: 600;
+  line-height: 1;
+  text-decoration: none;
+  text-shadow: none;
+}
+.willa-english-card-link:hover {
+  border-color: var(--willa-english-card-link-border-hover);
+  background: var(--willa-english-card-link-bg-hover);
+  text-decoration: none;
+}
+.willa-english-card-link svg {
+  width: 0.86rem;
+  height: 0.86rem;
+}
+.willa-english-card-resource-card {
+  position: absolute;
+  left: 0;
+  bottom: calc(100% + 0.48rem);
+  z-index: 3;
+  display: grid;
+  width: min(18rem, calc(100vw - 2rem));
+  gap: 0.24rem;
+  padding: 0.68rem 0.74rem;
+  border: 1px solid var(--willa-english-card-resource-border);
+  border-radius: 8px;
+  background: var(--willa-english-card-resource-bg);
+  box-shadow: var(--willa-english-card-resource-shadow);
+  opacity: 0;
+  pointer-events: none;
+  transform: translateY(0.18rem);
+  transition:
+    opacity 140ms ease,
+    transform 140ms ease;
+}
+.willa-english-card-resource-card::after {
+  content: "";
+  position: absolute;
+  left: 0.9rem;
+  bottom: -0.34rem;
+  width: 0.62rem;
+  height: 0.62rem;
+  border-right: 1px solid var(--willa-english-card-resource-border);
+  border-bottom: 1px solid var(--willa-english-card-resource-border);
+  background: var(--willa-english-card-resource-bg);
+  transform: rotate(45deg);
+}
+.willa-english-card-resource:hover .willa-english-card-resource-card,
+.willa-english-card-resource:focus-within .willa-english-card-resource-card {
+  opacity: 1;
+  transform: translateY(0);
+}
+.willa-english-card-resource-title,
+.willa-english-card-resource-description,
+.willa-english-card-resource-url {
+  display: block;
+  text-shadow: none;
+}
+.willa-english-card-resource-title {
+  color: var(--willa-text-strong);
+  font-size: 0.84rem;
+  font-weight: 650;
+  line-height: 1.42;
+}
+.willa-english-card-resource-description {
+  color: var(--willa-text-soft);
+  font-size: 0.78rem;
+  line-height: 1.55;
+}
+.willa-english-card-resource-url {
+  color: var(--willa-text-faint);
+  font-family: var(--willa-code-font);
+  font-size: 0.72rem;
+  line-height: 1.4;
+}
+.willa-english-card-practice {
+  margin-top: 0.86rem;
+  padding: 0.72rem 0.78rem;
+  border: 1px dashed var(--willa-english-card-section-border);
+  border-radius: 8px;
+  background: var(--willa-english-card-section-strong-bg);
+}
+.willa-english-card-practice-label {
+  display: block;
+  margin-bottom: 0.42rem;
+  color: var(--willa-text-faint);
+  font-size: 0.74rem;
+  font-weight: 650;
+  line-height: 1.4;
+  text-shadow: none;
+}
+.willa-english-card-practice-row {
+  display: flex;
+  gap: 0.48rem;
+}
+.willa-english-card-practice-input {
+  min-width: 0;
+  flex: 1;
+  height: 2.1rem;
+  padding: 0 0.62rem;
+  border: 1px solid var(--willa-english-card-practice-input-border);
+  border-radius: 8px;
+  background: var(--willa-english-card-practice-input-bg);
+  color: var(--willa-text-strong);
+  font: inherit;
+  font-size: 0.86rem;
+  outline: none;
+}
+.willa-english-card-practice-input:focus {
+  border-color: var(--willa-english-card-practice-input-focus-border);
+  box-shadow: var(--willa-english-card-practice-input-focus-shadow);
+}
+.willa-english-card-practice-check {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 3.2rem;
+  height: 2.1rem;
+  padding: 0 0.72rem;
+  border: 1px solid var(--willa-english-card-section-border);
+  border-radius: 8px;
+  background: var(--willa-english-card-section-bg);
+  color: var(--willa-english-card-accent);
+  font: inherit;
+  font-size: 0.82rem;
+  font-weight: 650;
+  cursor: pointer;
+}
+.willa-english-card-practice-result {
+  margin-top: 0.42rem;
+  color: var(--willa-text-faint);
+  font-size: 0.78rem;
+  line-height: 1.45;
+  text-shadow: none;
+}
+.willa-english-card-practice-result--correct {
+  color: var(--willa-english-card-result-correct);
+  font-weight: 650;
+}
+.willa-english-card-practice-result--incorrect {
+  color: var(--willa-english-card-result-incorrect);
+}
+@media (max-width: 767px) {
+  .willa-english-cards {
+    margin: 1.5rem 0;
+    padding: 0.84rem;
+  }
+
+  .willa-english-cards-header {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 0.7rem;
+  }
+
+  .willa-english-cards-list {
+    grid-template-columns: 1fr;
+  }
+
+  .willa-english-card {
+    padding: 0.88rem;
+  }
+}
+.willa-prose-skeleton {
+  display: block;
+  position: relative;
+}
+.willa-prose-skeleton-content {
+  display: block;
+}
+.willa-prose-skeleton--inline,
+.willa-prose-skeleton--inline .willa-prose-skeleton-placeholder,
+.willa-prose-skeleton--inline .willa-prose-skeleton-content {
+  display: inline-block;
+}
+.willa-prose-skeleton-placeholder {
+  --willa-skeleton-block-height: 220px;
+  display: grid;
+  width: 100%;
+  gap: 0.8rem;
+}
+.willa-prose-skeleton-lines {
+  display: grid;
+  gap: 0.52rem;
+}
+.willa-prose-skeleton-line,
+.willa-prose-skeleton-block {
+  display: block;
+  overflow: hidden;
+  border-radius: 6px;
+  background: var(--willa-skeleton-bg);
+  background-size: 220% 100%;
+  animation: willa-skeleton-shimmer 1.4s ease-in-out infinite;
+}
+.willa-prose-skeleton-line {
+  width: var(--willa-skeleton-line-width, 100%);
+  height: var(--willa-skeleton-line-height, 0.9rem);
+}
+.willa-prose-skeleton-block {
+  height: var(--willa-skeleton-block-height);
+}
+.willa-prose-skeleton[data-loading="true"][data-keep-children-mounted="true"]
+  .willa-prose-skeleton-content {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+@keyframes willa-skeleton-shimmer {
+  0% {
+    background-position: 120% 0;
+  }
+
+  100% {
+    background-position: -120% 0;
+  }
+}
+.willa-prose-github-mention-wrap {
+  position: relative;
+  display: inline-flex;
+  vertical-align: middle;
+}
+.willa-prose-github-mention {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.44rem;
+  max-width: 100%;
+  margin: 0 0.14rem;
+  padding: 0.12rem 0.42rem 0.12rem 0.22rem;
+  border-radius: 999px;
+  background: var(--willa-github-pill-bg);
+  color: var(--willa-text-strong);
+  text-decoration: none;
+  text-shadow: none;
+  vertical-align: middle;
+  transition:
+    color 180ms ease,
+    opacity 180ms ease;
+}
+.willa-prose-github-mention:hover {
+  background: var(--willa-github-pill-bg-hover);
+  color: var(--willa-accent);
+}
+.willa-prose-github-mention:focus-visible {
+  outline: 2px solid var(--willa-focus-ring);
+  outline-offset: 2px;
+}
+.willa-prose-github-mention-avatar {
+  display: block;
+  width: 1rem;
+  height: 1rem;
+  flex: none;
+  border-radius: 999px;
+  object-fit: cover;
+  background: var(--willa-cover-bg);
+  transform: none;
+}
+.willa-prose-github-mention-copy {
+  display: flex;
+  min-width: 0;
+  align-items: center;
+}
+.willa-prose-github-mention-name {
+  display: inline-flex;
+  align-items: center;
+  gap: 0;
+  color: currentColor;
+  font-size: 0.86rem;
+  font-weight: 600;
+  line-height: 1;
+}
+.willa-prose-github-hover-card {
+  position: absolute;
+  left: 0;
+  top: calc(100% + 14px);
+  z-index: 12;
+  display: flex;
+  width: min(20rem, calc(100vw - 2rem));
+  flex-direction: column;
+  gap: 0.78rem;
+  padding: 0.9rem 1rem;
+  border: 1px solid var(--willa-github-hover-card-border);
+  border-radius: 18px;
+  background: var(--willa-github-hover-card-fill);
+  box-shadow: var(--willa-github-hover-card-shadow);
+  opacity: 0;
+  pointer-events: none;
+  transform: translateY(-14px) scale(0.96);
+  transform-origin: left top;
+  will-change: opacity, transform;
+  transition:
+    opacity 260ms cubic-bezier(0.22, 1, 0.36, 1),
+    transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+.willa-prose-github-hover-card::before {
+  content: "";
+  position: absolute;
+  left: 1.15rem;
+  bottom: 100%;
+  width: 14px;
+  height: 14px;
+  background: var(--willa-github-hover-card-fill);
+  border-left: 1px solid var(--willa-github-hover-card-border);
+  border-top: 1px solid var(--willa-github-hover-card-border);
+  box-shadow: var(--willa-github-hover-card-arrow-shadow);
+  transform: translateY(7px) rotate(45deg);
+}
+.willa-prose-github-mention-wrap[data-open="true"]
+  .willa-prose-github-hover-card {
+  opacity: 1;
+  pointer-events: auto;
+  transform: translateY(0) scale(1);
+}
+.willa-prose-github-hover-card-head {
+  display: flex;
+  align-items: center;
+  gap: 0.82rem;
+}
+.willa-prose-github-hover-card-avatar {
+  display: block;
+  width: 3rem;
+  height: 3rem;
+  flex: none;
+  border-radius: 999px;
+  object-fit: cover;
+  background: var(--willa-cover-bg);
+}
+.willa-prose-github-hover-card-avatar--fallback {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--willa-text-faint);
+}
+.willa-prose-github-hover-card-copy {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  gap: 0.18rem;
+}
+.willa-prose-github-hover-card-title {
+  color: var(--willa-text-strong);
+  font-family: var(--willa-title-font);
+  font-size: 1.04rem;
+  font-weight: 650;
+  line-height: 1.24;
+}
+.willa-prose-github-hover-card-subtitle {
+  color: var(--willa-text-faint);
+  font-size: 0.82rem;
+  font-weight: 600;
+  line-height: 1.2;
+}
+.willa-prose-github-hover-card-description {
+  color: var(--willa-text-soft);
+  font-size: 0.88rem;
+  font-weight: 500;
+  line-height: 1.62;
+}
+.willa-prose-github-hover-card-loading,
+.willa-prose-github-hover-card-error {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.46rem;
+  color: var(--willa-text-soft);
+  font-size: 0.84rem;
+  font-weight: 500;
+  line-height: 1.5;
+}
+.willa-prose-github-hover-card-loading {
+  width: min(100%, 13rem);
+}
+.willa-prose-github-hover-card-error {
+  color: var(--willa-github-hover-card-error);
+}
+.willa-prose-github-hover-card-error svg {
+  width: 0.96rem;
+  height: 0.96rem;
+  flex: none;
+}
+.willa-prose-github-hover-card-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.48rem;
+}
+.willa-prose-github-hover-card-meta-item {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.24rem 0.5rem;
+  border-radius: 999px;
+  background: var(--willa-github-hover-card-meta-bg);
+  color: var(--willa-text-faint);
+  font-size: 0.76rem;
+  font-weight: 600;
+  line-height: 1.2;
+}
+@media (max-width: 767px) {
+  .willa-prose-github-mention {
+    gap: 0.4rem;
+  }
+}
+.willa-prose-github-repo-wrap {
+  position: relative;
+  display: inline-flex;
+}
+.willa-prose-github-repo {
+  display: inline-flex;
+  align-items: baseline;
+  gap: 0.38rem;
+  max-width: 100%;
+  margin: 0 0.14rem;
+  padding: 0.2rem 0.54rem 0.2rem 0.34rem;
+  border-radius: 999px;
+  background: var(--willa-github-pill-bg);
+  color: var(--willa-text-strong);
+  text-decoration: none;
+  text-shadow: none;
+  vertical-align: middle;
+  transition:
+    color 180ms ease,
+    background-color 180ms ease;
+}
+.willa-prose-github-repo:hover {
+  background: var(--willa-github-pill-bg-hover);
+  color: var(--willa-accent);
+}
+.willa-prose-github-repo:focus-visible {
+  outline: 2px solid var(--willa-focus-ring);
+  outline-offset: 2px;
+}
+.willa-prose-github-repo-icon {
+  width: 0.9rem;
+  height: 0.9rem;
+  flex: none;
+  transform: translateY(0.16em);
+}
+.willa-prose-github-repo-name {
+  min-width: 0;
+  color: currentColor;
+  font-family: var(--willa-code-font);
+  font-size: 0.88rem;
+  font-weight: 600;
+  line-height: 1.2;
+  white-space: nowrap;
+}
+.willa-prose-github-hover-card {
+  position: absolute;
+  left: 0;
+  top: calc(100% + 14px);
+  z-index: 12;
+  display: flex;
+  width: min(20rem, calc(100vw - 2rem));
+  flex-direction: column;
+  gap: 0.78rem;
+  padding: 0.9rem 1rem;
+  border: 1px solid var(--willa-github-hover-card-border);
+  border-radius: 18px;
+  background: var(--willa-github-hover-card-fill);
+  box-shadow: var(--willa-github-hover-card-shadow);
+  opacity: 0;
+  pointer-events: none;
+  transform: translateY(-14px) scale(0.96);
+  transform-origin: left top;
+  will-change: opacity, transform;
+  transition:
+    opacity 260ms cubic-bezier(0.22, 1, 0.36, 1),
+    transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+.willa-prose-github-hover-card::before {
+  content: "";
+  position: absolute;
+  left: 1.15rem;
+  bottom: 100%;
+  width: 14px;
+  height: 14px;
+  background: var(--willa-github-hover-card-fill);
+  border-left: 1px solid var(--willa-github-hover-card-border);
+  border-top: 1px solid var(--willa-github-hover-card-border);
+  box-shadow: var(--willa-github-hover-card-arrow-shadow);
+  transform: translateY(7px) rotate(45deg);
+}
+.willa-prose-github-repo-wrap[data-open="true"] .willa-prose-github-hover-card {
+  opacity: 1;
+  pointer-events: auto;
+  transform: translateY(0) scale(1);
+}
+.willa-prose-github-hover-card-head {
+  display: flex;
+  align-items: center;
+  gap: 0.82rem;
+}
+.willa-prose-github-hover-card-avatar {
+  display: block;
+  width: 3rem;
+  height: 3rem;
+  flex: none;
+  border-radius: 999px;
+  object-fit: cover;
+  background: var(--willa-cover-bg);
+}
+.willa-prose-github-hover-card-avatar--fallback {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--willa-text-faint);
+}
+.willa-prose-github-hover-card-copy {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  gap: 0.18rem;
+}
+.willa-prose-github-hover-card-title {
+  color: var(--willa-text-strong);
+  font-family: var(--willa-title-font);
+  font-size: 1.04rem;
+  font-weight: 650;
+  line-height: 1.24;
+}
+.willa-prose-github-hover-card-subtitle {
+  color: var(--willa-text-faint);
+  font-size: 0.82rem;
+  font-weight: 600;
+  line-height: 1.2;
+}
+.willa-prose-github-hover-card-description {
+  color: var(--willa-text-soft);
+  font-size: 0.88rem;
+  font-weight: 500;
+  line-height: 1.62;
+}
+.willa-prose-github-hover-card-loading,
+.willa-prose-github-hover-card-error {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.46rem;
+  color: var(--willa-text-soft);
+  font-size: 0.84rem;
+  font-weight: 500;
+  line-height: 1.5;
+}
+.willa-prose-github-hover-card-loading {
+  width: min(100%, 13rem);
+}
+.willa-prose-github-hover-card-error {
+  color: var(--willa-github-hover-card-error);
+}
+.willa-prose-github-hover-card-error svg {
+  width: 0.96rem;
+  height: 0.96rem;
+  flex: none;
+}
+.willa-prose-github-hover-card-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.48rem;
+}
+.willa-prose-github-hover-card-meta-item {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.24rem 0.5rem;
+  border-radius: 999px;
+  background: var(--willa-github-hover-card-meta-bg);
+  color: var(--willa-text-faint);
+  font-size: 0.76rem;
+  font-weight: 600;
+  line-height: 1.2;
+}
+@media (max-width: 767px) {
+  .willa-prose-github-repo {
+    gap: 0.34rem;
+  }
+}
+.willa-prose {
+  font-family: var(--willa-body-font);
+  font-size: 1rem;
+  font-weight: 500;
+  font-synthesis: none;
+  line-height: 1.62;
+  color: var(--willa-text);
+  text-shadow: 0.018em 0 0 currentColor;
+}
+.willa-prose code {
+  font-family: var(--willa-code-font);
+}
+.willa-prose::selection,
+.willa-prose *::selection {
+  background-color: var(--willa-prose-selection-bg) !important;
+  color: var(--willa-prose-selection-color) !important;
+  text-shadow: none !important;
+}
+.willa-prose::-moz-selection,
+.willa-prose *::-moz-selection {
+  background-color: var(--willa-prose-selection-bg) !important;
+  color: var(--willa-prose-selection-color) !important;
+  text-shadow: none !important;
+}
+.willa-prose strong,
+.willa-prose b {
+  font-weight: 600;
+  color: var(--willa-text-strong);
+}
+.willa-prose-h1,
+.willa-prose-h2,
+.willa-prose-h3,
+.willa-prose-h4,
+.willa-prose-h5,
+.willa-prose-h6 {
+  margin: 0;
+  font-family: var(--willa-title-font);
+  font-weight: 600;
+}
+.willa-prose-h1 {
+  margin-bottom: 1.1rem;
+  color: var(--willa-heading-1);
+  font-size: 1.5rem;
+  line-height: 1.5;
+}
+.willa-prose-h2 {
+  margin-top: 2.4rem;
+  margin-bottom: 0.9rem;
+  color: var(--willa-heading-2);
+  font-size: 1.24rem;
+  line-height: 1.62;
+  scroll-margin-top: 12px;
+}
+.willa-prose-h3 {
+  margin-top: 1.8rem;
+  margin-bottom: 0.74rem;
+  color: var(--willa-heading-3);
+  font-size: 1.08rem;
+  line-height: 1.66;
+  scroll-margin-top: 12px;
+}
+.willa-prose-h4 {
+  margin-top: 1.5rem;
+  margin-bottom: 0.62rem;
+  color: var(--willa-heading-4);
+  font-size: 1rem;
+  line-height: 1.7;
+  scroll-margin-top: 12px;
+}
+.willa-prose-h5 {
+  margin-top: 1.28rem;
+  margin-bottom: 0.54rem;
+  color: var(--willa-heading-5);
+  font-size: 0.92rem;
+  line-height: 1.72;
+  scroll-margin-top: 12px;
+}
+.willa-prose-h6 {
+  margin-top: 1.1rem;
+  margin-bottom: 0.48rem;
+  color: var(--willa-heading-6);
+  font-size: 0.86rem;
+  line-height: 1.74;
+  scroll-margin-top: 12px;
+}
+.willa-prose-heading-link {
+  position: relative;
+  display: inline-block;
+  color: inherit;
+  text-decoration: none;
+}
+.willa-prose-heading-link::before {
+  content: "#";
+  position: absolute;
+  top: 50%;
+  right: 100%;
+  margin-right: 0.3em;
+  color: var(--willa-text-faint);
+  opacity: 0;
+  transform: translateY(-50%);
+  transition:
+    opacity 180ms ease,
+    color 180ms ease;
+}
+.willa-prose-heading-link:hover::before,
+.willa-prose-heading-link:focus-visible::before {
+  opacity: 1;
+}
+.willa-prose-heading-link:focus-visible {
+  outline: 2px solid var(--willa-focus-ring);
+  outline-offset: 4px;
+  border-radius: 4px;
+}
+.willa-prose-p,
+.willa-prose-ul,
+.willa-prose-ol,
+.willa-prose-quote {
+  margin: 0 0 1.08rem;
+}
+.willa-prose-media-block {
+  margin: 0 0 1.35rem;
+}
+.willa-prose-p {
+  margin: 0 0 11px;
+  color: var(--willa-text);
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.62;
+}
+.willa-prose-ul,
+.willa-prose-ol {
+  padding-left: 1.7rem;
+  color: var(--willa-text);
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.62;
+  list-style-position: outside;
+}
+.willa-prose-ul {
+  list-style-type: disc;
+}
+.willa-prose-ol {
+  list-style-type: decimal;
+}
+.willa-prose-li + .willa-prose-li {
+  margin-top: 12px;
+}
+.willa-prose-li {
+  padding-left: 0.8rem;
+}
+.willa-prose-li::marker {
+  color: var(--willa-prose-marker-color);
+}
+.willa-prose-li > .willa-prose-ol,
+.willa-prose-li > .willa-prose-ul {
+  margin-top: 1rem;
+  margin-bottom: 0;
+  padding-left: 1.15rem;
+}
+.willa-prose-li > .willa-prose-ol .willa-prose-li::marker,
+.willa-prose-li > .willa-prose-ul .willa-prose-li::marker {
+  color: var(--willa-prose-nested-marker-color);
+}
+.willa-prose-mark {
+  padding: 0.08em 0.26em;
+  border-radius: 4px;
+  background: var(--willa-prose-mark-bg);
+  color: inherit;
+  -webkit-box-decoration-break: clone;
+  box-decoration-break: clone;
+}
+.willa-prose-color-text {
+  font-weight: 500;
+}
+.willa-prose-quote {
+  padding: 0.12rem 0 0.12rem 1rem;
+  color: var(--willa-prose-quote-color);
+  font-weight: 500;
+  border-left: 3px solid var(--willa-prose-quote-border);
+}
+.willa-prose-quote,
+.willa-prose-quote .willa-prose-p,
+.willa-prose-quote .willa-prose-ul,
+.willa-prose-quote .willa-prose-ol,
+.willa-prose-quote .willa-prose-li {
+  font-size: 0.94rem;
+  line-height: 1.85;
+}
+.willa-prose-quote > :first-child {
+  margin-top: 0;
+}
+.willa-prose-quote > :last-child {
+  margin-bottom: 0;
+}
+.willa-prose-link {
+  color: var(--willa-prose-link-color);
+  font-weight: 600;
+  text-decoration: underline;
+  text-decoration-thickness: var(--willa-prose-link-decoration-thickness);
+  text-underline-offset: 0.18em;
+  text-decoration-color: var(--willa-prose-link-decoration);
+}
+.willa-prose-link:hover {
+  color: var(--willa-prose-link-hover-color);
+  text-decoration-color: var(--willa-prose-link-hover-decoration);
+}
+.willa-prose-color-text .willa-prose-link,
+.willa-prose-color-text .willa-prose-link:hover {
+  color: inherit;
+  text-decoration-color: currentColor;
+}
+.willa-prose-inline-code {
+  padding: 0.3rem 0.34rem;
+  border-radius: 5px;
+  background: var(--willa-inline-code-bg);
+  color: var(--willa-text-strong);
+  font-family: var(--willa-code-font);
+  font-size: 0.86em;
+  font-weight: 500;
+  line-height: 1.45;
+  vertical-align: 0.04em;
+  font-variant-ligatures: contextual;
+  font-feature-settings:
+    "ss01" 1,
+    "ss02" 1,
+    "ss03" 1,
+    "ss06" 1,
+    "zero" 1;
+}
+.willa-prose-color-text .willa-prose-inline-code {
+  color: inherit;
+}
+.willa-prose-hr {
+  height: 1px;
+  margin: 1.6rem 0;
+  border: 0;
+  background: var(--willa-line);
+}
+.willa-prose-web-embed {
+  margin: 0 0 1.35rem;
+  overflow: hidden;
+  border: 1px solid var(--willa-web-embed-border);
+  border-radius: 14px;
+  background: var(--willa-web-embed-bg);
+  box-shadow: var(--willa-web-embed-shadow);
+}
+.willa-prose-web-embed-header {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 1rem;
+  padding: 1rem 1rem 0.92rem;
+}
+.willa-prose-web-embed-copy {
+  min-width: 0;
+}
+.willa-prose-web-embed-kicker {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.42rem;
+  color: var(--willa-text-faint);
+  font-size: 0.78rem;
+  font-weight: 650;
+  line-height: 1.4;
+}
+.willa-prose-web-embed-icon {
+  width: 0.94rem;
+  height: 0.94rem;
+}
+.willa-prose-web-embed-title {
+  display: block;
+  margin-top: 0.32rem;
+  color: var(--willa-text-strong);
+  font-family: var(--willa-title-font);
+  font-size: 1.06rem;
+  font-weight: 650;
+  line-height: 1.42;
+}
+.willa-prose-web-embed-title-link {
+  text-decoration: none;
+}
+.willa-prose-web-embed-title-link:hover {
+  color: var(--willa-web-embed-title-hover);
+}
+.willa-prose-web-embed-description {
+  margin: 0.46rem 0 0;
+  color: var(--willa-text-soft);
+  font-size: 0.9rem;
+  font-weight: 500;
+  line-height: 1.68;
+}
+.willa-prose-web-embed-external {
+  display: inline-flex;
+  width: 2rem;
+  height: 2rem;
+  align-items: center;
+  justify-content: center;
+  border-radius: 999px;
+  color: var(--willa-text-faint);
+  text-decoration: none;
+  transition:
+    background-color 180ms ease,
+    color 180ms ease;
+}
+.willa-prose-web-embed-external:hover {
+  background: var(--willa-web-embed-hover-bg);
+  color: var(--willa-text-strong);
+}
+.willa-prose-web-embed-frame-shell {
+  --willa-web-embed-height: 420px;
+  position: relative;
+  height: var(--willa-web-embed-height);
+  border-top: 1px solid var(--willa-line);
+  background: var(--willa-web-embed-frame-bg);
+}
+.willa-prose-web-embed-frame {
+  display: block;
+  width: 100%;
+  height: 100%;
+  border: 0;
+  background: var(--willa-web-embed-iframe-bg);
+}
+@media (max-width: 767px) {
+  .willa-prose-web-embed-header {
+    gap: 0.8rem;
+    padding: 0.92rem 0.92rem 0.86rem;
+  }
+
+  .willa-prose-web-embed-frame-shell {
+    --willa-web-embed-height: 360px;
+  }
+}
+.willa-prose-x-post-embed {
+  margin: 0 0 1.35rem;
+  display: block;
+}
+.willa-prose-x-post-embed-widget [twdiv="yes"] {
+  display: flex !important;
+  justify-content: center !important;
+}
+.willa-prose-x-post-embed-loading,
+.willa-prose-x-post-embed-error {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  min-height: 220px;
+  padding: 1rem 1.2rem;
+  color: var(--willa-text-faint);
+  font-size: 0.9rem;
+  text-align: center;
+}
+.willa-prose-x-post-embed-loading {
+  position: relative;
+}
+.willa-prose-x-post-embed-loading-placeholder {
+  width: min(100%, 520px);
+}
+.willa-prose-x-post-embed-loading .willa-prose-skeleton-line {
+  height: 12px;
+  border-radius: 999px;
+}
+.willa-prose-x-post-embed-widget .twitter-tweet.twitter-tweet-rendered {
+  border-radius: 13px !important;
+  overflow: hidden !important;
+}
+@media (max-width: 767px) {
+  .willa-prose-x-post-embed-widget {
+    width: 100%;
+  }
+
+  .willa-prose-x-post-embed-widget > div {
+    width: 100% !important;
+  }
+}