@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--app-width: 390px;--color-primary: #00707E;--color-primary-dark: #005A66;--color-primary-light: #1AA1A8;--color-primary-surface: #E8F4F5;--color-primary-pale: #B3E0E3;--color-secondary: #E56965;--color-secondary-dark: #CC4F4B;--color-secondary-light: #F0918D;--color-background: #F8FAFB;--color-surface: #FFFFFF;--color-surface-2: #F0F4F5;--color-text-primary: #1A2026;--color-text-secondary: #6B7580;--color-text-tertiary: #9CA5AD;--color-text-disabled: rgba(26, 32, 38, .36);--color-text-inverse: #FFFFFF;--color-text-on-primary:#FFFFFF;--color-border: #E5E9EC;--color-border-strong:#C8CDD2;--color-border-focus: #00707E;--color-icon-default: #8E8E93;--color-icon-active: #00707E;--color-error: #DC2626;--color-error-surface: #FEF2F2;--color-success: #16A34A;--color-success-surface: #F0FDF4;--color-warning: #F59E0B;--color-warning-surface: #FFFBEB;--color-info: #2563EB;--color-info-surface: #EFF6FF;--gradient-hero: linear-gradient(180deg, #B3E0E3 0%, #D4EEF0 45%, var(--color-background) 100%);--glass-blur: 8px;--glass-opacity: .08;--glass-saturate: 180%;--glass-border: rgba(255, 255, 255, .12);--glass-background: rgba(255, 255, 255, .6);--glass-background-header: rgba(248, 250, 251, .85);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-subtle: 0px 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0px 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0px 2px 8px rgba(0, 112, 126, .08), 0px 1px 2px rgba(0, 0, 0, .04);--shadow-lg: 0px 4px 16px rgba(0, 112, 126, .12), 0px 2px 4px rgba(0, 0, 0, .06);--shadow-primary: 0px 4px 12px rgba(0, 112, 126, .3);--shadow-card: 0px 2px 8px rgba(0, 112, 126, .08), 0px 1px 2px rgba(0, 0, 0, .04);--shadow-elevated:0px 4px 16px rgba(0, 112, 126, .12), 0px 2px 4px rgba(0, 0, 0, .06);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-family-mono: "SF Mono", "Fira Code", monospace;--font-size-label: 11px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 17px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 32px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.15;--line-height-snug: 1.25;--line-height-base: 1.45;--line-height-relaxed: 1.55;--line-height-loose: 1.65;--letter-spacing-hero: -.5px;--letter-spacing-title: -.3px;--letter-spacing-heading: -.2px;--letter-spacing-card: -.1px;--letter-spacing-label: .3px;--letter-spacing-label-upper: .8px;--transition-fast: .15s ease;--transition-base: .25s ease-in-out;--transition-slow: .4s ease-in-out;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--ease-out-strong: cubic-bezier(.23, 1, .32, 1);--ease-in-out-strong: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--screen-padding: 20px;--section-gap: 32px;--card-gap: 12px;--header-height: 56px;--tab-bar-height: 83px;--touch-target-min: 44px;--content-max-width: 390px;--tab-bar-background: rgba(255, 255, 255, .95);--tab-bar-border: rgba(0, 0, 0, .06);--tab-bar-safe-area: 34px;--tab-bar-icon-size: 49px;--input-height: 48px;--input-border: var(--color-border);--input-border-focus: var(--color-primary);--input-background: var(--color-surface);--input-radius: var(--radius-md);--input-padding: 0 var(--spacing-md);--btn-primary-bg: var(--color-primary);--btn-primary-text: var(--color-text-on-primary);--btn-primary-shadow: var(--shadow-primary);--btn-primary-radius: var(--radius-full);--btn-primary-height: 52px;--card-bg: var(--color-surface);--card-radius: var(--radius-lg);--card-shadow: var(--shadow-card);--card-padding: var(--spacing-md);--nav-header-bg: var(--color-surface);--nav-header-height: var(--header-height);--nav-header-border: var(--color-border)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--line-height-base)}#app-container{width:var(--app-width);height:100vh;margin:0 auto;position:relative;overflow:hidden;background-color:var(--color-background);box-shadow:0 0 60px #00000026}.pressable{transition:transform .16s var(--ease-out-strong);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pressable:active{transform:scale(.97)}.card-entry{animation:cardEntry .25s var(--ease-out-strong) both}@keyframes cardEntry{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.list-item:nth-child(1){animation-delay:0ms}.list-item:nth-child(2){animation-delay:40ms}.list-item:nth-child(3){animation-delay:80ms}.list-item:nth-child(4){animation-delay:.12s}.scroll-content{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-content::-webkit-scrollbar{display:none}.h-scroll{display:flex;gap:var(--spacing-sm);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.h-scroll::-webkit-scrollbar{display:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}