.daily-challenge { display: flex; align-items: center; justify-content: space-between; gap: 13px; grid-column: 1 / -1; padding: 12px 0 2px; border-top: 1px solid #d8e3dc; }.daily-challenge div { display: grid; gap: 3px; min-width: 0; }.daily-challenge small { color: #9a7830; font: 8px 'DM Mono', monospace; letter-spacing: 1px; }.daily-challenge strong { color: #214d5a; font: 600 13px 'DM Sans', sans-serif; }.daily-challenge span { color: #71878a; font-size: 10px; }.daily-launch { flex: 0 0 auto; border: 1px solid #c89c35; padding: 8px 10px; background: #f8e6a8; color: #644d17; font: 9px 'DM Mono', monospace; letter-spacing: .25px; transition: transform .18s, background .18s; }.daily-launch:hover { background: #f3d877; transform: translateY(-2px); }.daily-launch b { margin-left: 4px; }.daily-launch.completed { border-color: #72a797; background: #e5f2eb; color: #34675d; }
@media (max-width: 600px) { .daily-challenge { align-items: flex-start; }.daily-launch { padding: 7px; font-size: 8px; } }