:root{--bg-primary: #F2F2F7;--bg-secondary: #FFFFFF;--bg-tertiary: #F9F9FB;--bg-elevated: #FFFFFF;--bg-tab-bar: rgba(255,255,255,.92);--text-primary: #1C1C1E;--text-secondary: #8E8E93;--text-tertiary: #C7C7CC;--accent-blue: #007AFF;--accent-green: #34C759;--accent-orange: #FF9500;--accent-red: #FF3B30;--accent-purple: #AF52DE;--separator: #F2F2F7;--border-light: #E5E5EA;--card-shadow: 0 1px 10px rgba(0,0,0,.06), 0 0 0 .5px rgba(0,0,0,.04);--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, sans-serif;--font-size-title: 26px;--font-weight-title: 700;--font-tracking-title: -.5px;--font-size-task-title: 22px;--font-weight-task-title: 700;--font-tracking-task-title: -.3px;--font-size-body: 15px;--font-weight-body: 500;--font-size-caption: 13px;--font-weight-caption: 500;--font-size-label: 12px;--font-weight-label: 600;--font-tracking-label: .6px;--font-size-tab: 10px;--font-weight-tab: 600;--radius-card: 20px;--radius-button: 14px;--radius-pill: 12px;--radius-sheet: 20px 20px 0 0;--radius-circle: 50%;--spacing-page: 20px;--spacing-card: 22px;--safe-area-bottom: 20px;--accent-blue-8: rgba(0,122,255,.08);--accent-blue-18: rgba(0,122,255,.18);--accent-green-8: rgba(52,199,89,.08);--accent-green-18: rgba(52,199,89,.18);--accent-orange-8: rgba(255,149,0,.08);--accent-orange-18: rgba(255,149,0,.18);--accent-red-8: rgba(255,59,48,.08);--accent-red-18: rgba(255,59,48,.18);--accent-purple-8: rgba(175,82,222,.08);--accent-purple-18: rgba(175,82,222,.18);--tint-focus: #F0F5FF;--tint-sprint: #FFF5F0;--nudge-bg: rgba(255,149,0,.1);--gradient-streak: linear-gradient(135deg, #FF6B35, #F7931E)}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #1C1C1E;--bg-tertiary: #2C2C2E;--bg-elevated: #2C2C2E;--bg-tab-bar: rgba(28,28,30,.92);--text-primary: #FFFFFF;--text-secondary: #98989D;--text-tertiary: #48484A;--accent-blue: #0A84FF;--accent-green: #30D158;--accent-orange: #FF9F0A;--accent-red: #FF453A;--accent-purple: #BF5AF2;--separator: #38383A;--border-light: #38383A;--card-shadow: 0 1px 10px rgba(0,0,0,.3), 0 0 0 .5px rgba(255,255,255,.05);--accent-blue-8: rgba(10,132,255,.08);--accent-blue-18: rgba(10,132,255,.18);--accent-green-8: rgba(48,209,88,.08);--accent-green-18: rgba(48,209,88,.18);--accent-orange-8: rgba(255,159,10,.08);--accent-orange-18: rgba(255,159,10,.18);--accent-red-8: rgba(255,69,58,.08);--accent-red-18: rgba(255,69,58,.18);--accent-purple-8: rgba(191,90,242,.08);--accent-purple-18: rgba(191,90,242,.18);--tint-focus: rgba(10,132,255,.12);--tint-sprint: rgba(255,159,10,.12);--nudge-bg: rgba(255,159,10,.12)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-primary: #000000;--bg-secondary: #1C1C1E;--bg-tertiary: #2C2C2E;--bg-elevated: #2C2C2E;--bg-tab-bar: rgba(28,28,30,.92);--text-primary: #FFFFFF;--text-secondary: #98989D;--text-tertiary: #48484A;--accent-blue: #0A84FF;--accent-green: #30D158;--accent-orange: #FF9F0A;--accent-red: #FF453A;--accent-purple: #BF5AF2;--separator: #38383A;--border-light: #38383A;--card-shadow: 0 1px 10px rgba(0,0,0,.3), 0 0 0 .5px rgba(255,255,255,.05);--accent-blue-8: rgba(10,132,255,.08);--accent-blue-18: rgba(10,132,255,.18);--accent-green-8: rgba(48,209,88,.08);--accent-green-18: rgba(48,209,88,.18);--accent-orange-8: rgba(255,159,10,.08);--accent-orange-18: rgba(255,159,10,.18);--accent-red-8: rgba(255,69,58,.08);--accent-red-18: rgba(255,69,58,.18);--accent-purple-8: rgba(191,90,242,.08);--accent-purple-18: rgba(191,90,242,.18);--tint-focus: rgba(10,132,255,.12);--tint-sprint: rgba(255,159,10,.12);--nudge-bg: rgba(255,159,10,.12)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.4}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}