*{font-family:Inter,sans-serif;box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;scrollbar-width:none;-ms-overflow-style:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}*::-webkit-scrollbar{display:none}img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,.selectable,.selectable *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}button,a,[role=button]{outline:none}body{padding:0;background:transparent;overflow-y:auto;--safe-top: env(safe-area-inset-top, 0px);--frame-height: max(var(--vh-px, 0px), 100dvh);--app-height: calc(var(--frame-height) - var(--safe-top));--app-radius: 0px}@media(min-width:641px){body{padding:0;background:var(--bg, #FFF0E6);overflow-y:auto;--frame-height: 100dvh;--app-height: 100dvh;--app-radius: 0px}}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}p{text-wrap:pretty}:root{--text-title-lg: 48px;--text-title-reg: 40px;--text-title-sm: 22px;--text-title-xs: 16px;--text-body-sm: 14px;--text-body-xs: 12px;--text-body-xxs: 10px;--weight-black: 900;--weight-bold: 700;--weight-medium: 500;--weight-regular: 400;--leading-tight: 1.1;--leading-snug: 1.2;--leading-normal: 1.5;--radius-none: 0px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--radius-sheet: 24px;--padding-screen: 16px;--padding-card: 14px;--gap-cards: 8px;--gap-sections: 14px;--space-3xs: 2px;--space-2xs: 4px;--space-2xs-plus: 6px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-md-lg: 20px;--space-lg: 24px;--space-lg-xl: 28px;--space-xl: 32px;--space-2xl: 40px;--space-3xl: 56px;--space-content: 100px;--space-content-lg: 120px;--cream: #FFF0E6;--cream-card: #EDE8DF;--black: #1A1A1A;--black-800: #2B2B2B;--white: #FFFFFF;--white-800: #CCCCCC;--black-soft: #333333;--grey: #888888;--grey-light: #AAAAAA;--shadow-card: 0 2px 12px rgba(0,0,0,.08);--shadow-sheet: 0 -4px 24px rgba(0,0,0,.15);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .4s ease}[data-mood=joy]{--bg: #1A1AFF;--accent: #FFD60A;--accent-shade: #E5C109;--text-primary: #FFFFFF;--text-secondary: rgba(255,255,255,.65);--text-tertiary: rgba(255,255,255,.35);--card-bg: rgba(255,255,255,.13);--card-border: rgba(255,255,255,.18);--card-selected-bg: #FFD60A;--card-selected-text: #1A1AFF;--card-selected-border: #FFD60A;--btn-primary-bg: #FFD60A;--btn-primary-text: #1A1AFF;--btn-secondary-bg: rgba(255,255,255,.12);--btn-secondary-text: rgba(255,255,255,.85);--btn-secondary-border: rgba(255,255,255,.2);--progress-dot-active: #FFD60A;--progress-dot-inactive: rgba(255,255,255,.25);--why-border: #FFD60A;--why-label: #FFD60A;--why-text: rgba(255,255,255,.88);--chip-bg: rgba(255,255,255,.12);--chip-border: rgba(255,255,255,.2);--chip-text: rgba(255,255,255,.85)}[data-mood=intense]{--bg: #FF4D1C;--accent: #1A1A1A;--accent-shade: #000000;--text-primary: #1A1A1A;--text-secondary: rgba(26,26,26,.65);--text-tertiary: rgba(26,26,26,.35);--card-bg: rgba(255,255,255,.32);--card-border: rgba(255,255,255,.32);--card-selected-bg: #1A1A1A;--card-selected-text: #FFFFFF;--card-selected-border: #1A1A1A;--btn-primary-bg: #1A1A1A;--btn-primary-text: #FFFFFF;--btn-secondary-bg: rgba(26,26,26,.08);--btn-secondary-text: rgba(26,26,26,.7);--btn-secondary-border: rgba(26,26,26,.15);--progress-dot-active: #1A1A1A;--progress-dot-inactive: rgba(26,26,26,.2);--why-border: #1A1A1A;--why-label: #1A1A1A;--why-text: rgba(26,26,26,.8);--chip-bg: rgba(26,26,26,.08);--chip-border: rgba(26,26,26,.12);--chip-text: rgba(26,26,26,.75)}[data-mood=tender]{--bg: #FFB7D0;--accent: #C0003C;--accent-shade: #A60034;--text-primary: #C0003C;--text-secondary: rgba(192,0,60,.65);--text-tertiary: rgba(192,0,60,.35);--card-bg: rgba(255,255,255,.4);--card-border: rgba(192,0,60,.12);--card-selected-bg: #C0003C;--card-selected-text: #FFFFFF;--card-selected-border: #C0003C;--btn-primary-bg: #C0003C;--btn-primary-text: #FFFFFF;--btn-secondary-bg: rgba(255,255,255,.35);--btn-secondary-text: rgba(192,0,60,.7);--btn-secondary-border: rgba(192,0,60,.15);--progress-dot-active: #C0003C;--progress-dot-inactive: rgba(192,0,60,.2);--why-border: #C0003C;--why-label: #C0003C;--why-text: rgba(192,0,60,.8);--chip-bg: rgba(255,255,255,.4);--chip-border: rgba(192,0,60,.12);--chip-text: rgba(192,0,60,.8)}[data-mood=reflective]{--bg: #1B2CC1;--accent: #A8FF3E;--accent-shade: #86CC32;--text-primary: #A8FF3E;--text-secondary: rgba(168,255,62,.65);--text-tertiary: rgba(168,255,62,.35);--card-bg: rgba(255,255,255,.32);--card-border: rgba(255,255,255,.32);--card-text: #1A1A1A;--card-selected-bg: #A8FF3E;--card-selected-text: #1A1A1A;--card-selected-border: #A8FF3E;--btn-primary-bg: #A8FF3E;--btn-primary-text: #1A3300;--btn-secondary-bg: rgba(255,255,255,.1);--btn-secondary-text: rgba(197,204,255,.85);--btn-secondary-border: rgba(197,204,255,.2);--progress-dot-active: #A8FF3E;--progress-dot-inactive: rgba(197,204,255,.25);--why-border: #A8FF3E;--why-label: #A8FF3E;--why-text: rgba(232,234,255,.88);--chip-bg: rgba(255,255,255,.1);--chip-border: rgba(197,204,255,.2);--chip-text: rgba(232,234,255,.85)}[data-mood=curious]{--bg: #1DB954;--accent: #FFFF66;--accent-shade: #E5E55C;--text-primary: #FFFF66;--text-secondary: rgba(255,255,102,.7);--text-tertiary: rgba(255,255,102,.35);--card-bg: rgba(255,255,255,.18);--card-border: rgba(255,255,255,.22);--card-text: #1A1A1A;--card-selected-bg: #FFFF66;--card-selected-text: #1A1A1A;--card-selected-border: #FFFF66;--btn-primary-bg: #FFFF66;--btn-primary-text: #1A2A00;--btn-secondary-bg: rgba(255,255,255,.15);--btn-secondary-text: rgba(255,255,102,.85);--btn-secondary-border: rgba(255,255,102,.2);--progress-dot-active: #FFFF66;--progress-dot-inactive: rgba(255,255,255,.25);--why-border: #FFFF66;--why-label: #FFFF66;--why-text: rgba(255,255,102,.88);--chip-bg: rgba(255,255,255,.18);--chip-border: rgba(255,255,255,.22);--chip-text: rgba(255,255,102,.85)}[data-mood=sad]{--bg: #2D1B69;--accent: #D4AAFF;--accent-shade: #AA88CC;--text-primary: #D4AAFF;--text-secondary: rgba(212,170,255,.7);--text-tertiary: rgba(212,170,255,.35);--card-bg: rgba(255,255,255,.08);--card-border: rgba(212,170,255,.2);--card-selected-bg: #D4AAFF;--card-selected-text: #2D1B69;--card-selected-border: #D4AAFF;--btn-primary-bg: #D4AAFF;--btn-primary-text: #2D1B69;--btn-secondary-bg: rgba(255,255,255,.08);--btn-secondary-text: rgba(212,170,255,.85);--btn-secondary-border: rgba(212,170,255,.2);--progress-dot-active: #D4AAFF;--progress-dot-inactive: rgba(212,170,255,.25);--why-border: #D4AAFF;--why-label: #D4AAFF;--why-text: rgba(232,224,255,.88);--chip-bg: rgba(255,255,255,.08);--chip-border: rgba(212,170,255,.2);--chip-text: rgba(232,224,255,.85)}[data-mood=surprise]{--bg: #FFF0E6;--accent: #111111;--text-primary: #111111;--text-secondary: rgba(17,17,17,.65);--text-tertiary: rgba(17,17,17,.35);--card-bg: rgba(17,17,17,.06);--card-border: rgba(17,17,17,.12);--card-selected-bg: #111111;--card-selected-text: #FFF0E6;--card-selected-border: #111111;--btn-primary-bg: #111111;--btn-primary-text: var(--white);--btn-secondary-bg: rgba(17,17,17,.08);--btn-secondary-text: rgba(17,17,17,.85);--chip-bg: rgba(17,17,17,.1);--chip-border: rgba(17,17,17,.15);--chip-text: #111111}