:root,[data-theme=dark]{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#080b11;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ht-bg-base: #080b11;--ht-bg-sidebar: #111622;--ht-bg-header: rgba(8, 11, 17, .82);--ht-bg-card: rgba(22, 31, 48, .4);--ht-bg-card-subtle: rgba(255, 255, 255, .04);--ht-bg-card-hover: rgba(255, 255, 255, .07);--ht-bg-card-elevated: #151c2d;--ht-bg-input: #141b26;--ht-text-primary: #f9fafb;--ht-text-secondary: #9ca3af;--ht-text-muted: #6b7280;--ht-border-subtle: rgba(255, 255, 255, .04);--ht-border-card: rgba(255, 255, 255, .05);--ht-border-hover: rgba(255, 255, 255, .16);--ht-modal-overlay: rgba(3, 6, 11, .88);--ht-modal-bg: #0d1117;--ht-modal-sidebar: #090d14;--ht-accent: #3b82f6;--ht-accent-hover: #2563eb;--ht-shadow-card: 0 4px 12px rgba(0, 0, 0, .1);--ht-scrollbar-thumb: #1f293d;--ht-bg-routine: linear-gradient(145deg, rgba(22, 31, 48, .2) 0%, rgba(13, 17, 23, .3) 100%);--ht-bg-routine-done: linear-gradient(145deg, rgba(16, 185, 129, .03) 0%, rgba(4, 120, 87, .05) 100%);--ht-bg-stat-card: linear-gradient(135deg, rgba(22, 31, 48, .4) 0%, rgba(13, 17, 23, .5) 100%);--ht-border-stat-card: rgba(255, 255, 255, .05);--ht-shadow-stat-card: 0 8px 32px rgba(0, 0, 0, .3);--ht-bg-surface: #111827;--ht-border-surface: #1f2937;--ht-bg-surface-hover: #1f2937;--ht-bg-btn-inactive: #1f2937;--ht-border-btn-inactive: #374151;--ht-text-btn-inactive: #9ca3af;--ht-bg-bottom-nav: rgba(13, 17, 26, .96);--ht-border-bottom-nav: rgba(255, 255, 255, .08);--ht-shadow-bottom-nav: 0 -4px 24px rgba(0, 0, 0, .5);--ht-color-scheme: dark}[data-theme=light],.theme-light{color-scheme:light;color:#0f172a;background-color:#f8fafc;--ht-bg-base: #f8fafc;--ht-bg-sidebar: #ffffff;--ht-bg-header: rgba(255, 255, 255, .95);--ht-bg-card: #ffffff;--ht-bg-card-subtle: #f1f5f9;--ht-bg-card-hover: #e2e8f0;--ht-bg-card-elevated: #ffffff;--ht-bg-input: #ffffff;--ht-text-primary: #0f172a;--ht-text-secondary: #334155;--ht-text-muted: #64748b;--ht-border-subtle: rgba(0, 0, 0, .06);--ht-border-card: rgba(0, 0, 0, .08);--ht-border-hover: rgba(0, 0, 0, .16);--ht-modal-overlay: rgba(15, 23, 42, .6);--ht-modal-bg: #ffffff;--ht-modal-sidebar: #f8fafc;--ht-accent: #2563eb;--ht-accent-hover: #1d4ed8;--ht-shadow-card: 0 2px 10px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .02);--ht-scrollbar-thumb: #cbd5e1;--ht-bg-routine: #ffffff;--ht-bg-routine-done: rgba(16, 185, 129, .06);--ht-bg-stat-card: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);--ht-border-stat-card: rgba(0, 0, 0, .08);--ht-shadow-stat-card: 0 2px 12px rgba(0, 0, 0, .06);--ht-bg-surface: #ffffff;--ht-border-surface: rgba(0, 0, 0, .08);--ht-bg-surface-hover: #f1f5f9;--ht-bg-btn-inactive: #f1f5f9;--ht-border-btn-inactive: rgba(0, 0, 0, .12);--ht-text-btn-inactive: #64748b;--ht-bg-bottom-nav: rgba(255, 255, 255, .95);--ht-border-bottom-nav: rgba(0, 0, 0, .08);--ht-shadow-bottom-nav: 0 -4px 20px rgba(0, 0, 0, .05);--ht-color-scheme: light}a{font-weight:500;color:#2563eb;text-decoration:inherit}a:hover{color:#1d4ed8}body{margin:0;background-color:var(--ht-bg-base);color:var(--ht-text-primary);transition:background-color .15s ease,color .15s ease}.ht-habit-checkbox{transition:all .2s cubic-bezier(.4,0,.2,1)}.ht-habit-checkbox:hover{transform:scale(1.08);box-shadow:0 0 10px #3b82f64d}.ht-habit-checkbox:active{transform:scale(.92)}.ht-analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px}@media(min-width:640px){.ht-analytics-grid{grid-template-columns:repeat(4,1fr)}}[data-theme=light] body:not(:has(.auth-split-wrapper)),[data-theme=light] #root:not(:has(.auth-split-wrapper)),[data-theme=light] .ht-app-layout{background:var(--ht-bg-base)!important;color:var(--ht-text-primary)!important}[data-theme=light] .ht-app-layout h1,[data-theme=light] .ht-app-layout h2,[data-theme=light] .ht-app-layout h3,[data-theme=light] .ht-app-layout h4,[data-theme=light] .ht-app-layout h5,[data-theme=light] .pm-modal h1,[data-theme=light] .pm-modal h2,[data-theme=light] .pm-modal h3,[data-theme=light] .habit-modal h1,[data-theme=light] .habit-modal h2,[data-theme=light] .routine-modal h1,[data-theme=light] .routine-modal h2,[data-theme=light] .todo-modal h1,[data-theme=light] .goal-modal h1,[data-theme=light] .upgrade-modal h1,[data-theme=light] .upgrade-modal h2,[data-theme=light] h1:not(.auth-title):not(.auth-split-wrapper *),[data-theme=light] h2:not(.auth-split-wrapper *),[data-theme=light] h3:not(.auth-split-wrapper *){color:var(--ht-text-primary)!important}.auth-split-wrapper,[data-theme=light] .auth-split-wrapper,.theme-light .auth-split-wrapper{color-scheme:dark!important;background:#080b11!important;color:#f3f4f6!important}.auth-split-wrapper h1,[data-theme=light] .auth-split-wrapper h1,.auth-split-wrapper .auth-title,[data-theme=light] .auth-split-wrapper .auth-title{color:#fff!important}.auth-split-wrapper .auth-subtitle,[data-theme=light] .auth-split-wrapper .auth-subtitle,.auth-split-wrapper .auth-label,[data-theme=light] .auth-split-wrapper .auth-label{color:#9ca3af!important}.auth-split-wrapper .auth-input,[data-theme=light] .auth-split-wrapper .auth-input{background:#1f293766!important;color:#fff!important;border-color:#1f2937!important}.auth-split-wrapper .auth-input::placeholder,[data-theme=light] .auth-split-wrapper .auth-input::placeholder{color:#4b5563!important}.auth-split-wrapper .auth-back-link,[data-theme=light] .auth-split-wrapper .auth-back-link{color:#4b5563!important}.auth-split-wrapper .auth-back-link:hover,[data-theme=light] .auth-split-wrapper .auth-back-link:hover{color:#f3f4f6!important}.auth-split-wrapper .auth-btn-google,[data-theme=light] .auth-split-wrapper .auth-btn-google{background:#1f293766!important;color:#d1d5db!important;border-color:#ffffff14!important}.auth-split-wrapper .auth-btn-google:hover,[data-theme=light] .auth-split-wrapper .auth-btn-google:hover{background:#1f2937b3!important;color:#fff!important}.auth-split-wrapper .auth-divider-text,[data-theme=light] .auth-split-wrapper .auth-divider-text{color:#4b5563!important}.auth-split-wrapper .mock-app-username,[data-theme=light] .auth-split-wrapper .mock-app-username,.auth-split-wrapper .mock-habit-name,[data-theme=light] .auth-split-wrapper .mock-habit-name{color:#f3f4f6!important}.auth-split-wrapper .mock-ai-widget-body,[data-theme=light] .auth-split-wrapper .mock-ai-widget-body{color:#cbd5e1!important}[data-theme=light] .ht-sidebar{background:var(--ht-bg-sidebar)!important;border-right-color:var(--ht-border-card)!important;box-shadow:2px 0 16px #00000008}[data-theme=light] .ht-sidebar-link{color:var(--ht-text-secondary)!important}[data-theme=light] .ht-sidebar-link:hover{color:var(--ht-text-primary)!important;background:var(--ht-bg-card-subtle)!important}[data-theme=light] .ht-sidebar-link.active{color:#fff!important;background:var(--ht-accent)!important;box-shadow:0 4px 12px #2563eb40!important}[data-theme=light] .ht-sidebar-footer{border-top-color:var(--ht-border-card)!important}[data-theme=light] .ht-header{background:var(--ht-bg-header)!important;border-bottom-color:var(--ht-border-card)!important;box-shadow:0 1px 3px #00000008}[data-theme=light] .ht-week-calendar-strip,[data-theme=light] .ht-progress-card,[data-theme=light] .ht-habit-card,[data-theme=light] .ht-routine-card{background:#fff!important;border-color:var(--ht-border-card)!important;box-shadow:var(--ht-shadow-card)!important}[data-theme=light] .ht-founder-banner{background:linear-gradient(90deg,#eff6ff,#ecfdf5)!important;border-bottom-color:#bfdbfe!important}[data-theme=light] .ht-founder-banner span{color:#1e3a8a!important}[data-theme=light] .pm-overlay{background:var(--ht-modal-overlay)!important}[data-theme=light] .pm-modal{background:var(--ht-modal-bg)!important;border-color:var(--ht-border-card)!important;box-shadow:0 24px 60px #0000001f!important}[data-theme=light] .pm-sidebar{background:var(--ht-modal-sidebar)!important;border-right-color:var(--ht-border-card)!important}[data-theme=light] .pm-content-wrapper{background:var(--ht-modal-bg)!important}[data-theme=light] .pm-content-body{color:var(--ht-text-primary)!important}[data-theme=light] .pm-card{background:#f8fafc!important;border-color:var(--ht-border-card)!important;box-shadow:0 1px 4px #00000005!important}[data-theme=light] .pm-input{background:#fff!important;border-color:#00000026!important;color:var(--ht-text-primary)!important}[data-theme=light] .pm-label{color:var(--ht-text-muted)!important}[data-theme=light] .pm-nav-btn{color:var(--ht-text-secondary)!important}[data-theme=light] .pm-nav-btn:hover{background:#0000000a!important;color:var(--ht-text-primary)!important}[data-theme=light] .pm-nav-btn.active{background:#2563eb1a!important;border-color:#2563eb4d!important;color:var(--ht-accent)!important}[data-theme=light] .pm-mobile-header{border-bottom-color:var(--ht-border-card)!important}[data-theme=light] .day-detail-overlay{background:var(--ht-modal-overlay)!important}[data-theme=light] .day-detail-container{background:#fff!important;border-color:var(--ht-border-card)!important;box-shadow:0 20px 40px #0000001a!important}[data-theme=light] .day-detail-header{background:#fff!important;border-bottom-color:var(--ht-border-card)!important}[data-theme=light] .habit-modal,[data-theme=light] .routine-modal,[data-theme=light] .goal-modal,[data-theme=light] .todo-modal,[data-theme=light] .upgrade-modal{background:#fff!important;border-color:var(--ht-border-card)!important;color:var(--ht-text-primary)!important;box-shadow:0 20px 40px #0000001f!important}[data-theme=light] .habit-modal input,[data-theme=light] .routine-modal input,[data-theme=light] .goal-modal input,[data-theme=light] .todo-modal input,[data-theme=light] textarea,[data-theme=light] select{background:#fff;border-color:#00000026;color:var(--ht-text-primary)}[data-theme=light] .calendar-container{background:#fff!important;border-color:var(--ht-border-card)!important}[data-theme=light] textarea[style*="background: transparent"]{color:var(--ht-text-primary)!important}[data-theme=light] div[style*="background: #111827"],[data-theme=light] div[style*="background:#111827"]{background:#fff!important;border-color:var(--ht-border-card)!important;box-shadow:var(--ht-shadow-card)!important}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--ht-scrollbar-thumb)!important}[data-theme=light] .ht-analytics-grid>div{background:linear-gradient(135deg,#fff,#f1f5f9)!important;border-color:#00000014!important;box-shadow:0 2px 12px #0000000f!important}[data-theme=light] .ht-analytics-grid>div div[style*='color: "#6b7280"'],[data-theme=light] .ht-analytics-grid>div div[style*="#6b7280"]{color:var(--ht-text-muted)!important}[data-theme=light] .ht-analytics-grid>div div[style*="#f9fafb"]{color:var(--ht-text-primary)!important}[data-theme=light] .ht-analytics-grid>div div[style*="#4b5563"]{color:var(--ht-text-muted)!important}[data-theme=light] .ht-analytics-chart{background:linear-gradient(135deg,#fff,#f1f5f9)!important;border-color:#00000014!important;box-shadow:0 2px 12px #0000000f!important}[data-theme=light] .ht-todo-item{background:#fff!important;border-color:#00000014!important;box-shadow:0 1px 3px #0000000a!important}[data-theme=light] .ht-todo-modal{background:#fff!important;border-color:#0000001f!important}[data-theme=light] .ht-todo-modal h2{color:var(--ht-text-primary)!important}[data-theme=light] .ht-btn-toggle-inactive{background:#f1f5f9!important;border-color:#0000001f!important;color:var(--ht-text-muted)!important}[data-theme=light] .ht-todo-checkbox:not(.ht-todo-checkbox--done){border-color:#0003!important}[data-theme=light] .ht-calendar-header{background:#fff!important;border-color:#00000014!important}[data-theme=light] .ht-calendar-header h2,[data-theme=light] .ht-calendar-header span{color:var(--ht-text-primary)!important}[data-theme=light] .ht-calendar-nav-btn{background:#f1f5f9!important;border-color:#0000001f!important;color:var(--ht-text-secondary)!important}[data-theme=light] .ht-calendar-grid-wrapper{border-color:#00000014!important;background:#fff!important}[data-theme=light] .ht-calendar-weekday-header{background:#f8fafc!important;border-bottom-color:#00000014!important}[data-theme=light] .ht-calendar-weekday-header>div{color:var(--ht-text-muted)!important}[data-theme=light] .ht-calendar-cell{border-color:#0000000a!important}[data-theme=light] .ht-calendar-cell:hover{background:#f1f5f9!important}[data-theme=light] .ht-day-detail-header{background:#fff!important;border-bottom-color:#00000014!important}[data-theme=light] .ht-day-detail-header h3{color:var(--ht-text-primary)!important}[data-theme=light] .ht-day-detail-section{background:#f8fafc!important;border-color:#00000014!important}[data-theme=light] .ht-day-detail-section h4{color:var(--ht-text-primary)!important}[data-theme=light] .upgrade-modal{background:#fff!important;border-color:#00000014!important}[data-theme=light] .upgrade-modal h2{color:var(--ht-text-primary)!important}[data-theme=light] .upgrade-modal p{color:var(--ht-text-secondary)!important}[data-theme=light] .ht-upgrade-features{background:#f8fafc!important;border-color:#00000014!important}[data-theme=light] .ht-upgrade-features span{color:var(--ht-text-secondary)!important}[data-theme=light] .ht-mobile-quick-actions{background:#f8fafc!important;border-color:#00000014!important}[data-theme=light] .ht-journal-card{background:#fff!important;border-color:#00000014!important;box-shadow:0 1px 3px #0000000a!important}[data-theme=light] input[type=date],[data-theme=light] input[type=time]{color-scheme:light!important}.ht-bottom-nav{background:var(--ht-bg-bottom-nav)!important;border-top-color:var(--ht-border-bottom-nav)!important;box-shadow:var(--ht-shadow-bottom-nav)!important}[data-theme=light] .ht-bottom-nav{background:#fffffff2!important;border-top-color:#00000014!important;box-shadow:0 -4px 20px #0000000d!important}[data-theme=light] .ht-bottom-nav-btn{color:var(--ht-text-muted)!important}[data-theme=light] .ht-bottom-nav-btn:hover{color:var(--ht-text-primary)!important}[data-theme=light] .ht-bottom-nav-btn.active{color:var(--ht-accent)!important}[data-theme=light] .ht-bottom-nav-btn.active svg{stroke:var(--ht-accent)!important}[data-theme=light] .ht-bottom-nav-btn.active span{color:var(--ht-accent)!important}[data-theme=light] .ht-mobile-quick-actions button:first-child{color:var(--ht-accent)!important;background:#2563eb14!important;border-color:#2563eb33!important}[data-theme=light] .ht-mobile-quick-actions button:nth-child(2){color:#7c3aed!important;background:#7c3aed14!important;border-color:#7c3aed33!important}[data-theme=light] .ob-container,.theme-light .ob-container{background:var(--ht-bg-base)!important;background-image:radial-gradient(at 50% 0%,rgba(37,99,235,.08) 0px,transparent 60%),radial-gradient(at 100% 100%,rgba(59,130,246,.04) 0px,transparent 50%)!important}[data-theme=light] .ob-ambient-glow,.theme-light .ob-ambient-glow{background:radial-gradient(circle,#2563eb12,#fff0 70%)!important}[data-theme=light] .ob-card,.theme-light .ob-card{background:#fff!important;border-color:#00000014!important;box-shadow:0 24px 60px -12px #00000014,0 0 0 1px #00000008 inset!important}[data-theme=light] .ob-logo-badge,.theme-light .ob-logo-badge{background:#f1f5f9!important;border-color:#00000014!important}[data-theme=light] .ob-logo-text,.theme-light .ob-logo-text,[data-theme=light] .ob-title,.theme-light .ob-title{color:var(--ht-text-primary)!important}[data-theme=light] .ob-subtitle,.theme-light .ob-subtitle{color:var(--ht-text-secondary)!important}[data-theme=light] .ob-feature-row,.theme-light .ob-feature-row{background:#f8fafc!important;border-color:#0000000f!important}[data-theme=light] .ob-feature-row:hover,.theme-light .ob-feature-row:hover{background:#f1f5f9!important;border-color:#0000001f!important}[data-theme=light] .ob-feature-icon,.theme-light .ob-feature-icon{background:#2563eb14!important;border-color:#2563eb33!important;color:#2563eb!important}[data-theme=light] .ob-feature-title,.theme-light .ob-feature-title{color:var(--ht-text-primary)!important}[data-theme=light] .ob-feature-desc,.theme-light .ob-feature-desc,[data-theme=light] .ob-btn-ghost,.theme-light .ob-btn-ghost{color:var(--ht-text-muted)!important}[data-theme=light] .ob-btn-ghost:hover,.theme-light .ob-btn-ghost:hover{color:var(--ht-text-primary)!important;background:#0000000a!important}[data-theme=light] .ob-close-btn,.theme-light .ob-close-btn{background:#0000000a!important;border-color:#00000014!important;color:var(--ht-text-muted)!important}[data-theme=light] .ob-close-btn:hover,.theme-light .ob-close-btn:hover{background:#00000014!important;color:var(--ht-text-primary)!important}[data-theme=light] .ob-input,.theme-light .ob-input{border-color:#00000026!important;background:#fff!important;color:var(--ht-text-primary)!important}[data-theme=light] .ob-input:focus,.theme-light .ob-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb26!important;background:#fff!important}[data-theme=light] .ob-avatar-placeholder,.theme-light .ob-avatar-placeholder{background:#f1f5f9!important;border-color:#00000029!important}[data-theme=light] .ob-label,.theme-light .ob-label,[data-theme=light] .ob-hint,.theme-light .ob-hint{color:var(--ht-text-muted)!important}