.mindful-minutes-app {
  --mm-bg: #0b1220;
  --mm-surface: #111827;
  --mm-surface-2: #172033;
  --mm-surface-3: #202b40;
  --mm-text: #f8fafc;
  --mm-muted: #9aa7bb;
  --mm-line: rgba(255, 255, 255, 0.1);
  --mm-gold: #f3bd5b;
  --mm-mint: #67d5b5;
  --mm-coral: #fb8c7c;
  --mm-shadow: 0 18px 50px rgba(0, 0, 0, 0.26);
  --mm-radius: 24px;
  position: relative;
  width: 100%;
  min-height: 100vh;
  margin: 0;
  color: var(--mm-text);
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 85% 10%, rgba(103, 213, 181, 0.09), transparent 30%),
    radial-gradient(circle at 15% 25%, rgba(243, 189, 91, 0.08), transparent 32%),
    var(--mm-bg);
}
body.mm-standalone-body { margin: 0; min-height: 100vh; background: #0b1220; }
.mindful-minutes-app *, .mindful-minutes-app *::before, .mindful-minutes-app *::after { box-sizing: border-box; }
.mindful-minutes-app button, .mindful-minutes-app textarea, .mindful-minutes-app input { font: inherit; }
.mindful-minutes-app button { cursor: pointer; }
.mindful-minutes-app .mm-app-shell { width: min(100%, 760px); margin: 0 auto; min-height: 100vh; padding-bottom: 96px; }
.mindful-minutes-app .mm-topbar { display:flex;align-items:center;justify-content:space-between;padding:24px 20px 14px;position:sticky;top:0;z-index:20;background:linear-gradient(to bottom,rgba(11,18,32,.98),rgba(11,18,32,.86),transparent);backdrop-filter:blur(10px); }
.mindful-minutes-app h1,.mindful-minutes-app h2,.mindful-minutes-app h3,.mindful-minutes-app p { margin-top:0; }
.mindful-minutes-app .mm-app-title { color:var(--mm-text);font-size:1.15rem;margin:0;letter-spacing:-.02em; }
.mindful-minutes-app h2 { color:var(--mm-text);font-size:clamp(1.75rem,6vw,2.5rem);line-height:1.05;letter-spacing:-.045em;margin-bottom:8px; }
.mindful-minutes-app h3 { color:var(--mm-text);font-size:1.35rem;line-height:1.25;letter-spacing:-.025em; }
.mindful-minutes-app .mm-eyebrow,.mindful-minutes-app .mm-card-kicker { color:var(--mm-gold);font-size:.72rem;font-weight:800;letter-spacing:.16em;margin-bottom:5px; }
.mindful-minutes-app .mm-muted { color:var(--mm-muted); }
.mindful-minutes-app .mm-main { padding:0 16px;outline:none; }
.mindful-minutes-app .mm-view { animation:mmFade .25s ease; }
@keyframes mmFade { from { opacity:0;transform:translateY(5px) } to { opacity:1;transform:none } }
.mindful-minutes-app .mm-loading-card { min-height:65vh;display:grid;place-items:center;align-content:center;text-align:center;padding:32px;color:var(--mm-muted); }
.mindful-minutes-app .mm-loading-card h2 { margin:18px 0 8px; }
.mindful-minutes-app .mm-loader { width:46px;height:46px;border:4px solid rgba(255,255,255,.12);border-top-color:var(--mm-gold);border-radius:50%;animation:mmSpin .85s linear infinite; }
@keyframes mmSpin { to { transform:rotate(360deg) } }
.mindful-minutes-app .mm-hero-card { min-height:160px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;border:1px solid var(--mm-line);border-radius:28px;margin:8px 0 20px;background:linear-gradient(135deg,rgba(243,189,91,.14),rgba(103,213,181,.08)),var(--mm-surface);box-shadow:var(--mm-shadow); }
.mindful-minutes-app .mm-progress-ring { flex:0 0 78px;width:78px;height:78px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--mm-mint) var(--mm-progress,0%),rgba(255,255,255,.08) 0);position:relative; }
.mindful-minutes-app .mm-progress-ring::after { content:"";position:absolute;inset:7px;border-radius:50%;background:var(--mm-surface); }
.mindful-minutes-app .mm-progress-ring span { position:relative;z-index:1;font-weight:800; }
.mindful-minutes-app .mm-stepper { display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;padding:0 10px;margin:22px 0; }
.mindful-minutes-app .mm-step-dot { border:0;background:transparent;color:var(--mm-muted);display:grid;justify-items:center;gap:6px;padding:0; }
.mindful-minutes-app .mm-step-dot span { width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--mm-line);background:var(--mm-surface);font-weight:800; }
.mindful-minutes-app .mm-step-dot small { font-weight:700; }
.mindful-minutes-app .mm-step-dot.active,.mindful-minutes-app .mm-step-dot.done { color:var(--mm-text); }
.mindful-minutes-app .mm-step-dot.active span { background:var(--mm-gold);color:#251704;border-color:var(--mm-gold); }
.mindful-minutes-app .mm-step-dot.done span { background:var(--mm-mint);color:#05251c;border-color:var(--mm-mint); }
.mindful-minutes-app .mm-step-dot:disabled { opacity:.45;cursor:not-allowed; }
.mindful-minutes-app .mm-step-line { height:1px;background:var(--mm-line);transform:translateY(-10px); }
.mindful-minutes-app .mm-daily-card,.mindful-minutes-app .mm-complete-card,.mindful-minutes-app .mm-settings-group,.mindful-minutes-app .mm-calendar-card,.mindful-minutes-app .mm-insight-card { position:relative;overflow:hidden;background:var(--mm-surface);border:1px solid var(--mm-line);border-radius:var(--mm-radius);padding:26px;box-shadow:var(--mm-shadow); }
.mindful-minutes-app .mm-daily-card { min-height:440px; }
.mindful-minutes-app .mm-card-number { position:absolute;top:14px;right:18px;color:rgba(255,255,255,.06);font-size:5rem;line-height:1;font-weight:900; }
.mindful-minutes-app blockquote { margin:26px 0;font-family:Georgia,serif;font-size:clamp(1.45rem,5vw,2.05rem);line-height:1.35;color:#fff;border:0;padding:0; }
.mindful-minutes-app .mm-micro-practice { display:grid;gap:6px;color:var(--mm-muted);background:var(--mm-surface-2);padding:18px;border-radius:16px;margin-bottom:24px; }
.mindful-minutes-app .mm-micro-practice strong { color:var(--mm-mint); }
.mindful-minutes-app .mm-primary-button,.mindful-minutes-app .mm-secondary-button,.mindful-minutes-app .mm-danger-button,.mindful-minutes-app .mm-small-button,.mindful-minutes-app .mm-icon-button,.mindful-minutes-app .mm-danger-link { border:0;border-radius:14px;min-height:48px;padding:12px 18px;font-weight:800;text-decoration:none;line-height:1.2; }
.mindful-minutes-app .mm-primary-button { width:100%;background:var(--mm-gold);color:#251704; }
.mindful-minutes-app .mm-primary-button:disabled { opacity:.35;cursor:not-allowed; }
.mindful-minutes-app .mm-secondary-button { background:var(--mm-surface-3);color:var(--mm-text);border:1px solid var(--mm-line); }
.mindful-minutes-app .mm-daily-card>.mm-secondary-button { width:100%;margin-top:10px; }
.mindful-minutes-app .mm-small-button { min-height:38px;padding:8px 14px;background:var(--mm-surface-3);color:var(--mm-text); }
.mindful-minutes-app .mm-icon-button { min-height:38px;padding:8px 12px;background:var(--mm-surface-2);color:var(--mm-text); }
.mindful-minutes-app .mm-install-button { color:var(--mm-mint); }
.mindful-minutes-app .mm-quiz-options { display:grid;gap:12px;margin:24px 0; }
.mindful-minutes-app .mm-quiz-option { display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--mm-line);border-radius:16px;background:var(--mm-surface-2);cursor:pointer; }
.mindful-minutes-app .mm-quiz-option:has(input:checked) { border-color:var(--mm-gold);box-shadow:0 0 0 1px var(--mm-gold) inset; }
.mindful-minutes-app .mm-quiz-option input { margin-top:3px;accent-color:var(--mm-gold); }
.mindful-minutes-app .mm-feedback { border-left:3px solid var(--mm-mint);padding:14px 16px;background:rgba(103,213,181,.08);border-radius:0 12px 12px 0;margin:18px 0;line-height:1.5; }
.mindful-minutes-app .mm-feedback.incorrect { border-color:var(--mm-coral);background:rgba(251,140,124,.08); }
.mindful-minutes-app .mm-privacy-note { color:var(--mm-mint);font-size:.84rem; }
.mindful-minutes-app textarea,.mindful-minutes-app input[type=search] { width:100%;color:var(--mm-text);background:var(--mm-surface-2);border:1px solid var(--mm-line);border-radius:16px;outline:none; }
.mindful-minutes-app textarea { resize:vertical;min-height:190px;padding:18px;line-height:1.55;margin:10px 0; }
.mindful-minutes-app textarea:focus,.mindful-minutes-app input:focus { border-color:var(--mm-gold);box-shadow:0 0 0 2px rgba(243,189,91,.12); }
.mindful-minutes-app .mm-reflection-meta { display:flex;justify-content:space-between;color:var(--mm-muted);font-size:.78rem;margin:0 2px 18px; }
.mindful-minutes-app .mm-complete-card { text-align:center;padding:38px 28px; }
.mindful-minutes-app .mm-complete-mark { width:76px;height:76px;display:grid;place-items:center;border-radius:50%;margin:0 auto 22px;background:var(--mm-mint);color:#05251c;font-size:2rem;font-weight:900; }
.mindful-minutes-app .mm-complete-card .mm-secondary-button { margin-top:16px; }
.mindful-minutes-app .mm-section-heading { display:flex;align-items:end;justify-content:space-between;gap:20px;margin:20px 4px 18px; }
.mindful-minutes-app .mm-search-box { display:grid;gap:7px;color:var(--mm-muted);font-size:.78rem;font-weight:700;margin-bottom:18px; }
.mindful-minutes-app .mm-search-box input { height:48px;padding:0 16px; }
.mindful-minutes-app .mm-journal-list { display:grid;gap:14px; }
.mindful-minutes-app .mm-journal-entry { text-align:left;width:100%;color:inherit;background:var(--mm-surface);border:1px solid var(--mm-line);border-radius:18px;padding:20px; }
.mindful-minutes-app .mm-journal-entry:hover { border-color:rgba(243,189,91,.5); }
.mindful-minutes-app .mm-journal-entry time { display:block;color:var(--mm-gold);font-size:.72rem;font-weight:800;letter-spacing:.08em;margin-bottom:8px; }
.mindful-minutes-app .mm-journal-entry h3 { margin-bottom:8px;font-size:1.05rem; }
.mindful-minutes-app .mm-journal-entry p { color:var(--mm-muted);margin-bottom:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; }
.mindful-minutes-app .mm-empty-state { text-align:center;padding:50px 28px;color:var(--mm-muted); }
.mindful-minutes-app .mm-empty-state h3 { color:var(--mm-text); }
.mindful-minutes-app .mm-empty-icon { font-size:2rem;color:var(--mm-gold);margin-bottom:14px; }
.mindful-minutes-app .mm-stats-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:12px; }
.mindful-minutes-app .mm-stat-card { min-height:120px;display:grid;align-content:center;background:var(--mm-surface);border:1px solid var(--mm-line);border-radius:18px;padding:20px; }
.mindful-minutes-app .mm-stat-card strong { font-size:2rem;color:var(--mm-gold); }
.mindful-minutes-app .mm-stat-card span { color:var(--mm-muted);font-size:.82rem; }
.mindful-minutes-app .mm-calendar-card,.mindful-minutes-app .mm-insight-card { margin-top:16px;box-shadow:none; }
.mindful-minutes-app .mm-calendar-header { display:flex;justify-content:space-between;gap:10px;align-items:baseline; }
.mindful-minutes-app .mm-calendar-header span { color:var(--mm-muted);font-size:.75rem; }
.mindful-minutes-app .mm-activity-grid { display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:18px; }
.mindful-minutes-app .mm-activity-day { aspect-ratio:1;display:grid;place-items:center;border-radius:9px;background:var(--mm-surface-2);color:var(--mm-muted);font-size:.72rem; }
.mindful-minutes-app .mm-activity-day.complete { background:var(--mm-mint);color:#05251c;font-weight:900; }
.mindful-minutes-app .mm-settings-group { margin-bottom:14px;box-shadow:none; }
.mindful-minutes-app .mm-settings-group p { color:var(--mm-muted);line-height:1.55; }
.mindful-minutes-app .mm-button-stack { display:grid;gap:10px; }
.mindful-minutes-app .mm-file-button { display:grid;place-items:center; }
.mindful-minutes-app .mm-danger-zone { border-color:rgba(251,140,124,.25); }
.mindful-minutes-app .mm-danger-button { color:white;background:#7f2f2f; }
.mindful-minutes-app .mm-danger-link { color:var(--mm-coral);background:transparent;margin-right:auto; }
.mindful-minutes-app .mm-disclaimer { padding:18px;border-radius:14px;background:rgba(255,255,255,.04);color:var(--mm-muted);font-size:.82rem;line-height:1.5; }
.mindful-minutes-app .mm-bottom-nav { position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:30;width:min(100%,760px);display:grid;grid-template-columns:repeat(4,1fr);padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(14,23,39,.95);border-top:1px solid var(--mm-line);backdrop-filter:blur(16px); }
.mindful-minutes-app .mm-nav-button { border:0;background:transparent;color:var(--mm-muted);display:grid;justify-items:center;gap:3px;padding:6px; }
.mindful-minutes-app .mm-nav-button span { font-size:1.1rem; }
.mindful-minutes-app .mm-nav-button small { font-size:.68rem;font-weight:750; }
.mindful-minutes-app .mm-nav-button.active { color:var(--mm-gold); }
.mindful-minutes-app .mm-toast { position:fixed;z-index:100;left:50%;bottom:98px;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#fff;color:#101827;border-radius:12px;padding:12px 16px;font-weight:800;transition:.25s ease;box-shadow:var(--mm-shadow); }
.mindful-minutes-app .mm-toast.show { opacity:1;transform:translate(-50%,0); }
.mindful-minutes-app .mm-edit-dialog { width:min(92vw,640px);padding:0;border:1px solid var(--mm-line);border-radius:22px;background:var(--mm-surface);color:var(--mm-text); }
.mindful-minutes-app .mm-edit-dialog::backdrop { background:rgba(0,0,0,.72);backdrop-filter:blur(4px); }
.mindful-minutes-app .mm-edit-dialog form { padding:24px; }
.mindful-minutes-app .mm-dialog-header { display:flex;justify-content:space-between;gap:16px; }
.mindful-minutes-app .mm-dialog-actions { display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:12px; }
.mindful-minutes-app .mm-dialog-actions .mm-primary-button { width:auto; }
@media (min-width:680px) { .mindful-minutes-app .mm-main{padding:0 24px}.mindful-minutes-app .mm-topbar{padding-inline:28px}.mindful-minutes-app .mm-daily-card{padding:36px}.mindful-minutes-app .mm-button-stack{grid-template-columns:1fr 1fr} }
@media (prefers-reduced-motion:reduce) { .mindful-minutes-app * { scroll-behavior:auto!important;animation:none!important;transition:none!important; } }

.mm-daily-image{margin:-28px -28px 24px;overflow:hidden;border-radius:24px 24px 0 0;background:#111827}.mm-daily-image img{display:block;width:100%;aspect-ratio:16/8;object-fit:cover}.mm-daily-image[hidden]{display:none!important}@media(max-width:620px){.mm-daily-image{margin:-22px -18px 20px;border-radius:18px 18px 0 0}}