:root{--font-sans:var(--pixelor-font),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-heading:var(--pixelor-heading),var(--pixelor-font),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","Fira Code",Monaco,Consolas,"Liberation Mono","Courier New",monospace;--text-base:1.4rem;--text-sm:clamp(1.1rem,0.95vw + 0.8rem,1.2rem);--text-xs:clamp(1rem,0.8vw + 0.7rem,1.1rem);--text-lg:clamp(1.6rem,1.2vw + 1.2rem,1.8rem);--text-xl:clamp(1.8rem,1.5vw + 1.3rem,2.2rem);--text-2xl:clamp(2.2rem,2vw + 1.5rem,2.8rem);--text-3xl:clamp(2.8rem,3vw + 1.8rem,3.6rem);--text-4xl:clamp(3.2rem,4vw + 2rem,4.4rem);--text-5xl:clamp(3.6rem,5vw + 2.2rem,5.2rem);--text-6xl:clamp(4.4rem,6vw + 2.6rem,6.4rem);--text-7xl:clamp(5.2rem,7vw + 3rem,7.6rem);--text-8xl:clamp(6.4rem,9vw + 3.5rem,9.6rem);--text-9xl:clamp(8rem,12vw + 4rem,12rem);--font-thin:100;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--color-brand-50:hsl(250,80%,97%);--color-brand-100:hsl(250,80%,94%);--color-brand-200:hsl(250,80%,88%);--color-brand-300:hsl(250,78%,80%);--color-brand-400:hsl(250,76%,72%);--color-brand-500:hsl(250,80%,70%);--color-brand-600:hsl(250,80%,65%);--color-brand-700:hsl(250,75%,55%);--color-brand-800:hsl(250,70%,45%);--color-brand-900:hsl(250,65%,35%);--color-brand-950:hsl(250,60%,25%);--color-neutral-0:hsl(0,0%,100%);--color-neutral-50:hsl(210,20%,98%);--color-neutral-100:hsl(210,20%,95%);--color-neutral-200:hsl(210,16%,93%);--color-neutral-300:hsl(210,14%,89%);--color-neutral-400:hsl(210,14%,83%);--color-neutral-500:hsl(210,11%,71%);--color-neutral-600:hsl(210,7%,56%);--color-neutral-700:hsl(210,9%,31%);--color-neutral-800:hsl(210,10%,23%);--color-neutral-900:hsl(210,11%,15%);--color-neutral-950:hsl(210,11%,9%);--color-neutral-1000:hsl(0,0%,0%);--color-accent-50:hsl(74,100%,95%);--color-accent-100:hsl(74,100%,90%);--color-accent-200:hsl(74,100%,85%);--color-accent-300:hsl(74,100%,78%);--color-accent-400:hsl(74,100%,72%);--color-accent-500:hsl(74,100%,74%);--color-accent-600:hsl(74,95%,68%);--color-accent-700:hsl(74,85%,58%);--color-accent-800:hsl(74,75%,48%);--color-accent-900:hsl(74,65%,38%);--color-accent-950:hsl(74,55%,28%);--color-success-50:hsl(142,76%,96%);--color-success-500:hsl(142,71%,45%);--color-success-600:hsl(142,76%,36%);--color-success-700:hsl(142,72%,29%);--color-warning-50:hsl(48,100%,96%);--color-warning-500:hsl(48,96%,53%);--color-warning-600:hsl(48,96%,49%);--color-warning-700:hsl(48,96%,41%);--color-error-50:hsl(0,86%,97%);--color-error-500:hsl(0,84%,60%);--color-error-600:hsl(0,72%,51%);--color-error-700:hsl(0,74%,42%);--color-info-50:hsl(204,100%,97%);--color-info-500:hsl(204,94%,94%);--color-info-600:hsl(204,91%,39%);--color-info-700:hsl(204,80%,32%);--space-base:0.4rem;--space-0:0;--space-px:0.1rem;--space-1:var(--space-base);--space-2:calc(var(--space-base) * 2);--space-4:calc(var(--space-base) * 4);--space-8:calc(var(--space-base) * 8);--space-16:calc(var(--space-base) * 16);--space-3:calc(var(--space-base) * 3);--space-5:calc(var(--space-base) * 5);--space-6:calc(var(--space-base) * 6);--space-10:calc(var(--space-base) * 10);--space-12:calc(var(--space-base) * 12);--space-14:calc(var(--space-base) * 14);--radius-base:0.2rem;--radius-0:0;--radius-1:var(--radius-base);--radius-2:calc(var(--radius-base) * 2);--radius-3:calc(var(--radius-base) * 3);--radius-4:calc(var(--radius-base) * 4);--radius-8:calc(var(--radius-base) * 8);--radius-full:9999px;--border-width-0:0;--border-width:1px;--border-width-1:var(--border-width);--border-width-2:calc(var(--border-width) * 2);--border-width-4:calc(var(--border-width) * 4);--border-width-8:calc(var(--border-width) * 8);--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);--shadow-base:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-md:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--shadow-lg:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--shadow-xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,0.05);--z-auto:auto;--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-loading:900;--z-max:9999;--transition-none:none;--transition-all:all 150ms cubic-bezier(0.4,0,0.2,1);--transition-default:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter 150ms cubic-bezier(0.4,0,0.2,1);--transition-colors:color,background-color,border-color,text-decoration-color,fill,stroke 150ms cubic-bezier(0.4,0,0.2,1);--transition-opacity:opacity 150ms cubic-bezier(0.4,0,0.2,1);--transition-shadow:box-shadow 150ms cubic-bezier(0.4,0,0.2,1);--transition-transform:transform 150ms cubic-bezier(0.4,0,0.2,1);--input-height-sm:var(--space-8);--input-height-base:var(--space-10);--input-height-lg:var(--space-12);--input-height-xl:var(--space-14);--input-padding-x-sm:var(--space-3);--input-padding-x-base:var(--space-3);--input-padding-x-lg:var(--space-4);--input-padding-x-xl:var(--space-5);--button-height-xs:var(--space-6);--button-height-sm:var(--space-8);--button-height-base:var(--space-10);--button-height-lg:var(--space-12);--button-height-xl:var(--space-14);--button-padding-x-xs:var(--space-2);--button-padding-x-sm:var(--space-3);--button-padding-x-base:var(--space-4);--button-padding-x-lg:var(--space-6);--button-padding-x-xl:var(--space-8);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--hover-underline-offset:2px;--hover-underline-thickness:1px;--hover-underline-style:solid;--hover-underline-color:currentColor;--onboarding-bg-light:var(--color-background-light);--onboarding-bg-dark:var(--color-background-dark);--preview-light-bg-from:var(--color-neutral-50);--preview-light-bg-to:var(--color-neutral-100);--preview-light-skeleton-primary:var(--color-neutral-300);--preview-light-skeleton-secondary:var(--color-neutral-400);--preview-light-card-bg:var(--color-neutral-0);--preview-light-card-content:var(--color-neutral-200);--preview-dark-bg-from:#0f0f0f;--preview-dark-bg-to:#1a1a1a;--preview-dark-skeleton-primary:var(--color-neutral-700);--preview-dark-skeleton-secondary:var(--color-neutral-600);--preview-dark-card-bg:rgba(255,255,255,0.05);--preview-dark-card-border:rgba(255,255,255,0.1);--preview-dark-card-content:var(--color-neutral-700);--indicator-active-light:var(--color-neutral-1000);--indicator-active-dark:var(--color-neutral-0);--indicator-inactive-light:var(--color-neutral-300);--indicator-inactive-dark:rgba(255,255,255,0.3);--btn-primary-bg:var(--color-brand-600);--btn-primary-bg-hover:var(--color-brand-700);--btn-primary-text:var(--color-neutral-0);--btn-primary-text-hover:var(--color-neutral-0);--btn-secondary-bg:var(--color-neutral-200);--btn-secondary-bg-hover:var(--color-neutral-300);--btn-secondary-text:var(--color-neutral-900);--btn-secondary-text-hover:var(--color-neutral-900);--btn-ghost-bg:transparent;--btn-ghost-bg-hover:var(--color-neutral-100);--btn-ghost-text:var(--color-neutral-700);--btn-ghost-text-hover:var(--color-neutral-900);--btn-ghost-border:var(--color-neutral-300);--btn-outline-bg:transparent;--btn-outline-bg-hover:var(--color-neutral-900);--btn-outline-text:var(--color-neutral-900);--btn-outline-text-hover:var(--color-neutral-0);--btn-outline-border:var(--color-neutral-900);--btn-destructive-bg:var(--color-error-500);--btn-destructive-bg-hover:var(--color-error-600);--btn-destructive-text:var(--color-neutral-0);--btn-destructive-text-hover:var(--color-neutral-0);--btn-disabled-bg:var(--color-neutral-200);--btn-disabled-text:var(--color-neutral-400);--btn-disabled-opacity:0.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-semibold);line-height:var(--leading-tight)}div,h1,h2,h3,h4,h5,h6,p,span{margin:0;color:hsl(var(--foreground))}div,p,span{font-family:var(--font-sans);font-weight:var(--font-normal);line-height:var(--leading-normal)}.text-display-2xl{font-size:var(--text-9xl)}.text-display-2xl,.text-display-xl{line-height:var(--leading-none);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tighter)}.text-display-xl{font-size:var(--text-8xl)}.text-display-lg{font-size:var(--text-7xl)}.text-display-lg,.text-display-md{line-height:var(--leading-none);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight)}.text-display-md{font-size:var(--text-6xl)}.text-display-sm{font-size:var(--text-5xl)}.text-display-sm,.text-h1,h1{line-height:var(--leading-tight);font-weight:var(--font-bold)}.text-h1,h1{font-size:var(--text-4xl);margin-bottom:var(--space-6)}.text-h2,h2{font-size:var(--text-3xl);line-height:var(--leading-tight);margin-bottom:var(--space-5)}.text-h2,.text-h3,h2,h3{font-weight:var(--font-semibold)}.text-h3,h3{font-size:var(--text-2xl);line-height:var(--leading-snug);margin-bottom:var(--space-4)}.text-h4,h4{font-size:var(--text-xl)}.text-h4,.text-h5,h4,h5{line-height:var(--leading-snug);font-weight:var(--font-medium);margin-bottom:var(--space-3)}.text-h5,h5{font-size:var(--text-lg)}.text-h6,h6{font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.text-xl{font-size:var(--text-xl)}.text-lg,.text-xl{line-height:var(--leading-relaxed)}.text-lg{font-size:var(--text-lg)}.text-base,p{font-size:var(--text-base);line-height:var(--leading-relaxed)}.text-sm{font-size:var(--text-sm)}.text-sm,.text-xs{line-height:var(--leading-normal)}.text-xs{font-size:var(--text-xs)}.font-thin{font-weight:var(--font-thin)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-black{font-weight:var(--font-black)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.tracking-tighter{letter-spacing:var(--tracking-tighter)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.tracking-widest{letter-spacing:var(--tracking-widest)}.text-brand{color:var(--color-brand-600)}.text-brand-light{color:var(--color-brand-500)}.text-brand-dark{color:var(--color-brand-700)}.text-neutral{color:var(--color-neutral-700)}.text-neutral-light{color:var(--color-neutral-500)}.text-neutral-dark{color:var(--color-neutral-900)}.text-success{color:var(--color-success-600)}.text-warning{color:var(--color-warning-600)}.text-error{color:var(--color-error-600)}.text-info{color:var(--color-info-600)}.text-muted{color:var(--color-neutral-500)}.text-white{color:var(--color-neutral-0)}.text-black{color:var(--color-neutral-1000)}.text-code,code{font-size:.875em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);color:var(--color-neutral-800)}.text-code,code,pre{font-family:var(--font-mono);background-color:var(--color-neutral-100)}pre{padding:var(--space-4);border-radius:var(--radius-4);overflow-x:auto;margin-bottom:var(--space-4)}.link,a{color:var(--color-brand-600);text-decoration:underline;text-decoration-color:transparent;transition:var(--transition-colors)}.link:hover,a:hover{color:var(--color-brand-700);text-decoration-color:currentColor}.link:focus,a:focus{outline:2px solid var(--color-brand-500);outline-offset:2px;border-radius:var(--radius-1)}ol,ul{margin:0 0 var(--space-4) 0;padding-left:var(--space-6)}li{line-height:var(--leading-relaxed)}blockquote{border-left:4px solid var(--color-brand-500);padding-left:var(--space-4);margin:var(--space-6) 0;font-style:italic;color:var(--color-neutral-600)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-truncate{overflow:hidden;text-overflow:ellipsis}.text-no-wrap,.text-truncate{white-space:nowrap}.text-wrap{white-space:normal}@media (max-width:768px){.text-display-2xl{font-size:var(--text-7xl)}.text-display-xl{font-size:var(--text-6xl)}.text-display-lg{font-size:var(--text-5xl)}.text-display-md{font-size:var(--text-4xl)}.text-display-sm,.text-h1,h1{font-size:var(--text-3xl)}.text-h2,h2{font-size:var(--text-2xl)}.text-h3,h3{font-size:var(--text-xl)}}