/* Image-to-code refinement: Outfit display, clean utility surfaces, athletic rhythm. */
@font-face{font-family:Outfit;src:url('./assets/outfit-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--font-display:Outfit,Inter,Arial,sans-serif}
/* A softer rose accent keeps the athletic ink/lime foundation inclusive. */
:root{--coral:#eca4ad;--rose:#eca4ad;--rose-soft:#f4ede3;--accent:#89684f;--accent-hover:#6c523e}
.primary-button,.session-content>.primary-button,.session-card>.primary-button,.onboarding-content .primary-button{background:var(--coral);border-color:var(--coral);color:#3e2f23}.primary-button:hover,.session-content>.primary-button:hover,.session-card>.primary-button:hover{background:#e88f9d;border-color:#e88f9d;color:#3e2f23}
.mobile-brand>span:last-child,.brand-period,.accent-dot{color:#a5846a}.folder-card[data-tone='rose']{background:#f2ebe0;border-color:#e4dacc}.folder-card[data-tone='rose'] .folder-icon{background:#fff9}.icon-badge{background:#f3ece2;color:#8c6a50}.social-hero{background:#f2ebe0;border-color:#e4dacd}.social-hero h2{color:var(--ink)}.social-pill{background:#fcfaf7;color:#83634b;border-color:#daccb9}.journal-hero h1 em{color:#997458}.favorite-button[aria-pressed='true']{color:#987357}.favorite-button[aria-pressed='true'] svg{fill:#f1e9dd}
.profile-identity{display:flex;align-items:center;gap:17px;margin:0 0 24px;padding-bottom:22px;border-bottom:1px solid var(--line)}.profile-identity img,.profile-identity>.profile-initial{display:grid;place-items:center;width:76px;height:76px;border-radius:24px;object-fit:cover;flex:0 0 76px;background:#f2ebe0;color:#88674e;font-family:var(--font-display);font-size:30px}.profile-identity>div{min-width:0}.profile-identity h3{font-size:21px;overflow-wrap:anywhere}.profile-identity p{font-size:12px;color:var(--muted);line-height:1.6;margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere}.avatar-button:has(img){padding:0;overflow:hidden}.avatar-button img{display:block;width:100%;height:100%;object-fit:cover}
h1,h2,.brand,.mobile-brand,.boot-brand,.onboarding-brand,.journal-tally>strong{font-family:var(--font-display)}
h1,h2{font-weight:700;letter-spacing:-.035em!important}
.home-heading h1,.page-heading h1{font-weight:750}.session-card h2{font-weight:750;line-height:1.08}.journal-hero h1 em{font-style:normal;font-weight:500}.social-hero h2{line-height:1.12}
.brand,.mobile-brand{font-weight:750;letter-spacing:-.055em}.home-links{gap:0}.home-links .utility-row,.home-links .utility-row:first-child{background:transparent;border:0;border-radius:0;border-bottom:1px solid var(--line);padding:20px 5px;box-shadow:none}.home-links .utility-row:hover{background:#e9eae180;transform:none}
.energy-option[aria-pressed='true']{background:var(--lime);border-color:#859548;color:#343a28;box-shadow:inset 0 0 0 1px #859548}.energy-option[aria-pressed='true'] .energy-meter i{background:#ced7a3}.energy-option[aria-pressed='true'] .energy-meter[data-level='1'] i:nth-child(-n+1),.energy-option[aria-pressed='true'] .energy-meter[data-level='2'] i:nth-child(-n+2),.energy-option[aria-pressed='true'] .energy-meter[data-level='3'] i:nth-child(-n+3),.energy-option[aria-pressed='true'] .energy-meter[data-level='4'] i{background:#4a5630}
.session-track{right:-35px;top:36px;width:195px;height:220px;opacity:.42;transform:rotate(28deg)}.session-track:after{display:none}.session-track>i:first-child:after{content:'';display:block;position:absolute;inset:0 auto auto 0;width:13px;height:13px;border:3px solid var(--ink);background:var(--lime);border-radius:50%;offset-path:ellipse(50% 50% at 50% 50%);offset-distance:22%}
.motion-arrived .session-track>i:first-child:after{animation:track-lap 4.4s cubic-bezier(.25,.1,.25,1) 1 both}.motion-arrived .session-track>i:nth-child(2){animation:track-breathe 1.5s ease-out 1}.motion-arrived .session-track>i:nth-child(3){animation:track-breathe 1.5s .16s ease-out 1}
.motion-arrived .energy-meter i{transform-origin:center bottom;animation:energy-rise .65s cubic-bezier(.2,.7,.2,1) both}.motion-arrived .energy-meter i:nth-child(2){animation-delay:.1s}.motion-arrived .energy-meter i:nth-child(3){animation-delay:.2s}.motion-arrived .energy-meter i:nth-child(4){animation-delay:.3s}
.motion-arrived .week-day{animation:week-enter .5s cubic-bezier(.2,.7,.2,1) both}.motion-arrived .week-day:nth-child(2){animation-delay:.06s}.motion-arrived .week-day:nth-child(3){animation-delay:.12s}.motion-arrived .week-day:nth-child(4){animation-delay:.18s}.motion-arrived .week-day:nth-child(5){animation-delay:.24s}.motion-arrived .week-day:nth-child(6){animation-delay:.3s}.motion-arrived .week-day:nth-child(7){animation-delay:.36s}
.primary-button svg,.text-button svg,.utility-row>svg:last-child{transition:transform .25s var(--editorial-ease)}@media(hover:hover){.primary-button:hover svg,.text-button:hover svg,.utility-row:hover>svg:last-child{transform:translateX(4px)}}
.motion-setting{margin:18px 0;padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:20px;align-items:center;justify-content:space-between;cursor:pointer;min-height:60px}.motion-setting span{display:grid;gap:5px}.motion-setting small{font-size:12px;color:var(--muted);line-height:1.5}.motion-setting .toggle{flex:0 0 auto}
[aria-invalid='true']{border-color:#a43b2a!important;box-shadow:0 0 0 1px #a43b2a!important}
@keyframes track-lap{from{offset-distance:22%}to{offset-distance:122%}}@keyframes track-breathe{from{opacity:.2;scale:.91}to{opacity:1;scale:1}}@keyframes energy-rise{from{transform:scaleY(.2);opacity:.35}to{transform:scaleY(1);opacity:1}}@keyframes week-enter{from{transform:translateY(7px);opacity:.3}to{transform:translateY(0);opacity:1}}
html.motion-off *,html.motion-off *:before,html.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.motion-off .gb-celebration{display:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:359px){.session-track{right:-60px;width:175px;height:200px}.session-card h2{font-size:33px}.home-heading h1{font-size:36px}}