*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px}[data-theme=light]{--now-primary: #B5654A;--now-bg: #FDF9F7;--now-bg-gradient-from: #FFFFFF;--now-bg-gradient-to: #FDF6F2;--now-accent: #9C4F38;--now-stripe: #B5654A;--now-chip: #F5EBE6;--now-chip-text: #7C3E28;--now-title: #3B2016;--now-secondary: #8C7568;--now-icon-bg: rgba(181,101,74,.08);--soon-primary: #6B8F71;--soon-bg: #F7FAF8;--soon-bg-gradient-from: #FFFFFF;--soon-bg-gradient-to: #F2F7F3;--soon-accent: #4A6E50;--soon-stripe: #6B8F71;--soon-chip: #E8F0EA;--soon-chip-text: #3A5C40;--soon-title: #1E3324;--soon-secondary: #5E7A64;--soon-icon-bg: rgba(107,143,113,.08);--later-primary: #7B8FA8;--later-bg: #F7F9FB;--later-bg-gradient-from: #FFFFFF;--later-bg-gradient-to: #F0F4F8;--later-accent: #566B82;--later-stripe: #7B8FA8;--later-chip: #E6ECF2;--later-chip-text: #3E5068;--later-title: #1E2A3A;--later-secondary: #6B7F94;--later-icon-bg: rgba(123,143,168,.08);--surface: #F9F8F6;--surface-raised: #FFFFFF;--border: #E8E5E0;--border-subtle: #F2F0EC;--text-primary: #1C1917;--text-secondary: #78716C;--text-tertiary: #A8A29E;--accent-interactive: #0D6E6E;--accent-interactive-hover: #0A5858;--accent-interactive-light: #E6F3F3;--accent-interactive-glow: rgba(13,110,110,.25);--sheet-bg: #FFFFFF;--sheet-shadow: 0 -8px 40px rgba(0,0,0,.12);--sheet-handle: #E5E7EB;--backdrop: rgba(0,0,0,.3);--chip-what-bg: #E6ECF2;--chip-what-text: #3E5068;--chip-what-border: #C8D5E2;--chip-when-bg: #F5EBE6;--chip-when-text: #7C3E28;--chip-when-border: #E0CCC3;--chip-why-bg: #E8F0EA;--chip-why-text: #3A5C40;--chip-why-border: #C8D8CC;--shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 2px 8px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);--shadow-lg: 0 4px 12px rgba(0,0,0,.08), 0 8px 32px rgba(0,0,0,.06);--status-bar-text: #1C1917;--notch-bg: #000}[data-theme=dark]{--now-primary: #D4896E;--now-bg: #1E1714;--now-bg-gradient-from: #1C1512;--now-bg-gradient-to: #231A16;--now-accent: #D4896E;--now-stripe: #D4896E;--now-chip: #2E201A;--now-chip-text: #E8A88E;--now-title: #F2E0D6;--now-secondary: #A08979;--now-icon-bg: rgba(212,137,110,.12);--soon-primary: #8AB490;--soon-bg: #141C16;--soon-bg-gradient-from: #131A14;--soon-bg-gradient-to: #182019;--soon-accent: #8AB490;--soon-stripe: #8AB490;--soon-chip: #1A261C;--soon-chip-text: #A8D4AE;--soon-title: #D6EED9;--soon-secondary: #7A9E80;--soon-icon-bg: rgba(138,180,144,.12);--later-primary: #96A8BE;--later-bg: #14181E;--later-bg-gradient-from: #13171C;--later-bg-gradient-to: #181E26;--later-accent: #96A8BE;--later-stripe: #96A8BE;--later-chip: #1C222C;--later-chip-text: #B0C4DA;--later-title: #D4E0EE;--later-secondary: #7E92A8;--later-icon-bg: rgba(150,168,190,.12);--surface: #121212;--surface-raised: #1A1A1A;--border: #2A2A2A;--border-subtle: #1E1E1E;--text-primary: #ECECEC;--text-secondary: #8A8A8A;--text-tertiary: #5A5A5A;--accent-interactive: #14B8A6;--accent-interactive-hover: #0D9488;--accent-interactive-light: #132D2A;--accent-interactive-glow: rgba(20,184,166,.3);--sheet-bg: #1A1A1A;--sheet-shadow: 0 -8px 40px rgba(0,0,0,.5);--sheet-handle: #333;--backdrop: rgba(0,0,0,.6);--chip-what-bg: #1C222C;--chip-what-text: #B0C4DA;--chip-what-border: #2A3444;--chip-when-bg: #2E201A;--chip-when-text: #E8A88E;--chip-when-border: #3E2A20;--chip-why-bg: #1A261C;--chip-why-text: #A8D4AE;--chip-why-border: #243428;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 2px 8px rgba(0,0,0,.3);--shadow-lg: 0 4px 12px rgba(0,0,0,.4);--status-bar-text: #ECECEC;--notch-bg: #000}body{font-family:var(--font-sans);background:#1a1a2e;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.phone-frame,.phone-frame *{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.phone-frame{width:393px;height:852px;background:var(--surface);border-radius:48px;overflow:hidden;position:relative;box-shadow:0 0 0 2px #2a2a3e,0 0 0 6px #1a1a2e,0 0 0 8px #333,0 20px 60px #00000080}.phone-frame:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:126px;height:34px;background:var(--notch-bg);border-radius:0 0 20px 20px;z-index:100}::-webkit-scrollbar{width:0}