:root{--brand-green:#2bd575;--brand-blue:#2684fc;--brand-navy:#0d1b2a;--brand-teal:#1a9e8f;--brand-teal-deep:#0e7a6e;--color-hunter-green:#355e3b;--bg-page:#f0f4f8;--bg-primary:#fff;--bg-surface:#f4f7fb;--bg-elevated:#e8edf5;--bg-nav:#0d1b2a;--bg-nav-active:#1a2940;--bg-overlay:#0d1b2a8c;--text-primary:#0d1b2a;--text-secondary:#2d3748;--text-muted:#4a5568;--text-placeholder:#718096;--text-disabled:#a0aec0;--text-on-dark:#fff;--text-on-teal:#fff;--text-on-brand:#0d1b2a;--text-link:#1a9e8f;--text-link-hover:#0e7a6e;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-danger-border:#fecaca;--color-warning:#b45309;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-success:#1a9e8f;--color-success-bg:#f0fdf9;--color-success-border:#6ee7d4;--color-info:#1d4ed8;--color-info-bg:#eff6ff;--color-info-border:#bfdbfe;--color-medication:#7c3aed;--color-medication-bg:#f5f3ff;--color-supplement:#1a9e8f;--color-supplement-bg:#f0fdf9;--color-food:#b45309;--color-food-bg:#fffbeb;--color-exercise:#a21caf;--color-exercise-bg:#fdf4ff;--color-sleep:#1d4ed8;--color-sleep-bg:#eff6ff;--border-subtle:#0d1b2a14;--border-default:#0d1b2a24;--border-strong:#0d1b2a3d;--border-focus:#1a9e8f;--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:16px;--border-radius-xl:24px;--border-radius-pill:9999px;--shadow-sm:0 1px 2px #0d1b2a0f, 0 1px 3px #0d1b2a14;--shadow-md:0 4px 6px #0d1b2a0f, 0 2px 4px #0d1b2a14;--shadow-lg:0 10px 15px #0d1b2a14, 0 4px 6px #0d1b2a0f;--shadow-card:0 1px 3px #0d1b2a14, 0 1px 2px #0d1b2a0f;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--a11y-scale:1;--text-xs:calc(14px * var(--a11y-scale));--text-sm:calc(15px * var(--a11y-scale));--text-base:calc(16px * var(--a11y-scale));--text-md:calc(17px * var(--a11y-scale));--text-lg:calc(18px * var(--a11y-scale));--text-xl:calc(20px * var(--a11y-scale));--text-2xl:calc(22px * var(--a11y-scale));--text-3xl:calc(26px * var(--a11y-scale));--text-4xl:calc(32px * var(--a11y-scale));--weight-normal:400;--weight-medium:500;--leading-tight:1.3;--leading-snug:1.45;--leading-normal:1.6;--leading-relaxed:1.75;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.02em;--tracking-wider:.04em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--a11y-touch-scale:1;--touch-min:calc(44px * var(--a11y-touch-scale));--touch-comfortable:calc(48px * var(--a11y-touch-scale));--touch-generous:calc(56px * var(--a11y-touch-scale));--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--transition-fast:.1s ease;--transition-normal:.2s ease;--transition-slow:.35s ease;--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--max-width-app:430px;--nav-height:60px;--topbar-height:56px;--safe-bottom:env(safe-area-inset-bottom,0px)}[data-theme=dark]{--bg-page:#060f1a;--bg-primary:#0d1b2a;--bg-surface:#1a2940;--bg-elevated:#243550;--bg-nav:#060f1a;--bg-nav-active:#1a2940;--bg-overlay:#000000b3;--text-primary:#fff;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--text-placeholder:#64748b;--text-disabled:#475569;--text-on-dark:#fff;--text-on-teal:#fff;--text-on-brand:#0d1b2a;--text-link:#2bd575;--text-link-hover:#4ae88a;--color-danger:#ff6b6b;--color-danger-bg:#dc26261f;--color-danger-border:#ff6b6b4d;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1f;--color-warning-border:#f59e0b4d;--color-success:#2bd575;--color-success-bg:#2bd5751f;--color-success-border:#2bd5754d;--color-info:#60a5fa;--color-info-bg:#60a5fa1f;--color-info-border:#60a5fa4d;--color-medication:#a78bfa;--color-medication-bg:#a78bfa1f;--color-supplement:#2bd575;--color-supplement-bg:#2bd5751f;--color-food:#f59e0b;--color-food-bg:#f59e0b1f;--color-exercise:#e879f9;--color-exercise-bg:#e879f91f;--color-sleep:#60a5fa;--color-sleep-bg:#60a5fa1f;--border-subtle:#ffffff0d;--border-default:#ffffff1a;--border-strong:#fff3;--border-focus:#2bd575;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #00000059;--shadow-lg:0 10px 15px #0006;--shadow-card:0 1px 3px #0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide);color:var(--text-primary);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus{outline:none}input,textarea,select{font-size:16px!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.text-display{font-size:var(--text-4xl);font-weight:var(--weight-medium);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.text-h1{font-size:var(--text-3xl);font-weight:var(--weight-medium);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.text-h2{font-size:var(--text-2xl);font-weight:var(--weight-medium);line-height:var(--leading-snug);color:var(--text-primary)}.text-h3{font-size:var(--text-xl);font-weight:var(--weight-medium);line-height:var(--leading-snug);color:var(--text-primary)}.text-body-lg{font-size:var(--text-lg);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-secondary)}.text-body{font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-secondary)}.text-small{font-size:var(--text-xs);font-weight:var(--weight-normal);line-height:var(--leading-snug);color:var(--text-muted)}.text-label{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);line-height:1}.text-ledgie-label{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--brand-teal)}.card{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5)}.card-surface{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);padding:var(--space-4)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-comfortable);padding:var(--space-3) var(--space-6);border-radius:var(--border-radius-md);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);-webkit-user-select:none;user-select:none;border:none;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand-navy);color:var(--text-on-dark);min-height:var(--touch-generous)}.btn-primary:hover{opacity:.88}.btn-brand{background:var(--brand-green);color:var(--text-on-brand);min-height:var(--touch-generous)}.btn-brand:hover{opacity:.88}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-surface)}.btn-danger{color:var(--color-danger);border:1px solid var(--color-danger-border);background:0 0}.btn-danger:hover{background:var(--color-danger-bg)}.option-btn{align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-comfortable);padding:var(--space-3) var(--space-4);background:var(--bg-primary);border:1.5px solid var(--border-default);border-radius:var(--border-radius-md);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-normal);color:var(--text-secondary);text-align:left;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);display:flex}.option-btn:hover{border-color:var(--brand-teal);background:var(--bg-surface)}.option-btn.selected{border-color:var(--brand-teal);background:var(--color-success-bg);color:var(--text-primary)}.option-letter{background:var(--bg-surface);border:1px solid var(--border-default);width:28px;height:28px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.option-btn.selected .option-letter{background:var(--brand-teal);border-color:var(--brand-teal);color:#fff}.input{width:100%;min-height:var(--touch-comfortable);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1.5px solid var(--border-strong);border-radius:var(--border-radius-md);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--weight-normal);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;outline:none;display:block}.input::placeholder{color:var(--text-placeholder)}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #1a9e8f26}.input:disabled{opacity:.55;cursor:not-allowed}.alert{gap:var(--space-3);padding:var(--space-4);border-radius:var(--border-radius-md);font-size:var(--text-sm);line-height:var(--leading-normal);border-left:3px solid;display:flex}.alert-danger{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.alert-warning{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.alert-success{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.alert-info{background:var(--color-info-bg);border-color:var(--color-info);color:var(--color-info)}.bubble-ledgie{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:0 var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-lg);padding:var(--space-4) var(--space-5);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-secondary);max-width:88%}.bubble-user{background:var(--brand-navy);color:var(--text-on-dark);border-radius:var(--border-radius-lg) 0 var(--border-radius-lg) var(--border-radius-lg);padding:var(--space-3) var(--space-5);font-size:var(--text-md);line-height:var(--leading-normal);max-width:72%}.ack-badge{align-items:center;gap:var(--space-1);padding:3px var(--space-3);background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--border-radius-pill);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-success);display:inline-flex}.feature-card{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);padding:var(--space-5);cursor:pointer;transition:box-shadow var(--transition-normal), transform var(--transition-fast), border-color var(--transition-normal);min-height:100px;position:relative}.feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-1px)}.feature-card:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.feature-card.locked{opacity:.6;cursor:default}.feature-card.locked:after{content:"Coming soon";top:var(--space-3);right:var(--space-3);font-size:11px;font-weight:var(--weight-medium);color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--border-radius-pill);padding:2px var(--space-2);letter-spacing:var(--tracking-wide);position:absolute}.feature-card.locked:hover{box-shadow:none;border-color:var(--border-default);transform:none}.card-badge{top:var(--space-3);right:var(--space-3);font-size:11px;font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);padding:2px var(--space-2);border-radius:var(--border-radius-pill);position:absolute}.card-badge-now{background:var(--brand-green);color:var(--text-on-brand)}.card-badge-alert{background:var(--color-danger);color:#fff}.card-badge-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.card-badge-new{background:var(--brand-blue);color:#fff}.timeline-item{align-items:center;gap:var(--space-4);min-height:60px;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);display:flex}.timeline-item:active{background:var(--bg-elevated)}.timeline-time{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);flex-shrink:0;min-width:40px}.timeline-time-now{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--brand-green);background:var(--color-success-bg);border-radius:var(--border-radius-pill);text-align:center;flex-shrink:0;min-width:40px;padding:2px 6px}.timeline-content{flex:1;min-width:0}.timeline-title{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.timeline-sub{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.bottom-nav{width:100%;max-width:var(--max-width-app);height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-nav);z-index:var(--z-sticky);border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-tab{min-width:var(--touch-comfortable);min-height:var(--touch-comfortable);padding:var(--space-2);color:#ffffff73;cursor:pointer;font-family:var(--font-sans);transition:color var(--transition-fast);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex}.nav-tab.active{color:var(--brand-green)}.nav-tab:hover{color:#fffc}.nav-tab-label{font-size:11px;font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide)}.progress-track{background:var(--border-subtle);border-radius:var(--border-radius-pill);width:100%;height:4px;overflow:hidden}.progress-fill{background:var(--brand-green);border-radius:var(--border-radius-pill);height:100%;transition:width var(--transition-slow)}.stage-tab{padding:4px var(--space-3);border-radius:var(--border-radius-pill);font-size:11px;font-weight:var(--weight-medium);white-space:nowrap;border:1px solid var(--border-default);color:var(--text-muted);background:var(--bg-primary)}.stage-tab.done{border-color:var(--brand-teal);color:var(--brand-teal);background:var(--color-success-bg)}.stage-tab.active{border-color:var(--brand-navy);background:var(--brand-navy);color:var(--text-on-dark)}.typing-dot{background:var(--brand-teal);border-radius:50%;width:7px;height:7px;animation:1.2s infinite typing-pulse}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.disclaimer-box{background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--border-radius-md);padding:var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.disclaimer-box strong{color:var(--text-primary);font-weight:var(--weight-medium)}.checkbox-row{align-items:flex-start;gap:var(--space-3);min-height:var(--touch-min);padding:var(--space-3) 0;cursor:pointer;display:flex}.checkbox-input{border:2px solid var(--border-strong);background:var(--bg-primary);cursor:pointer;width:22px;min-width:22px;height:22px;accent-color:var(--brand-teal);border-radius:5px;margin-top:2px}.checkbox-label{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-secondary)}.checkbox-label a{color:var(--text-link);text-decoration:underline}.plan-section{border:1px solid var(--border-default);border-radius:var(--border-radius-lg);margin-bottom:var(--space-4);overflow:hidden}.plan-section-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-surface);cursor:pointer;min-height:var(--touch-comfortable);transition:background var(--transition-fast);display:flex}.plan-section-header:hover{background:var(--bg-elevated)}.plan-section-icon{border-radius:var(--border-radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.plan-section-body{padding:var(--space-5);border-top:1px solid var(--border-subtle);gap:var(--space-4);flex-direction:column;display:flex}.supplement-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--border-radius-md);padding:var(--space-3) var(--space-4)}.supplement-card-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);margin-bottom:3px}.supplement-card-time{font-size:var(--text-xs);color:var(--color-success);font-weight:var(--weight-medium)}.supplement-card-note{font-size:var(--text-xs);color:var(--text-muted);margin-top:3px}.roadmap-week{background:var(--bg-surface);border-radius:var(--border-radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.roadmap-week-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--brand-teal);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-3)}.roadmap-item{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug);padding:4px 0;display:flex}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.w-full{width:100%}.text-center{text-align:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-shell{width:100%;max-width:var(--max-width-app);background:var(--bg-page);min-height:100dvh;margin:0 auto;position:relative;overflow-x:hidden}.page-content{padding:var(--space-4);padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--space-6))}body.large-mode{--space-3:16px;--space-4:20px;--space-5:24px;--space-6:28px;--border-radius-lg:20px;--border-radius-xl:28px}[data-theme=high-contrast]{--bg-page:#000;--bg-primary:#000;--bg-surface:#111;--bg-elevated:#1a1a1a;--bg-nav:#000;--bg-nav-active:#1a1a1a;--bg-overlay:#000000e6;--text-primary:#fff;--text-secondary:#f0f0f0;--text-muted:#ccc;--text-placeholder:#999;--text-disabled:#666;--text-link:#0fc;--text-link-hover:#66ffe0;--brand-teal:#0fc;--text-on-teal:#000;--brand-green:#0f0;--border-focus:#0fc;--color-danger:#f44;--color-danger-bg:#ff444426;--color-danger-border:#ff444480;--color-warning:gold;--color-warning-bg:#ffd70026;--color-warning-border:#ffd70080;--color-success:#0f8;--color-success-bg:#00ff881f;--color-success-border:#0f86;--color-info:#4af;--color-info-bg:#44aaff1f;--color-info-border:#4af6;--color-medication:#c8f;--color-medication-bg:#cc88ff1f;--color-supplement:#0f8;--color-supplement-bg:#00ff881f;--color-food:gold;--color-food-bg:#ffd7001f;--color-exercise:#f4c;--color-exercise-bg:#ff44cc1f;--border-subtle:#fff3;--border-default:#ffffff59;--border-strong:#ffffff8c;--shadow-sm:none;--shadow-md:none;--shadow-card:0 0 0 1px #ffffff40}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body.reduce-motion *,body.reduce-motion :before,body.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{font-size:16px}:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px;border-radius:var(--border-radius-sm)}:focus:not(:focus-visible){outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:-100%;left:var(--space-4);background:var(--brand-teal);color:var(--text-on-teal);padding:var(--space-3) var(--space-5);border-radius:var(--border-radius-md);font-size:var(--text-md);font-weight:var(--weight-medium);z-index:var(--z-toast);transition:top var(--transition-fast);text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-4)}
:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{width:100%;height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Arial,Helvetica,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}