/* STILL HERE app: bright, minimal theme to match the website. Loaded last. */
:root{
  --ink:#141414;--muted:#5d5b57;--paper:#fff;--card:#fff;--line:#e9e7e3;--surface:#f6f5f2;
  --rust:#a8481f;--rust-dark:#141414;--ochre:#b5741c;--sea:#5f7a66;--red:#c62828;
  --radius:18px;--serif:"Inter",system-ui,sans-serif
}
html,body{background:#fff!important}
body{color:var(--ink);font-family:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,.page-heading h1,.welcome h1,.mf-card b,.mf-text,.more-head b,.breath-status,.about-quote blockquote,.quick-journeys button,.quiet-line{font-family:inherit!important;font-style:normal!important;letter-spacing:-.025em;color:var(--ink)}
h1,h2,h3{font-weight:600!important}
.page-heading h1{font-size:clamp(34px,6vw,54px);line-height:1.05;letter-spacing:-.04em}
.tiny-label,.eyebrow,.mf-meta,.mf-cue{font-family:inherit;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ochre)!important}
.page-heading p,.progress-text,.feature p,.footer-note,.mf-sub,.support-option span,.journey-strip span,.quick-journeys button span{color:var(--muted)!important}

/* Header and navigation */
.brand-name{font-weight:700;letter-spacing:.12em}
.brand-tag{color:var(--muted)}
.top-help,.top-site{background:transparent!important;border:1px solid #d9d7d2!important;color:var(--ink)!important;font-weight:600}
.top-help[href="#connect"]{color:var(--red)!important;border-color:#c6282844!important}
.bottom-nav{background:rgba(255,255,255,.94)!important;border:0!important;border-top:1px solid var(--line)!important;box-shadow:none!important}
@media(min-width:781px){.bottom-nav{border:1px solid var(--line)!important}}
.nav-button{color:var(--muted)!important;font-weight:600!important}
.nav-button.active{background:var(--surface)!important;color:var(--ink)!important}
.offline-notice{background:var(--surface);color:var(--ink)}

/* Surfaces: white cards with a hairline border, no tints or shadows */
.panel,.sound-card,.affirmation,.ripple-card,.breath-card,.small-step,.intention-card,.kind-card,.walk-card,.ripple-kind,.about-quote,.support-option,.mf-weekbox,.mf-card,.more-grid>*,.mood{background:#fff!important;border:1px solid var(--line)!important;box-shadow:none!important;color:var(--ink)}
.scan-stage,.checkin-response,.message-box,.install-steps,.gratitude-list li,.disclaimer,.intention-yarn{background:var(--surface)!important;border:0!important;color:var(--ink)!important}
.scan-stage.active{background:#eef2ee!important}
.disclaimer{color:var(--muted)!important}.disclaimer strong{color:var(--ink)!important}
.gratitude-list li.glow{background:#f6ead6!important}

/* Feature panels: calm surface instead of dark colour blocks */
.welcome,.peer-hero,.intention-hero,.support-callout{background:var(--surface)!important;color:var(--ink)!important;border:0!important}
.welcome:after,.country-art{display:none!important}
.welcome h1{font-size:clamp(36px,6.5vw,60px);line-height:1.02;letter-spacing:-.045em;color:var(--ink)!important}
.welcome p,.support-callout p,.peer-hero p,.intention-hero p{color:var(--muted)!important}
.welcome .eyebrow{color:var(--ochre)!important}
.quiet-line{font-size:13px!important;color:var(--muted)!important}
.support-callout h2,.support-callout h3,.peer-hero h2,.intention-hero h2{color:var(--ink)!important}
.support-callout .tiny-label{color:var(--red)!important}
.intention-yarn{background:#fff!important;border:1px solid var(--line)!important}
.quick-journeys button{background:#fff!important;border:1px solid var(--line)!important;color:var(--ink)!important;font-size:19px!important;font-weight:600}
.quick-journeys button:hover{border-color:#cfcdc8!important}

/* Buttons */
.pill-link,.primary-btn,.mf-play{background:var(--ink)!important;color:#fff!important;box-shadow:none!important;font-weight:600!important}
.pill-link:hover,.primary-btn:hover,.mf-play:hover{background:#333!important}
.support-callout .pill-link{background:var(--red)!important}
.secondary-btn,.text-btn,.mf-chip,.small-action.reset-btn{background:#fff!important;border:1px solid #d9d7d2!important;color:var(--ink)!important;font-weight:600!important}
.secondary-btn:hover,.text-btn:hover,.mf-chip:hover{border-color:var(--ink)!important}
.text-btn[aria-pressed=true],#kindness-done[aria-pressed=true],.sound-options .text-btn[aria-pressed=true],.mf-chip[aria-pressed=true]{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.small-action,.feature button{color:var(--ink)!important}
.development-badge,.development-badge.open{background:#e8f3ec!important;color:#2e7d4f!important}

/* Details */
.mood:hover,.mood.selected{border-color:var(--ink)!important;background:var(--surface)!important;color:var(--ink)!important}
.step-icon,.feature-icon,.ground-step b,.more-grid span{background:var(--surface)!important;color:var(--ink)!important}
.ground-step{color:var(--muted)!important;border-color:var(--line)!important}
.ground-step.done{background:#eef2ee!important;color:var(--ink)!important}
.breath-status{color:var(--ink)!important}.breath-count{color:var(--muted)!important}
.breath-orb{box-shadow:none!important}
.support-option strong{color:var(--ink)!important}.support-option .number{color:var(--ink)!important}
.support-option:hover,.mf-card:hover{border-color:#cfcdc8!important;transform:none}
.about-quote blockquote{color:var(--ink)!important}
.quote-mark{color:var(--ochre)}
.scan-dots i.on{background:var(--ink)!important}

/* Mindful page */
.mf-today{background:var(--surface)!important;color:var(--ink)!important;border:0!important}
.mf-today:before,.mf-today-art{display:none}
.mf-today{grid-template-columns:1fr!important}
.mf-today h2,.mf-today p,.mf-today-sub{color:var(--ink)!important}
.mf-today p{color:var(--muted)!important}
.mf-today .primary-btn{background:var(--ink)!important;color:#fff!important}
.mf-card{border-radius:18px!important}
.mf-art{height:8px!important;margin:0 0 16px!important;background:var(--art)!important}
.mf-art i{display:none}
.mf-go{color:var(--ink)!important;font-weight:600!important}
.mf-week i{border:1.5px solid #d9d7d2!important}
.mf-week li.done i{background:var(--ink)!important;box-shadow:none!important;border-color:var(--ink)!important}
.mf-week li.today i{outline-color:var(--ochre)!important}
.mf-week li{color:var(--muted)}

/* Guided player: white and quiet */
.mf-player{background:#fff!important;color:var(--ink)!important}
.mf-stage h2{color:var(--ink)!important}
.mf-player-sub,.mf-time,.mf-note{color:var(--muted)!important;opacity:1!important}
.mf-text{color:var(--ink)}
.mf-ghost,.mf-round,.mf-feel button{background:#fff!important;border:1px solid #d9d7d2!important;color:var(--ink)!important}
.mf-ghost:hover,.mf-round:hover{border-color:var(--ink)!important}
.mf-feel button[aria-pressed=true]{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.mf-progress i{background:#e9e7e3!important}.mf-progress i:after{background:var(--ink)!important}
.mf-orb{background:radial-gradient(circle at 35% 32%,#f7dfb0,#d79a45 60%,#b5741c)!important;box-shadow:0 0 0 18px #b5741c12,0 0 0 40px #b5741c0a!important}
.mf-orb[data-mode=hold]{box-shadow:0 0 0 24px #b5741c1c,0 0 0 52px #b5741c0e!important}
.mf-after-msg .small-action{background:var(--ink)!important;color:#fff!important}

/* Inputs */
#reflection,.gratitude-form input,.message-box textarea,.callback-form input:not([type=checkbox]),.callback-form select,.callback-form textarea{background:#fff!important;border:1px solid #d9d7d2!important;color:var(--ink)!important}
#reflection:focus,.gratitude-form input:focus,.message-box textarea:focus,.callback-form input:focus,.callback-form textarea:focus{border-color:var(--ink)!important;outline:0}
input[type=range]{accent-color:var(--ink)}

/* Sheets and dialogs */
dialog,.more-panel{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important}
.dialog-close{background:var(--surface)!important;color:var(--ink)!important}
.more-sheet{background:rgba(20,20,20,.35)!important}