:root{--kodo-navy: #252A34;--kodo-teal: #08D9D6;--kodo-pink: #FF2E63;--kodo-mist: #EAEAEA;--kodo-white: #FFFFFF;--pink-50: #FFE9EF;--pink-100: #FFC9D8;--pink-500: #FF2E63;--pink-600: #E61D50;--pink-700: #C31240;--teal-100: #C9F7F6;--teal-500: #08D9D6;--teal-600: #06B3B0;--navy-900: #1B1F27;--navy-800: #252A34;--navy-700: #333844;--navy-600: #454B59;--deep-blue: #082652;--gray-0: #FFFFFF;--gray-50: #F2F2F7;--gray-100: #E5E5EA;--gray-200: #D1D1D6;--gray-300: #C7C7CC;--gray-400: #AEAEB2;--gray-500: #8E8E93;--gray-600: #636366;--gray-700: #3A3A3C;--gray-900: #1C1C1E;--black: #000000;--green: #34C759;--blue: #0A84FF;--indigo: #5E5CE6;--orange: #FF9F0A;--red: #FF3B30;--accent: var(--pink-500);--accent-hover: var(--pink-600);--accent-press: var(--pink-700);--accent-soft: rgba(255,46,99,.12);--accent-ring: rgba(255,46,99,.15);--accent-2: var(--teal-500);--surface-app: var(--gray-50);--surface-card: #FFFFFF;--surface-raised: #FFFFFF;--surface-sunken: var(--gray-100);--hairline: rgba(60,60,67,.14);--fill-subtle: rgba(120,120,128,.08);--surface-dark: var(--navy-800);--surface-dark-card: rgba(255,255,255,.06);--surface-dark-card-2: rgba(255,255,255,.05);--hairline-dark: rgba(255,255,255,.12);--text-primary: #1C1C1E;--text-secondary: #8E8E93;--text-tertiary: rgba(60,60,67,.3);--text-on-accent: #FFFFFF;--text-on-dark: #FFFFFF;--text-on-dark-soft: rgba(255,255,255,.75);--text-link: var(--deep-blue)}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-heavy: 800;--text-hero: 30px;--text-largetitle: 34px;--text-title3: 20px;--text-headline: 18px;--text-body: 16px;--text-subhead: 15px;--text-callout: 14px;--text-footnote: 13px;--text-caption: 12px;--text-caption2: 11px;--text-micro: 10px;--lh-tight: 1.15;--lh-snug: 1.3;--lh-normal: 1.45;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em}:root{--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 14px;--space-8: 16px;--space-9: 18px;--space-10: 20px;--space-12: 24px;--space-14: 26px;--space-16: 32px;--radius-xs: 8px;--radius-sm: 9px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 15px;--radius-2xl: 16px;--radius-3xl: 18px;--radius-4xl: 22px;--radius-5xl: 24px;--radius-pill: 999px;--shadow-card: 0 2px 8px rgba(0,0,0,.04);--shadow-preview: 0 4px 14px rgba(0,0,0,.06);--shadow-tile: 0 3px 6px rgba(0,0,0,.1);--shadow-logo: 0 2px 5px rgba(0,0,0,.18);--shadow-accent-glow: 0 3px 6px rgba(255,46,99,.35);--shadow-teal-glow: 0 3px 6px rgba(8,217,214,.35);--blur-material: saturate(180%) blur(20px);--material-light: rgba(242,242,247,.72);--material-dark: rgba(37,42,52,.72);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-in-out: cubic-bezier(.42, 0, .58, 1);--dur-fast: .15s;--dur-base: .3s;--dur-laser: 1.6s;--tabbar-height: 83px;--hit-min: 44px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-app);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit}input,textarea{font:inherit}:root{--safe-bottom: env(safe-area-inset-bottom, 0px)}