/*! Seeds of Spring */
.dwx-app .dwx-sp { min-height: 520px; background: linear-gradient(180deg, rgba(60,80,120,.45), rgba(1,15,42,0) 70%); }
.dwx-app .dwx-sp .dwx-narr { min-height: 500px; }
.dwx-app .dwx-sp .dwx-place { color: #E8DDF2; }
.dwx-app .dwx-sp-seeds { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; margin-top: 20px; }
.dwx-app .dwx-sp-seed { display: flex; flex-direction: column; gap: 6px; padding: 16px; border-radius: 14px; border: 1px solid var(--dwx-line); background: var(--dwx-surface); color: var(--dwx-muted); font: inherit; font-size: 14.5px; line-height: 1.45; text-align: left; cursor: pointer; transition: border-color .15s, transform .15s; }
.dwx-app .dwx-sp-seed:hover, .dwx-app .dwx-sp-seed:focus-visible { border-color: var(--seed); transform: translateY(-2px); }
.dwx-app .dwx-sp-seed strong { font-family: var(--dwx-serif); font-size: 1.5rem; font-weight: 600; color: var(--dwx-cream); }
.dwx-app .dwx-sp-dot { width: 14px; height: 14px; border-radius: 50%; background: var(--seed); box-shadow: 0 0 14px var(--seed); }
/* The keepsake layout is shared with The Longest Night. */
.dwx-app .dwx-ln-keep { display: grid; grid-template-columns: minmax(180px, 280px) 1fr; gap: 24px; align-items: center; margin: 22px 0 6px; }
.dwx-app .dwx-ln-keep canvas { width: 100%; height: auto; border-radius: 12px; box-shadow: 0 18px 40px -20px rgba(0,0,0,.8); }
.dwx-app .dwx-ln-quote { font-family: var(--dwx-serif); font-style: italic; font-size: 1.6rem; line-height: 1.35; color: var(--dwx-cream); }
@media (max-width: 600px) { .dwx-app .dwx-ln-keep { grid-template-columns: 1fr; } .dwx-app .dwx-ln-keep canvas { max-width: 260px; margin: 0 auto; } }