*,:after,:before{box-sizing:border-box;margin:0;padding:0}#clerk-components{display:none!important}body,html{height:100%;overflow-x:clip;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--phoenix-ember:#FF6B35;--phoenix-flame-mid:#FF9F6B;--phoenix-flame-end:#FFCBA4;--phoenix-glow:rgba(255,107,53,0.3);--phoenix-glow-strong:rgba(255,107,53,0.5);--brand:#FF6B35;--brand-hover:#FF9F6B;--brand-muted:rgba(255,107,53,0.12);--brand-glow:rgba(255,107,53,0.3);--success:#27AE60;--success-muted:rgba(39,174,96,0.12);--success-muted-hover:rgba(39,174,96,0.24);--success-border:rgba(39,174,96,0.40);--warning:#F39C12;--warning-muted:rgba(243,156,18,0.12);--danger:#E74C3C;--danger-muted:rgba(231,76,60,0.12);--info:#5DADE2;--purple:#BB8FCE;--blue:#5DADE2;--bg:#FAFAF8;--bg-elevated:#FFFFFF;--bg-sunken:#F0EDE8;--text-primary:#1A1A17;--text-secondary:#4A4A45;--text-muted:#6E6E68;--text-tertiary:#8B8B82;--border:#D8D5CE;--border-subtle:#E5E2DC;--surface:#F5F3EF;--input-bg:#FFFFFF;--card-bg:#FFFFFF;--card-border:rgba(255,107,53,0.1);--card-shadow:0 2px 8px rgba(0,0,0,0.06);--glass-bg:rgba(255,255,255,0.6);--glass-border:rgba(255,255,255,0.5);--glass-phoenix:rgba(255,107,53,0.08);--glass-phoenix-medium:rgba(255,107,53,0.15);--pillar-body:#EF5350;--pillar-mind:#5C9CE6;--pillar-people:#CE93D8;--pillar-work:#FFB74D;--pillar-life:#66BB6A;--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.07),0 1px 3px rgba(0,0,0,0.05);--shadow-lg:0 12px 32px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.05);--shadow-xl:0 24px 48px rgba(0,0,0,0.14);--shadow-card:0 4px 12px rgba(0,0,0,0.08);--shadow-phoenix:0 4px 16px var(--phoenix-glow);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--background:#FFFFFF;--foreground:#1A1A17;--sidebar-background:rgba(250,250,248,0.85);--sidebar-border-color:#E5E2DC;--sidebar-color:#1A1A17;--sidebar-color-muted:#9C9C97;--sidebar-item-active-bg:rgba(255,107,53,0.12);--sidebar-item-active-color:#FF6B35;--brand-color:#FF6B35;--brand-color-hover:#FF9F6B;--brandColor:#FF6B35;--surfaceColor:#F5F3EF;--borderColor:#E5E2DC;--inputBackground:#FFFFFF;--gradient-phoenix:linear-gradient(135deg,#FF6B35,#FF9F6B 50%,#FFCBA4);--gradient-phoenix-subtle:linear-gradient(135deg,rgba(255,107,53,0.15),rgba(255,203,164,0.08));--surface-popover:linear-gradient(rgba(255,255,255,0.97),rgba(255,255,255,0.97)),linear-gradient(var(--bg),var(--bg));--shadow-popover:0 6px 28px rgba(0,0,0,0.14),0 0 0 1px rgba(0,0,0,0.06);--hover-overlay:rgba(0,0,0,0.04);--hover-overlay-strong:rgba(0,0,0,0.07);--press-overlay:rgba(0,0,0,0.09);--overlay-border:rgba(0,0,0,0.08);--overlay-border-strong:rgba(0,0,0,0.14);--app-width:390px;--app-min-width:320px;--app-max-width:560px;--scale-factor:1;--text-display:28px;--text-display-lg:1.75rem;--text-display-md:1.5rem;--text-display-sm:1.25rem;--text-h1:24px;--text-h2:20px;--text-h3:16px;--text-title:1.125rem;--text-body-lg:1.0625rem;--text-body:15px;--text-body-medium:15px;--text-body-semibold:15px;--text-body-sm:13px;--text-sm:13px;--text-sm-medium:13px;--text-sm-semibold:13px;--text-label-lg:1rem;--text-label:0.875rem;--text-label-sm:0.75rem;--text-xs:11px;--text-xs-semibold:11px;--text-xxs:9px;--text-xxs-bold:9px;--text-micro:8px;--mono-stat-lg:24px;--mono-stat-md:16px;--mono-stat-sm:13px;--mono-button:12px;--mono-label:10px;--mono-badge:11px;--font-display:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-badge:"Cinzel","Times New Roman",serif;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-0.01em;--tracking-normal:0;--tracking-wide:0.03em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--touch-min:44px;--touch-gap:8px;--z-base:0;--z-card:10;--z-sticky:100;--z-tray:200;--z-nav:300;--z-modal:400;--z-overlay:500;--z-toast:600;--z-tooltip:700;--z-dev-toggle:9999;--duration-instant:100ms;--duration-fast:200ms;--duration-normal:300ms;--duration-slow:500ms;--duration-phoenix:800ms;--ease-out:cubic-bezier(0.33,1,0.68,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1)}:root[data-mode=”web”]{--app-max-width:560px;--scale-factor:1.1}[data-theme=dark]{--phoenix-ember:#FF6B35;--phoenix-flame-mid:#FF9F6B;--phoenix-flame-end:#FFCBA4;--phoenix-glow:rgba(255,107,53,0.3);--phoenix-glow-strong:rgba(255,107,53,0.5);--brand:#FF6B35;--brand-hover:#FF9F6B;--brand-muted:rgba(255,107,53,0.15);--brand-glow:rgba(255,107,53,0.35);--success-muted:rgba(39,174,96,0.15);--success-muted-hover:rgba(39,174,96,0.28);--success-border:rgba(39,174,96,0.45);--warning-muted:rgba(243,156,18,0.15);--danger-muted:rgba(231,76,60,0.15);--bg:hsl(235 40% 11%);--bg-elevated:#1A1B3A;--bg-sunken:#0A0A18;--text-primary:rgba(255,255,255,0.9);--text-secondary:#B8BCC8;--text-muted:#7C7D8C;--text-tertiary:#5E5F6A;--border:rgba(255,255,255,0.1);--border-subtle:rgba(255,255,255,0.06);--surface:rgba(26,27,58,0.6);--input-bg:rgba(255,255,255,0.04);--input-border:rgba(255,255,255,0.08);--input-focus-border:color-mix(in srgb,var(--brand) 30%,transparent);--nebula-rgb:26,43,68;--card-bg:rgba(255,255,255,0.08);--card-border:rgba(255,255,255,0.14);--section-bg:rgba(255,255,255,0.05);--elevated-bg:rgba(255,255,255,0.10);--header-bg:rgba(255,255,255,0.06);--card-blur:blur(12px) saturate(1.4) brightness(1.18);--card-shadow:0 4px 24px rgba(0,0,0,0.18),0 0 0 0.5px rgba(255,255,255,0.12),inset 0 0.5px 0 rgba(255,255,255,0.10);--modal-bg:hsl(233 45% 15%);--surface-popover:linear-gradient(var(--modal-bg,rgba(20,22,48,0.85)),var(--modal-bg,rgba(20,22,48,0.85))),linear-gradient(rgb(15,15,30),rgb(15,15,30));--glass-bg:rgba(37,38,66,0.4);--glass-border:rgba(255,255,255,0.1);--glass-border-bright:rgba(255,255,255,0.15);--glass-phoenix:rgba(255,107,53,0.08);--glass-phoenix-medium:rgba(255,107,53,0.15);--glass-phoenix-strong:rgba(255,107,53,0.25);--zen-glass:rgba(255,255,255,0.015);--zen-glass-border:rgba(255,255,255,0.04);--shadow-xs:0 1px 2px rgba(0,0,0,0.2);--shadow-sm:0 2px 8px rgba(0,0,0,0.25);--shadow-md:0 4px 12px rgba(0,0,0,0.3);--shadow-lg:0 8px 24px rgba(0,0,0,0.35);--shadow-xl:0 24px 48px rgba(0,0,0,0.5);--shadow-card:0 2px 8px rgba(0,0,0,0.25);--shadow-phoenix:0 0 20px var(--phoenix-glow);--background:hsl(235 40% 11%);--foreground:rgba(255,255,255,0.9);--sidebar-background:rgba(255,255,255,0.03);--sidebar-border-color:rgba(255,255,255,0.08);--sidebar-color:rgba(255,255,255,0.9);--sidebar-color-muted:#7C7D8C;--sidebar-item-active-bg:rgba(255,107,53,0.15);--sidebar-item-active-color:#FF6B35;--brand-color:#FF6B35;--brand-color-hover:#FF9F6B;--brandColor:#FF6B35;--surfaceColor:#1A1B3A;--borderColor:rgba(255,255,255,0.1);--inputBackground:#1A1B3A;--gradient-phoenix:linear-gradient(135deg,#FF6B35,#FF9F6B 50%,#FFCBA4);--gradient-phoenix-subtle:linear-gradient(135deg,rgba(255,107,53,0.2),rgba(255,203,164,0.1));--shadow-popover:0 8px 32px rgba(0,0,0,0.4);--hover-overlay:rgba(255,255,255,0.06);--hover-overlay-strong:rgba(255,255,255,0.10);--press-overlay:rgba(255,255,255,0.12);--overlay-border:rgba(255,255,255,0.10);--overlay-border-strong:rgba(255,255,255,0.18)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--brand:#FF6B35;--brand-hover:#FF9F6B;--brand-muted:rgba(255,107,53,0.15);--brand-glow:rgba(255,107,53,0.35);--bg:#0F0F1E;--bg-elevated:#1A1B3A;--bg-sunken:#0A0A18;--text-primary:rgba(255,255,255,0.9);--text-secondary:#B8BCC8;--text-muted:#7C7D8C;--text-tertiary:#5E5F6A;--border:rgba(255,255,255,0.1);--border-subtle:rgba(255,255,255,0.06);--surface:rgba(26,27,58,0.6);--input-bg:rgba(255,255,255,0.04);--input-border:rgba(255,255,255,0.08);--input-focus-border:color-mix(in srgb,var(--brand) 30%,transparent);--nebula-rgb:26,43,68;--card-bg:rgba(36,49,91,0.44);--card-border:transparent;--section-bg:rgba(36,49,91,0.35);--elevated-bg:rgba(36,49,91,0.55);--header-bg:rgba(36,49,91,0.55);--card-blur:blur(1px);--glass-bg:rgba(37,38,66,0.4);--glass-border:rgba(255,255,255,0.1);--glass-border-bright:rgba(255,255,255,0.15);--glass-phoenix:rgba(255,107,53,0.08);--glass-phoenix-medium:rgba(255,107,53,0.15);--zen-glass:rgba(255,255,255,0.015);--zen-glass-border:rgba(255,255,255,0.04);--shadow-card:0 2px 8px rgba(0,0,0,0.25);--shadow-phoenix:0 0 20px var(--phoenix-glow);--background:#0F0F1E;--foreground:rgba(255,255,255,0.9);--sidebar-background:rgba(15,15,30,0.4);--sidebar-border-color:rgba(255,255,255,0.08);--sidebar-color:rgba(255,255,255,0.9);--sidebar-color-muted:#7C7D8C;--sidebar-item-active-bg:rgba(255,107,53,0.15);--sidebar-item-active-color:#FF6B35;--brand-color:#FF6B35;--brand-color-hover:#FF9F6B;--brandColor:#FF6B35;--surfaceColor:#1A1B3A;--borderColor:rgba(255,255,255,0.1);--inputBackground:#1A1B3A;--hover-overlay:rgba(255,255,255,0.06);--hover-overlay-strong:rgba(255,255,255,0.10);--press-overlay:rgba(255,255,255,0.12);--overlay-border:rgba(255,255,255,0.10);--overlay-border-strong:rgba(255,255,255,0.18)}}body{background:var(--bg);color:var(--text-primary);margin:0 auto}.phynix-heading-1{font-size:1.75rem;font-weight:300;line-height:1.3}.phynix-heading-1,.phynix-heading-2{letter-spacing:.02em;color:var(--text-primary)}.phynix-heading-2{font-size:1.5rem;font-weight:600}.phynix-heading-3{font-size:1.25rem;font-weight:600;letter-spacing:.03em;color:var(--text-primary)}.phynix-body{font-size:1rem;font-weight:400;letter-spacing:.02em;line-height:1.5;color:var(--text-secondary)}.phynix-caption{font-size:.875rem;letter-spacing:.03em}.phynix-caption,.phynix-label{font-weight:400;color:var(--text-muted)}.phynix-label{font-size:.6875rem;letter-spacing:.08em;text-transform:lowercase}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes pulse-dot{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.03)}}@keyframes vow-release-halo{0%{opacity:.7;transform:scale(0)}to{opacity:0;transform:scale(2.2)}}@keyframes habit-step-slide-in{0%{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}@keyframes why-evolved-card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.why-evolved-card{animation:why-evolved-card-in .56s cubic-bezier(.22,1,.36,1) backwards;will-change:opacity,transform}@media (prefers-reduced-motion:reduce){.why-evolved-card{animation:fadeIn .2s ease both}.habit-step-pane{animation:fadeIn .16s ease}}.habit-step-pane{animation:habit-step-slide-in .24s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}@keyframes onboarding-step-in{0%{opacity:0;transform:translateY(10px) scale(.985);filter:blur(6px)}60%{filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.onboarding-step{animation:onboarding-step-in .52s cubic-bezier(.22,1,.36,1) both;width:100%;display:flex;flex-direction:column;align-items:center}@media (prefers-reduced-motion:reduce){.onboarding-step{animation:fadeIn .18s ease both}}@keyframes page-transition-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:page-transition-in .38s cubic-bezier(.22,1,.36,1) both}@media (prefers-reduced-motion:reduce){.page-transition{animation:fadeIn .16s ease both}}@keyframes sparkle-float{0%{transform:scale(.8) translateY(10px);opacity:0}50%{transform:scale(1.1) translateY(-5px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes pulseDot{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes pulseCell{0%,to{box-shadow:0 0 0 0 var(--brand)}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 25%,transparent)}}@keyframes pulseBar{0%,to{opacity:.5}50%{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 12px var(--brand-glow)}50%{box-shadow:0 0 24px var(--brand-glow),0 0 48px var(--brand-glow)}}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes checkin-bounce-target{0%{transform:scale(.93)}35%{transform:scale(1.06)}55%{transform:scale(.99)}70%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes checkin-bounce-minimum{0%{transform:scale(.94)}35%{transform:scale(1.04)}55%{transform:scale(.99)}70%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes checkin-phoenix-surge-target{0%{transform:scale(.93) translateY(0);filter:brightness(1)}30%{transform:scale(1.075) translateY(-1px);filter:brightness(1.2) saturate(1.14)}55%{transform:scale(.99) translateY(0);filter:brightness(1.07)}78%{transform:scale(1.018) translateY(-.5px)}to{transform:scale(1) translateY(0);filter:brightness(1)}}@keyframes checkin-phoenix-surge-minimum{0%{transform:scale(.94) translateY(0);filter:brightness(1)}30%{transform:scale(1.055) translateY(-1px);filter:brightness(1.12) saturate(1.1)}55%{transform:scale(.992) translateY(0);filter:brightness(1.05)}78%{transform:scale(1.014) translateY(-.5px)}to{transform:scale(1) translateY(0);filter:brightness(1)}}@keyframes checkin-today-pulse{0%,to{opacity:.08}50%{opacity:.15}}@keyframes upgrade-next-pip{0%,to{opacity:.2}50%{opacity:.5}}@keyframes upgrade-badge-glow{0%,to{filter:drop-shadow(0 0 0 transparent) brightness(1);transform:scale(1)}50%{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--brand) 25%,transparent)) brightness(1.15);transform:scale(1.06)}}@keyframes upgrade-shimmer{0%{background-position:200%}40%{background-position:-200%}to{background-position:-200%}}.upgrade-shimmer-btn{position:relative;overflow:hidden}.upgrade-shimmer-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 42%,color-mix(in srgb,var(--brand) 6%,transparent) 50%,transparent 58%);background-size:300% 100%;animation:upgrade-shimmer 15s ease-in-out infinite;pointer-events:none;border-radius:inherit}@keyframes checkin-bar-fill{0%{transform:scaleY(0) scaleX(.8);opacity:0}40%{transform:scaleY(1.3) scaleX(1.1);opacity:1}65%{transform:scaleY(.9) scaleX(.95)}80%{transform:scaleY(1.1) scaleX(1.02)}to{transform:scaleY(1) scaleX(1);opacity:1}}@keyframes checkin-bar-glow-brand{0%{box-shadow:0 0 0 var(--brand);filter:brightness(1)}25%{box-shadow:0 0 12px var(--brand);filter:brightness(1.5)}50%{box-shadow:0 0 8px var(--brand);filter:brightness(1.2)}to{box-shadow:0 0 0 var(--brand);filter:brightness(1)}}@keyframes checkin-bar-glow-green{0%{box-shadow:0 0 0 #4ADE80;filter:brightness(1)}25%{box-shadow:0 0 10px #4ADE80;filter:brightness(1.5)}50%{box-shadow:0 0 6px #4ADE80;filter:brightness(1.2)}to{box-shadow:0 0 0 #4ADE80;filter:brightness(1)}}@keyframes checkin-badge-acknowledge{0%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.12) rotate(4deg)}50%{transform:scale(1.05) rotate(-2deg)}75%{transform:scale(1.02) rotate(1deg)}to{transform:scale(1) rotate(0deg)}}@keyframes checkin-card-glow-target{0%{outline:2px solid transparent;outline-offset:-2px;filter:brightness(1)}20%{outline:2px solid rgba(var(--brand-rgb,255,107,53),.35);outline-offset:-2px;filter:brightness(1.08)}50%{outline:2px solid rgba(var(--brand-rgb,255,107,53),.18);outline-offset:-2px;filter:brightness(1.04)}to{outline:2px solid transparent;outline-offset:-2px;filter:brightness(1)}}@keyframes checkin-card-glow-minimum{0%{outline:2px solid transparent;outline-offset:-2px;filter:brightness(1)}20%{outline:2px solid rgba(74,222,128,.3);outline-offset:-2px;filter:brightness(1.05)}50%{outline:2px solid rgba(74,222,128,.15);outline-offset:-2px;filter:brightness(1.03)}to{outline:2px solid transparent;outline-offset:-2px;filter:brightness(1)}}@keyframes checkin-ember-burst{0%{transform:translate(0) scale(1) rotate(0deg);opacity:0}20%{opacity:.95}to{transform:translate(var(--dx,0),var(--dy,-22px)) scale(.2) rotate(var(--ember-rot,0deg));opacity:0}}@keyframes checkin-all-done-glow{0%{box-shadow:var(--shadow-card,0 2px 8px rgba(0,0,0,.2));filter:brightness(1)}25%{box-shadow:0 0 24px rgba(var(--brand-rgb,255,107,53),.2),0 0 8px rgba(var(--brand-rgb,255,107,53),.1),var(--shadow-card,0 2px 8px rgba(0,0,0,.2));filter:brightness(1.06)}50%{box-shadow:0 0 16px rgba(var(--brand-rgb,255,107,53),.12),var(--shadow-card,0 2px 8px rgba(0,0,0,.2));filter:brightness(1.03)}to{box-shadow:var(--shadow-card,0 2px 8px rgba(0,0,0,.2));filter:brightness(1)}}@keyframes checkin-particle-burst{0%{transform:translate(0) scale(1);opacity:var(--particle-opacity,.6)}40%{opacity:var(--particle-opacity,.6)}to{transform:translate(var(--dx),var(--dy)) scale(.3);opacity:0}}@keyframes checkin-screen-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){[data-checkin-anim]{animation:none!important}.completion-particle{display:none!important}}@media (hover:hover){.interactive-card{transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),border-color .18s var(--ease-out)}.interactive-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 14%,transparent),0 8px 24px rgba(0,0,0,.28),0 0 0 1px color-mix(in srgb,var(--brand) 8%,transparent)}.interactive-card:active{transform:translateY(0) scale(.985);transition-duration:80ms}.interactive-row{transition:background .14s ease,transform .14s var(--ease-out)}.interactive-row:hover{background:var(--hover-overlay)}.interactive-row:active{transform:scale(.98);transition-duration:60ms}.interactive-icon{transition:transform .14s var(--ease-out),background .14s ease,opacity .14s ease}.interactive-icon:hover{background:var(--hover-overlay);transform:scale(1.08)}.interactive-icon:active{transform:scale(.92);transition-duration:60ms}}.press-scale{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.press-scale:active{transform:scale(.94);transition:transform 80ms ease-out}.hover-highlight{transition:all .2s cubic-bezier(.34,1.56,.64,1)}@media (hover:hover){.hover-highlight:hover{background:var(--hover-overlay)}.hover-highlight:active{transform:scale(.95);transition:all 80ms ease-out}}.tag-add-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;height:26px;font-size:12px;font-weight:500;font-family:inherit;color:var(--text-muted);background:transparent;border:1px dashed var(--border);border-radius:999px;cursor:pointer;transition:all .14s ease;outline:none}@media (hover:hover){.tag-add-chip:hover{background:color-mix(in srgb,var(--brand) 6%,transparent);border-color:color-mix(in srgb,var(--brand) 40%,var(--border));border-style:solid;color:var(--brand)}}.tag-add-chip:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 40%,transparent);outline-offset:2px}.tag-add-input-wrap{display:inline-flex;align-items:center;height:26px;padding:0 10px;background:color-mix(in srgb,var(--brand) 6%,transparent);border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);border-radius:999px;min-width:170px;flex:1 1 auto;max-width:260px;transition:border-color .14s ease}.tag-add-input-wrap:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}.tag-add-input{width:100%;border:none;outline:none;background:transparent;font-size:12px;font-family:inherit;color:var(--text-primary);caret-color:var(--brand)}.tag-add-input::placeholder{color:var(--text-muted);opacity:.7}.tag-dropdown-row{display:flex;align-items:stretch;position:relative}.tag-dropdown-row:hover .tag-delete-btn{opacity:.7}.tag-dropdown-item{flex:1 1;min-width:0;display:flex;align-items:center;gap:10px;padding:8px 14px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-family:inherit;text-align:left;cursor:pointer;transition:background-color .12s ease;outline:none}@media (hover:hover){.tag-dropdown-item:hover{background:color-mix(in srgb,var(--brand) 8%,transparent);color:var(--text-primary)}}.tag-delete-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;flex-shrink:0;border:none;background:transparent;color:var(--text-muted);cursor:pointer;opacity:.35;transition:opacity .14s ease,color .14s ease,background .14s ease;outline:none}@media (hover:hover){.tag-delete-btn:hover{opacity:1!important;color:#ef5350;background:color-mix(in srgb,#ef5350 12%,transparent)}}.tag-delete-btn:focus-visible{opacity:1;outline:2px solid color-mix(in srgb,#ef5350 45%,transparent);outline-offset:-2px}.tag-create-row{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;margin-top:2px;border:none;background:color-mix(in srgb,var(--brand) 8%,transparent);color:var(--brand);font-size:13px;font-family:inherit;text-align:left;cursor:pointer;transition:background-color .12s ease;outline:none;border-top:1px solid var(--border-subtle)}@media (hover:hover){.tag-create-row:hover{background:color-mix(in srgb,var(--brand) 14%,transparent)}}.tag-color-swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;padding:0;transition:transform .12s ease,box-shadow .12s ease;outline:none}@media (hover:hover){.tag-color-swatch:hover{transform:scale(1.12);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 40%,transparent)}}.tag-color-swatch:focus-visible{box-shadow:0 0 0 2px var(--brand)}.routine-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px;min-height:20px}.routine-header-name{font-family:var(--font-body,inherit);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-tertiary,var(--text-muted))}.routine-header-progress{font-family:var(--font-mono,ui-monospace,monospace);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-tertiary,var(--text-muted));opacity:.7}.routine-header-progress.complete{color:var(--brand);opacity:1;font-weight:600}.routine-card-group{display:flex;flex-direction:column;gap:10px}.routine-card-separator{display:none}.home-filter-wrap{width:100%;padding:4px 0}.home-filter-wrap::-webkit-scrollbar{display:none}.home-filter-bar{display:flex;flex-wrap:wrap;align-items:center;padding:4px;gap:4px;background:color-mix(in srgb,var(--text-muted) 8%,transparent);border:1px solid var(--border-subtle);border-radius:12px}.home-filter-tab{--tab-accent:var(--brand);display:inline-flex;align-items:center;gap:6px;padding:6px 12px;height:30px;border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;font-family:inherit;letter-spacing:0;white-space:nowrap;border-radius:8px;cursor:pointer;outline:none;transition:color .14s ease,background-color .14s ease}@media (hover:hover){.home-filter-tab:hover:not(.home-filter-tab-active){color:var(--text-primary);background:color-mix(in srgb,var(--text-muted) 8%,transparent)}}.home-filter-tab:focus-visible{outline:2px solid color-mix(in srgb,var(--tab-accent) 50%,transparent);outline-offset:-1px}.home-filter-tab-active{background:var(--card-bg);color:var(--tab-accent);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.12),0 0 0 1px color-mix(in srgb,var(--tab-accent) 20%,transparent);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur)}.home-filter-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:10.5px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:color-mix(in srgb,var(--text-muted) 14%,transparent);color:var(--text-muted);letter-spacing:0}.home-filter-tab-active .home-filter-tab-count{background:color-mix(in srgb,var(--tab-accent) 18%,transparent);color:var(--tab-accent)}.home-filter-divider{display:inline-block;width:1px;height:18px;background:var(--border-subtle);margin:0 2px;flex-shrink:0}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;height:30px;border-radius:999px;border:1px solid transparent;background:color-mix(in srgb,var(--text-muted) 8%,transparent);color:var(--text-secondary);font-size:12.5px;font-weight:500;font-family:inherit;letter-spacing:0;white-space:nowrap;cursor:pointer;outline:none;transition:background-color .14s ease,color .14s ease,transform 80ms ease-out,border-color .14s ease}@media (hover:hover){.filter-chip:hover{background:color-mix(in srgb,var(--text-muted) 14%,transparent);color:var(--text-primary)}.filter-chip-active:hover{background:var(--chip-active-bg-hover)}}.filter-chip:active{transform:scale(.96)}.filter-chip:focus-visible{outline:2px solid color-mix(in srgb,var(--chip-accent,var(--brand)) 50%,transparent);outline-offset:1px}.filter-chip-active{background:var(--chip-active-bg);color:var(--chip-accent);border-color:color-mix(in srgb,var(--chip-accent,var(--brand)) 30%,transparent);font-weight:600}.filter-chip-icon{justify-content:center;flex-shrink:0}.filter-chip-count,.filter-chip-icon,.filter-chip-label{display:inline-flex;align-items:center}.filter-chip-count{justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:10.5px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:color-mix(in srgb,var(--text-muted) 14%,transparent);color:var(--text-muted);margin-left:1px}.filter-chip-active .filter-chip-count{background:color-mix(in srgb,var(--chip-accent,var(--brand)) 25%,transparent);color:var(--chip-accent)}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}[cmdk-overlay]{background:rgba(0,0,0,.55)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}[cmdk-dialog] [cmdk-root]{background:var(--modal-bg,var(--card-bg,var(--bg)))!important;border:1px solid var(--card-border,var(--border))!important;backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);box-shadow:0 24px 60px rgba(0,0,0,.45),0 4px 16px rgba(0,0,0,.22),0 0 0 1px color-mix(in srgb,var(--brand) 8%,transparent)!important}.cmdp-header{border-bottom-color:var(--border-subtle,rgba(255,255,255,.06))!important}.cmdp-search-icon{color:var(--text-muted)!important}.cmdp-input{color:var(--text-primary)!important;caret-color:var(--brand)!important}.cmdp-input::placeholder{color:var(--text-muted)!important;opacity:.7}.cmdp-list::-webkit-scrollbar-thumb{background:var(--border)!important}[cmdk-group-heading]{color:var(--text-muted)!important;opacity:.75}[cmdk-item]{color:var(--text-secondary)!important}[cmdk-item][data-selected=true]{background:color-mix(in srgb,var(--brand) 14%,transparent)!important;color:var(--text-primary)!important}.cmdp-item-icon{color:var(--text-muted)!important}[cmdk-item][data-selected=true] .cmdp-item-icon{color:var(--brand)!important}.cmdp-item-description,.cmdp-kbd{color:var(--text-muted)!important}.cmdp-kbd{background:color-mix(in srgb,var(--text-muted) 12%,transparent)!important;border-color:color-mix(in srgb,var(--text-muted) 18%,transparent)!important}.cmdp-empty,.cmdp-footer{color:var(--text-muted)!important}.cmdp-footer{background:color-mix(in srgb,var(--text-muted) 4%,transparent);border-top-color:var(--border-subtle)!important}[cmdk-separator]{background:var(--border-subtle)!important}.sidebar-anon-trigger{outline:none}@media (hover:hover){.sidebar-anon-trigger:hover{background:var(--hover-overlay,rgba(255,255,255,.05))!important}.sidebar-anon-trigger:hover>span:first-child{opacity:.9}}.sidebar-anon-trigger:active{transform:scale(.96);transition:transform 80ms ease-out!important}.sidebar-anon-trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 45%,transparent);outline-offset:-1px}.sidebar-anon-menu{animation:sidebar-anon-menu-in .16s cubic-bezier(.34,1.56,.64,1);transform-origin:top left}@keyframes sidebar-anon-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sidebar-anon-menu-item{display:flex;align-items:center;gap:10px;width:100%;margin:2px 0;padding:8px 10px;min-height:36px;font-size:13px;font-family:inherit;font-weight:400;color:var(--text-primary);background:none;border:none;border-radius:8px;cursor:pointer;text-align:left;letter-spacing:.02em;transition:all .2s cubic-bezier(.34,1.56,.64,1);outline:none}.sidebar-anon-menu-item svg{color:var(--text-muted);flex-shrink:0}@media (hover:hover){.sidebar-anon-menu-item:hover{background:var(--hover-overlay,rgba(255,255,255,.05))}.sidebar-anon-menu-item:hover svg{color:var(--text-primary)}.sidebar-anon-menu-item:active{transform:scale(.97);transition:all 80ms ease-out}}.sidebar-anon-menu-item:focus-visible{background:var(--hover-overlay,rgba(255,255,255,.05));outline:2px solid color-mix(in srgb,var(--brand) 45%,transparent);outline-offset:-2px}.sidebar-action-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;margin:2px 0;border-radius:6px;border:none;background:none;cursor:pointer;font-size:.875rem;font-weight:400;font-family:inherit;color:var(--sidebar-color,var(--text-secondary));width:100%;text-align:left;transition:background .12s ease;outline:none}@media (hover:hover){.sidebar-action-btn:hover{background:var(--sidebar-item-active-bg,rgba(255,255,255,.05))}}.sidebar-action-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 45%,transparent);outline-offset:-1px}.sidebar-action-btn .sidebar-action-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sidebar-color-muted,var(--text-muted))}.sidebar-action-btn .sidebar-action-hint{margin-left:auto;font-size:.6875rem;color:var(--sidebar-color-muted,var(--text-muted));opacity:.55;font-weight:500;font-family:var(--font-mono,ui-monospace,monospace);padding:2px 5px;border-radius:4px;background:color-mix(in srgb,var(--sidebar-color-muted,#999) 10%,transparent)}.sidebar-action-btn.brand .sidebar-action-icon{color:var(--brand)}.sidebar-row{transition:background-color .12s ease}@media (hover:hover){.sidebar-row:hover:not(.sidebar-row-active){background:var(--sidebar-item-active-bg,rgba(255,255,255,.05))!important}.sidebar-row-active:hover{filter:brightness(1.08)}}.sidebar-row:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 45%,transparent);outline-offset:-1px}.drawer-row{transition:background-color .12s ease}@media (hover:hover){.drawer-row:hover:not(.drawer-row-active){background:rgba(255,255,255,.05)!important}}.drawer-row:active{background:rgba(255,255,255,.08)!important}.week-bar-interactive{transition:all .2s cubic-bezier(.34,1.56,.64,1)}@media (hover:hover){.week-bar-interactive:hover{transform:scaleY(2.5);filter:brightness(1.3)}.week-bar-interactive:active{transform:scaleY(1.8);transition:all 80ms ease-out}}.bar-unreachable,.dot-unreachable{background-color:rgba(255,255,255,.04);background-image:repeating-linear-gradient(135deg,transparent,transparent 2px,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 4px)}.dot-unreachable{border:1px dashed rgba(255,255,255,.18)}@keyframes bubble-appear-left{0%{opacity:0;transform:translateY(8px) translateX(-8px) scale(.95)}to{opacity:1;transform:translateY(0) translateX(0) scale(1)}}@keyframes bubble-appear-right{0%{opacity:0;transform:translateY(8px) translateX(8px) scale(.95)}to{opacity:1;transform:translateY(0) translateX(0) scale(1)}}@keyframes bubble-idle-pulse{0%,to{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.85;transform:translateY(-1px) scale(1.01)}}@keyframes phoenix-completion-pulse{0%{box-shadow:0 0 0 0 var(--brand-glow);transform:scale(1)}30%{box-shadow:0 0 28px 8px var(--brand-glow);transform:scale(1.06)}to{box-shadow:0 0 0 0 transparent;transform:scale(1)}}@keyframes journey-dot-pulse{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes journey-arrow-fade{0%{opacity:.4}50%{opacity:1}to{opacity:.6}}@keyframes geometric-phoenix-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes phoenix-float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--phoenix-float-amplitude, 3px)))}}@keyframes phoenix-glow-pulse{0%,to{opacity:.85}50%{opacity:1}}@keyframes phoenix-wing-flutter{0%,to{transform:scaleX(1)}40%{transform:scaleX(1.03)}}@keyframes phoenix-head-tilt-left{0%,to{transform:rotate(0deg)}50%{transform:rotate(-2.5deg)}}@keyframes phoenix-head-tilt-right{0%,to{transform:rotate(0deg)}50%{transform:rotate(2.5deg)}}@keyframes phoenix-ember-rise{0%{opacity:.5;transform:translate(0) scale(1)}70%{opacity:.4}to{opacity:0;transform:translate(var(--ember-drift-x,0),calc(-1 * var(--phoenix-ember-rise-distance, 40px))) scale(.5)}}@keyframes phoenix-wing-flap{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.08)}}@keyframes phoenix-glow-burst{0%{opacity:1}33%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes phoenix-wings-spread{0%{transform:scaleX(1)}20%{transform:scaleX(1.15)}80%{transform:scaleX(1.15)}to{transform:scaleX(1)}}@keyframes phoenix-all-done-glow{0%{opacity:1;transform:scale(1)}20%{opacity:1;transform:scale(1.04)}80%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes phoenix-absence-wake{0%{transform:scale(.95);opacity:.7}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.phoenix-animation-layer{animation:none!important}.phoenix-animation-layer .phoenix-root{animation:phoenix-glow-pulse 8s ease-in-out infinite!important}.phoenix-animation-layer .phoenix-particles{display:none!important}}[data-theme=light] .phoenix-root{filter:saturate(2.2) contrast(1.25) brightness(.82)}[data-theme=light] .phoenix-body path,[data-theme=light] .phoenix-head path,[data-theme=light] .phoenix-wing-left path,[data-theme=light] .phoenix-wing-right path{stroke:var(--brand);stroke-width:.5;stroke-opacity:.35}@keyframes lineage-star-twinkle{0%,to{opacity:.15}50%{opacity:.6}}@keyframes lineage-ember-float{0%{transform:translateY(0);opacity:0}5%{opacity:.25}90%{opacity:.2}to{transform:translateY(-100vh);opacity:0}}@keyframes lineage-pulse{0%,to{opacity:.08}50%{opacity:.18}}@keyframes lineage-stage-up{0%{filter:brightness(1) drop-shadow(0 0 0 transparent)}15%{filter:brightness(1.6) drop-shadow(0 0 24px var(--brand-glow))}50%{filter:brightness(1.2) drop-shadow(0 0 16px var(--brand-glow))}to{filter:brightness(1) drop-shadow(0 0 0 transparent)}}.lineage-hero-stage-up{animation:lineage-stage-up 1.5s ease-out 1}@keyframes journey-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.9}}.app-nebula-bg{position:fixed;inset:0;z-index:0;background:transparent;pointer-events:none}.app-nebula-bg:before{background:radial-gradient(ellipse 500px 280px at 45% 5%,color-mix(in srgb,var(--brand) 11%,transparent) 0,transparent 100%),radial-gradient(ellipse 420px 200px at 18% 10%,color-mix(in srgb,var(--brand) 8%,transparent) 0,transparent 100%),radial-gradient(ellipse 360px 160px at 80% 14%,color-mix(in srgb,var(--brand) 6%,transparent) 0,transparent 100%),radial-gradient(ellipse 380px 140px at 22% 42%,color-mix(in srgb,var(--brand) 4%,transparent) 0,transparent 100%),radial-gradient(ellipse 320px 120px at 72% 50%,color-mix(in srgb,var(--brand) 4%,transparent) 0,transparent 100%),radial-gradient(ellipse 300px 110px at 28% 72%,color-mix(in srgb,var(--brand) 3%,transparent) 0,transparent 100%),radial-gradient(ellipse 280px 100px at 74% 82%,color-mix(in srgb,var(--brand) 2%,transparent) 0,transparent 100%);animation:nebula-drift-a 40s ease-in-out infinite alternate}.app-nebula-bg:after,.app-nebula-bg:before{content:"";position:absolute;inset:-10%;opacity:var(--nebula-intensity,1)}.app-nebula-bg:after{background:radial-gradient(ellipse 600px 320px at 42% 6%,rgba(var(--nebula-rgb),.28) 0,transparent 100%),radial-gradient(ellipse 440px 180px at 60% 36%,rgba(var(--nebula-rgb),.18) 0,transparent 100%),radial-gradient(ellipse 340px 150px at 15% 52%,rgba(var(--nebula-rgb),.15) 0,transparent 100%),radial-gradient(ellipse 360px 140px at 82% 60%,rgba(var(--nebula-rgb),.13) 0,transparent 100%),radial-gradient(ellipse 480px 200px at 45% 78%,rgba(var(--nebula-rgb),.18) 0,transparent 100%),radial-gradient(ellipse 300px 120px at 25% 90%,rgba(var(--nebula-rgb),.11) 0,transparent 100%);animation:nebula-drift-b 55s ease-in-out infinite alternate}@keyframes nebula-drift-a{0%{transform:translate(0) scale(1)}33%{transform:translate(-12px,8px) scale(1.01)}66%{transform:translate(8px,-5px) scale(1.02)}to{transform:translate(-6px,12px) scale(.99)}}@keyframes nebula-drift-b{0%{transform:translate(0) scale(1.01)}33%{transform:translate(10px,-8px) scale(1)}66%{transform:translate(-14px,6px) scale(1.02)}to{transform:translate(6px,-10px) scale(.98)}}.phoenix-light-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border-radius:50%;background:radial-gradient(circle at 45% 40%,color-mix(in srgb,var(--brand) 22%,rgba(255,255,255,.95)) 0,color-mix(in srgb,var(--brand) 14%,rgba(255,255,255,.75)) 35%,color-mix(in srgb,var(--brand) 6%,rgba(255,255,255,.35)) 65%,transparent 100%);box-shadow:0 0 50px color-mix(in srgb,var(--brand) 22%,transparent),0 0 100px color-mix(in srgb,var(--brand) 12%,transparent),inset 0 0 30px color-mix(in srgb,var(--brand) 15%,rgba(255,255,255,.4));animation:phoenix-orb-breathe 6s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes phoenix-orb-breathe{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 50px color-mix(in srgb,var(--brand) 18%,transparent),0 0 100px color-mix(in srgb,var(--brand) 10%,transparent),inset 0 0 30px color-mix(in srgb,var(--brand) 12%,rgba(255,255,255,.4))}50%{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 70px color-mix(in srgb,var(--brand) 24%,transparent),0 0 130px color-mix(in srgb,var(--brand) 14%,transparent),inset 0 0 40px color-mix(in srgb,var(--brand) 16%,rgba(255,255,255,.5))}}::-webkit-scrollbar{width:6px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}input:not([type=range]):not([type=checkbox]):not([type=radio]):not([data-naked]),select:not([data-naked]),textarea:not([data-naked]){background:var(--input-bg)!important;border-color:var(--input-border)!important;color:var(--text-primary)}input:focus:not([data-naked]),select:focus:not([data-naked]),textarea:focus:not([data-naked]){border-color:var(--input-focus-border,var(--brand))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 12%,transparent)!important;outline:none}input[data-naked]:focus,input[data-naked]:focus-visible{box-shadow:none!important;border-color:transparent!important;outline:none!important}:focus-visible:not([data-naked]){outline:2px solid var(--brand);outline-offset:2px}::selection{background:var(--brand-muted);color:var(--text-primary)}.dev-panel-toggle{position:fixed;bottom:16px;right:16px;z-index:9999;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all .2s ease}.dev-panel-toggle:hover{background:var(--surface);transform:scale(1.08);box-shadow:var(--shadow-lg)}.dev-panel-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;display:flex;align-items:flex-end;justify-content:flex-end;padding:16px}.dev-panel{width:360px;max-height:calc(100vh - 32px);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .2s ease}.dev-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.dev-panel-header h3{font-size:.875rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted)}.dev-close{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:4px;line-height:1}.dev-panel-body{overflow-y:auto;padding:16px 20px 20px;gap:20px}.dev-panel-body,.dev-section{display:flex;flex-direction:column}.dev-section{gap:10px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.dev-section:last-child{border-bottom:none;padding-bottom:0}.dev-section h4{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.dev-row{display:flex;flex-direction:column;gap:4px}.dev-row label{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.dev-row input[type=range]{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border-radius:2px;outline:none;cursor:pointer}.dev-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--brand);border:2px solid var(--bg-elevated);box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:-webkit-grab;cursor:grab}.dev-palette-row{display:flex;gap:6px;flex-wrap:wrap}.dev-palette-dot{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s ease}.dev-palette-dot:hover{transform:scale(1.15)}.dev-palette-dot.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-elevated),0 0 0 4px var(--text-primary)}.dev-btn{padding:6px 12px;font-size:.75rem;font-weight:600;border-radius:6px;border:1px solid transparent;background:var(--surface);color:var(--text-primary);cursor:pointer;transition:all .15s ease;font-family:inherit}.dev-btn:hover{background:var(--hover-overlay-strong)}.dev-btn-active{background:var(--brand);color:white;border-color:var(--brand)}.dev-btn-active:hover{background:var(--brand-hover)}.dev-btn-warn{border-color:var(--warning);color:var(--warning)}.dev-btn-warn:hover{background:var(--warning-muted)}.dev-btn-danger{border-color:var(--danger);color:var(--danger)}.dev-btn-danger:hover{background:var(--danger-muted)}.dev-btn-sm{padding:3px 8px;font-size:.6875rem}.content-frame{margin:0 auto}.content-frame,.onboarding-screen{width:100%;min-width:var(--app-min-width);max-width:var(--app-max-width)}.onboarding-screen{display:flex;flex-direction:column;align-items:center;overflow:visible}.dev-onboarding-steps{display:flex;flex-direction:column;gap:3px}.dev-btn-group,.dev-habit-list{display:flex;gap:6px}.dev-habit-list{flex-direction:column}.dev-habit-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.dev-habit-name{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.dev-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;font-size:.6875rem;color:var(--text-muted)}.text-display-lg{font-size:var(--text-display-lg);line-height:1.15}.text-display-lg,.text-display-md{font-family:var(--font-display);font-weight:700}.text-display-md{font-size:var(--text-display-md);line-height:1.2}.text-display-sm{font-family:var(--font-display);font-size:var(--text-display-sm);font-weight:700;line-height:1.25}.text-body{font-size:var(--text-body);line-height:1.5}.text-body,.text-body-sm{font-family:var(--font-body);font-weight:400}.text-body-sm{font-size:var(--text-body-sm);line-height:1.4}.text-label{font-size:var(--text-label)}.text-label,.text-label-sm{font-family:var(--font-body);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-wide)}.text-label-sm{font-size:var(--text-label-sm)}.stat-value{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-label,.stat-value{font-family:var(--font-body)}.stat-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.font-mono{font-family:var(--font-body);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.screen{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding:var(--space-5);padding-bottom:calc(var(--space-16) + 56px)}.screen-header{padding-top:var(--space-8);padding-bottom:var(--space-6)}.screen-content{flex:1 1;display:flex;flex-direction:column;gap:var(--space-4)}.screen-footer{padding:var(--space-4) 0;margin-top:auto}.screen-onboarding{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-5);text-align:center}.grid-2col{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}.feedback-fab{position:fixed;bottom:32px;right:24px;z-index:50;width:52px;height:52px;border-radius:50%;border:none;background:var(--brand,#e05c5c);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.35),0 0 0 1px var(--overlay-border);animation:fab-enter .3s ease forwards;transition:transform .15s ease,box-shadow .15s ease}.feedback-fab:hover{transform:scale(1.08);box-shadow:0 6px 24px rgba(0,0,0,.45),0 0 0 1px var(--overlay-border-strong)}.feedback-fab:active{transform:scale(.95)}@keyframes fab-enter{0%{opacity:0;transform:translateY(12px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.feedback-fab-toast{position:fixed;bottom:96px;right:24px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:12px 16px;font-size:13px;color:var(--text-primary);z-index:60;animation:fab-enter .2s ease forwards;max-width:320px;box-shadow:var(--shadow-lg)}.journal-entry-row:hover{background:var(--hover-overlay)}.cl-userButtonPopoverCard{background:var(--surface-popover)!important;backdrop-filter:blur(24px) saturate(1.2)!important;-webkit-backdrop-filter:blur(24px) saturate(1.2)!important;border:1px solid color-mix(in srgb,var(--brand) 12%,transparent)!important;border-radius:12px!important;box-shadow:var(--shadow-popover)!important;overflow:hidden!important;color:var(--text-primary)!important}.cl-userButtonPopoverActions,.cl-userButtonPopoverCard .cl-card,.cl-userButtonPopoverCard .cl-popoverCard,.cl-userButtonPopoverMain,.cl-userPreview,.cl-userPreviewMainIdentifier,.cl-userPreviewSecondaryIdentifier{background:transparent!important}.cl-userPreviewMainIdentifier,.cl-userPreviewMainIdentifier *{color:var(--text-primary)!important;opacity:1!important}.cl-userPreviewSecondaryIdentifier,.cl-userPreviewSecondaryIdentifier *{color:var(--text-muted)!important;opacity:1!important}.cl-userButtonPopoverActionButton{transition:all .2s cubic-bezier(.34,1.56,.64,1)!important;border-radius:8px!important;margin:2px 4px!important;padding:8px 10px!important;font-size:13px!important;height:auto!important;min-height:36px!important;border:none!important;box-sizing:border-box!important}.cl-userButtonPopoverActionButton,.cl-userButtonPopoverActionButton *,.cl-userButtonPopoverActionButton [class*=label],.cl-userButtonPopoverActionButton [class*=text],.cl-userButtonPopoverActionButton span{color:var(--text-primary)!important;opacity:1!important}.cl-userButtonPopoverActionButton svg,.cl-userButtonPopoverActionButtonIcon,.cl-userButtonPopoverActionButtonIcon svg{color:var(--text-muted)!important;opacity:1!important}.cl-userButtonPopoverActionButton__signOut{display:none!important}@media (hover:hover){.cl-userButtonPopoverActionButton:hover{background:var(--hover-overlay)!important}.cl-userButtonPopoverActionButton:active{transform:scale(.97)!important;transition:all 80ms ease-out!important}}.cl-userButtonPopoverActionButton__manageAccount,.cl-userButtonPopoverFooter{display:none!important}.cl-userButtonPopoverCard .cl-internal-b3fm6y,.cl-userButtonPopoverCard [class*=avatarBox]{border:1px solid var(--border)!important}@keyframes lineage-atmosphere-pulse{0%,to{opacity:.92}50%{opacity:1}}.lineage-atmosphere{animation:lineage-atmosphere-pulse 9s ease-in-out infinite}@keyframes why-statement-focus-pulse{0%{box-shadow:var(--shadow-card),0 0 0 0 color-mix(in srgb,var(--brand) 55%,transparent)}35%{box-shadow:var(--shadow-card),0 0 0 8px color-mix(in srgb,var(--brand) 28%,transparent)}to{box-shadow:var(--shadow-card),0 0 0 0 transparent}}.why-statement-focus{animation:why-statement-focus-pulse 1.7s ease-out}@keyframes lineage-phoenix-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.lineage-phoenix-idle{animation:lineage-phoenix-breathe 4s ease-in-out infinite;transform-origin:center;will-change:transform}@keyframes lineage-phoenix-backdrop-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lineage-phoenix-backdrop-spin{animation:lineage-phoenix-backdrop-spin 60s linear infinite;transform-origin:center}@keyframes lineage-phoenix-particle-drift{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.7}90%{opacity:.4}to{transform:translateY(-70px) scale(.4);opacity:0}}.lineage-phoenix-particle{animation:lineage-phoenix-particle-drift 7s ease-in infinite;will-change:transform,opacity}@keyframes lineage-next-up-dash-march{to{background-position:12px 0,-12px 100%,0 -12px,100% 12px}}.lineage-next-up-dashed{background-image:linear-gradient(90deg,color-mix(in srgb,var(--brand) 55%,transparent) 50%,transparent 50%),linear-gradient(90deg,color-mix(in srgb,var(--brand) 55%,transparent) 50%,transparent 50%),linear-gradient(0deg,color-mix(in srgb,var(--brand) 55%,transparent) 50%,transparent 50%),linear-gradient(0deg,color-mix(in srgb,var(--brand) 55%,transparent) 50%,transparent 50%);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:12px 1px,12px 1px,1px 12px,1px 12px;animation:lineage-next-up-dash-march 6s linear infinite}@keyframes lineage-milestone-check-pulse{0%{transform:scale(1)}45%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes lineage-milestone-tile-pulse{0%{box-shadow:0 2px 10px color-mix(in srgb,var(--brand) 8%,transparent)}45%{box-shadow:0 4px 22px color-mix(in srgb,var(--brand) 22%,transparent)}to{box-shadow:0 2px 10px color-mix(in srgb,var(--brand) 8%,transparent)}}.lineage-milestone-check-pulse{animation:lineage-milestone-check-pulse .8s cubic-bezier(.34,1.56,.64,1)}.lineage-milestone-tile-pulse{animation:lineage-milestone-tile-pulse .8s ease-out}@keyframes lineage-section-fade-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.lineage-section-fade{animation:lineage-section-fade-in .3s ease-out both;will-change:opacity,transform}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}