/* R56 initial conversation canvas: static illustration, no ambient rendering. */
html #app #panel-thread.r56-home {
  background: var(--home-stage, var(--bg));
}
html #app #panel-thread.r56-home #thread-header { display: none !important; }
html #app #panel-thread.r56-home #messages {
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(ellipse at 65% 25%, color-mix(in srgb, var(--accent, #264ddd) 5%, transparent), transparent 65%), var(--home-stage, var(--bg)) !important;
  padding: clamp(20px, 4vw, 56px);
  overflow-y: auto;
}
html #app [data-vi-nochat] {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  gap: 0;
  width: min(100%, 490px);
  min-height: 0;
  margin: auto;
  padding: 20px 12px;
  text-align: center;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.home-welcome__art { width: min(260px, 70%); color: var(--home-accent, var(--accent, #264ddd)); margin-bottom: 24px; }
.home-welcome__art svg { display: block; width: 100%; height: auto; overflow: visible; }
.home-welcome__bubble { fill: var(--home-surface, var(--surface)); stroke: color-mix(in srgb, var(--accent, #264ddd) 15%, transparent); stroke-width: 1.5; }
.home-welcome__eyebrow { font-size: 11px; font-weight: 600; letter-spacing: .055em; color: var(--home-muted, var(--muted)); margin-bottom: 14px; }
html #app .home-welcome__title { margin: 0; color: var(--home-ink, var(--text)); font-size: clamp(26px, 2.5vw, 36px); font-weight: 750; line-height: 1.2; letter-spacing: -.035em; }
html #app .home-welcome__hint { margin: 16px 0 0; color: var(--home-muted, var(--muted)); font-size: 14px; line-height: 1.65; max-width: 330px; }
.home-welcome__keys { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 18px; margin-top: 32px; color: var(--home-muted, var(--muted)); font-size: 11px; }
.home-welcome__keys span { display: inline-flex; align-items: center; gap: 7px; }
.home-welcome__keys kbd { display: inline-flex; min-height: 27px; align-items: center; padding: 3px 7px; border: 1px solid var(--home-line, var(--border)); border-radius: 7px; background: var(--home-surface, var(--surface)); font-family: inherit; font-size: 10px; line-height: 1.3; font-weight: 600; }
@media (max-height: 500px) {
  html #app #panel-thread.r56-home #messages { padding: 8px 20px; }
  html #app [data-vi-nochat] { padding: 12px; }
  .home-welcome__art { width: 128px; margin-bottom: 10px; }
  .home-welcome__eyebrow { margin-bottom: 8px; font-size: 10px; }
  html #app .home-welcome__title { font-size: 24px; }
  html #app .home-welcome__hint { margin-top: 10px; font-size: 12px; }
  .home-welcome__keys { margin-top: 16px; }
}
@media (prefers-reduced-motion: no-preference) {
  html:not([data-vy-motion="off"]):not(.motion-off) #app [data-vi-nochat] { animation: home-welcome-enter 180ms ease-out 1 both; }
}
@keyframes home-welcome-enter { from { opacity: 0; } to { opacity: 1; } }