.showcase-root{--background:#f2f1ed;--foreground:#09090b;--container:#fff;--surface-100:#f8f8f6;--surface-200:#f2f1ed;--surface-300:#e9e7e1;--muted-foreground:#6b6b6b;--primary:#09090b;--primary-foreground:#fff;--card:#f2f1ed;--border:#7a745c24;--border-warm:#09090b1a;--border-warm-medium:#09090b33;--brand-hover:#0090a4;--read:#9fbbe0;--read-strong:#4a7ab5;--grep:#9fc9a2;--grep-strong:#5a8f5e;--edit:#c0a8dd;--edit-strong:#8b6fad;--thinking:#dfa88f;--thinking-strong:#b87355;--success:#00bb7f;--gold:#e8c467;--destructive:#e44;--brand:#00abc1;--shadow-lifted:0px 8px 24px #0000000d, 0px 2px 6px #00000005;--sidebar:#eae8e0;--sidebar-accent:#e3e0d3;--sidebar-border:#7a745c24;background:var(--background);color:var(--foreground);font-family:var(--font-sans)}@supports (color:lab(0% 0 0)){.showcase-root{--background:lab(95.1595% -.162482 1.8985);--foreground:lab(2.5155% .190727 -.702846);--surface-100:lab(97.5897% -.295699 1.09394);--surface-200:lab(95.1595% -.162482 1.8985);--surface-300:lab(91.6918% -.0822246 3.05549);--muted-foreground:lab(45.248% 0 0);--primary:lab(2.5155% .190727 -.702846);--primary-foreground:lab(100% 0 0);--card:lab(95.1595% -.162482 1.8985);--border:lab(48.9238% -.708848 14.133/.14);--border-warm:lab(2.5155% .190727 -.702846/.1);--border-warm-medium:lab(2.5155% .190727 -.702846/.2);--brand-hover:lab(54.2148% -31.4507 -21.6227);--success:lab(67.2446% -52.4045 18.8872);--gold:lab(80.944% 5.32001 50.7434);--destructive:lab(55.5806% 65.3538 40.5603);--brand:lab(63.3692% -35.4618 -24.4895);--sidebar:lab(91.9483% -.344098 4.1895);--sidebar-accent:lab(89.0928% -.619948 6.87199);--sidebar-border:lab(48.9238% -.708848 14.133/.14)}}:where(.dark,.dark *) .showcase-root{--background:#1c1916;--foreground:#fff;--container:#211e1b;--surface-100:#1c1916;--surface-200:#211e1b;--surface-300:#24211d;--muted-foreground:#8e8e95;--primary:#fff;--primary-foreground:#09090b;--card:#211e1b;--border:#7a745c33;--border-warm:#ffffff1a;--border-warm-medium:#ffffff2e;--brand:#00abc1;--sidebar:#211e1b;--sidebar-accent:#2a2622;--sidebar-border:#ffffff1a}@supports (color:lab(0% 0 0)){:where(.dark,.dark *) .showcase-root{--background:lab(9.05321% .946917 2.49802);--foreground:lab(100% 0 0);--container:lab(11.4897% .937834 2.50735);--surface-100:lab(9.05321% .946917 2.49802);--surface-200:lab(11.4897% .937834 2.50735);--surface-300:lab(13.0121% .837341 3.3832);--muted-foreground:lab(59.3138% .94983 -3.64382);--primary:lab(100% 0 0);--primary-foreground:lab(2.5155% .190727 -.702846);--card:lab(11.4897% .937834 2.50735);--border:lab(48.9238% -.708848 14.133/.2);--border-warm:lab(100% 0 0/.1);--border-warm-medium:lab(100% 0 0/.18);--brand:lab(63.3692% -35.4618 -24.4895);--sidebar:lab(11.4897% .937834 2.50735);--sidebar-accent:lab(15.5483% 1.21908 3.22784);--sidebar-border:lab(100% 0 0/.1)}}.opisense-phone{--app-bg:#f5f5f5;--app-surface:#fff;--app-sheet:#fff;--app-text:#0a0a0a;--app-subtext:#6b7280;--app-border:#0000001a;--app-chat-bg:#efefef;--app-accent:#0ea5e9;--app-primary:#0a0a0a;--app-invert:#fff;font-family:var(--font-outfit), "Outfit", var(--font-sans);color:var(--app-text)}:where(.dark,.dark *) .opisense-phone{--app-bg:#171717;--app-surface:#323232;--app-sheet:#262626;--app-text:#fff;--app-subtext:#9ca3af;--app-border:#ffffff26;--app-chat-bg:#262626;--app-primary:#fff;--app-invert:#000}.opisense-phone .showcase-fade-in{animation:.35s ease-out both showcase-fade-in}.opisense-phone .showcase-live-pulse{animation:2s ease-in-out infinite showcase-live-pulse}@media (prefers-reduced-motion:reduce){.opisense-phone .showcase-fade-in,.opisense-phone .showcase-live-pulse{animation:none}}.showcase-root .text-foreground{color:var(--foreground)}.showcase-root .text-muted-foreground{color:var(--muted-foreground)}.showcase-root .text-primary-foreground{color:var(--primary-foreground)}.showcase-root .text-brand-hover{color:var(--brand-hover)}.showcase-root .text-thinking-strong{color:var(--thinking-strong)}.showcase-root .text-grep-strong{color:var(--grep-strong)}.showcase-root .text-read-strong{color:var(--read-strong)}.showcase-root .text-edit-strong{color:var(--edit-strong)}.showcase-root .bg-background{background-color:var(--background)}.showcase-root .bg-container{background-color:var(--container)}.showcase-root .bg-card{background-color:var(--card)}.showcase-root .bg-primary{background-color:var(--primary)}.showcase-root .bg-surface-100{background-color:var(--surface-100)}.showcase-root .bg-surface-200{background-color:var(--surface-200)}.showcase-root .bg-surface-300,.showcase-root .bg-muted{background-color:var(--surface-300)}.showcase-root .border-warm,.showcase-root .border-border-warm{border-color:var(--border-warm)}.showcase-root .border-border{border-color:var(--border)}.showcase-root .bg-border-warm{background-color:var(--border-warm)}.showcase-root .font-display{font-family:var(--font-display)}.showcase-root .font-sans{font-family:var(--font-sans)}.showcase-root .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.showcase-root .shadow-lifted{box-shadow:var(--shadow-lifted)}.showcase-root .tracking-display-title{letter-spacing:-.02em}.showcase-root .showcase-shimmer{background:linear-gradient(90deg, var(--muted-foreground) 0%, var(--foreground) 50%, var(--muted-foreground) 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.8s ease-in-out infinite showcase-shimmer}@media (prefers-reduced-motion:reduce){.showcase-root .showcase-shimmer{color:var(--muted-foreground);background:0 0;animation:none}}@keyframes showcase-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.showcase-root .showcase-fade-in{animation:.35s ease-out both showcase-fade-in}@media (prefers-reduced-motion:reduce){.showcase-root .showcase-fade-in{animation:none}}@keyframes showcase-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.showcase-root .showcase-slide-in{animation:.4s ease-out both showcase-slide-in}@media (prefers-reduced-motion:reduce){.showcase-root .showcase-slide-in{animation:none}}@keyframes showcase-slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.showcase-root .showcase-hero-canvas,.showcase-root .showcase-hero-canvas>*{min-height:0}.showcase-root .showcase-dot-pattern{background-image:radial-gradient(circle,#09090b0f 1px,#0000 1px);background-image:radial-gradient(circle,lab(2.5155% .190727 -.702846/.06) 1px,#0000 1px);background-size:20px 20px}:where(.dark,.dark *) .showcase-root .showcase-dot-pattern{background-image:radial-gradient(circle,#ffffff14 1px,#0000 1px);background-image:radial-gradient(circle,lab(100% 0 0/.08) 1px,#0000 1px)}.showcase-root .showcase-stagger-1{animation:.35s ease-out .15s both showcase-fade-in}.showcase-root .showcase-stagger-2{animation:.35s ease-out .35s both showcase-fade-in}.showcase-root .showcase-stagger-3{animation:.35s ease-out .55s both showcase-fade-in}@media (prefers-reduced-motion:reduce){.showcase-root .showcase-stagger-1,.showcase-root .showcase-stagger-2,.showcase-root .showcase-stagger-3{animation:none}}@media (max-width:639px){.showcase-fade-right{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.25rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 2.25rem),#0000)}}.showcase-root .showcase-live-pulse{animation:2s ease-in-out infinite showcase-live-pulse}@media (prefers-reduced-motion:reduce){.showcase-root .showcase-live-pulse{animation:none}}@keyframes showcase-live-pulse{0%,to{opacity:1}50%{opacity:.65}}