@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap";:root{--app-width: 390px;--color-primary: #00707E;--color-primary-dark: #004F58;--color-primary-light: #B8E0E3;--color-primary-surface: #E8F4F5;--color-secondary: #E56965;--color-secondary-dark: #C04D49;--color-secondary-light: #F5BFBC;--color-secondary-surface: #FCEDEC;--color-background: #FAFCFC;--color-surface: #E8F4F5;--color-surface-2: #FFFFFF;--color-text-primary: #0F2A2E;--color-text-secondary: #5A6770;--color-text-tertiary: #97A1A8;--color-text-disabled: #C5CBD0;--color-text-inverse: #FFFFFF;--color-border: #DCE5E6;--color-border-strong: #B8C5C7;--color-border-focus: #00707E;--color-icon-default: #5A6770;--color-icon-active: #00707E;--color-error: #D94B47;--color-error-surface: #FCEAE9;--color-success: #2E8B6F;--color-success-surface: #DDF1E9;--color-warning: #D88A2C;--color-warning-surface: #FBEFD9;--color-info: #00707E;--color-info-surface: #E8F4F5;--color-pain-0: #2E8B6F;--color-pain-3: #8FBE5C;--color-pain-5: #E6B752;--color-pain-7: #E58A52;--color-pain-10: #E56965;--gradient-hero: linear-gradient(180deg, #B8E0E3 0%, var(--color-surface) 45%, var(--color-background) 100%);--gradient-hero-strong: linear-gradient(180deg, #9CD4D9 0%, var(--color-primary-light) 40%, var(--color-background) 100%);--gradient-coral: linear-gradient(135deg, #F08883 0%, var(--color-secondary) 50%, #C04D49 100%);--gradient-teal: linear-gradient(135deg, #00707E 0%, #004F58 100%);--glass-blur: 20px;--glass-opacity: .85;--glass-saturate: 1.4;--glass-border: 1px solid rgba(255, 255, 255, .5);--glass-background: rgba(255, 255, 255, .85);--glass-background-dark: rgba(15, 42, 46, .65);--glass-background-header: rgba(250, 252, 252, .85);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-base: 12px;--spacing-md: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--spacing-4xl: 64px;--card-gap: 12px;--section-gap: 24px;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 32px;--radius-full: 9999px;--radius-pill: 9999px;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(15, 42, 46, .06);--shadow-md: 0 4px 12px rgba(15, 42, 46, .08);--shadow-lg: 0 12px 32px rgba(15, 42, 46, .12);--shadow-primary: 0 8px 24px rgba(0, 112, 126, .25);--shadow-coral: 0 8px 24px rgba(229, 105, 101, .28);--shadow-modal: 0 24px 48px rgba(15, 42, 46, .18);--font-family-base: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-display: "DM Sans", system-ui, -apple-system, sans-serif;--font-family-mono: "SF Mono", "Fira Code", monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-body: 16px;--font-size-md: 17px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 32px;--font-size-display: 40px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-base: 1.45;--line-height-relaxed: 1.65;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .04em;--transition-fast: .16s;--transition-base: .24s;--transition-slow: .38s;--transition-spring: .48s;--motion-duration-fast: .2s;--motion-duration-base: .38s;--motion-duration-long: .48s;--ease-out-strong: cubic-bezier(.18, 1.25, .4, 1);--ease-in-out-strong: cubic-bezier(.45, 0, .55, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--ease-spring: cubic-bezier(.18, 1.25, .4, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--card-bg: #FFFFFF;--card-border: 1px solid var(--color-border);--card-shadow: none;--card-radius: var(--radius-md);--card-padding: 16px;--button-radius: var(--radius-pill);--button-padding-y: 14px;--button-padding-x: 24px;--button-press-scale: .97;--screen-padding: 16px;--screen-padding-top: 18px;--header-height: 56px;--tab-bar-height: 72px;--touch-target-min: 44px;--content-max-width: 390px;--z-base: 0;--z-elevated: 10;--z-header: 100;--z-tab-bar: 100;--z-overlay: 900;--z-modal: 1000;--z-toast: 1100;--z-tooltip: 1200}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{min-height:100vh;overscroll-behavior-y:none}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}.tap-highlight-off{-webkit-tap-highlight-color:transparent}.press-scale{transition:transform var(--transition-fast) var(--ease-out-strong)}.press-scale:active{transform:scale(var(--button-press-scale))}.glass{background:var(--glass-background);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:var(--glass-border)}.hero-gradient{background:var(--gradient-hero)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes ty-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ty-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ty-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes ty-spring-pop{0%{opacity:0;transform:scale(.92)}60%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes ty-slide-up{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes ty-pulse-teal{0%,to{box-shadow:0 0 #00707e66}50%{box-shadow:0 0 0 12px #00707e00}}.entry-fade-up{animation:ty-fade-up var(--motion-duration-base) var(--ease-out-strong) both}.entry-fade-in{animation:ty-fade-in var(--motion-duration-base) var(--ease-soft) both}.entry-scale{animation:ty-scale-in var(--motion-duration-base) var(--ease-out-strong) both}.entry-pop{animation:ty-spring-pop var(--motion-duration-long) var(--ease-pop) both}.entry-slide-up{animation:ty-slide-up var(--motion-duration-base) var(--ease-out-strong) both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
