.hbq-reflection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.hbq-reflection-card{position:relative;min-height:210px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:24px 26px}
.hbq-reflection-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-55px;bottom:-65px;pointer-events:none;opacity:.14}
.hbq-reflection-card.journal{background:linear-gradient(135deg,rgba(146,57,104,.16),rgba(255,255,255,.04))}
.hbq-reflection-card.journal:after{background:#c54f89}
.hbq-reflection-card.sleep{background:linear-gradient(135deg,rgba(72,79,160,.18),rgba(255,255,255,.04))}
.hbq-reflection-card.sleep:after{background:#7e87f5}
.hbq-reflection-icon{font-size:1.65rem;margin-bottom:8px}
.hbq-reflection-card h3{font-size:1.35rem;margin:5px 0 8px;color:inherit}
.hbq-reflection-card p{max-width:610px;margin:0 0 12px;line-height:1.55;color:var(--muted)}
.hbq-reflection-card .text-btn{margin-top:auto;padding-left:0}
.hbq-reflection-card.is-complete{box-shadow:inset 4px 0 0 #58b780}
.hbq-reflection-card.needs-rest{box-shadow:inset 4px 0 0 #d59a4d}
@media(max-width:800px){.hbq-reflection-grid{grid-template-columns:1fr;gap:10px}.hbq-reflection-card{min-height:185px;padding:20px}}