:root{--fs-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fs-font-mono: ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;--fs-space-x4: 4px;--fs-space-x6: 6px;--fs-space-x8: 8px;--fs-space-x12: 12px;--fs-space-x14: 14px;--fs-space-x16: 16px;--fs-space-x20: 20px;--fs-space-x24: 24px;--fs-space-x26: 26px;--fs-space-x32: 32px;--fs-space-x48: 48px;--fs-space-page: 20px;--fs-space-card-pad: 16px;--fs-space-stack: 12px;--fs-space-title-gap: 12px;--fs-space-section: 26px;--fs-space-inline: 8px;--fs-space-button-clearance: 20px;--fs-radius-chip: 14px;--fs-radius-row: 20px;--fs-radius-card: 28px;--fs-radius-popup: 30px;--fs-radius-full: 9999px;--fs-size-touch: 44px;--fs-size-button: 52px;--fs-size-row: 56px;--fs-size-icon-button: 46px;--fs-size-thumb: 52px;--fs-metric-steps: #4FA3FF;--fs-metric-move: #FF7A33;--fs-metric-sleep: #9C8CFF;--fs-metric-heart: #FF5C8A;--fs-metric-protein: #FF6FB1;--fs-metric-carbs: #3FA8FF;--fs-metric-fat: #FFC233;--fs-metric-food: #34C77B;--fs-text-large-title-size: 34px;--fs-text-large-title-weight: 300;--fs-text-large-title-tracking: -1px;--fs-text-title-size: 22px;--fs-text-title-weight: 600;--fs-text-title-tracking: -.5px;--fs-text-headline-size: 17px;--fs-text-headline-weight: 600;--fs-text-headline-tracking: 0px;--fs-text-body-size: 15px;--fs-text-body-weight: 400;--fs-text-body-tracking: 0px;--fs-text-subhead-size: 13px;--fs-text-subhead-weight: 400;--fs-text-subhead-tracking: 0px;--fs-text-footnote-size: 12px;--fs-text-footnote-weight: 400;--fs-text-footnote-tracking: 0px;--fs-text-label-size: 12px;--fs-text-label-weight: 600;--fs-text-label-tracking: 1.4px;--fs-text-label-transform: uppercase;--fs-text-metric-size: 56px;--fs-text-metric-weight: 700;--fs-text-metric-tracking: -2px;--fs-motion-spring: cubic-bezier(.175, .885, .32, 1.15);--fs-motion-ease: cubic-bezier(.25, .1, .25, 1);--fs-motion-duration: .35s}[data-tone=light]{--fs-bg: #CFB3A7;--fs-bg-gradient: radial-gradient(circle at 10% 10%, rgba(210, 184, 194, .35) 0%, transparent 50%), radial-gradient(circle at 90% 30%, rgba(175, 205, 226, .3) 0%, transparent 50%), linear-gradient(180deg, #E2DDD7 0%, #D8CFCA 50%, #CFB3A7 100%);--fs-surface: rgba(39, 35, 42, .14);--fs-surface-border: none;--fs-surface-shadow: 0 8px 24px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .2);--fs-surface-frosted: rgba(39, 35, 42, .14);--fs-control: rgba(0, 0, 0, .06);--fs-ink: #1C1917;--fs-ink2: #6B6560;--fs-ink3: #8C847D;--fs-hairline: rgba(28, 25, 23, .08);--fs-primary: #1C1917;--fs-on-primary: #FFFFFF;--fs-accent: #FF7A33;--fs-positive: #1F9D57;--fs-warning: #C27C0E;--fs-critical: #D93A3F;color-scheme:light}[data-tone=dusk]{--fs-bg: #111113;--fs-bg-gradient: radial-gradient(circle at top left, rgba(26, 42, 85, .25) 0%, transparent 400px), radial-gradient(circle at 95% 30%, rgba(74, 20, 16, .2) 0%, transparent 350px), linear-gradient(180deg, #151518 0%, #0d0d0f 50%, #111113 100%);--fs-surface: linear-gradient(180deg, rgba(28, 28, 30, .88) 0%, rgba(20, 20, 22, .88) 100%);--fs-surface-border: none;--fs-surface-shadow: 0 8px 24px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .08);--fs-surface-frosted: rgba(28, 28, 30, .75);--fs-control: rgba(255, 255, 255, .08);--fs-ink: #FAFAFC;--fs-ink2: #B5B5C1;--fs-ink3: #898995;--fs-hairline: rgba(255, 255, 255, .1);--fs-primary: #F2EEEA;--fs-on-primary: #141416;--fs-accent: #FF7A33;--fs-positive: #30D158;--fs-warning: #FFB020;--fs-critical: #FF5A5F;color-scheme:dark}[data-tone=ultra]{--fs-bg: #111113;--fs-bg-gradient: radial-gradient(circle at top left, rgba(26, 42, 85, .22) 0%, transparent 380px), radial-gradient(circle at 95% 30%, rgba(74, 20, 16, .18) 0%, transparent 340px), linear-gradient(180deg, #151518 0%, #0b0b0d 100%);--fs-surface: linear-gradient(180deg, rgba(28, 28, 30, .88) 0%, rgba(20, 20, 22, .88) 100%);--fs-surface-border: none;--fs-surface-shadow: 0 8px 24px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .08);--fs-surface-frosted: rgba(24, 24, 28, .75);--fs-control: rgba(255, 255, 255, .08);--fs-ink: #FAFAFC;--fs-ink2: #B5B5C1;--fs-ink3: #898995;--fs-hairline: rgba(255, 255, 255, .08);--fs-primary: #F2EEEA;--fs-on-primary: #141416;--fs-accent: #FF7A33;--fs-positive: #30D158;--fs-warning: #FFB020;--fs-critical: #FF5A5F;color-scheme:dark}[data-tone=night]{--fs-bg: #131216;--fs-bg-gradient: radial-gradient(circle at 10% 10%, rgba(39, 35, 42, .4) 0%, transparent 50%), radial-gradient(circle at 90% 30%, rgba(92, 48, 31, .3) 0%, transparent 50%), linear-gradient(180deg, #27232A 0%, #131216 100%);--fs-surface: linear-gradient(180deg, rgba(39, 35, 42, .85) 0%, rgba(24, 23, 27, .85) 100%);--fs-surface-border: none;--fs-surface-shadow: 0 8px 24px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .1);--fs-surface-frosted: rgba(24, 23, 27, .75);--fs-control: #222026;--fs-ink: #F4F1EE;--fs-ink2: #A39D97;--fs-ink3: #6F6862;--fs-hairline: rgba(255, 255, 255, .06);--fs-primary: #F2EEEA;--fs-on-primary: #131216;--fs-accent: #FF7A33;--fs-positive: #3FCB72;--fs-warning: #F2A93B;--fs-critical: #F0646A;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;font-family:var(--fs-font-family);background:var(--fs-bg-gradient);background-color:var(--fs-bg);background-attachment:fixed;color:var(--fs-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{font-family:inherit}@keyframes fs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fs-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fs-spring-up{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--fs-hairline);border-radius:var(--fs-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--fs-control)}
