/* Small additions reuse the app's established surfaces and controls. */
.dailyCompletion{margin-top:24px;padding-top:18px;border-top:1px solid var(--border);text-align:center}.dailyCompletion>p{display:flex;gap:8px;align-items:center;justify-content:center}.dailyCompletion .uiIcon{width:20px;height:20px;color:var(--green);flex:none}.dailyCompletion>small{display:block;font-size:12px;line-height:1.7;color:var(--sub)}.dailyCompletion>button{width:100%;margin-top:16px;min-height:48px;border-radius:14px;white-space:normal}
.dailyReminderSettings{margin:22px 0;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.dailyReminderSettings h3{margin:0 0 10px}.dailyReminderSettings p{font-size:12px;color:var(--sub);line-height:1.7}.dailyReminderSettings label{display:block;font-size:13px;margin:16px 0 8px}.dailyReminderSettings input{width:100%;min-height:48px;border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--surface2);color:var(--text);font-size:16px}.dailyReminderSettings button{width:100%;min-height:48px;margin-top:12px;border-radius:12px;white-space:normal}.phraseMore{display:grid;gap:10px;padding:16px 0}.phraseMore small{text-align:center;color:var(--sub)}.phraseMore button{min-height:48px}
@media(prefers-reduced-motion:no-preference){body:has(#modal[open]) .appWorld *,body:not(.pathHome) .appWorld *{animation-play-state:paused!important}}
@media(prefers-reduced-motion:reduce){.appWorld *{animation:none!important}}

html[data-app-visibility="hidden"] .appWorld *{animation-play-state:paused!important}