#familyPage .lifestyle-panel { padding: 20px; margin: 18px 0; border: 1px solid #b7cdbf; border-radius: 18px; background: #f5f8f3; color: #284b3e; line-height: 1.8; overflow-wrap: anywhere; }
#familyPage .lifestyle-panel[hidden] { display: none; }
#familyPage .lifestyle-choice { padding: 16px 0; border-top: 1px solid #b7cdbf; }
#familyPage .lifestyle-panel .btn { min-height: 56px; margin: 8px 8px 0 0; max-width: 100%; font-size: 18px; white-space: normal; }
#familyPage .lifestyle-loading::before { content: ''; display: inline-block; width: 24px; height: 24px; margin-right: 12px; vertical-align: middle; border: 3px solid #b7cdbf; border-top-color: #284b3e; border-radius: 50%; animation: lifestyle-spin 1s linear infinite; }
@keyframes lifestyle-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { #familyPage .lifestyle-loading::before { animation: none; } }
@media (max-width: 520px) { #familyPage .lifestyle-panel .btn { width: 100%; margin-right: 0; } }