/*! One-Minute Resets */
.dwx-app .dwx-om-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px; margin-top: 20px; }
.dwx-app .dwx-om-card { display: flex; flex-direction: column; gap: 4px; padding: 16px; border-radius: 14px; border: 1px solid var(--dwx-line); background: var(--dwx-surface); color: var(--dwx-muted); font: inherit; text-align: left; cursor: pointer; transition: border-color .15s, transform .15s; }
.dwx-app .dwx-om-card:hover, .dwx-app .dwx-om-card:focus-visible { border-color: var(--dwx-gold); transform: translateY(-2px); }
.dwx-app .dwx-om-card strong { font-family: var(--dwx-serif); font-size: 1.4rem; font-weight: 600; color: var(--dwx-cream); line-height: 1.2; }
.dwx-app .dwx-om-for { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--dwx-lav); }
.dwx-app .dwx-om-title { font-family: var(--dwx-serif); font-weight: 500; font-size: 1.9rem; color: var(--dwx-cream); margin: 6px 0 4px; }
.dwx-app .dwx-om-play { display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 32px 24px 24px; min-height: 420px; text-align: center; }
.dwx-app .dwx-om-visual { position: relative; width: 170px; height: 170px; display: flex; align-items: center; justify-content: center; }
.dwx-app .dwx-om-visual span { display: block; width: 70px; height: 70px; border-radius: 50%; border: 2px solid var(--dwx-gold); background: radial-gradient(circle, rgba(217,185,138,.4), rgba(217,185,138,.05)); animation: dwx-om-breathe 20s ease-in-out infinite; }
.dwx-app .is-glow .dwx-om-visual span { border: 0; width: 120px; height: 120px; background: radial-gradient(circle, rgba(255,240,210,.9), rgba(217,185,138,.35) 40%, rgba(217,185,138,0) 70%); animation-name: dwx-om-glow; }
.dwx-app .is-wave .dwx-om-visual span { width: 160px; height: 40px; border: 0; border-radius: 0; background: none; border-top: 2px solid var(--dwx-lav); border-radius: 50%; animation-name: dwx-om-wave; }
@keyframes dwx-om-breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(2.2); } }
@keyframes dwx-om-glow { 0%, 100% { opacity: .55; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.15); } }
@keyframes dwx-om-wave { 0%, 100% { transform: translateY(8px) scaleX(.9); opacity: .6; } 50% { transform: translateY(-8px) scaleX(1.05); opacity: 1; } }
.dwx-app .dwx-om-line { min-height: 4.2em; display: flex; align-items: center; justify-content: center; max-width: 30ch; font-family: var(--dwx-serif); font-style: italic; font-weight: 500; font-size: clamp(1.4rem, 3.4vw, 1.9rem); line-height: 1.4; color: var(--dwx-cream); }
.dwx-app .dwx-om-line.is-in { animation: dwx-fade 1.6s ease; }
.dwx-app .dwx-om-bar { width: 200px; height: 3px; border-radius: 2px; background: var(--dwx-line); overflow: hidden; }
.dwx-app .dwx-om-bar span { display: block; width: 0; height: 100%; background: var(--dwx-gold); }
.dwx-app .dwx-om-ctrl { justify-content: center; margin-top: 0; }
.dwx-app .dwx-om-small { padding: 22px 24px; }
.dwx-app.is-embed .dwx-stage { min-height: 0; }
.dwx-app.is-embed .dwx-om-play { min-height: 340px; padding: 24px 18px; }
.dwx-om-embed { margin: 28px 0; }
@media (prefers-reduced-motion: reduce) {
  .dwx-app .dwx-om-visual span { animation-name: dwx-om-glow !important; }
  .dwx-app .dwx-om-line.is-in { animation: none; }
}