/* Same MobileTracker component and theme; only surrounding navigation is omitted. */
body.habit-preview{margin:0;min-height:0;background:var(--theme-bg);overflow-x:hidden}
.habit-preview .mobile-tracker{min-height:0}
.habit-preview .mobile-header,.habit-preview .mobile-bottom-nav,.habit-preview .other-organisation-tools,.habit-preview .mobile-day-end,.habit-preview .additional-starters{display:none!important}
.habit-preview .mobile-body{padding:16px 16px 24px}
.habit-preview .mobile-heading{margin-bottom:14px}
.preview-playback{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid var(--theme-border);background:var(--theme-surface);font-size:12px;color:var(--theme-muted)}
.preview-playback button{font:inherit;font-size:13px;color:var(--theme-text);border:1px solid var(--theme-border);background:var(--theme-surface);border-radius:8px;min-height:36px;padding:6px 12px;cursor:pointer}
.habit-preview .mobile-progress-track>span{transition:width .65s ease}
.habit-preview .mobile-habit{transition:background .45s ease,border-color .45s ease}
/* Keep the embedded first look focused on checking habits and seeing progress. */
.habit-preview .small-step-action{display:none}
.habit-preview .mobile-habit{min-height:76px}
@media(prefers-reduced-motion:reduce){.habit-preview *{transition:none!important;animation:none!important}}