/* =============================================================================
   MUSE · Home dashboard (welcome view)
   The home view uses the base 2-column app grid (sidebar | main) — no extra
   rail. Just the centered welcome: hero mark, greeting, and three actions.
   ========================================================================== */

/* ── welcome ─────────────────────────────────────────────────────────────── */
.home { max-width: 680px; margin: max(4vh, 26px) auto 0; text-align: center; padding: 0 8px; }

.home-hero { position: relative; width: 132px; height: 132px; margin: 0 auto 26px; display: grid; place-items: center; }
/* no glow — the bolt stands on its own (aura + halo removed) */
.home-hero__aura, .home-hero__glow { display: none; }
/* Floats gently for ~3s (2 cycles) then settles static at center (forwards). */
.home-hero__mark { position: relative; width: 60px; height: 84px; display: grid; place-items: center;
  color: #E74141; animation: home-float 1.5s ease-in-out 2 forwards; }
.home-hero__svg { width: 100%; height: auto; }
@keyframes home-spin { to { transform: rotate(360deg); } }
@keyframes home-float {
  0%   { transform: translateY(0); }
  25%  { transform: translateY(-5px); }
  50%  { transform: translateY(0); }
  75%  { transform: translateY(5px); }
  100% { transform: translateY(0); }
}
@keyframes home-breathe { 0%,100% { transform: scale(0.94); opacity: 0.55; } 50% { transform: scale(1.08); opacity: 0.9; } }

.home-welcome { font: 600 var(--h1)/1.05 var(--font-display); letter-spacing: -0.02em; margin-bottom: 10px; }
.home-sub { font-size: 14.5px; line-height: 1.55; color: var(--ink-mid); max-width: 460px; margin: 0 auto; }

.home-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 32px; }
.home-card {
  display: flex; flex-direction: column; align-items: flex-start; gap: 4px; text-align: left;
  padding: 18px 16px; border-radius: var(--r-lg); background: var(--surface);
  box-shadow: var(--sh-sm), inset 0 0 0 1px var(--line-soft);
  transition: transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
.home-card:hover { transform: translateY(-3px); box-shadow: var(--sh-md), inset 0 0 0 1px var(--line); }
/* Monochrome line icons — neutral recessed tile, no color fills/gradients. */
.home-card__ico { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center;
  margin-bottom: 8px; background: var(--sunken); color: var(--ink);
  box-shadow: inset 0 0 0 1px var(--line-soft); }
.home-card__ico .icon { width: 20px; height: 20px; }
.home-card__title { font: 600 14.5px/1.2 var(--font-ui); color: var(--ink); }
.home-card__desc { font: 400 12px/1.4 var(--font-ui); color: var(--ink-low); }

/* ── responsive: single-column cards ────────────────────────────────────── */
@media (max-width: 640px) {
  .home-cards { grid-template-columns: 1fr; }
}