:root{--charcoal: #1a1512;--charcoal-deep: #100d0b;--charcoal-raised: #211a16;--surface: #241d19;--surface-muted: #2f2621;--line-dark: #3a302a;--terracotta: #c97457;--terracotta-strong: #e8a483;--terracotta-deep: #8a452d;--terracotta-ink: #7a3c26;--sand: #e8c9a8;--sand-strong: #f4dcc2;--cream: #f7f2e9;--paper: #f3ebdf;--paper-deep: #ecdfcd;--highlight: #f2c98a;--text-on-dark: #f7f2e9;--muted-on-dark: #b9ac9f;--subtle-on-dark: #9d9085;--text-on-light: #1a1512;--muted-on-light: #5c4f45;--line-light: #ddcfbd;--gradient-primary: linear-gradient(135deg, #d98866 0%, #c97457 55%, #bd6a4c 100%);--gradient-hero: linear-gradient(140deg, #3f271d 0%, #6e3725 55%, #a35233 100%);--gradient-surface: linear-gradient(180deg, #2a221d 0%, #231c18 100%);--medal-tasks-a: #f0b08f;--medal-checkins-a: #f2d6ab;--medal-streak-a: #f2c98a;--medal-coach-a: #ecbcb2;--medal-locked-a: #6a5d54;--medal-locked-b: #3a302a;--tier-bronze-a: #e3a47c;--tier-bronze-b: #87492b;--tier-silver-a: #e9e6e0;--tier-silver-b: #85817b;--tier-gold-a: #f3d48b;--tier-gold-b: #a3742a;--tier-platinum-a: #f4f2ee;--tier-platinum-b: #9aa3ab;--tier-platinum-c: #d6cfe0;--medal-face: radial-gradient(circle at 35% 28%, #3a2e27 0%, #241d19 62%, #1d1714 100%);--mood-very-bad: #cf6f66;--mood-bad: #d18a62;--mood-okay: #cdb07c;--mood-good: #a9b98a;--mood-great: #74b98f;--font-sans: "Onest Variable", "Onest Fallback", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-display: clamp(2.6rem, 1.35rem + 5.6vw, 6.4rem);--fs-h2: clamp(2.05rem, 1.35rem + 3vw, 4.1rem);--fs-h3: clamp(1.6rem, 1.2rem + 1.6vw, 2.6rem);--fs-lead: clamp(1.15rem, 1.02rem + .55vw, 1.45rem);--fs-body: 1.0625rem;--fs-small: .9375rem;--fs-label: .8125rem;--container: 1240px;--gutter: clamp(20px, 4.5vw, 48px);--section-y: clamp(88px, 6rem + 4vw, 168px);--header-h: 72px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 28px;--radius-xl: 40px;--tap: 48px;--ease: cubic-bezier(.2, .7, .3, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration: .2s;--reveal-duration: .9s;--focus: 0 0 0 3px var(--charcoal), 0 0 0 6px var(--terracotta-strong);--shadow-float: 0 0 0 1px rgba(247, 242, 233, .06), 0 30px 60px -28px rgba(0, 0, 0, .85);--shadow-float-light: 0 0 0 1px rgba(26, 21, 18, .05), 0 30px 60px -32px rgba(74, 40, 24, .45)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px);background:var(--charcoal);color-scheme:dark}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.6;font-weight:400;color:var(--text-on-dark);background:var(--charcoal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal;overflow-x:clip}img,svg{display:block;max-width:100%}h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none;padding:0}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}button{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:6px}::selection{background:#c9745773;color:var(--cream)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:-100px;z-index:100;padding:12px 18px;border-radius:12px;background:var(--cream);color:var(--charcoal);font-weight:600;text-decoration:none}.skip-link:focus-visible{top:12px}.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);margin-inline:auto;padding-inline:max(var(--gutter),env(safe-area-inset-left,0px)) max(var(--gutter),env(safe-area-inset-right,0px))}.section{position:relative;padding-block:var(--section-y);background:var(--bg);color:var(--fg);isolation:isolate}.theme-dark{--bg: var(--charcoal);--fg: var(--text-on-dark);--fg-muted: var(--muted-on-dark);--accent: var(--terracotta-strong);--line: rgba(247, 242, 233, .12);--card: var(--surface);color-scheme:dark}.theme-deep{--bg: var(--charcoal-deep);--fg: var(--text-on-dark);--fg-muted: var(--muted-on-dark);--accent: var(--terracotta-strong);--line: rgba(247, 242, 233, .1);--card: var(--charcoal-raised);color-scheme:dark}.theme-light{--bg: var(--cream);--fg: var(--text-on-light);--fg-muted: var(--muted-on-light);--accent: var(--terracotta-ink);--line: rgba(26, 21, 18, .12);--card: #fffaf2;color-scheme:light}.theme-paper{--bg: var(--paper);--fg: var(--text-on-light);--fg-muted: var(--muted-on-light);--accent: var(--terracotta-ink);--line: rgba(26, 21, 18, .13);--card: #fbf6ee;color-scheme:light}.theme-terracotta{--bg: #5e2e1f;--fg: var(--cream);--fg-muted: rgba(247, 242, 233, .84);--accent: var(--highlight);--line: rgba(247, 242, 233, .2);--card: rgba(26, 21, 18, .28);color-scheme:dark}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-label);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.h-display{font-size:var(--fs-display);line-height:.98;font-weight:700;letter-spacing:-.045em;text-wrap:balance}.h2{font-size:var(--fs-h2);line-height:1.04;font-weight:650;letter-spacing:-.035em;text-wrap:balance}.h3{font-size:var(--fs-h3);line-height:1.1;font-weight:650;letter-spacing:-.03em;text-wrap:balance}.lead{font-size:var(--fs-lead);line-height:1.5;color:var(--fg-muted);text-wrap:pretty;max-width:38em}.prose{color:var(--fg-muted);text-wrap:pretty;max-width:36em}.accent{color:var(--accent)}.btn{--btn-h: 56px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--btn-h);padding:0 28px;border:0;border-radius:999px;font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;line-height:1.1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease),background-color var(--duration) var(--ease),color var(--duration) var(--ease);-webkit-tap-highlight-color:transparent}.btn svg{transition:transform var(--duration) var(--ease)}.btn--primary{background:var(--gradient-primary);color:var(--charcoal);box-shadow:0 1px #ffffff40 inset,0 14px 30px -14px #c97457d9}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 1px #ffffff40 inset,0 20px 40px -16px #c97457f2}.btn--primary:hover svg{transform:translate(3px)}.btn:active{transform:translateY(0) scale(.98)}.btn--ghost{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--line)}.btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--fg-muted);background:#f7f2e90a}.theme-light .btn--ghost:hover,.theme-paper .btn--ghost:hover{background:#1a15120a}.btn--sm{--btn-h: 44px;padding:0 20px;font-size:.9375rem}.btn--block{width:100%}.text-link{color:var(--accent);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);transition:text-decoration-color var(--duration) var(--ease)}.text-link:hover{text-decoration-color:currentColor}@media(prefers-reduced-motion:no-preference){.reveal-pending{opacity:0;transform:translateY(28px)}.reveal-in{opacity:1;transform:none;transition:opacity var(--reveal-duration) var(--ease-out),transform var(--reveal-duration) var(--ease-out);transition-delay:var(--reveal-delay, 0ms)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.phone{--phone-w: 300px;position:relative;width:var(--phone-w);aspect-ratio:9 / 19.2;padding:calc(var(--phone-w) * .032);border-radius:calc(var(--phone-w) * .15);background:linear-gradient(150deg,#3b322c,#15110f 38%,#0b0908 70%,#2b231e);box-shadow:inset 0 0 0 1px #f7f2e91f,inset 0 0 0 calc(var(--phone-w) * .008) #050404,0 50px 90px -40px #000000e6,0 30px 60px -30px #7a3c268c;flex-shrink:0}.phone__screen{position:relative;height:100%;overflow:hidden;border-radius:calc(var(--phone-w) * .12);container-type:inline-size;background:radial-gradient(120% 60% at 100% 0%,rgba(201,116,87,.2) 0%,transparent 60%),radial-gradient(90% 50% at 0% 100%,rgba(232,201,168,.07) 0%,transparent 60%),#1a1512}.phone__island{position:absolute;top:calc(var(--phone-w) * .045);left:50%;z-index:3;width:30%;height:calc(var(--phone-w) * .085);border-radius:999px;background:#050404;transform:translate(-50%)}.screen{position:absolute;inset:0;display:flex;flex-direction:column;font-size:4.2667cqw;line-height:1.45;color:#f7f2e9;text-align:left}.screen__status{display:flex;align-items:center;justify-content:space-between;padding:.95em 1.7em 0;height:3em;font-size:.82em;font-weight:600;flex-shrink:0}.screen__status-icons{display:flex;gap:.35em;align-items:center}.screen__status-icons i{display:block;width:1.05em;height:.7em;border-radius:.2em;background:#f7f2e9;opacity:.9}.screen__status-icons i:last-child{width:1.6em;border-radius:.28em}.screen__body{flex:1;min-height:0;overflow:hidden;padding:.5em 1.25em 0;display:flex;flex-direction:column;gap:.85em}.ui-nav{display:grid;grid-template-columns:repeat(5,1fr);padding:.55em .6em 1.5em;border-top:1px solid #3a302a;background:#1a1512f0;flex-shrink:0}.ui-nav__item{display:flex;flex-direction:column;align-items:center;gap:.2em;font-size:.66em;font-weight:500;color:#9d9085}.ui-nav__item svg{width:1.9em;height:1.9em}.ui-nav__item--on{color:#e8a483}.ui-lockup{display:flex;align-items:center;gap:.4em;font-weight:700;letter-spacing:-.03em;font-size:1.05em}.ui-lockup svg{height:1em;width:auto}.ui-lockup b{color:#c97457}.ui-header{display:flex;align-items:center;gap:.7em}.ui-header__icon{display:grid;place-items:center;width:2.5em;height:2.5em;border-radius:.8em;background:linear-gradient(145deg,#4a3025,#33251e);box-shadow:inset 0 0 0 1px #e8a48338;color:#e8a483;flex-shrink:0}.ui-header__icon svg{width:1.25em;height:1.25em}.ui-header__text{flex:1;min-width:0}.ui-eyebrow{font-size:.75em;color:#b9ac9f}.ui-title{font-size:1.375em;font-weight:700;letter-spacing:-.02em;line-height:1.15}.ui-bell{display:grid;place-items:center;width:2.5em;height:2.5em;border-radius:50%;background:#241d19;color:#b9ac9f}.ui-bell svg{width:1.2em;height:1.2em}.ui-section{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:1.05em;letter-spacing:-.01em}.ui-section a,.ui-section span{font-size:.8em;font-weight:600;color:#e8a483}.ui-card{border-radius:1.1em;background:linear-gradient(180deg,#2a221d,#231c18);box-shadow:0 0 0 1px #f7f2e90d,0 .75em 1.75em -1em #000000bf;padding:1em}.ui-card--hero{background:linear-gradient(140deg,#3f271d,#6e3725 55%,#a35233);box-shadow:0 1em 2em -1.1em #a35233b3}.ui-pill{display:inline-flex;align-items:center;gap:.35em;padding:.22em .65em;border-radius:999px;font-size:.72em;font-weight:600;background:#3d2a21;color:#e8a483;white-space:nowrap}.ui-pill--muted{background:#2f2621;color:#b9ac9f}.ui-pill--ok{background:#1f332b;color:#7dd0ae}.ui-pill--premium{background:#3b2a2a;color:#e6b0a6}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;height:2.75em;padding:0 1.1em;border-radius:.85em;font-size:.875em;font-weight:600;white-space:nowrap}.ui-btn svg{width:1.15em;height:1.15em}.ui-btn--primary{background:linear-gradient(135deg,#d98866,#c97457 55%,#bd6a4c);color:#1a1512}.ui-btn--soft{background:#3d2a21;color:#e8a483}.ui-btn--ghost{color:#b9ac9f;padding:0;height:auto}.ui-muted{color:#b9ac9f}.ui-small{font-size:.8em}.ui-streak__top{display:flex;align-items:center;gap:.75em}.ui-streak__flame{display:grid;place-items:center;width:2.6em;height:2.6em;border-radius:50%;background:#f7f2e924;color:#f2c98a}.ui-streak__flame svg{width:1.4em;height:1.4em}.ui-streak__label{font-size:.75em;color:#f7f2e9d9}.ui-streak__count{font-size:1.3em;font-weight:700;letter-spacing:-.02em;line-height:1.2}.ui-streak__note{margin-top:.6em;font-size:.75em;color:#f7f2e9d9}.ui-week{display:grid;grid-template-columns:repeat(7,1fr);gap:.3em;margin-top:.85em;text-align:center;font-size:.68em;color:#f7f2e9d9}.ui-week__dot{display:grid;place-items:center;width:2.3em;height:2.3em;margin:.3em auto 0;border-radius:50%;border:1.5px solid rgba(247,242,233,.4)}.ui-week__dot--done{background:#f7f2e9;border-color:#f7f2e9;color:#8a452d}.ui-week__dot--today{border-style:dashed;border-color:#f7f2e9bf}.ui-week__dot svg{width:1.2em;height:1.2em}.ui-task{display:flex;flex-direction:column;gap:.6em}.ui-task--focus{box-shadow:0 0 0 1.5px #c97457a6,0 1em 2em -1.2em #c97457b3}.ui-task__row{display:flex;align-items:center;justify-content:space-between;gap:.5em}.ui-task__title{font-weight:650;font-size:1.05em;line-height:1.3;letter-spacing:-.01em}.ui-task__meta{display:flex;align-items:center;gap:.35em;font-size:.75em;color:#b9ac9f}.ui-task__meta svg{width:1.15em;height:1.15em}.ui-task__actions{display:flex;gap:.5em;margin-top:.15em}.ui-task__actions .ui-btn{flex:1}.ui-list{display:flex;flex-direction:column;gap:.55em}.ui-list-item{display:flex;align-items:center;gap:.75em;padding:.8em .9em;border-radius:1em;background:#241d19;box-shadow:0 0 0 1px #f7f2e90d}.ui-check{width:1.4em;height:1.4em;border-radius:50%;border:1.5px solid #7a695e;flex-shrink:0}.ui-list-item__text{flex:1;min-width:0}.ui-list-item__title{font-size:.9em;font-weight:600;line-height:1.3}.ui-list-item__meta{font-size:.72em;color:#9d9085}.ui-moods{display:grid;grid-template-columns:repeat(5,1fr);gap:.35em}.ui-mood{display:flex;flex-direction:column;align-items:center;gap:.3em;padding:.55em .1em .45em;border-radius:.9em;font-size:.66em;color:#b9ac9f;text-align:center}.ui-mood__face{display:grid;place-items:center;width:3em;height:3em;border-radius:50%;background:color-mix(in srgb,var(--mood) 18%,#241d19);color:var(--mood)}.ui-mood__face svg{width:1.75em;height:1.75em}.ui-mood--on{background:#3d2a21;color:#f7f2e9;box-shadow:inset 0 0 0 1.5px #e8a48380}.ui-mood--on .ui-mood__face{background:var(--mood);color:#1a1512}.ui-chat{display:flex;flex-direction:column;gap:.6em}.ui-bubble{max-width:84%;padding:.7em .9em;border-radius:1.1em;font-size:.875em;line-height:1.5}.ui-bubble--coach{align-self:flex-start;background:#241d19;box-shadow:0 0 0 1px #f7f2e90f;border-bottom-left-radius:.35em}.ui-bubble--user{align-self:flex-end;background:linear-gradient(140deg,#8f4a31,#7c3f29);border-bottom-right-radius:.35em}.ui-bubble__from{display:block;margin-bottom:.15em;font-size:.8em;font-weight:650;color:#e8a483}.ui-proposal{align-self:flex-start;width:84%;padding:.8em .9em;border-radius:1em;background:#3d2a21;box-shadow:inset 0 0 0 1px #e8a4834d;font-size:.85em}.ui-proposal__label{font-size:.82em;color:#e8a483;font-weight:600}.ui-proposal__title{font-weight:650;margin:.2em 0 .6em}.ui-proposal__actions{display:flex;gap:.45em}.ui-proposal__actions .ui-btn{height:2.4em;font-size:.85em;padding:0 .9em}.ui-composer{display:flex;align-items:center;gap:.5em;margin:0 1.25em .6em;padding:.4em .4em .4em 1em;border-radius:999px;background:#241d19;box-shadow:0 0 0 1px #3a302a;font-size:.85em;color:#9d9085;flex-shrink:0}.ui-composer span{flex:1}.ui-composer__btn{display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:50%;background:#3d2a21;color:#e8a483}.ui-composer__btn--send{background:linear-gradient(135deg,#d98866,#c97457 55%,#bd6a4c);color:#1a1512}.ui-composer__btn svg{width:1.15em;height:1.15em}.ui-bars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:.45em;height:6.5em}.ui-bars__col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.35em;height:100%;font-size:.68em;color:#9d9085}.ui-bars__bar{width:100%;max-width:2.2em;min-height:.3em;border-radius:.45em .45em .2em .2em;background:linear-gradient(180deg,#e8a483,#c97457)}.ui-bars__bar--zero{background:#3a302a}.ui-stats{display:grid;grid-template-columns:1fr 1fr;gap:.55em}.ui-stat{padding:.8em .9em;border-radius:1em;background:#241d19;box-shadow:0 0 0 1px #f7f2e90d}.ui-stat__value{font-size:1.5em;font-weight:700;letter-spacing:-.02em;line-height:1.1}.ui-stat__label{font-size:.72em;color:#b9ac9f}.ui-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.25em;padding:.25em;border-radius:.9em;background:#241d19;font-size:.78em;font-weight:600;color:#b9ac9f;text-align:center}.ui-tabs span{padding:.45em .3em;border-radius:.7em}.ui-tabs .is-on{background:#3d2a21;color:#f7f2e9}.medal{--size: 52px;--emblem: var(--medal-tasks-a);--ring-a: var(--tier-bronze-a);--ring-b: var(--tier-bronze-b);--ring-c: var(--tier-bronze-a);position:relative;display:inline-flex;flex-shrink:0;width:var(--size);height:var(--size);padding:calc(var(--size) * .058);border-radius:50%;background:conic-gradient(from 210deg,var(--ring-a),var(--ring-b) 30%,var(--ring-c) 55%,var(--ring-b) 80%,var(--ring-a));box-shadow:0 calc(var(--size) * .12) calc(var(--size) * .3) calc(var(--size) * -.19) var(--ring-b)}.medal--silver{--ring-a: var(--tier-silver-a);--ring-b: var(--tier-silver-b);--ring-c: var(--tier-silver-a)}.medal--gold{--ring-a: var(--tier-gold-a);--ring-b: var(--tier-gold-b);--ring-c: var(--tier-gold-a);padding:calc(var(--size) * .077)}.medal--platinum{--ring-a: var(--tier-platinum-a);--ring-b: var(--tier-platinum-b);--ring-c: var(--tier-platinum-c);padding:calc(var(--size) * .077)}.medal--tasks{--emblem: var(--medal-tasks-a)}.medal--checkins{--emblem: var(--medal-checkins-a)}.medal--streak{--emblem: var(--medal-streak-a)}.medal--coach{--emblem: var(--medal-coach-a)}.medal__face{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--medal-face);box-shadow:inset 0 1px #f7f2e914;color:var(--emblem)}.medal__face svg{width:46%;height:46%}.medal--silver .medal__face,.medal--gold .medal__face,.medal--platinum .medal__face{box-shadow:inset 0 1px #f7f2e914,0 0 0 1px #1d1714,0 0 0 2px var(--ring-a)}.medal__beads{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--ring-a) 0deg 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));opacity:.85;pointer-events:none}.medal__crest{position:absolute;top:-3px;left:50%;width:calc(var(--size) * .17);height:calc(var(--size) * .17);border-radius:2px;background:linear-gradient(135deg,var(--ring-a),var(--ring-c) 50%,var(--ring-b));box-shadow:0 0 0 2px var(--surface);transform:translate(-50%) rotate(45deg)}.medal--locked{--emblem: var(--medal-locked-a);--ring-a: var(--medal-locked-a);--ring-b: var(--medal-locked-b);--ring-c: var(--medal-locked-a);box-shadow:none}.medal__lock{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:calc(var(--size) * .36);height:calc(var(--size) * .36);border-radius:50%;background:#2f2621;box-shadow:0 0 0 2px var(--surface);color:#b9ac9f}.medal__lock svg{width:55%;height:55%}.float-card{border-radius:20px;background:#241d19eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-float);color:var(--text-on-dark);font-size:14px;line-height:1.45}
