.hz-startup {
  min-height: 100dvh; display: grid; place-items: center;
  padding: var(--hz-space-5); background: var(--hz-canvas); color: var(--hz-label);
  font-family: var(--hz-font);
}
.hz-startup-card {
  width: min(100%, 32rem); padding: var(--hz-space-6);
  background: var(--hz-surface); border: 1px solid var(--hz-separator);
  border-radius: var(--hz-radius-dialog); box-shadow: var(--hz-shadow-card);
}
.hz-startup h1 { margin: 0 0 var(--hz-space-4); font-size: 1.5rem; }
.hz-startup p, .hz-startup small { color: var(--hz-secondary); line-height: 1.7; }
.hz-startup small { display: block; overflow-wrap: anywhere; }
.hz-startup-actions { display: flex; flex-wrap: wrap; gap: var(--hz-space-3); margin: var(--hz-space-5) 0; }
.hz-startup a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--hz-space-4);
  border: 1px solid var(--hz-border); border-radius: var(--hz-radius-control); color: var(--hz-accent); text-decoration: none; }
.hz-startup a:focus-visible { outline: 2px solid var(--hz-accent); outline-offset: 3px; }
.hz-data-unavailable { color: var(--hz-secondary); line-height: 1.7; }
.hz-data-unavailable button { margin-top: var(--hz-space-3); }
/* The welcome surface owns entry; the workspace is never its loading placeholder. */
body[data-hz-surface="workspace"] .hz-startup {
  background: radial-gradient(ellipse at top left, var(--hz-welcome-glow), var(--hz-welcome-canvas) 65%);
  color: var(--hz-welcome-label);
}
body[data-hz-surface="workspace"] .hz-startup-card { background: transparent; border: 0; box-shadow: none; text-align: center; }
body[data-hz-surface="workspace"] .hz-startup h1 { color: var(--hz-welcome-label); }
body[data-hz-surface="workspace"] .hz-startup p,
body[data-hz-surface="workspace"] .hz-startup small { color: var(--hz-welcome-muted); }
body[data-hz-surface="workspace"] .hz-startup-actions { justify-content: center; }
body #hzWelcome { opacity: 1; animation: none; background: radial-gradient(ellipse at top left, var(--hz-welcome-glow), var(--hz-welcome-canvas) 65%); overflow-x: hidden; overflow-y: auto; padding: var(--hz-space-6) 0; }
body #hzWelcome.leaving { animation: wcFadeOut .4s ease both; }
body #hzWelcome .wc-panel { margin: auto; flex-shrink: 0; }
body #hzWelcome .wc-hello, body #hzWelcome .wc-char { color: var(--hz-welcome-label); }
body #hzWelcome :is(.wc-sub,.wc-date,.wc-todo .t,.wc-todo .tt) { color: var(--hz-welcome-muted); }
body #hzWelcome .wc-card { background: var(--hz-surface); color: var(--hz-label); border-color: var(--hz-border); }
body #hzWelcome .wc-card :is(.l,.go) { color: var(--hz-secondary); }
body #hzWelcome button:disabled { cursor: wait; opacity: .6; }
@media (max-width: 600px) { body #hzWelcome .wc-panel { width: 100%; max-width: 100%; padding: 0 var(--hz-space-4); } body #hzWelcome .wc-hello { font-size: 1.5rem; } }