:root{--app-width: 390px;--color-primary: #3070B3;--color-primary-dark: #072140;--color-primary-black: #041426;--color-primary-light: #D6E7F7;--color-primary-surface: #F0F5FA;--color-primary-100: #F0F5FA;--color-primary-200: #D6E7F7;--color-primary-300: #B0CEEE;--color-primary-400: #8AB4E2;--color-primary-500: #5E94D4;--color-primary-600: #3070B3;--color-primary-700: #165DB1;--color-primary-800: #104489;--color-primary-900: #0A2D57;--color-background: #F8F9FA;--color-surface: #FFFFFF;--color-surface-2: #F8F9FA;--color-text-primary: #20252A;--color-text-secondary: #6F7984;--color-text-tertiary: #8A96A2;--color-text-disabled: #C0C9D2;--color-text-inverse: #FFFFFF;--color-text-on-primary: #FFFFFF;--color-border: #DBE1E7;--color-border-strong: #C0C9D2;--color-border-focus: #3070B3;--color-icon-default: #8A96A2;--color-icon-active: #3070B3;--color-icon-muted: #C0C9D2;--color-grey-1: #20252A;--color-grey-2: #3A4148;--color-grey-3: #555D66;--color-grey-4: #6F7984;--color-grey-5: #8A96A2;--color-grey-6: #A5B0BA;--color-grey-7: #C0C9D2;--color-grey-8: #DBE1E7;--color-grey-9: #F8F9FA;--color-accent-yellow: #FED702;--color-accent-orange: #F7B11E;--color-accent-pink: #B55CA5;--color-accent-blue-soft: #8F81EA;--color-accent-blue-mid: #4E85E9;--color-accent-green: #9FBA36;--color-success: #9FBA36;--color-success-surface: #F3F8E6;--color-success-text: #5C7020;--color-warning: #F7B11E;--color-warning-surface: #FEF6E0;--color-warning-text: #8C6000;--color-error: #EA7237;--color-error-surface: #FDF0E9;--color-error-text: #8C3A00;--color-info: #3070B3;--color-info-surface: #E8F1FB;--gradient-hero: linear-gradient( 180deg, var(--color-primary-light) 0%, var(--color-primary-surface) 45%, var(--color-background) 100% );--gradient-splash: linear-gradient( 160deg, var(--color-primary-dark) 0%, var(--color-primary-black) 100% );--gradient-card-overlay: linear-gradient( 180deg, transparent 0%, rgba(4, 20, 38, .45) 100% );--glass-blur: 8px;--glass-opacity: .1;--glass-saturate: 1.4;--glass-border: rgba(255, 255, 255, .15);--glass-background: rgba(255, 255, 255, .08);--glass-background-header: rgba(248, 249, 250, .85);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .06);--shadow-primary: 0 4px 12px rgba(48, 112, 179, .2);--font-family-base: "Arial", "Helvetica Neue", Helvetica, sans-serif;--font-family-mono: "SF Mono", "Fira Code", "Consolas", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 18px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 32px;--font-size-4xl: 40px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-base: 1.45;--line-height-relaxed: 1.65;--letter-spacing-tight: -.3px;--letter-spacing-normal: 0px;--letter-spacing-wide: .5px;--transition-fast: .16s ease;--transition-base: .35s ease-out;--transition-slow: .5s ease-in-out;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--ease-out-strong: cubic-bezier(.16, 1, .3, 1);--ease-in-out-strong: cubic-bezier(.45, 0, .55, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-instant: .1s;--duration-fast: .2s;--duration-base: .35s;--duration-slow: .5s;--duration-xslow: .7s;--screen-padding: 16px;--screen-padding-top: 18px;--section-gap: var(--spacing-xl);--section-gap-sm: var(--spacing-lg);--header-height: 56px;--tab-bar-height: 83px;--touch-target-min: 44px;--content-max-width: 390px;--perma-p-color: var(--color-accent-yellow);--perma-e-color: var(--color-accent-orange);--perma-r-color: var(--color-accent-pink);--perma-m-color: var(--color-accent-blue-soft);--perma-a-color: var(--color-accent-green);--mood-1-color: #EA7237;--mood-2-color: #F7B11E;--mood-3-color: #FED702;--mood-4-color: #9FBA36;--mood-5-color: #3070B3}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{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;-webkit-text-size-adjust:100%}body{min-height:100vh;background-color:var(--color-grey-2);display:flex;align-items:center;justify-content:center}.text-h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.text-h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.text-h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:1.3}.text-body{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.text-small{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-text-secondary)}.text-caption{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-text-tertiary)}.text-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary)}.scroll-x{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.scroll-x::-webkit-scrollbar{display:none}.scroll-y{overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.scroll-y::-webkit-scrollbar{display:none}.animate-entry{opacity:0;transform:translateY(8px)}.animate-entry.visible{opacity:1;transform:translateY(0);transition:opacity var(--duration-base) var(--ease-out-strong),transform var(--duration-base) var(--ease-out-strong)}.press-scale{transition:transform var(--duration-instant) var(--ease-out-strong)}.press-scale:active{transform:scale(.97)}.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:1px solid var(--glass-border)}.glass-header{background:var(--glass-background-header);backdrop-filter:blur(12px) saturate(1.6);-webkit-backdrop-filter:blur(12px) saturate(1.6);border-bottom:1px solid var(--color-border)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}