:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-ink:#1f2933;--color-muted:#5f6f6b;--color-paper:#fbfaf6;--color-surface:#fff;--color-elevated:var(--color-elevated);--color-control:var(--color-control);--color-translucent:var(--color-translucent);--color-sage:#dfece2;--color-sage-strong:#5f8f7a;--color-teal:#2f7f89;--color-coral:#d9795f;--color-lavender:#e7e0f4;--color-sky:#dcecf4;--color-border:#dce3dc;--color-panel-border:var(--color-panel-border);--color-selected-surface:var(--color-selected-surface);--color-stat-surface:var(--color-stat-surface);--color-focus:var(--color-focus);--color-success-bg:var(--color-success-bg);--color-success-border:var(--color-success-border);--color-error-bg:var(--color-error-bg);--color-error-border:var(--color-error-border);--color-error-text:var(--color-error-text);--color-nav-bg:var(--color-nav-bg);--color-progress-track:var(--color-progress-track);--color-completion-bg:#ffffffe6;--routine-player-banner-space:0px;--page-gradient-sage:#dfece2b8;--page-gradient-sky:#dcecf4c7;--hero-overlay:linear-gradient(160deg, #fff3, #ffffffdb);--panel-overlay:linear-gradient(160deg, var(--color-control), #fffffff2);--shadow-soft:0 18px 45px #2f4f4f1a;--shadow-nav:var(--shadow-nav);--radius-card:8px;--radius-pill:999px;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-ink:#edf3ee;--color-muted:#a8b8b1;--color-paper:#151c1d;--color-surface:#20292a;--color-elevated:#20292ae0;--color-control:#232f30d1;--color-translucent:#20292ad1;--color-sage:#2e4a3d;--color-sage-strong:#8ab79e;--color-teal:#79c8c6;--color-coral:#e08c72;--color-lavender:#413852;--color-sky:#213b45;--color-border:#384648;--color-panel-border:#435456eb;--color-selected-surface:#243936;--color-stat-surface:#253634;--color-focus:#79c8c66b;--color-success-bg:#79c8c61f;--color-success-border:#79c8c652;--color-error-bg:#e0786a1f;--color-error-border:#e0786a52;--color-error-text:#ffc2b8;--color-nav-bg:#20292af0;--color-progress-track:#edf3ee29;--color-completion-bg:#20292aeb;--page-gradient-sage:#2e4a3d80;--page-gradient-sky:#213b45b8;--hero-overlay:linear-gradient(160deg, #151c1d1a, #20292adb);--panel-overlay:linear-gradient(160deg, #20292ab8, #182021f2);--shadow-soft:0 18px 45px #00000047;--shadow-nav:0 14px 36px #00000057}*{box-sizing:border-box}body{background:linear-gradient(145deg, var(--page-gradient-sage), transparent 36rem), linear-gradient(15deg, var(--page-gradient-sky), transparent 34rem), var(--color-paper);min-width:320px;min-height:100vh;color:var(--color-ink);margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}a{color:inherit}h1,h2,h3,p{margin:0}h1{max-width:13ch;font-size:clamp(2.35rem,12vw,4.85rem);line-height:.98}h2{font-size:clamp(1.35rem,4vw,2rem);line-height:1.15}h3{font-size:1.05rem;line-height:1.25}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{min-height:100vh;padding-bottom:calc(5.75rem + env(safe-area-inset-bottom,0px))}.app-shell--player{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.app-header{width:min(1120px,100%);padding:calc(1rem + env(safe-area-inset-top,0px)) 1rem 0;align-items:center;gap:.8rem;margin:0 auto;display:flex}.brand-mark{background:var(--color-ink);width:2.75rem;height:2.75rem;color:var(--color-paper);border-radius:50%;flex:none;place-items:center;font-weight:800;text-decoration:none;display:grid}.eyebrow{color:var(--color-teal);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:800}.header-subtitle{color:var(--color-muted);font-size:.92rem}.app-main{width:min(1120px,100%);margin:0 auto;padding:1rem}.page-stack{gap:1rem;display:grid}.account-page{max-width:48rem;padding-bottom:1rem}.hero-panel,.section-block,.stat-card,.settings-form{border:1px solid var(--color-panel-border);border-radius:var(--radius-card);background:var(--color-elevated);box-shadow:var(--shadow-soft)}.hero-panel{background:var(--hero-overlay), linear-gradient(45deg, #d9795f2e, transparent 42%), linear-gradient(135deg, var(--color-sage), var(--color-sky));align-content:end;gap:1.25rem;min-height:32rem;padding:1.35rem;display:grid}.hero-panel>p:not(.eyebrow),.page-intro>p,.section-heading+p{max-width:42rem;color:var(--color-muted)}.duration-selector{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;width:min(100%,26rem);min-width:0;margin:0;padding:0;display:grid}.duration-selector__button{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-control);min-height:4.4rem;color:var(--color-ink);cursor:pointer;place-items:center;gap:.1rem;display:grid;position:relative}.duration-selector__button input{opacity:0;pointer-events:none;position:absolute}.duration-selector__button:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}.duration-selector__button strong{font-size:1.25rem}.duration-selector__button span{color:var(--color-muted);font-size:.82rem}.duration-selector__button.is-selected{background:var(--color-ink);color:var(--color-paper);border-color:#0000}.duration-selector__button.is-selected span{color:currentColor;opacity:.78}.primary-action{border-radius:var(--radius-pill);background:var(--color-coral);color:#fffaf7;justify-content:center;align-items:center;gap:.45rem;width:fit-content;min-height:3rem;padding:.75rem 1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.58}.secondary-action,.text-link,.text-button,.icon-text-button{color:var(--color-teal);background:0 0;border:0;align-items:center;gap:.45rem;font-weight:800;text-decoration:none;display:inline-flex}.secondary-action{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);min-height:3rem;color:var(--color-ink);padding:.75rem 1.1rem}.text-button{width:fit-content;padding:0}.section-block{gap:1rem;padding:1rem;display:grid}.page-intro{padding:1.35rem}.legal-page{max-width:48rem;padding-bottom:1rem}.legal-actions{flex-wrap:wrap;gap:.75rem;display:flex}.legal-list{color:var(--color-muted);gap:.55rem;margin:0;padding-left:1.25rem;display:grid}.legal-list li{max-width:42rem}.legal-note{border-left:4px solid var(--color-sage-strong);border-radius:var(--radius-card);background:var(--color-translucent);color:var(--color-muted);padding:1rem}.privacy-section{border-top:1px solid var(--color-border);gap:.85rem;padding-top:1rem;display:grid}.section-heading{gap:.25rem;display:grid}.moment-grid,.category-grid,.stat-grid,.routine-list{gap:.8rem;display:grid}.moment-card,.routine-card,.category-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.moment-card{gap:.35rem;padding:1rem;display:grid}.moment-card span,.routine-card__meta,.category-card span,.stat-card span{color:var(--color-teal);text-transform:uppercase;font-size:.78rem;font-weight:800}.moment-card p,.routine-card p,.category-card p,.empty-state{color:var(--color-muted)}.routine-list{grid-template-columns:1fr}.routine-list--grid{align-items:stretch}.routine-card{gap:1rem;padding:1rem;display:grid;position:relative}.routine-card:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.routine-card__link{text-decoration:none}.routine-card__link:after{content:"";position:absolute;inset:0}.routine-card>div:first-child{gap:.35rem;display:grid}.routine-card__stats{gap:.75rem;margin:0;display:flex}.routine-card__stats div{border-radius:var(--radius-card);background:var(--color-stat-surface);grid-template-columns:auto auto;align-items:center;column-gap:.3rem;min-width:7rem;padding:.55rem .65rem;display:grid}.routine-card__stats dt{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.routine-card__stats dd{color:var(--color-ink);margin:0;font-weight:800}.category-grid{grid-template-columns:1fr}.explore-panel{transition:opacity .36s,transform .36s}@starting-style{.explore-panel{opacity:0;transform:translateY(.45rem)}}.explore-guidance{max-width:38rem;color:var(--color-muted)}.selected-category-summary{grid-template-columns:auto minmax(0,1fr);align-items:center}.selected-category-summary__marker{background:var(--color-lavender);width:3rem;height:3rem;color:var(--color-ink);border-radius:50%;place-items:center;font-weight:900;display:grid}.selected-category-summary>div:not(.selected-category-summary__marker){gap:.25rem;min-width:0;display:grid}.selected-category-summary p:not(.eyebrow){color:var(--color-muted)}.selected-category-summary__meta{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.selected-category-summary__meta span{color:var(--color-teal);text-transform:uppercase;font-size:.78rem;font-weight:800}.routine-library{gap:1.15rem}.category-card{grid-template-rows:auto 1fr auto;align-items:stretch;gap:.85rem;padding:1rem;display:grid;position:relative}.category-card.is-selected{border-color:var(--color-teal);background:var(--color-selected-surface)}.category-card__marker{background:var(--color-lavender);width:2.55rem;height:2.55rem;color:var(--color-ink);border-radius:50%;place-items:center;font-weight:900;display:grid}.category-card__header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;display:grid}.category-card__title{gap:.25rem;min-width:0;display:grid}.category-card p{max-width:34rem}.category-card__footer{justify-content:space-between;align-self:end;align-items:center;gap:.75rem;min-width:0;padding-top:.15rem;display:flex}.category-card__status{border-radius:var(--radius-pill);background:#2f7f891a;align-items:center;min-height:2rem;padding:.25rem .65rem;display:inline-flex}.category-card__action{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);min-height:2.4rem;color:var(--color-ink);flex:none;padding:.35rem .75rem;font-weight:800}.category-card.is-selected .category-card__action{background:var(--color-ink);color:var(--color-paper);border-color:#0000}.wellness-disclaimer{border-left:4px solid var(--color-coral);border-radius:var(--radius-card);background:var(--color-translucent);color:var(--color-muted);padding:1rem}.stat-grid{grid-template-columns:1fr}.stat-card{gap:.35rem;padding:1rem;display:grid}.stat-card strong{font-size:1.7rem}.activity-placeholder{grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem;display:grid}.activity-placeholder div{justify-items:center;gap:.45rem;display:grid}.activity-placeholder span{border-radius:var(--radius-card);background:linear-gradient(180deg, var(--color-sage), #dfece259);width:100%;min-height:5.2rem;display:block}.activity-placeholder p{color:var(--color-muted);font-size:.78rem}.settings-form{gap:1.1rem;padding:1rem;display:grid}.account-form{align-self:start}.cloud-status{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);grid-template-columns:auto 1fr;align-items:center;gap:.85rem;padding:.9rem;display:grid}.cloud-status__icon{background:var(--color-sky);width:2.55rem;height:2.55rem;color:var(--color-teal);border-radius:50%;place-items:center;display:grid}.cloud-status h2{font-size:1rem}.cloud-status p{color:var(--color-ink);font-weight:900}.cloud-status small{color:var(--color-muted)}.account-status{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);align-items:center;gap:.9rem;min-width:0;padding:.9rem;display:grid}.account-status>div{gap:.2rem;min-width:0;display:grid}.account-status h2{font-size:1rem}.account-status p{font-weight:900}.account-status small{color:var(--color-muted)}.account-text{overflow-wrap:anywhere;word-break:normal;min-width:0;max-width:100%;display:block}.account-text--email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-form fieldset{border:0;gap:.75rem;min-width:0;margin:0;padding:0;display:grid}.settings-form fieldset:disabled{opacity:.72}.settings-form legend{margin-bottom:.2rem;font-weight:800}.form-field{gap:.4rem;font-weight:800;display:grid}.form-field input{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);width:100%;min-width:0;min-height:3rem;color:var(--color-ink);font:inherit;padding:.75rem .85rem}.form-field input:focus-visible{outline:3px solid var(--color-success-border);outline-offset:2px}.form-field input:disabled,.settings-toggle input:disabled{cursor:not-allowed;opacity:.7}.auth-form{max-width:34rem}.auth-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.auth-mode-switch button{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-height:3rem;color:var(--color-ink);cursor:pointer;font:inherit;font-weight:800}.auth-mode-switch button.is-active{background:var(--color-ink);color:var(--color-paper);border-color:#0000}.form-message{border-radius:var(--radius-card);padding:.8rem;font-weight:700}.form-message--error{border:1px solid var(--color-error-border);background:var(--color-error-bg);color:var(--color-error-text)}.form-message--success{border:1px solid var(--color-success-border);background:var(--color-success-bg);color:var(--color-teal)}.form-actions{align-items:start;gap:.45rem;display:grid}.form-actions small{color:var(--color-muted)}.segmented-control,.checkbox-grid{gap:.55rem;display:grid}.segmented-control{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented-control label,.checkbox-grid label,.settings-toggle{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.segmented-control label,.checkbox-grid label{justify-content:center;align-items:center;gap:.45rem;min-height:3rem;padding:.7rem;font-weight:800;display:flex}.checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-toggle{justify-content:space-between;align-items:center;gap:1rem;padding:.9rem;display:flex}.settings-toggle label{gap:.15rem;display:grid}.settings-toggle span{font-weight:800}.settings-toggle small{color:var(--color-muted)}.settings-toggle input{flex:none;width:1.35rem;height:1.35rem}.detail-stats{grid-template-columns:1fr;gap:.6rem;width:min(100%,38rem);margin:0;display:grid}.detail-stats div{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-translucent);gap:.2rem;min-width:0;padding:.75rem;display:grid}.detail-stats dt{color:var(--color-muted);text-transform:uppercase;font-size:.76rem;font-weight:800}.detail-stats dd{min-width:0;margin:0;font-weight:900}.step-preview-list,.completion-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.step-preview-list li,.completion-list li{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);gap:.75rem;padding:1rem;display:grid}.step-preview-list li{grid-template-columns:auto 1fr}.step-preview-list li>span{background:var(--color-sage);border-radius:50%;place-items:center;width:2rem;height:2rem;font-weight:900;display:grid}.step-preview-list div,.completion-list div{gap:.2rem;display:grid}.step-preview-list small,.completion-list span,.completion-list time{color:var(--color-muted)}.completion-list li{grid-template-columns:1fr auto;align-items:center}.completion-panel{background:linear-gradient(135deg, var(--page-gradient-sage), var(--color-completion-bg)), var(--color-surface);align-content:center;min-height:28rem}.action-row{flex-wrap:wrap;gap:.75rem;display:flex}.player-page{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px) + var(--routine-player-banner-space));gap:1rem;display:grid}.player-topbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.player-topbar p{color:var(--color-muted);text-align:right;font-weight:800}.player-panel{border:1px solid var(--color-panel-border);border-radius:var(--radius-card);background:var(--panel-overlay), linear-gradient(40deg, #d9795f24, transparent 38%), var(--color-sky);min-height:calc(100vh - 11rem);box-shadow:var(--shadow-soft);align-content:center;gap:1.1rem;padding:1.25rem;display:grid}.player-panel h1{max-width:12ch}.player-step-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.player-step-header span{border-radius:var(--radius-pill);background:var(--color-control);color:var(--color-muted);flex:none;padding:.35rem .7rem;font-size:.82rem;font-weight:900}.player-panel>p:not(.eyebrow){max-width:42rem;color:var(--color-muted)}.visual-cue-panel{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-translucent);grid-template-columns:auto 1fr;align-items:center;gap:.9rem;padding:.9rem;display:grid}.visual-cue-panel div:last-child{gap:.22rem;display:grid}.visual-cue-panel strong{line-height:1.25}.visual-cue-panel p:not(.eyebrow){color:var(--color-muted);font-size:.92rem}.visual-cue{background:var(--color-sage);width:5.2rem;height:5.2rem;color:var(--color-ink);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.visual-cue span{border-radius:var(--radius-pill);background:var(--color-coral);width:1.25rem;height:.35rem;position:absolute;bottom:1rem;right:1.15rem}.visual-cue--eyes span,.visual-cue--neck span,.visual-cue--twist span{width:2.1rem}.visual-cue--breathing span{border:2px solid var(--color-coral);background:0 0;width:1.6rem;height:1.6rem}.visual-cue--posture span{width:.35rem;height:3.3rem;top:.8rem;bottom:auto}.player-points{color:var(--color-ink);gap:.45rem;margin:0;padding-left:1.25rem;display:grid}.player-points li::marker{color:var(--color-teal);font-weight:900}.player-tip{border-left:4px solid var(--color-teal);border-radius:var(--radius-card);background:var(--color-control);color:var(--color-muted);padding:.85rem}.target-chip{border-radius:var(--radius-pill);background:var(--color-lavender);width:fit-content;color:var(--color-ink);padding:.35rem .7rem;font-size:.82rem;font-weight:800}.timer-display{font-size:clamp(4rem,22vw,7rem);font-weight:900;line-height:1}.timer-block{gap:.15rem;display:grid}.timer-block>span{color:var(--color-muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.player-progress{border-radius:var(--radius-pill);background:var(--color-progress-track);height:.7rem;overflow:hidden}.player-progress span{border-radius:inherit;background:var(--color-teal);height:100%;transition:width .18s;display:block}.player-controls{grid-template-columns:1fr;gap:.6rem;display:grid}.player-controls button{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-height:3.2rem;color:var(--color-ink);justify-content:center;align-items:center;gap:.45rem;font-weight:900;display:inline-flex}.player-controls .primary-control{background:var(--color-ink);color:var(--color-paper);border-color:#0000}.player-detail-link{justify-self:center}.save-warning,.save-note,.progress-source-note{border-left:4px solid var(--color-coral);border-radius:var(--radius-card);background:var(--color-translucent);color:var(--color-muted);padding:.9rem}.save-note,.progress-source-note{border-left-color:var(--color-teal)}.bottom-nav{right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom,0px));z-index:10;border:1px solid var(--color-panel-border);background:var(--color-nav-bg);max-width:38rem;box-shadow:var(--shadow-nav);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1.35rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin:0 auto;padding:.45rem;display:grid;position:fixed;left:.75rem}.bottom-nav__link{min-height:3.45rem;color:var(--color-muted);border-radius:1rem;place-items:center;gap:.15rem;font-size:.72rem;font-weight:800;text-decoration:none;display:grid}.bottom-nav__link.is-active{background:var(--color-ink);color:var(--color-paper)}@media (width>=680px){.app-shell{padding-bottom:calc(6.25rem + env(safe-area-inset-bottom,0px))}.app-header{padding-top:calc(1.5rem + env(safe-area-inset-top,0px))}.app-main{padding:1.5rem}.page-stack{gap:1.25rem}.hero-panel{min-height:34rem;padding:2rem}.section-block,.settings-form{padding:1.25rem}.moment-grid,.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid,.routine-list--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-category-summary{grid-template-columns:auto minmax(0,1fr) auto}.selected-category-summary__meta{grid-column:auto;justify-content:end}.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.routine-card{align-content:space-between}.player-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=420px){.player-step-header,.visual-cue-panel{grid-template-columns:1fr}.player-step-header{display:grid}.visual-cue{width:4.6rem;height:4.6rem}}@media (width>=980px){.hero-panel{min-height:36rem}.category-grid,.routine-list--grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.explore-panel{transition:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}