< data-emotion="css-global 134v4bi">:root{--white:#ffffff;--gray-1:#f6f8f9;--gray-1a:#f4f6f6;--gray-2:#edf1f2;--gray-3:#e0e6e8;--gray-4:#d5dce0;--gray-5:#b7bfc6;--gray-6:#9ca6af;--gray-7:#848f99;--gray-8:#646f79;--gray-9:#222b37;--gray-10:#151b26;--green-1:#e2fffa;--green-2:#b0fff1;--green-3:#58f5d9;--green-4:#25e8c8;--green-5:#00bf9c;--teal-1:#edf8ff;--teal-2:#95e0ff;--teal-3:#32c1ff;--teal-4:#14aaf5;--teal-5:#008ce3;--purple-1:#f0f0ff;--purple-2:#aba3ff;--purple-3:#9287ff;--purple-4:#796eff;--purple-5:#635ac7;--gold-1:#fffede;--gold-2:#fff78f;--gold-3:#ffe01b;--gold-4:#fcbd01;--gold-5:#f2a100;--orange-1:#f9dc00;--orange-2:#ffba00;--orange-3:#ff7f00;--coral-1:#ffedef;--coral-2:#ff9ca5;--coral-3:#ff7381;--coral-4:#ff5263;--coral-5:#ed4758;--shadow-color:rgb(365066);--shadow-10:0 3px 5px 0 rgba(3650660.2);--shadow-20:0 11px 12px 0 rgba(3650660.12);--shadow-30:0 20px 30px 0 rgba(3650660.14);--shadow-40:0 50px 60px 0 rgba(3650660.15);--spacing-0:0;--spacing-1half:8px;--spacing-1:16px;--spacing-1plus:24px;--spacing-2:32px;--spacing-3:48px;--spacing-4:64px;--spacing-5:80px;--spacing-6:96px;--spacing-7:112px;--spacing-8:128px;--spacing-9:144px;--spacing-10:160px;--zIndex-1:100;--zIndex-2:200;--zIndex-3:300;--zIndex-4:400;--zIndex-5:500;--zIndex-6:600;--zIndex-7:700;--zIndex-8:800;--zIndex-9:900;--zIndex-10:1000;--fontFamily-print:"Georgia","Times New Roman","Times",serif;--fontFamily-mono:"Consolas",monospace;--fontSize-base:16px;--fontSize-larger:3.2rem;--fontSize-large:2.2rem;--fontSize-medium:2rem;--fontSize-regular:1.6rem;--fontSize-small:1.4rem;--fontSize-smaller:1.2rem;--fontSize-xl:82;--fontSize-h1:56;--fontSize-h2:56;--fontSize-h3:45;--fontSize-h4:31;--fontSize-h5:22;--fontSize-h6:16;--fontWeight-thin:300;--fontWeight-light:300;--fontWeight-normal:normal;--fontWeight-medium:400;--fontWeight-semibold:500;--fontWeight-bold:500;--media-xsmall:480;--media-small:768;--media-medium:960;--media-large:1120;--media-xlarge:1280;--media-xxlarge:1440;--media-xxxlarge:1920;--media-xsmall-min:cacl(var(--media-xsmall) / var(--fontSize-base));--media-small-min:cacl(var(--media-small) / var(--fontSize-base));--media-medium-min:cacl(var(--media-medium) / var(--fontSize-base));--media-large-min:cacl(var(--media-large) / var(--fontSize-base));--media-xlarge-min:cacl(var(--media-xlarge) / var(--fontSize-base));--media-xxlarge-min:cacl(var(--media-xxlarge) / var(--fontSize-base));--media-xxxlarge-min:cacl(var(--media-xxxlarge) / var(--fontSize-base));--media-xsmall-max:cacl((var(--media-small) - 1) / var(--fontSize-base));--media-small-max:cacl((var(--media-medium) - 1) / var(--fontSize-base));--media-medium-max:cacl((var(--media-large) - 1) / var(--fontSize-base));--media-large-max:cacl((var(--media-xlarge) - 1) / var(--fontSize-base));--media-xlarge-max:cacl((var(--media-xxlarge) - 1) / var(--fontSize-base));--transition-duration-short:75ms;--transition-duration:150ms;--transition-duration-med:225ms;--transition-duration-long:300ms;--transition-duration-xlong:450ms;--grid-columns:12;--grid-gutter-width:32px;--border-radius:3px;}html{--lightmode-text-weak:var(--black-600);--lightmode-text:var(--black-800);--lightmode-text-strong:var(--black-1000);--lightmode-bg:var(--white);--lightmode-bg-inverted:var(--black-20);--lightmode-bg-med:var(--black-50);--lightmode-bg-strong:var(--black-50);--lightmode-bg-hover:var(--black-20);--lightmode-bg-med-hover:var(--black-100);--lightmode-bg-strong-hover:var(--black-300);--lightmode-bg-active:var(--black-20);--lightmode-bg-med-active:var(--black-100);--lightmode-bg-strong-active:var(--black-300);--lightmode-border-weak:var(--black-50);--lightmode-border:var(--black-200);--lightmode-border-strong:var(--black-200);--lightmode-border-hover:var(--black-400);--lightmode-border-active:var(--black-200);--lightmode-icon:var(--black-1000);--lightmode-icon-hover:var(--black-800);--lightmode-icon-disabled:var(--black-400);--lightmode-button-primary:var(--black-1000);--lightmode-button-primary-hover:var(--black-800);--lightmode-button-disabled:var(--black-400);--lightmode-button-secondary:var(--white);--lightmode-button-secondary-hover:var(--black-600);--lightmode-button-text-primary:var(--white);--lightmode-button-text-primary-hover:var(--white);--lightmode-button-text-disabled:var(--white);--lightmode-button-text-secondary:var(--black-1000);--lightmode-button-text-secondary-hover:var(--white);--lightmode-link-text:var(--black-1000);--lightmode-link-hover:var(--black-1000);--lightmode-link-disabled:var(--black-400);--lightmode-link-text-weak:var(--black-600);--lightmode-link-text-weak-hover:var(--black-600);--lightmode-link-text-weak-disabled:var(--black-400);--lightmode-inline-link-text:var(--black-1000);--lightmode-inline-link-hover:var(--black-1000);--lightmode-inline-link-disabled:var(--black-400);--lightmode-error:var(--red);--lightmode-warning:var(--amber);--lightmode-success:var(--green);--lightmode-accent-yellow:var(--coral-100);--lightmode-accent-yellow-light:var(--coral-100);--lightmode-accent-orange:var(--coral-100);--lightmode-accent-orange-light:var(--coral-100);--lightmode-accent-red:var(--coral-100);--lightmode-accent-red-light:var(--coral-50);--lightmode-accent-purple:var(--purple-100);--lightmode-accent-purple-light:var(--purple-100);--lightmode-accent-blue:var(--blue-100);--lightmode-accent-blue-light:var(--blue-0);--lightmode-accent-green:var(--green-100);--lightmode-accent-green-light:var(--green-100);--lightmode-accent-black:var(--black-1000);--lightmode-accent-gray:var(--black-50);--lightmode-accent-gray-light:var(--black-50);--lightmode-accent-white:var(--white);--lightmode-a11y-focus-primary:var(--blue-400);--lightmode-a11y-focus-black:var(--black-1000);--lightmode-a11y-focus-white:var(--white);--darkmode-text-weak:rgba(2552552550.55);--darkmode-text:rgba(2552552550.85);--darkmode-text-strong:var(--white);--darkmode-bg:#1e1f21;--darkmode-bg-inverted:var(--white);--darkmode-bg-med:#252628;--darkmode-bg-strong:#2a2b2d;--darkmode-bg-hover:#38383a;--darkmode-bg-med-hover:#3e3f41;--darkmode-bg-strong-hover:#434445;--darkmode-bg-active:#4c4d4e;--darkmode-bg-med-active:#525254;--darkmode-bg-strong-active:#565658;--darkmode-border-weak:rgba(2172172170.2);--darkmode-border:rgba(2172172170.3);--darkmode-border-strong:var(--white);--darkmode-border-hover:rgba(2172172170.4);--darkmode-border-active:rgba(2172172170.7);--darkmode-icon:rgba(2452442430.6);--darkmode-icon-hover:#f5f4f3;--darkmode-icon-disabled:rgba(2452442430.15);--darkmode-button-primary:#f5f4f3;--darkmode-button-primary-hover:#f06a6a;--darkmode-button-disabled:#38393d;--darkmode-button-secondary:#0d0e10;--darkmode-button-secondary-hover:#f06a6a;--darkmode-button-text-primary:#0d0e10;--darkmode-button-text-primary-hover:#0d0e10;--darkmode-button-text-disabled:#6a696a;--darkmode-button-text-secondary:#f5f4f3;--darkmode-button-text-secondary-hover:#0d0e10;--darkmode-link-text:#dbdbdb;--darkmode-link-hover:#f06a6a;--darkmode-link-disabled:#6a696a;--darkmode-link-text-weak:#989898;--darkmode-link-text-weak-hover:var(--white);--darkmode-link-text-weak-disabled:#6a696a;--darkmode-inline-inline-link-text:#dbdbdb;--darkmode-inline-link-hover:#f06a6a;--darkmode-inline-link-disabled:#6a696a;--darkmode-error:var(--red);--darkmode-warning:var(--amber);--darkmode-success:var(--green);--darkmode-accent-yellow:var(--coral-1000);--darkmode-accent-yellow-dark:var(--coral-1000);--darkmode-accent-orange:var(--coral-1000);--darkmode-accent-orange-dark:var(--coral-1000);--darkmode-accent-red:var(--coral-1000);--darkmode-accent-red-dark:var(--coral-1000);--darkmode-accent-purple:var(--purple-1000);--darkmode-accent-purple-dark:var(--purple-1000);--darkmode-accent-blue:var(--blue-1000);--darkmode-accent-blue-dark:var(--blue-1000);--darkmode-accent-green:var(--green-1000);--darkmode-accent-green-dark:var(--green-1000);--darkmode-accent-black:var(--coral-1000);--darkmode-accent-gray:var(--coral-1000);--darkmode-accent-gray-dark:var(--coral-1000);--darkmode-accent-white:var(--white);--darkmode-a11y-focus-primary:var(--blue-400);--darkmode-a11y-focus-black:var(--black-1000);--darkmode-a11y-focus-white:var(--white);}:root{--blue-0:#cbefff;--blue-20:#c8ebfc;--blue-50:#c3e5f8;--blue-100:#badbf1;--blue-200:#a9c7e3;--blue-300:#98b3d6;--blue-400:#879fc8;--blue-500:#778bba;--blue-600:#6678ac;--blue-700:#55649e;--blue-800:#445091;--blue-900:#333c83;--blue-950:#2a327c;--blue-980:#252c78;--blue-1000:#222875;--coral-0:#ffeaec;--coral-20:#fce5e8;--coral-50:#f7dee3;--coral-100:#f0d3d9;--coral-200:#e1bbc7;--coral-300:#d2a4b4;--coral-400:#c38ca1;--coral-500:#b4758e;--coral-600:#a55e7c;--coral-700:#964669;--coral-800:#872f56;--coral-900:#781744;--coral-950:#710c3a;--coral-980:#6c0535;--coral-1000:#690031;--green-0:#c9fcdb;--green-20:#c5f8d8;--green-50:#bff3d3;--green-100:#b5e9ca;--green-200:#a1d7b9;--green-300:#8dc4a8;--green-400:#79b297;--green-500:#659f86;--green-600:#508c76;--green-700:#3c7a65;--green-800:#286754;--green-900:#145543;--green-950:#0a4b3a;--green-980:#0a4b3a;--green-1000:#004232;--purple-0:#ffdcff;--purple-20:#fcd8fd;--purple-50:#f8d1f9;--purple-100:#f0c6f3;--purple-200:#e1b0e7;--purple-300:#d29ada;--purple-400:#c384ce;--purple-500:#b46ec2;--purple-600:#a658b6;--purple-700:#9742aa;--purple-800:#882c9d;--purple-900:#791691;--purple-950:#710b8b;--purple-980:#6d0487;--purple-1000:#6a0085;--white:#ffffff;--black-20:#fafafa;--black-50:#f3f3f3;--black-100:#e7e7e7;--black-200:#cfcfcf;--black-300:#b6b6b6;--black-400:#9e9e9e;--black-500:#868686;--black-600:#6e6e6e;--black-700:#565656;--black-800:#3d3d3d;--black-900:#252525;--black-950:#191919;--black-980:#121212;--black-1000:#0d0d0d;--glow-blue:#4786ff;--glow-coral:#ff584a;--glow-green:#22b455;--glow-purple:#df5dff;--glow-white:#0d0d0d;--glow-gray:#0d0d0d;--red:#a82424;--amber:#7a4b00;--green:#0c6410;--google-sign-up-blue:#174ea6;--google-sign-up-blue-light:#2568d4;--bright-blue-1:#b8e8fe;--bright-blue-2:#ade6ff;--bright-blue-3:#3c45b1;--bright-blue-4:#2b328e;--bright-coral-1:#ffdde1;--bright-coral-2:#ffd7db;--bright-coral-3:#911c51;--bright-coral-4:#7e1444;--bright-green-1:#b9f4ce;--bright-green-2:#a7f4c2;--bright-green-3:#09614b;--bright-green-4:#0a4d3d;--bright-purple-1:#fbccfb;--bright-purple-2:#ffc4ff;--bright-purple-3:#8a16a8;--bright-purple-4:#780a94;}html *[data-theme="white"],html *[data-theme-onhover="white"]:hover,html *[data-theme-onhover="white"]:focus{--bg:var(--white);--bg-medium:var(--black-50);--bg-medium-weak:var(--black-20);--bg-hover:var(--black-50);--bg-strong:var(--black-100);--border:var(--black-100);--border-weak:var(--black-50);--border-strong:var(--black-200);--border-strong-hover:var(--black-500);--text:var(--black-1000);--text-medium:var(--black-800);--text-weak:var(--black-600);--link-text:var(--black-1000);--link-text-hover:var(--black-600);--link-text-active:var(--black-1000);--link-text-weak:var(--black-600);--link-text-weak-hover:var(--black-1000);--icon:var(--black-1000);--icon-medium:var(--black-800);--icon-weak:var(--black-600);--icon-hover:var(--black-800);--icon-medium-hover:var(--black-600);--icon-disabled:var(--black-600);--btn-primary-background:var(--black-1000);--btn-primary-background-hover:var(--black-600);--btn-primary-background-selected:var(--black-1000);--btn-primary-background-disabled:var(--black-50);--btn-primary-text:var(--white);--btn-primary-text-disabled:var(--black-500);--btn-primary-icon:var(--black-100);--btn-primary-icon-disabled:var(--black-200);--btn-primary-outline:var(--black-20);--btn-primary-outline-hover:var(--black-20);--btn-secondary-alt-background:var(--black-50);--btn-secondary-alt-background-hover:var(--black-100);--btn-secondary-background:var(--black-20);--btn-secondary-background-hover:var(--black-50);--btn-secondary-background-selected:var(--black-20);--btn-secondary-background-disabled:var(--black-20);--btn-secondary-text:var(--black-1000);--btn-secondary-text-disabled:var(--black-500);--btn-secondary-icon:var(--black-1000);--btn-secondary-icon-disabled:var(--black-1000);--btn-secondary-outline:var(--black-600);--btn-secondary-outline-hover:var(--black-600);--btn-tertiary-link-text:var(--black-1000);--btn-tertiary-link-text-hover:var(--black-600);--btn-tertiary-background:var(--black-1000);--btn-tertiary-background-hover:var(--black-600);--btn-tertiary-icon:var(--white);--chip-bg:var(--black-50);--chip-bg-hover:var(--black-100);--chip-bg-selected:var(--coral-0);--chip-text:var(--black-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--black-50);--tag-text:var(--black-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--black-50);--card-fill-hover:var(--black-20);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-white);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--google-sign-up-blue);--btn-oauth-background-hover:var(--google-sign-up-blue-light);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="white"][data-invert-theme-onhover]:hover,html *[data-theme="white"][data-invert-theme-onhover]:focus{--bg:var(--black-20);--bg-medium:var(--black-50);--bg-medium-weak:var(--black-50);--bg-hover:var(--black-100);--bg-strong:var(--black-100);--border:var(--black-100);--border-weak:var(--black-100);--border-strong:var(--black-200);--border-strong-hover:var(--black-500);--text:var(--black-1000);--text-medium:var(--black-800);--text-weak:var(--black-600);--link-text:var(--black-1000);--link-text-hover:var(--black-600);--link-text-active:var(--black-1000);--link-text-weak:var(--black-600);--link-text-weak-hover:var(--black-1000);--icon:var(--black-1000);--icon-medium:var(--black-800);--icon-weak:var(--black-600);--icon-hover:var(--black-800);--icon-medium-hover:var(--black-600);--icon-disabled:var(--black-600);--btn-primary-background:var(--black-1000);--btn-primary-background-hover:var(--black-600);--btn-primary-background-selected:var(--black-1000);--btn-primary-background-disabled:var(--black-100);--btn-primary-text:var(--white);--btn-primary-text-disabled:var(--black-500);--btn-primary-icon:var(--black-100);--btn-primary-icon-disabled:var(--black-300);--btn-primary-outline:var(--black-20);--btn-primary-outline-hover:var(--black-20);--btn-secondary-background:var(--black-20);--btn-secondary-background-hover:var(--black-50);--btn-secondary-background-selected:var(--black-20);--btn-secondary-background-disabled:var(--black-20);--btn-secondary-text:var(--black-1000);--btn-secondary-text-disabled:var(--black-500);--btn-secondary-icon:var(--black-1000);--btn-secondary-icon-disabled:var(--black-1000);--btn-secondary-outline:var(--black-600);--btn-secondary-outline-hover:var(--black-600);--btn-secondary-alt-background:var(--black-100);--btn-secondary-alt-background-hover:var(--black-200);--btn-tertiary-link-text:var(--black-1000);--btn-tertiary-link-text-hover:var(--black-600);--btn-tertiary-background:var(--black-1000);--btn-tertiary-background-hover:var(--black-600);--btn-tertiary-icon:var(--white);--chip-bg:var(--black-50);--chip-bg-hover:var(--black-100);--chip-bg-selected:var(--coral-0);--chip-text:var(--black-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--black-100);--tag-text:var(--black-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--black-100);--card-fill-hover:var(--black-50);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-gray);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--google-sign-up-blue);--btn-oauth-background-hover:var(--google-sign-up-blue-light);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="white"] *[data-invert-theme-onhover]:hover,html *[data-theme="white"] *[data-invert-theme-onhover]:focus{--bg:var(--black-20);--bg-medium:var(--black-50);--bg-medium-weak:var(--black-50);--bg-hover:var(--black-100);--bg-strong:var(--black-100);--border:var(--black-100);--border-weak:var(--black-100);--border-strong:var(--black-200);--border-strong-hover:var(--black-500);--text:var(--black-1000);--text-medium:var(--black-800);--text-weak:var(--black-600);--link-text:var(--black-1000);--link-text-hover:var(--black-600);--link-text-active:var(--black-1000);--link-text-weak:var(--black-600);--link-text-weak-hover:var(--black-1000);--icon:var(--black-1000);--icon-medium:var(--black-800);--icon-weak:var(--black-600);--icon-hover:var(--black-800);--icon-medium-hover:var(--black-600);--icon-disabled:var(--black-600);--btn-primary-background:var(--black-1000);--btn-primary-background-hover:var(--black-600);--btn-primary-background-selected:var(--black-1000);--btn-primary-background-disabled:var(--black-100);--btn-primary-text:var(--white);--btn-primary-text-disabled:var(--black-500);--btn-primary-icon:var(--black-100);--btn-primary-icon-disabled:var(--black-300);--btn-primary-outline:var(--black-20);--btn-primary-outline-hover:var(--black-20);--btn-secondary-background:var(--black-20);--btn-secondary-background-hover:var(--black-50);--btn-secondary-background-selected:var(--black-20);--btn-secondary-background-disabled:var(--black-20);--btn-secondary-text:var(--black-1000);--btn-secondary-text-disabled:var(--black-500);--btn-secondary-icon:var(--black-1000);--btn-secondary-icon-disabled:var(--black-1000);--btn-secondary-outline:var(--black-600);--btn-secondary-outline-hover:var(--black-600);--btn-secondary-alt-background:var(--black-100);--btn-secondary-alt-background-hover:var(--black-200);--btn-tertiary-link-text:var(--black-1000);--btn-tertiary-link-text-hover:var(--black-600);--btn-tertiary-background:var(--black-1000);--btn-tertiary-background-hover:var(--black-600);--btn-tertiary-icon:var(--white);--chip-bg:var(--black-50);--chip-bg-hover:var(--black-100);--chip-bg-selected:var(--coral-0);--chip-text:var(--black-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--black-100);--tag-text:var(--black-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--black-100);--card-fill-hover:var(--black-50);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-gray);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--google-sign-up-blue);--btn-oauth-background-hover:var(--google-sign-up-blue-light);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="gray"],html *[data-theme-onhover="gray"]:hover,html *[data-theme-onhover="gray"]:focus{--bg:var(--black-20);--bg-medium:var(--black-50);--bg-medium-weak:var(--black-50);--bg-hover:var(--black-100);--bg-strong:var(--black-100);--border:var(--black-100);--border-weak:var(--black-100);--border-strong:var(--black-200);--border-strong-hover:var(--black-500);--text:var(--black-1000);--text-medium:var(--black-800);--text-weak:var(--black-600);--link-text:var(--black-1000);--link-text-hover:var(--black-600);--link-text-active:var(--black-1000);--link-text-weak:var(--black-600);--link-text-weak-hover:var(--black-1000);--icon:var(--black-1000);--icon-medium:var(--black-800);--icon-weak:var(--black-600);--icon-hover:var(--black-800);--icon-medium-hover:var(--black-600);--icon-disabled:var(--black-600);--btn-primary-background:var(--black-1000);--btn-primary-background-hover:var(--black-600);--btn-primary-background-selected:var(--black-1000);--btn-primary-background-disabled:var(--black-100);--btn-primary-text:var(--white);--btn-primary-text-disabled:var(--black-500);--btn-primary-icon:var(--black-100);--btn-primary-icon-disabled:var(--black-300);--btn-primary-outline:var(--black-20);--btn-primary-outline-hover:var(--black-20);--btn-secondary-background:var(--black-20);--btn-secondary-background-hover:var(--black-50);--btn-secondary-background-selected:var(--black-20);--btn-secondary-background-disabled:var(--black-20);--btn-secondary-text:var(--black-1000);--btn-secondary-text-disabled:var(--black-500);--btn-secondary-icon:var(--black-1000);--btn-secondary-icon-disabled:var(--black-1000);--btn-secondary-outline:var(--black-600);--btn-secondary-outline-hover:var(--black-600);--btn-secondary-alt-background:var(--black-100);--btn-secondary-alt-background-hover:var(--black-200);--btn-tertiary-link-text:var(--black-1000);--btn-tertiary-link-text-hover:var(--black-600);--btn-tertiary-background:var(--black-1000);--btn-tertiary-background-hover:var(--black-600);--btn-tertiary-icon:var(--white);--chip-bg:var(--black-50);--chip-bg-hover:var(--black-100);--chip-bg-selected:var(--coral-0);--chip-text:var(--black-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--black-100);--tag-text:var(--black-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--black-100);--card-fill-hover:var(--black-50);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-gray);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--google-sign-up-blue);--btn-oauth-background-hover:var(--google-sign-up-blue-light);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="gray"][data-invert-theme-onhover]:hover,html *[data-theme="gray"][data-invert-theme-onhover]:focus{--bg:var(--white);--bg-medium:var(--black-50);--bg-medium-weak:var(--black-20);--bg-hover:var(--black-50);--bg-strong:var(--black-100);--border:var(--black-100);--border-weak:var(--black-50);--border-strong:var(--black-200);--border-strong-hover:var(--black-500);--text:var(--black-1000);--text-medium:var(--black-800);--text-weak:var(--black-600);--link-text:var(--black-1000);--link-text-hover:var(--black-600);--link-text-active:var(--black-1000);--link-text-weak:var(--black-600);--link-text-weak-hover:var(--black-1000);--icon:var(--black-1000);--icon-medium:var(--black-800);--icon-weak:var(--black-600);--icon-hover:var(--black-800);--icon-medium-hover:var(--black-600);--icon-disabled:var(--black-600);--btn-primary-background:var(--black-1000);--btn-primary-background-hover:var(--black-600);--btn-primary-background-selected:var(--black-1000);--btn-primary-background-disabled:var(--black-50);--btn-primary-text:var(--white);--btn-primary-text-disabled:var(--black-500);--btn-primary-icon:var(--black-100);--btn-primary-icon-disabled:var(--black-200);--btn-primary-outline:var(--black-20);--btn-primary-outline-hover:var(--black-20);--btn-secondary-alt-background:var(--black-50);--btn-secondary-alt-background-hover:var(--black-100);--btn-secondary-background:var(--black-20);--btn-secondary-background-hover:var(--black-50);--btn-secondary-background-selected:var(--black-20);--btn-secondary-background-disabled:var(--black-20);--btn-secondary-text:var(--black-1000);--btn-secondary-text-disabled:var(--black-500);--btn-secondary-icon:var(--black-1000);--btn-secondary-icon-disabled:var(--black-1000);--btn-secondary-outline:var(--black-600);--btn-secondary-outline-hover:var(--black-600);--btn-tertiary-link-text:var(--black-1000);--btn-tertiary-link-text-hover:var(--black-600);--btn-tertiary-background:var(--black-1000);--btn-tertiary-background-hover:var(--black-600);--btn-tertiary-icon:var(--white);--chip-bg:var(--black-50);--chip-bg-hover:var(--black-100);--chip-bg-selected:var(--coral-0);--chip-text:var(--black-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--black-50);--tag-text:var(--black-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--black-50);--card-fill-hover:var(--black-20);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-white);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--google-sign-up-blue);--btn-oauth-background-hover:var(--google-sign-up-blue-light);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="gray"] *[data-invert-theme-onhover]:hover,html *[data-theme="gray"] *[data-invert-theme-onhover]:focus{--bg:var(--white);--bg-medium:var(--black-50);--bg-medium-weak:var(--black-20);--bg-hover:var(--black-50);--bg-strong:var(--black-100);--border:var(--black-100);--border-weak:var(--black-50);--border-strong:var(--black-200);--border-strong-hover:var(--black-500);--text:var(--black-1000);--text-medium:var(--black-800);--text-weak:var(--black-600);--link-text:var(--black-1000);--link-text-hover:var(--black-600);--link-text-active:var(--black-1000);--link-text-weak:var(--black-600);--link-text-weak-hover:var(--black-1000);--icon:var(--black-1000);--icon-medium:var(--black-800);--icon-weak:var(--black-600);--icon-hover:var(--black-800);--icon-medium-hover:var(--black-600);--icon-disabled:var(--black-600);--btn-primary-background:var(--black-1000);--btn-primary-background-hover:var(--black-600);--btn-primary-background-selected:var(--black-1000);--btn-primary-background-disabled:var(--black-50);--btn-primary-text:var(--white);--btn-primary-text-disabled:var(--black-500);--btn-primary-icon:var(--black-100);--btn-primary-icon-disabled:var(--black-200);--btn-primary-outline:var(--black-20);--btn-primary-outline-hover:var(--black-20);--btn-secondary-alt-background:var(--black-50);--btn-secondary-alt-background-hover:var(--black-100);--btn-secondary-background:var(--black-20);--btn-secondary-background-hover:var(--black-50);--btn-secondary-background-selected:var(--black-20);--btn-secondary-background-disabled:var(--black-20);--btn-secondary-text:var(--black-1000);--btn-secondary-text-disabled:var(--black-500);--btn-secondary-icon:var(--black-1000);--btn-secondary-icon-disabled:var(--black-1000);--btn-secondary-outline:var(--black-600);--btn-secondary-outline-hover:var(--black-600);--btn-tertiary-link-text:var(--black-1000);--btn-tertiary-link-text-hover:var(--black-600);--btn-tertiary-background:var(--black-1000);--btn-tertiary-background-hover:var(--black-600);--btn-tertiary-icon:var(--white);--chip-bg:var(--black-50);--chip-bg-hover:var(--black-100);--chip-bg-selected:var(--coral-0);--chip-text:var(--black-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--black-50);--tag-text:var(--black-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--black-50);--card-fill-hover:var(--black-20);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-white);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--google-sign-up-blue);--btn-oauth-background-hover:var(--google-sign-up-blue-light);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-blue"],html *[data-theme-onhover="dark-blue"]:hover,html *[data-theme-onhover="dark-blue"]:focus{--bg:var(--blue-1000);--bg-medium:var(--blue-950);--bg-medium-weak:var(--blue-950);--bg-hover:var(--blue-900);--bg-strong:var(--blue-800);--border:var(--blue-900);--border-weak:var(--blue-900);--border-strong:var(--blue-800);--border-strong-hover:var(--blue-500);--text:var(--blue-0);--text-medium:var(--blue-0);--text-weak:var(--blue-400);--link-text:var(--white);--link-text-hover:var(--blue-300);--link-text-active:var(--white);--link-text-weak:var(--blue-400);--link-text-weak-hover:var(--blue-0);--icon:var(--blue-200);--icon-medium:var(--blue-200);--icon-weak:var(--blue-400);--icon-hover:var(--blue-200);--icon-medium-hover:var(--blue-400);--icon-disabled:var(--blue-400);--btn-primary-background:var(--blue-0);--btn-primary-background-hover:var(--blue-300);--btn-primary-background-selected:var(--blue-0);--btn-primary-background-disabled:var(--blue-950);--btn-primary-text:var(--blue-1000);--btn-primary-text-disabled:var(--blue-500);--btn-primary-icon:var(--blue-1000);--btn-primary-icon-disabled:var(--blue-700);--btn-primary-outline:var(--blue-1000);--btn-primary-outline-hover:var(--blue-1000);--btn-secondary-alt-background:var(--blue-900);--btn-secondary-alt-background-hover:var(--blue-800);--btn-secondary-background:var(--blue-1000);--btn-secondary-background-hover:var(--blue-900);--btn-secondary-background-selected:var(--blue-1000);--btn-secondary-background-disabled:var(--blue-1000);--btn-secondary-text:var(--blue-0);--btn-secondary-text-disabled:var(--blue-500);--btn-secondary-icon:var(--blue-0);--btn-secondary-icon-disabled:var(--blue-0);--btn-secondary-outline:var(--blue-400);--btn-secondary-outline-hover:var(--blue-400);--btn-tertiary-link-text:var(--blue-0);--btn-tertiary-link-text-hover:var(--blue-300);--btn-tertiary-background:var(--blue-0);--btn-tertiary-background-hover:var(--blue-300);--btn-tertiary-icon:var(--blue-1000);--chip-bg:var(--blue-950);--chip-bg-hover:var(--blue-900);--chip-bg-selected:var(--blue-800);--chip-text:var(--blue-0);--chip-text-selected:var(--blue-0);--tag-bg:var(--blue-900);--tag-text:var(--blue-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-blue-4);--card-fill-hover:var(--bright-blue-3);--accent-dark-coral:var(--blue-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--blue-1000);--accent-dark-purple:var(--blue-1000);--accent-light-coral:var(--blue-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--blue-0);--accent-light-purple:var(--blue-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-blue);--logo-text:var(--blue-0);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--blue-0);--btn-oauth-background-hover:var(--blue-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-blue"][data-invert-theme-onhover]:hover,html *[data-theme="dark-blue"][data-invert-theme-onhover]:focus{--bg:var(--blue-0);--bg-medium:var(--blue-50);--bg-medium-weak:var(--blue-20);--bg-hover:var(--blue-100);--bg-strong:var(--blue-100);--border:var(--blue-100);--border-weak:var(--blue-100);--border-strong:var(--blue-200);--border-strong-hover:var(--blue-500);--text:var(--blue-1000);--text-medium:var(--blue-800);--text-weak:var(--blue-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--blue-600);--link-text-weak-hover:var(--blue-1000);--icon:var(--blue-800);--icon-medium:var(--blue-800);--icon-weak:var(--blue-600);--icon-hover:var(--blue-800);--icon-medium-hover:var(--blue-600);--icon-disabled:var(--blue-600);--btn-primary-background:var(--blue-1000);--btn-primary-background-hover:var(--blue-700);--btn-primary-background-selected:var(--blue-1000);--btn-primary-background-disabled:var(--blue-50);--btn-primary-text:var(--blue-0);--btn-primary-text-disabled:var(--blue-500);--btn-primary-icon:var(--blue-0);--btn-primary-icon-disabled:var(--blue-200);--btn-primary-outline:var(--blue-0);--btn-primary-outline-hover:var(--blue-0);--btn-secondary-alt-background:var(--blue-50);--btn-secondary-alt-background-hover:var(--blue-100);--btn-secondary-background:var(--blue-0);--btn-secondary-background-hover:var(--blue-100);--btn-secondary-background-selected:var(--blue-0);--btn-secondary-background-disabled:var(--blue-0);--btn-secondary-text:var(--blue-1000);--btn-secondary-text-disabled:var(--blue-500);--btn-secondary-icon:var(--blue-1000);--btn-secondary-icon-disabled:var(--blue-1000);--btn-secondary-outline:var(--blue-600);--btn-secondary-outline-hover:var(--blue-600);--btn-tertiary-link-text:var(--blue-1000);--btn-tertiary-link-text-hover:var(--blue-800);--btn-tertiary-background:var(--blue-1000);--btn-tertiary-background-hover:var(--blue-700);--btn-tertiary-icon:var(--blue-0);--chip-bg:var(--blue-50);--chip-bg-hover:var(--blue-100);--chip-bg-selected:var(--blue-200);--chip-text:var(--blue-1000);--chip-text-selected:var(--blue-1000);--tag-bg:var(--blue-100);--tag-text:var(--blue-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-blue-2);--card-fill-hover:var(--bright-blue-1);--accent-dark-coral:var(--blue-0);--accent-dark-blue:var(--blue-0);--accent-dark-green:var(--blue-0);--accent-dark-purple:var(--blue-0);--accent-light-coral:var(--blue-1000);--accent-light-blue:var(--blue-1000);--accent-light-green:var(--blue-1000);--accent-light-purple:var(--blue-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-blue);--logo-text:var(--blue-1000);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--blue-1000);--btn-oauth-background-hover:var(--blue-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-blue"] *[data-invert-theme-onhover]:hover,html *[data-theme="dark-blue"] *[data-invert-theme-onhover]:focus{--bg:var(--blue-0);--bg-medium:var(--blue-50);--bg-medium-weak:var(--blue-20);--bg-hover:var(--blue-100);--bg-strong:var(--blue-100);--border:var(--blue-100);--border-weak:var(--blue-100);--border-strong:var(--blue-200);--border-strong-hover:var(--blue-500);--text:var(--blue-1000);--text-medium:var(--blue-800);--text-weak:var(--blue-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--blue-600);--link-text-weak-hover:var(--blue-1000);--icon:var(--blue-800);--icon-medium:var(--blue-800);--icon-weak:var(--blue-600);--icon-hover:var(--blue-800);--icon-medium-hover:var(--blue-600);--icon-disabled:var(--blue-600);--btn-primary-background:var(--blue-1000);--btn-primary-background-hover:var(--blue-700);--btn-primary-background-selected:var(--blue-1000);--btn-primary-background-disabled:var(--blue-50);--btn-primary-text:var(--blue-0);--btn-primary-text-disabled:var(--blue-500);--btn-primary-icon:var(--blue-0);--btn-primary-icon-disabled:var(--blue-200);--btn-primary-outline:var(--blue-0);--btn-primary-outline-hover:var(--blue-0);--btn-secondary-alt-background:var(--blue-50);--btn-secondary-alt-background-hover:var(--blue-100);--btn-secondary-background:var(--blue-0);--btn-secondary-background-hover:var(--blue-100);--btn-secondary-background-selected:var(--blue-0);--btn-secondary-background-disabled:var(--blue-0);--btn-secondary-text:var(--blue-1000);--btn-secondary-text-disabled:var(--blue-500);--btn-secondary-icon:var(--blue-1000);--btn-secondary-icon-disabled:var(--blue-1000);--btn-secondary-outline:var(--blue-600);--btn-secondary-outline-hover:var(--blue-600);--btn-tertiary-link-text:var(--blue-1000);--btn-tertiary-link-text-hover:var(--blue-800);--btn-tertiary-background:var(--blue-1000);--btn-tertiary-background-hover:var(--blue-700);--btn-tertiary-icon:var(--blue-0);--chip-bg:var(--blue-50);--chip-bg-hover:var(--blue-100);--chip-bg-selected:var(--blue-200);--chip-text:var(--blue-1000);--chip-text-selected:var(--blue-1000);--tag-bg:var(--blue-100);--tag-text:var(--blue-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-blue-2);--card-fill-hover:var(--bright-blue-1);--accent-dark-coral:var(--blue-0);--accent-dark-blue:var(--blue-0);--accent-dark-green:var(--blue-0);--accent-dark-purple:var(--blue-0);--accent-light-coral:var(--blue-1000);--accent-light-blue:var(--blue-1000);--accent-light-green:var(--blue-1000);--accent-light-purple:var(--blue-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-blue);--logo-text:var(--blue-1000);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--blue-1000);--btn-oauth-background-hover:var(--blue-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-coral"],html *[data-theme-onhover="dark-coral"]:hover,html *[data-theme-onhover="dark-coral"]:focus{--bg:var(--coral-1000);--bg-medium:var(--coral-950);--bg-medium-weak:var(--coral-950);--bg-hover:var(--coral-900);--bg-strong:var(--coral-800);--border:var(--coral-900);--border-weak:var(--coral-900);--border-strong:var(--coral-800);--border-strong-hover:var(--coral-500);--text:var(--coral-0);--text-medium:var(--coral-200);--text-weak:var(--coral-400);--link-text:var(--white);--link-text-hover:var(--coral-300);--link-text-active:var(--white);--link-text-weak:var(--coral-400);--link-text-weak-hover:var(--coral-0);--icon:var(--coral-200);--icon-medium:var(--coral-200);--icon-weak:var(--coral-400);--icon-hover:var(--coral-200);--icon-medium-hover:var(--coral-400);--icon-disabled:var(--coral-400);--btn-primary-background:var(--coral-0);--btn-primary-background-hover:var(--coral-300);--btn-primary-background-selected:var(--coral-0);--btn-primary-background-disabled:var(--coral-950);--btn-primary-text:var(--coral-1000);--btn-primary-text-disabled:var(--coral-900);--btn-primary-icon:var(--coral-1000);--btn-primary-icon-disabled:var(--coral-700);--btn-primary-outline:var(--coral-1000);--btn-primary-outline-hover:var(--coral-1000);--btn-secondary-alt-background:var(--coral-900);--btn-secondary-alt-background-hover:var(--coral-800);--btn-secondary-background:var(--coral-1000);--btn-secondary-background-hover:var(--coral-900);--btn-secondary-background-selected:var(--coral-1000);--btn-secondary-background-disabled:var(--coral-1000);--btn-secondary-text:var(--coral-0);--btn-secondary-text-disabled:var(--coral-500);--btn-secondary-icon:var(--coral-0);--btn-secondary-icon-disabled:var(--coral-0);--btn-secondary-outline:var(--coral-400);--btn-secondary-outline-hover:var(--coral-400);--btn-tertiary-link-text:var(--coral-0);--btn-tertiary-link-text-hover:var(--coral-300);--btn-tertiary-background:var(--coral-0);--btn-tertiary-background-hover:var(--coral-300);--btn-tertiary-icon:var(--coral-1000);--chip-bg:var(--coral-950);--chip-bg-hover:var(--coral-900);--chip-bg-selected:var(--coral-800);--chip-text:var(--coral-0);--chip-text-selected:var(--coral-0);--tag-bg:var(--coral-900);--tag-text:var(--coral-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-coral-4);--card-fill-hover:var(--bright-coral-3);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--coral-1000);--accent-dark-green:var(--coral-1000);--accent-dark-purple:var(--coral-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--coral-0);--accent-light-green:var(--coral-0);--accent-light-purple:var(--coral-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-coral);--logo-text:var(--coral-0);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--coral-0);--btn-oauth-background-hover:var(--coral-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-coral"][data-invert-theme-onhover]:hover,html *[data-theme="dark-coral"][data-invert-theme-onhover]:focus{--bg:var(--coral-0);--bg-medium:var(--coral-50);--bg-medium-weak:var(--coral-20);--bg-hover:var(--coral-100);--bg-strong:var(--coral-100);--border:var(--coral-100);--border-weak:var(--coral-100);--border-strong:var(--coral-200);--border-strong-hover:var(--coral-500);--text:var(--coral-1000);--text-medium:var(--coral-800);--text-weak:var(--coral-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--coral-600);--link-text-weak-hover:var(--coral-1000);--icon:var(--coral-800);--icon-medium:var(--coral-800);--icon-weak:var(--coral-600);--icon-hover:var(--coral-800);--icon-medium-hover:var(--coral-600);--icon-disabled:var(--coral-600);--btn-primary-background:var(--coral-1000);--btn-primary-background-hover:var(--coral-700);--btn-primary-background-selected:var(--coral-1000);--btn-primary-background-disabled:var(--coral-50);--btn-primary-text:var(--coral-0);--btn-primary-text-disabled:var(--coral-500);--btn-primary-icon:var(--coral-0);--btn-primary-icon-disabled:var(--coral-200);--btn-primary-outline:var(--coral-0);--btn-primary-outline-hover:var(--coral-0);--btn-secondary-alt-background:var(--coral-50);--btn-secondary-alt-background-hover:var(--coral-100);--btn-secondary-background:var(--coral-0);--btn-secondary-background-hover:var(--coral-100);--btn-secondary-background-selected:var(--coral-0);--btn-secondary-background-disabled:var(--coral-0);--btn-secondary-text:var(--coral-1000);--btn-secondary-text-disabled:var(--coral-500);--btn-secondary-icon:var(--coral-1000);--btn-secondary-icon-disabled:var(--coral-1000);--btn-secondary-outline:var(--coral-600);--btn-secondary-outline-hover:var(--coral-600);--btn-tertiary-link-text:var(--coral-1000);--btn-tertiary-link-text-hover:var(--coral-800);--btn-tertiary-background:var(--coral-1000);--btn-tertiary-background-hover:var(--coral-700);--btn-tertiary-icon:var(--coral-0);--chip-bg:var(--coral-50);--chip-bg-hover:var(--coral-100);--chip-bg-selected:var(--coral-200);--chip-text:var(--coral-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--coral-100);--tag-text:var(--coral-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-coral-2);--card-fill-hover:var(--bright-coral-1);--accent-dark-coral:var(--coral-0);--accent-dark-blue:var(--coral-0);--accent-dark-green:var(--coral-0);--accent-dark-purple:var(--coral-0);--accent-light-coral:var(--coral-1000);--accent-light-blue:var(--coral-1000);--accent-light-green:var(--coral-1000);--accent-light-purple:var(--coral-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-coral);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--coral-1000);--btn-oauth-background-hover:var(--coral-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-coral"] *[data-invert-theme-onhover]:hover,html *[data-theme="dark-coral"] *[data-invert-theme-onhover]:focus{--bg:var(--coral-0);--bg-medium:var(--coral-50);--bg-medium-weak:var(--coral-20);--bg-hover:var(--coral-100);--bg-strong:var(--coral-100);--border:var(--coral-100);--border-weak:var(--coral-100);--border-strong:var(--coral-200);--border-strong-hover:var(--coral-500);--text:var(--coral-1000);--text-medium:var(--coral-800);--text-weak:var(--coral-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--coral-600);--link-text-weak-hover:var(--coral-1000);--icon:var(--coral-800);--icon-medium:var(--coral-800);--icon-weak:var(--coral-600);--icon-hover:var(--coral-800);--icon-medium-hover:var(--coral-600);--icon-disabled:var(--coral-600);--btn-primary-background:var(--coral-1000);--btn-primary-background-hover:var(--coral-700);--btn-primary-background-selected:var(--coral-1000);--btn-primary-background-disabled:var(--coral-50);--btn-primary-text:var(--coral-0);--btn-primary-text-disabled:var(--coral-500);--btn-primary-icon:var(--coral-0);--btn-primary-icon-disabled:var(--coral-200);--btn-primary-outline:var(--coral-0);--btn-primary-outline-hover:var(--coral-0);--btn-secondary-alt-background:var(--coral-50);--btn-secondary-alt-background-hover:var(--coral-100);--btn-secondary-background:var(--coral-0);--btn-secondary-background-hover:var(--coral-100);--btn-secondary-background-selected:var(--coral-0);--btn-secondary-background-disabled:var(--coral-0);--btn-secondary-text:var(--coral-1000);--btn-secondary-text-disabled:var(--coral-500);--btn-secondary-icon:var(--coral-1000);--btn-secondary-icon-disabled:var(--coral-1000);--btn-secondary-outline:var(--coral-600);--btn-secondary-outline-hover:var(--coral-600);--btn-tertiary-link-text:var(--coral-1000);--btn-tertiary-link-text-hover:var(--coral-800);--btn-tertiary-background:var(--coral-1000);--btn-tertiary-background-hover:var(--coral-700);--btn-tertiary-icon:var(--coral-0);--chip-bg:var(--coral-50);--chip-bg-hover:var(--coral-100);--chip-bg-selected:var(--coral-200);--chip-text:var(--coral-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--coral-100);--tag-text:var(--coral-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-coral-2);--card-fill-hover:var(--bright-coral-1);--accent-dark-coral:var(--coral-0);--accent-dark-blue:var(--coral-0);--accent-dark-green:var(--coral-0);--accent-dark-purple:var(--coral-0);--accent-light-coral:var(--coral-1000);--accent-light-blue:var(--coral-1000);--accent-light-green:var(--coral-1000);--accent-light-purple:var(--coral-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-coral);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--coral-1000);--btn-oauth-background-hover:var(--coral-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-green"],html *[data-theme-onhover="dark-green"]:hover,html *[data-theme-onhover="dark-green"]:focus{--bg:var(--green-1000);--bg-medium:var(--green-950);--bg-medium-weak:var(--green-950);--bg-hover:var(--green-900);--bg-strong:var(--green-800);--border:var(--green-900);--border-weak:var(--green-900);--border-strong:var(--green-800);--border-strong-hover:var(--green-500);--text:var(--green-0);--text-medium:var(--green-0);--text-weak:var(--green-400);--link-text:var(--white);--link-text-hover:var(--green-300);--link-text-active:var(--white);--link-text-weak:var(--green-400);--link-text-weak-hover:var(--green-0);--icon:var(--green-0);--icon-medium:var(--green-200);--icon-weak:var(--green-400);--icon-hover:var(--green-200);--icon-medium-hover:var(--green-400);--icon-disabled:var(--green-400);--btn-primary-background:var(--green-0);--btn-primary-background-hover:var(--green-300);--btn-primary-background-selected:var(--green-0);--btn-primary-background-disabled:var(--green-950);--btn-primary-text:var(--green-1000);--btn-primary-text-disabled:var(--green-500);--btn-primary-icon:var(--green-1000);--btn-primary-icon-disabled:var(--green-700);--btn-primary-outline:var(--green-1000);--btn-primary-outline-hover:var(--green-1000);--btn-secondary-alt-background:var(--green-900);--btn-secondary-alt-background-hover:var(--green-800);--btn-secondary-background:var(--green-1000);--btn-secondary-background-hover:var(--green-900);--btn-secondary-background-selected:var(--green-1000);--btn-secondary-background-disabled:var(--green-1000);--btn-secondary-text:var(--green-0);--btn-secondary-text-disabled:var(--green-500);--btn-secondary-icon:var(--green-0);--btn-secondary-icon-disabled:var(--green-0);--btn-secondary-outline:var(--green-400);--btn-secondary-outline-hover:var(--green-400);--btn-tertiary-link-text:var(--green-0);--btn-tertiary-link-text-hover:var(--green-300);--btn-tertiary-background:var(--green-0);--btn-tertiary-background-hover:var(--green-300);--btn-tertiary-icon:var(--green-1000);--chip-bg:var(--green-950);--chip-bg-hover:var(--green-900);--chip-bg-selected:var(--green-800);--chip-text:var(--green-0);--chip-text-selected:var(--green-0);--tag-bg:var(--green-900);--tag-text:var(--green-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-green-4);--card-fill-hover:var(--bright-green-3);--accent-dark-coral:var(--green-1000);--accent-dark-blue:var(--green-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--green-1000);--accent-light-coral:var(--green-0);--accent-light-blue:var(--green-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--green-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-green);--logo-text:var(--green-0);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--green-0);--btn-oauth-background-hover:var(--green-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-green"][data-invert-theme-onhover]:hover,html *[data-theme="dark-green"][data-invert-theme-onhover]:focus{--bg:var(--green-0);--bg-medium:var(--green-50);--bg-medium-weak:var(--green-20);--bg-hover:var(--green-100);--bg-strong:var(--green-100);--border:var(--green-100);--border-weak:var(--green-100);--border-strong:var(--green-200);--border-strong-hover:var(--green-500);--text:var(--green-1000);--text-medium:var(--green-800);--text-weak:var(--green-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--green-600);--link-text-weak-hover:var(--green-1000);--icon:var(--green-800);--icon-medium:var(--green-800);--icon-weak:var(--green-600);--icon-hover:var(--green-800);--icon-medium-hover:var(--green-600);--icon-disabled:var(--green-600);--btn-primary-background:var(--green-1000);--btn-primary-background-hover:var(--green-700);--btn-primary-background-selected:var(--green-1000);--btn-primary-background-disabled:var(--green-50);--btn-primary-text:var(--green-0);--btn-primary-text-disabled:var(--green-500);--btn-primary-icon:var(--green-0);--btn-primary-icon-disabled:var(--green-200);--btn-primary-outline:var(--green-0);--btn-primary-outline-hover:var(--green-0);--btn-secondary-alt-background:var(--green-50);--btn-secondary-alt-background-hover:var(--green-100);--btn-secondary-background:var(--green-0);--btn-secondary-background-hover:var(--green-100);--btn-secondary-background-selected:var(--green-0);--btn-secondary-background-disabled:var(--green-0);--btn-secondary-text:var(--green-1000);--btn-secondary-text-disabled:var(--green-500);--btn-secondary-icon:var(--green-1000);--btn-secondary-icon-disabled:var(--green-1000);--btn-secondary-outline:var(--green-600);--btn-secondary-outline-hover:var(--green-600);--btn-tertiary-link-text:var(--green-1000);--btn-tertiary-link-text-hover:var(--green-800);--btn-tertiary-background:var(--green-1000);--btn-tertiary-background-hover:var(--green-700);--btn-tertiary-icon:var(--green-0);--chip-bg:var(--green-50);--chip-bg-hover:var(--green-100);--chip-bg-selected:var(--green-200);--chip-text:var(--green-1000);--chip-text-selected:var(--green-1000);--tag-bg:var(--green-100);--tag-text:var(--green-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-green-2);--card-fill-hover:var(--bright-green-1);--accent-dark-coral:var(--green-0);--accent-dark-blue:var(--green-0);--accent-dark-green:var(--green-0);--accent-dark-purple:var(--green-0);--accent-light-coral:var(--green-1000);--accent-light-blue:var(--green-1000);--accent-light-green:var(--green-1000);--accent-light-purple:var(--green-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-green);--logo-text:var(--green-1000);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--green-1000);--btn-oauth-background-hover:var(--green-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-green"] *[data-invert-theme-onhover]:hover,html *[data-theme="dark-green"] *[data-invert-theme-onhover]:focus{--bg:var(--green-0);--bg-medium:var(--green-50);--bg-medium-weak:var(--green-20);--bg-hover:var(--green-100);--bg-strong:var(--green-100);--border:var(--green-100);--border-weak:var(--green-100);--border-strong:var(--green-200);--border-strong-hover:var(--green-500);--text:var(--green-1000);--text-medium:var(--green-800);--text-weak:var(--green-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--green-600);--link-text-weak-hover:var(--green-1000);--icon:var(--green-800);--icon-medium:var(--green-800);--icon-weak:var(--green-600);--icon-hover:var(--green-800);--icon-medium-hover:var(--green-600);--icon-disabled:var(--green-600);--btn-primary-background:var(--green-1000);--btn-primary-background-hover:var(--green-700);--btn-primary-background-selected:var(--green-1000);--btn-primary-background-disabled:var(--green-50);--btn-primary-text:var(--green-0);--btn-primary-text-disabled:var(--green-500);--btn-primary-icon:var(--green-0);--btn-primary-icon-disabled:var(--green-200);--btn-primary-outline:var(--green-0);--btn-primary-outline-hover:var(--green-0);--btn-secondary-alt-background:var(--green-50);--btn-secondary-alt-background-hover:var(--green-100);--btn-secondary-background:var(--green-0);--btn-secondary-background-hover:var(--green-100);--btn-secondary-background-selected:var(--green-0);--btn-secondary-background-disabled:var(--green-0);--btn-secondary-text:var(--green-1000);--btn-secondary-text-disabled:var(--green-500);--btn-secondary-icon:var(--green-1000);--btn-secondary-icon-disabled:var(--green-1000);--btn-secondary-outline:var(--green-600);--btn-secondary-outline-hover:var(--green-600);--btn-tertiary-link-text:var(--green-1000);--btn-tertiary-link-text-hover:var(--green-800);--btn-tertiary-background:var(--green-1000);--btn-tertiary-background-hover:var(--green-700);--btn-tertiary-icon:var(--green-0);--chip-bg:var(--green-50);--chip-bg-hover:var(--green-100);--chip-bg-selected:var(--green-200);--chip-text:var(--green-1000);--chip-text-selected:var(--green-1000);--tag-bg:var(--green-100);--tag-text:var(--green-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-green-2);--card-fill-hover:var(--bright-green-1);--accent-dark-coral:var(--green-0);--accent-dark-blue:var(--green-0);--accent-dark-green:var(--green-0);--accent-dark-purple:var(--green-0);--accent-light-coral:var(--green-1000);--accent-light-blue:var(--green-1000);--accent-light-green:var(--green-1000);--accent-light-purple:var(--green-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-green);--logo-text:var(--green-1000);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--green-1000);--btn-oauth-background-hover:var(--green-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-purple"],html *[data-theme-onhover="dark-purple"]:hover,html *[data-theme-onhover="dark-purple"]:focus{--bg:var(--purple-1000);--bg-medium:var(--purple-950);--bg-medium-weak:var(--purple-950);--bg-hover:var(--purple-900);--bg-strong:var(--purple-800);--border:var(--purple-900);--border-weak:var(--purple-900);--border-strong:var(--purple-800);--border-strong-hover:var(--purple-500);--text:var(--purple-0);--text-medium:var(--purple-0);--text-weak:var(--purple-400);--link-text:var(--white);--link-text-hover:var(--purple-300);--link-text-active:var(--white);--link-text-weak:var(--purple-400);--link-text-weak-hover:var(--purple-0);--icon:var(--purple-0);--icon-medium:var(--purple-200);--icon-weak:var(--purple-400);--icon-hover:var(--purple-200);--icon-medium-hover:var(--purple-400);--icon-disabled:var(--purple-400);--btn-primary-background:var(--purple-0);--btn-primary-background-hover:var(--purple-300);--btn-primary-background-selected:var(--purple-0);--btn-primary-background-disabled:var(--purple-950);--btn-primary-text:var(--purple-1000);--btn-primary-text-disabled:var(--purple-500);--btn-primary-icon:var(--purple-1000);--btn-primary-icon-disabled:var(--purple-700);--btn-primary-outline:var(--purple-1000);--btn-primary-outline-hover:var(--purple-1000);--btn-secondary-alt-background:var(--purple-900);--btn-secondary-alt-background-hover:var(--purple-800);--btn-secondary-background:var(--purple-1000);--btn-secondary-background-hover:var(--purple-900);--btn-secondary-background-selected:var(--purple-1000);--btn-secondary-background-disabled:var(--purple-1000);--btn-secondary-text:var(--purple-0);--btn-secondary-text-disabled:var(--purple-500);--btn-secondary-icon:var(--purple-0);--btn-secondary-icon-disabled:var(--purple-0);--btn-secondary-outline:var(--purple-400);--btn-secondary-outline-hover:var(--purple-400);--btn-tertiary-link-text:var(--purple-0);--btn-tertiary-link-text-hover:var(--purple-300);--btn-tertiary-background:var(--purple-0);--btn-tertiary-background-hover:var(--purple-300);--btn-tertiary-icon:var(--purple-1000);--chip-bg:var(--purple-950);--chip-bg-hover:var(--purple-900);--chip-bg-selected:var(--purple-800);--chip-text:var(--purple-0);--chip-text-selected:var(--purple-0);--tag-bg:var(--purple-900);--tag-text:var(--purple-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-purple-4);--card-fill-hover:var(--bright-purple-3);--accent-dark-coral:var(--purple-1000);--accent-dark-blue:var(--purple-1000);--accent-dark-green:var(--purple-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--purple-0);--accent-light-blue:var(--purple-0);--accent-light-green:var(--purple-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-purple);--logo-text:var(--purple-0);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--purple-0);--btn-oauth-background-hover:var(--purple-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-purple"][data-invert-theme-onhover]:hover,html *[data-theme="dark-purple"][data-invert-theme-onhover]:focus{--bg:var(--purple-0);--bg-medium:var(--purple-50);--bg-medium-weak:var(--purple-20);--bg-strong:var(--purple-100);--bg-hover:var(--purple-100);--border:var(--purple-100);--border-weak:var(--purple-100);--border-strong:var(--purple-200);--border-strong-hover:var(--purple-500);--text:var(--purple-1000);--text-medium:var(--purple-800);--text-weak:var(--purple-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--purple-600);--link-text-weak-hover:var(--purple-1000);--icon:var(--purple-800);--icon-medium:var(--purple-800);--icon-weak:var(--purple-600);--icon-hover:var(--purple-800);--icon-medium-hover:var(--purple-600);--icon-disabled:var(--purple-600);--btn-primary-background:var(--purple-1000);--btn-primary-background-hover:var(--purple-700);--btn-primary-background-selected:var(--purple-1000);--btn-primary-background-disabled:var(--purple-50);--btn-primary-text:var(--purple-0);--btn-primary-text-disabled:var(--purple-500);--btn-primary-icon:var(--purple-0);--btn-primary-icon-disabled:var(--purple-200);--btn-primary-outline:var(--purple-0);--btn-primary-outline-hover:var(--purple-0);--btn-secondary-alt-background:var(--purple-50);--btn-secondary-alt-background-hover:var(--purple-100);--btn-secondary-background:var(--purple-0);--btn-secondary-background-hover:var(--purple-100);--btn-secondary-background-selected:var(--purple-0);--btn-secondary-background-disabled:var(--purple-0);--btn-secondary-text:var(--purple-1000);--btn-secondary-text-disabled:var(--purple-500);--btn-secondary-icon:var(--purple-1000);--btn-secondary-icon-disabled:var(--purple-1000);--btn-secondary-outline:var(--purple-600);--btn-secondary-outline-hover:var(--purple-600);--btn-tertiary-link-text:var(--purple-1000);--btn-tertiary-link-text-hover:var(--purple-800);--btn-tertiary-background:var(--purple-1000);--btn-tertiary-background-hover:var(--purple-700);--btn-tertiary-icon:var(--purple-0);--chip-bg:var(--purple-50);--chip-bg-hover:var(--purple-100);--chip-bg-selected:var(--purple-200);--chip-text:var(--purple-1000);--chip-text-selected:var(--purple-1000);--tag-bg:var(--purple-100);--tag-text:var(--purple-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-purple-2);--card-fill-hover:var(--bright-purple-1);--accent-dark-coral:var(--purple-0);--accent-dark-blue:var(--purple-0);--accent-dark-green:var(--purple-0);--accent-dark-purple:var(--purple-0);--accent-light-coral:var(--purple-1000);--accent-light-blue:var(--purple-1000);--accent-light-green:var(--purple-1000);--accent-light-purple:var(--purple-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-purple);--logo-text:var(--purple-1000);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--purple-1000);--btn-oauth-background-hover:var(--purple-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="dark-purple"] *[data-invert-theme-onhover]:hover,html *[data-theme="dark-purple"] *[data-invert-theme-onhover]:focus{--bg:var(--purple-0);--bg-medium:var(--purple-50);--bg-medium-weak:var(--purple-20);--bg-strong:var(--purple-100);--bg-hover:var(--purple-100);--border:var(--purple-100);--border-weak:var(--purple-100);--border-strong:var(--purple-200);--border-strong-hover:var(--purple-500);--text:var(--purple-1000);--text-medium:var(--purple-800);--text-weak:var(--purple-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--purple-600);--link-text-weak-hover:var(--purple-1000);--icon:var(--purple-800);--icon-medium:var(--purple-800);--icon-weak:var(--purple-600);--icon-hover:var(--purple-800);--icon-medium-hover:var(--purple-600);--icon-disabled:var(--purple-600);--btn-primary-background:var(--purple-1000);--btn-primary-background-hover:var(--purple-700);--btn-primary-background-selected:var(--purple-1000);--btn-primary-background-disabled:var(--purple-50);--btn-primary-text:var(--purple-0);--btn-primary-text-disabled:var(--purple-500);--btn-primary-icon:var(--purple-0);--btn-primary-icon-disabled:var(--purple-200);--btn-primary-outline:var(--purple-0);--btn-primary-outline-hover:var(--purple-0);--btn-secondary-alt-background:var(--purple-50);--btn-secondary-alt-background-hover:var(--purple-100);--btn-secondary-background:var(--purple-0);--btn-secondary-background-hover:var(--purple-100);--btn-secondary-background-selected:var(--purple-0);--btn-secondary-background-disabled:var(--purple-0);--btn-secondary-text:var(--purple-1000);--btn-secondary-text-disabled:var(--purple-500);--btn-secondary-icon:var(--purple-1000);--btn-secondary-icon-disabled:var(--purple-1000);--btn-secondary-outline:var(--purple-600);--btn-secondary-outline-hover:var(--purple-600);--btn-tertiary-link-text:var(--purple-1000);--btn-tertiary-link-text-hover:var(--purple-800);--btn-tertiary-background:var(--purple-1000);--btn-tertiary-background-hover:var(--purple-700);--btn-tertiary-icon:var(--purple-0);--chip-bg:var(--purple-50);--chip-bg-hover:var(--purple-100);--chip-bg-selected:var(--purple-200);--chip-text:var(--purple-1000);--chip-text-selected:var(--purple-1000);--tag-bg:var(--purple-100);--tag-text:var(--purple-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-purple-2);--card-fill-hover:var(--bright-purple-1);--accent-dark-coral:var(--purple-0);--accent-dark-blue:var(--purple-0);--accent-dark-green:var(--purple-0);--accent-dark-purple:var(--purple-0);--accent-light-coral:var(--purple-1000);--accent-light-blue:var(--purple-1000);--accent-light-green:var(--purple-1000);--accent-light-purple:var(--purple-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-purple);--logo-text:var(--purple-1000);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--purple-1000);--btn-oauth-background-hover:var(--purple-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-blue"],html *[data-theme-onhover="light-blue"]:hover,html *[data-theme-onhover="light-blue"]:focus{--bg:var(--blue-0);--bg-medium:var(--blue-50);--bg-medium-weak:var(--blue-20);--bg-hover:var(--blue-100);--bg-strong:var(--blue-100);--border:var(--blue-100);--border-weak:var(--blue-100);--border-strong:var(--blue-200);--border-strong-hover:var(--blue-500);--text:var(--blue-1000);--text-medium:var(--blue-800);--text-weak:var(--blue-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--blue-600);--link-text-weak-hover:var(--blue-1000);--icon:var(--blue-800);--icon-medium:var(--blue-800);--icon-weak:var(--blue-600);--icon-hover:var(--blue-800);--icon-medium-hover:var(--blue-600);--icon-disabled:var(--blue-600);--btn-primary-background:var(--blue-1000);--btn-primary-background-hover:var(--blue-700);--btn-primary-background-selected:var(--blue-1000);--btn-primary-background-disabled:var(--blue-50);--btn-primary-text:var(--blue-0);--btn-primary-text-disabled:var(--blue-500);--btn-primary-icon:var(--blue-0);--btn-primary-icon-disabled:var(--blue-200);--btn-primary-outline:var(--blue-0);--btn-primary-outline-hover:var(--blue-0);--btn-secondary-alt-background:var(--blue-50);--btn-secondary-alt-background-hover:var(--blue-100);--btn-secondary-background:var(--blue-0);--btn-secondary-background-hover:var(--blue-100);--btn-secondary-background-selected:var(--blue-0);--btn-secondary-background-disabled:var(--blue-0);--btn-secondary-text:var(--blue-1000);--btn-secondary-text-disabled:var(--blue-500);--btn-secondary-icon:var(--blue-1000);--btn-secondary-icon-disabled:var(--blue-1000);--btn-secondary-outline:var(--blue-600);--btn-secondary-outline-hover:var(--blue-600);--btn-tertiary-link-text:var(--blue-1000);--btn-tertiary-link-text-hover:var(--blue-800);--btn-tertiary-background:var(--blue-1000);--btn-tertiary-background-hover:var(--blue-700);--btn-tertiary-icon:var(--blue-0);--chip-bg:var(--blue-50);--chip-bg-hover:var(--blue-100);--chip-bg-selected:var(--blue-200);--chip-text:var(--blue-1000);--chip-text-selected:var(--blue-1000);--tag-bg:var(--blue-100);--tag-text:var(--blue-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-blue-2);--card-fill-hover:var(--bright-blue-1);--accent-dark-coral:var(--blue-0);--accent-dark-blue:var(--blue-0);--accent-dark-green:var(--blue-0);--accent-dark-purple:var(--blue-0);--accent-light-coral:var(--blue-1000);--accent-light-blue:var(--blue-1000);--accent-light-green:var(--blue-1000);--accent-light-purple:var(--blue-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-blue);--logo-text:var(--blue-1000);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--blue-1000);--btn-oauth-background-hover:var(--blue-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-blue"][data-invert-theme-onhover]:hover,html *[data-theme="light-blue"][data-invert-theme-onhover]:focus{--bg:var(--blue-1000);--bg-medium:var(--blue-950);--bg-medium-weak:var(--blue-950);--bg-hover:var(--blue-900);--bg-strong:var(--blue-800);--border:var(--blue-900);--border-weak:var(--blue-900);--border-strong:var(--blue-800);--border-strong-hover:var(--blue-500);--text:var(--blue-0);--text-medium:var(--blue-0);--text-weak:var(--blue-400);--link-text:var(--white);--link-text-hover:var(--blue-300);--link-text-active:var(--white);--link-text-weak:var(--blue-400);--link-text-weak-hover:var(--blue-0);--icon:var(--blue-200);--icon-medium:var(--blue-200);--icon-weak:var(--blue-400);--icon-hover:var(--blue-200);--icon-medium-hover:var(--blue-400);--icon-disabled:var(--blue-400);--btn-primary-background:var(--blue-0);--btn-primary-background-hover:var(--blue-300);--btn-primary-background-selected:var(--blue-0);--btn-primary-background-disabled:var(--blue-950);--btn-primary-text:var(--blue-1000);--btn-primary-text-disabled:var(--blue-500);--btn-primary-icon:var(--blue-1000);--btn-primary-icon-disabled:var(--blue-700);--btn-primary-outline:var(--blue-1000);--btn-primary-outline-hover:var(--blue-1000);--btn-secondary-alt-background:var(--blue-900);--btn-secondary-alt-background-hover:var(--blue-800);--btn-secondary-background:var(--blue-1000);--btn-secondary-background-hover:var(--blue-900);--btn-secondary-background-selected:var(--blue-1000);--btn-secondary-background-disabled:var(--blue-1000);--btn-secondary-text:var(--blue-0);--btn-secondary-text-disabled:var(--blue-500);--btn-secondary-icon:var(--blue-0);--btn-secondary-icon-disabled:var(--blue-0);--btn-secondary-outline:var(--blue-400);--btn-secondary-outline-hover:var(--blue-400);--btn-tertiary-link-text:var(--blue-0);--btn-tertiary-link-text-hover:var(--blue-300);--btn-tertiary-background:var(--blue-0);--btn-tertiary-background-hover:var(--blue-300);--btn-tertiary-icon:var(--blue-1000);--chip-bg:var(--blue-950);--chip-bg-hover:var(--blue-900);--chip-bg-selected:var(--blue-800);--chip-text:var(--blue-0);--chip-text-selected:var(--blue-0);--tag-bg:var(--blue-900);--tag-text:var(--blue-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-blue-4);--card-fill-hover:var(--bright-blue-3);--accent-dark-coral:var(--blue-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--blue-1000);--accent-dark-purple:var(--blue-1000);--accent-light-coral:var(--blue-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--blue-0);--accent-light-purple:var(--blue-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-blue);--logo-text:var(--blue-0);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--blue-0);--btn-oauth-background-hover:var(--blue-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-blue"] *[data-invert-theme-onhover]:hover,html *[data-theme="light-blue"] *[data-invert-theme-onhover]:focus{--bg:var(--blue-1000);--bg-medium:var(--blue-950);--bg-medium-weak:var(--blue-950);--bg-hover:var(--blue-900);--bg-strong:var(--blue-800);--border:var(--blue-900);--border-weak:var(--blue-900);--border-strong:var(--blue-800);--border-strong-hover:var(--blue-500);--text:var(--blue-0);--text-medium:var(--blue-0);--text-weak:var(--blue-400);--link-text:var(--white);--link-text-hover:var(--blue-300);--link-text-active:var(--white);--link-text-weak:var(--blue-400);--link-text-weak-hover:var(--blue-0);--icon:var(--blue-200);--icon-medium:var(--blue-200);--icon-weak:var(--blue-400);--icon-hover:var(--blue-200);--icon-medium-hover:var(--blue-400);--icon-disabled:var(--blue-400);--btn-primary-background:var(--blue-0);--btn-primary-background-hover:var(--blue-300);--btn-primary-background-selected:var(--blue-0);--btn-primary-background-disabled:var(--blue-950);--btn-primary-text:var(--blue-1000);--btn-primary-text-disabled:var(--blue-500);--btn-primary-icon:var(--blue-1000);--btn-primary-icon-disabled:var(--blue-700);--btn-primary-outline:var(--blue-1000);--btn-primary-outline-hover:var(--blue-1000);--btn-secondary-alt-background:var(--blue-900);--btn-secondary-alt-background-hover:var(--blue-800);--btn-secondary-background:var(--blue-1000);--btn-secondary-background-hover:var(--blue-900);--btn-secondary-background-selected:var(--blue-1000);--btn-secondary-background-disabled:var(--blue-1000);--btn-secondary-text:var(--blue-0);--btn-secondary-text-disabled:var(--blue-500);--btn-secondary-icon:var(--blue-0);--btn-secondary-icon-disabled:var(--blue-0);--btn-secondary-outline:var(--blue-400);--btn-secondary-outline-hover:var(--blue-400);--btn-tertiary-link-text:var(--blue-0);--btn-tertiary-link-text-hover:var(--blue-300);--btn-tertiary-background:var(--blue-0);--btn-tertiary-background-hover:var(--blue-300);--btn-tertiary-icon:var(--blue-1000);--chip-bg:var(--blue-950);--chip-bg-hover:var(--blue-900);--chip-bg-selected:var(--blue-800);--chip-text:var(--blue-0);--chip-text-selected:var(--blue-0);--tag-bg:var(--blue-900);--tag-text:var(--blue-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-blue-4);--card-fill-hover:var(--bright-blue-3);--accent-dark-coral:var(--blue-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--blue-1000);--accent-dark-purple:var(--blue-1000);--accent-light-coral:var(--blue-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--blue-0);--accent-light-purple:var(--blue-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-blue);--logo-text:var(--blue-0);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--blue-0);--btn-oauth-background-hover:var(--blue-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-coral"],html *[data-theme-onhover="light-coral"]:hover,html *[data-theme-onhover="light-coral"]:focus{--bg:var(--coral-0);--bg-medium:var(--coral-50);--bg-medium-weak:var(--coral-20);--bg-hover:var(--coral-100);--bg-strong:var(--coral-100);--border:var(--coral-100);--border-weak:var(--coral-100);--border-strong:var(--coral-200);--border-strong-hover:var(--coral-500);--text:var(--coral-1000);--text-medium:var(--coral-800);--text-weak:var(--coral-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--coral-600);--link-text-weak-hover:var(--coral-1000);--icon:var(--coral-800);--icon-medium:var(--coral-800);--icon-weak:var(--coral-600);--icon-hover:var(--coral-800);--icon-medium-hover:var(--coral-600);--icon-disabled:var(--coral-600);--btn-primary-background:var(--coral-1000);--btn-primary-background-hover:var(--coral-700);--btn-primary-background-selected:var(--coral-1000);--btn-primary-background-disabled:var(--coral-50);--btn-primary-text:var(--coral-0);--btn-primary-text-disabled:var(--coral-500);--btn-primary-icon:var(--coral-0);--btn-primary-icon-disabled:var(--coral-200);--btn-primary-outline:var(--coral-0);--btn-primary-outline-hover:var(--coral-0);--btn-secondary-alt-background:var(--coral-50);--btn-secondary-alt-background-hover:var(--coral-100);--btn-secondary-background:var(--coral-0);--btn-secondary-background-hover:var(--coral-100);--btn-secondary-background-selected:var(--coral-0);--btn-secondary-background-disabled:var(--coral-0);--btn-secondary-text:var(--coral-1000);--btn-secondary-text-disabled:var(--coral-500);--btn-secondary-icon:var(--coral-1000);--btn-secondary-icon-disabled:var(--coral-1000);--btn-secondary-outline:var(--coral-600);--btn-secondary-outline-hover:var(--coral-600);--btn-tertiary-link-text:var(--coral-1000);--btn-tertiary-link-text-hover:var(--coral-800);--btn-tertiary-background:var(--coral-1000);--btn-tertiary-background-hover:var(--coral-700);--btn-tertiary-icon:var(--coral-0);--chip-bg:var(--coral-50);--chip-bg-hover:var(--coral-100);--chip-bg-selected:var(--coral-200);--chip-text:var(--coral-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--coral-100);--tag-text:var(--coral-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-coral-2);--card-fill-hover:var(--bright-coral-1);--accent-dark-coral:var(--coral-0);--accent-dark-blue:var(--coral-0);--accent-dark-green:var(--coral-0);--accent-dark-purple:var(--coral-0);--accent-light-coral:var(--coral-1000);--accent-light-blue:var(--coral-1000);--accent-light-green:var(--coral-1000);--accent-light-purple:var(--coral-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-coral);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--coral-1000);--btn-oauth-background-hover:var(--coral-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-coral"][data-invert-theme-onhover]:hover,html *[data-theme="light-coral"][data-invert-theme-onhover]:focus{--bg:var(--coral-1000);--bg-medium:var(--coral-950);--bg-medium-weak:var(--coral-950);--bg-hover:var(--coral-900);--bg-strong:var(--coral-800);--border:var(--coral-900);--border-weak:var(--coral-900);--border-strong:var(--coral-800);--border-strong-hover:var(--coral-500);--text:var(--coral-0);--text-medium:var(--coral-200);--text-weak:var(--coral-400);--link-text:var(--white);--link-text-hover:var(--coral-300);--link-text-active:var(--white);--link-text-weak:var(--coral-400);--link-text-weak-hover:var(--coral-0);--icon:var(--coral-200);--icon-medium:var(--coral-200);--icon-weak:var(--coral-400);--icon-hover:var(--coral-200);--icon-medium-hover:var(--coral-400);--icon-disabled:var(--coral-400);--btn-primary-background:var(--coral-0);--btn-primary-background-hover:var(--coral-300);--btn-primary-background-selected:var(--coral-0);--btn-primary-background-disabled:var(--coral-950);--btn-primary-text:var(--coral-1000);--btn-primary-text-disabled:var(--coral-900);--btn-primary-icon:var(--coral-1000);--btn-primary-icon-disabled:var(--coral-700);--btn-primary-outline:var(--coral-1000);--btn-primary-outline-hover:var(--coral-1000);--btn-secondary-alt-background:var(--coral-900);--btn-secondary-alt-background-hover:var(--coral-800);--btn-secondary-background:var(--coral-1000);--btn-secondary-background-hover:var(--coral-900);--btn-secondary-background-selected:var(--coral-1000);--btn-secondary-background-disabled:var(--coral-1000);--btn-secondary-text:var(--coral-0);--btn-secondary-text-disabled:var(--coral-500);--btn-secondary-icon:var(--coral-0);--btn-secondary-icon-disabled:var(--coral-0);--btn-secondary-outline:var(--coral-400);--btn-secondary-outline-hover:var(--coral-400);--btn-tertiary-link-text:var(--coral-0);--btn-tertiary-link-text-hover:var(--coral-300);--btn-tertiary-background:var(--coral-0);--btn-tertiary-background-hover:var(--coral-300);--btn-tertiary-icon:var(--coral-1000);--chip-bg:var(--coral-950);--chip-bg-hover:var(--coral-900);--chip-bg-selected:var(--coral-800);--chip-text:var(--coral-0);--chip-text-selected:var(--coral-0);--tag-bg:var(--coral-900);--tag-text:var(--coral-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-coral-4);--card-fill-hover:var(--bright-coral-3);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--coral-1000);--accent-dark-green:var(--coral-1000);--accent-dark-purple:var(--coral-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--coral-0);--accent-light-green:var(--coral-0);--accent-light-purple:var(--coral-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-coral);--logo-text:var(--coral-0);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--coral-0);--btn-oauth-background-hover:var(--coral-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-coral"] *[data-invert-theme-onhover]:hover,html *[data-theme="light-coral"] *[data-invert-theme-onhover]:focus{--bg:var(--coral-1000);--bg-medium:var(--coral-950);--bg-medium-weak:var(--coral-950);--bg-hover:var(--coral-900);--bg-strong:var(--coral-800);--border:var(--coral-900);--border-weak:var(--coral-900);--border-strong:var(--coral-800);--border-strong-hover:var(--coral-500);--text:var(--coral-0);--text-medium:var(--coral-200);--text-weak:var(--coral-400);--link-text:var(--white);--link-text-hover:var(--coral-300);--link-text-active:var(--white);--link-text-weak:var(--coral-400);--link-text-weak-hover:var(--coral-0);--icon:var(--coral-200);--icon-medium:var(--coral-200);--icon-weak:var(--coral-400);--icon-hover:var(--coral-200);--icon-medium-hover:var(--coral-400);--icon-disabled:var(--coral-400);--btn-primary-background:var(--coral-0);--btn-primary-background-hover:var(--coral-300);--btn-primary-background-selected:var(--coral-0);--btn-primary-background-disabled:var(--coral-950);--btn-primary-text:var(--coral-1000);--btn-primary-text-disabled:var(--coral-900);--btn-primary-icon:var(--coral-1000);--btn-primary-icon-disabled:var(--coral-700);--btn-primary-outline:var(--coral-1000);--btn-primary-outline-hover:var(--coral-1000);--btn-secondary-alt-background:var(--coral-900);--btn-secondary-alt-background-hover:var(--coral-800);--btn-secondary-background:var(--coral-1000);--btn-secondary-background-hover:var(--coral-900);--btn-secondary-background-selected:var(--coral-1000);--btn-secondary-background-disabled:var(--coral-1000);--btn-secondary-text:var(--coral-0);--btn-secondary-text-disabled:var(--coral-500);--btn-secondary-icon:var(--coral-0);--btn-secondary-icon-disabled:var(--coral-0);--btn-secondary-outline:var(--coral-400);--btn-secondary-outline-hover:var(--coral-400);--btn-tertiary-link-text:var(--coral-0);--btn-tertiary-link-text-hover:var(--coral-300);--btn-tertiary-background:var(--coral-0);--btn-tertiary-background-hover:var(--coral-300);--btn-tertiary-icon:var(--coral-1000);--chip-bg:var(--coral-950);--chip-bg-hover:var(--coral-900);--chip-bg-selected:var(--coral-800);--chip-text:var(--coral-0);--chip-text-selected:var(--coral-0);--tag-bg:var(--coral-900);--tag-text:var(--coral-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-coral-4);--card-fill-hover:var(--bright-coral-3);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--coral-1000);--accent-dark-green:var(--coral-1000);--accent-dark-purple:var(--coral-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--coral-0);--accent-light-green:var(--coral-0);--accent-light-purple:var(--coral-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-coral);--logo-text:var(--coral-0);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--coral-0);--btn-oauth-background-hover:var(--coral-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-green"],html *[data-theme-onhover="light-green"]:hover,html *[data-theme-onhover="light-green"]:focus{--bg:var(--green-0);--bg-medium:var(--green-50);--bg-medium-weak:var(--green-20);--bg-hover:var(--green-100);--bg-strong:var(--green-100);--border:var(--green-100);--border-weak:var(--green-100);--border-strong:var(--green-200);--border-strong-hover:var(--green-500);--text:var(--green-1000);--text-medium:var(--green-800);--text-weak:var(--green-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--green-600);--link-text-weak-hover:var(--green-1000);--icon:var(--green-800);--icon-medium:var(--green-800);--icon-weak:var(--green-600);--icon-hover:var(--green-800);--icon-medium-hover:var(--green-600);--icon-disabled:var(--green-600);--btn-primary-background:var(--green-1000);--btn-primary-background-hover:var(--green-700);--btn-primary-background-selected:var(--green-1000);--btn-primary-background-disabled:var(--green-50);--btn-primary-text:var(--green-0);--btn-primary-text-disabled:var(--green-500);--btn-primary-icon:var(--green-0);--btn-primary-icon-disabled:var(--green-200);--btn-primary-outline:var(--green-0);--btn-primary-outline-hover:var(--green-0);--btn-secondary-alt-background:var(--green-50);--btn-secondary-alt-background-hover:var(--green-100);--btn-secondary-background:var(--green-0);--btn-secondary-background-hover:var(--green-100);--btn-secondary-background-selected:var(--green-0);--btn-secondary-background-disabled:var(--green-0);--btn-secondary-text:var(--green-1000);--btn-secondary-text-disabled:var(--green-500);--btn-secondary-icon:var(--green-1000);--btn-secondary-icon-disabled:var(--green-1000);--btn-secondary-outline:var(--green-600);--btn-secondary-outline-hover:var(--green-600);--btn-tertiary-link-text:var(--green-1000);--btn-tertiary-link-text-hover:var(--green-800);--btn-tertiary-background:var(--green-1000);--btn-tertiary-background-hover:var(--green-700);--btn-tertiary-icon:var(--green-0);--chip-bg:var(--green-50);--chip-bg-hover:var(--green-100);--chip-bg-selected:var(--green-200);--chip-text:var(--green-1000);--chip-text-selected:var(--green-1000);--tag-bg:var(--green-100);--tag-text:var(--green-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-green-2);--card-fill-hover:var(--bright-green-1);--accent-dark-coral:var(--green-0);--accent-dark-blue:var(--green-0);--accent-dark-green:var(--green-0);--accent-dark-purple:var(--green-0);--accent-light-coral:var(--green-1000);--accent-light-blue:var(--green-1000);--accent-light-green:var(--green-1000);--accent-light-purple:var(--green-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-green);--logo-text:var(--green-1000);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--green-1000);--btn-oauth-background-hover:var(--green-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-green"][data-invert-theme-onhover]:hover,html *[data-theme="light-green"][data-invert-theme-onhover]:focus{--bg:var(--green-1000);--bg-medium:var(--green-950);--bg-medium-weak:var(--green-950);--bg-hover:var(--green-900);--bg-strong:var(--green-800);--border:var(--green-900);--border-weak:var(--green-900);--border-strong:var(--green-800);--border-strong-hover:var(--green-500);--text:var(--green-0);--text-medium:var(--green-0);--text-weak:var(--green-400);--link-text:var(--white);--link-text-hover:var(--green-300);--link-text-active:var(--white);--link-text-weak:var(--green-400);--link-text-weak-hover:var(--green-0);--icon:var(--green-0);--icon-medium:var(--green-200);--icon-weak:var(--green-400);--icon-hover:var(--green-200);--icon-medium-hover:var(--green-400);--icon-disabled:var(--green-400);--btn-primary-background:var(--green-0);--btn-primary-background-hover:var(--green-300);--btn-primary-background-selected:var(--green-0);--btn-primary-background-disabled:var(--green-950);--btn-primary-text:var(--green-1000);--btn-primary-text-disabled:var(--green-500);--btn-primary-icon:var(--green-1000);--btn-primary-icon-disabled:var(--green-700);--btn-primary-outline:var(--green-1000);--btn-primary-outline-hover:var(--green-1000);--btn-secondary-alt-background:var(--green-900);--btn-secondary-alt-background-hover:var(--green-800);--btn-secondary-background:var(--green-1000);--btn-secondary-background-hover:var(--green-900);--btn-secondary-background-selected:var(--green-1000);--btn-secondary-background-disabled:var(--green-1000);--btn-secondary-text:var(--green-0);--btn-secondary-text-disabled:var(--green-500);--btn-secondary-icon:var(--green-0);--btn-secondary-icon-disabled:var(--green-0);--btn-secondary-outline:var(--green-400);--btn-secondary-outline-hover:var(--green-400);--btn-tertiary-link-text:var(--green-0);--btn-tertiary-link-text-hover:var(--green-300);--btn-tertiary-background:var(--green-0);--btn-tertiary-background-hover:var(--green-300);--btn-tertiary-icon:var(--green-1000);--chip-bg:var(--green-950);--chip-bg-hover:var(--green-900);--chip-bg-selected:var(--green-800);--chip-text:var(--green-0);--chip-text-selected:var(--green-0);--tag-bg:var(--green-900);--tag-text:var(--green-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-green-4);--card-fill-hover:var(--bright-green-3);--accent-dark-coral:var(--green-1000);--accent-dark-blue:var(--green-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--green-1000);--accent-light-coral:var(--green-0);--accent-light-blue:var(--green-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--green-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-green);--logo-text:var(--green-0);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--green-0);--btn-oauth-background-hover:var(--green-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-green"] *[data-invert-theme-onhover]:hover,html *[data-theme="light-green"] *[data-invert-theme-onhover]:focus{--bg:var(--green-1000);--bg-medium:var(--green-950);--bg-medium-weak:var(--green-950);--bg-hover:var(--green-900);--bg-strong:var(--green-800);--border:var(--green-900);--border-weak:var(--green-900);--border-strong:var(--green-800);--border-strong-hover:var(--green-500);--text:var(--green-0);--text-medium:var(--green-0);--text-weak:var(--green-400);--link-text:var(--white);--link-text-hover:var(--green-300);--link-text-active:var(--white);--link-text-weak:var(--green-400);--link-text-weak-hover:var(--green-0);--icon:var(--green-0);--icon-medium:var(--green-200);--icon-weak:var(--green-400);--icon-hover:var(--green-200);--icon-medium-hover:var(--green-400);--icon-disabled:var(--green-400);--btn-primary-background:var(--green-0);--btn-primary-background-hover:var(--green-300);--btn-primary-background-selected:var(--green-0);--btn-primary-background-disabled:var(--green-950);--btn-primary-text:var(--green-1000);--btn-primary-text-disabled:var(--green-500);--btn-primary-icon:var(--green-1000);--btn-primary-icon-disabled:var(--green-700);--btn-primary-outline:var(--green-1000);--btn-primary-outline-hover:var(--green-1000);--btn-secondary-alt-background:var(--green-900);--btn-secondary-alt-background-hover:var(--green-800);--btn-secondary-background:var(--green-1000);--btn-secondary-background-hover:var(--green-900);--btn-secondary-background-selected:var(--green-1000);--btn-secondary-background-disabled:var(--green-1000);--btn-secondary-text:var(--green-0);--btn-secondary-text-disabled:var(--green-500);--btn-secondary-icon:var(--green-0);--btn-secondary-icon-disabled:var(--green-0);--btn-secondary-outline:var(--green-400);--btn-secondary-outline-hover:var(--green-400);--btn-tertiary-link-text:var(--green-0);--btn-tertiary-link-text-hover:var(--green-300);--btn-tertiary-background:var(--green-0);--btn-tertiary-background-hover:var(--green-300);--btn-tertiary-icon:var(--green-1000);--chip-bg:var(--green-950);--chip-bg-hover:var(--green-900);--chip-bg-selected:var(--green-800);--chip-text:var(--green-0);--chip-text-selected:var(--green-0);--tag-bg:var(--green-900);--tag-text:var(--green-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-green-4);--card-fill-hover:var(--bright-green-3);--accent-dark-coral:var(--green-1000);--accent-dark-blue:var(--green-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--green-1000);--accent-light-coral:var(--green-0);--accent-light-blue:var(--green-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--green-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-green);--logo-text:var(--green-0);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--green-0);--btn-oauth-background-hover:var(--green-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-purple"],html *[data-theme-onhover="light-purple"]:hover,html *[data-theme-onhover="light-purple"]:focus{--bg:var(--purple-0);--bg-medium:var(--purple-50);--bg-medium-weak:var(--purple-20);--bg-strong:var(--purple-100);--bg-hover:var(--purple-100);--border:var(--purple-100);--border-weak:var(--purple-100);--border-strong:var(--purple-200);--border-strong-hover:var(--purple-500);--text:var(--purple-1000);--text-medium:var(--purple-800);--text-weak:var(--purple-600);--link-text:var(--white);--link-text-hover:var(--white);--link-text-active:var(--white);--link-text-weak:var(--purple-600);--link-text-weak-hover:var(--purple-1000);--icon:var(--purple-800);--icon-medium:var(--purple-800);--icon-weak:var(--purple-600);--icon-hover:var(--purple-800);--icon-medium-hover:var(--purple-600);--icon-disabled:var(--purple-600);--btn-primary-background:var(--purple-1000);--btn-primary-background-hover:var(--purple-700);--btn-primary-background-selected:var(--purple-1000);--btn-primary-background-disabled:var(--purple-50);--btn-primary-text:var(--purple-0);--btn-primary-text-disabled:var(--purple-500);--btn-primary-icon:var(--purple-0);--btn-primary-icon-disabled:var(--purple-200);--btn-primary-outline:var(--purple-0);--btn-primary-outline-hover:var(--purple-0);--btn-secondary-alt-background:var(--purple-50);--btn-secondary-alt-background-hover:var(--purple-100);--btn-secondary-background:var(--purple-0);--btn-secondary-background-hover:var(--purple-100);--btn-secondary-background-selected:var(--purple-0);--btn-secondary-background-disabled:var(--purple-0);--btn-secondary-text:var(--purple-1000);--btn-secondary-text-disabled:var(--purple-500);--btn-secondary-icon:var(--purple-1000);--btn-secondary-icon-disabled:var(--purple-1000);--btn-secondary-outline:var(--purple-600);--btn-secondary-outline-hover:var(--purple-600);--btn-tertiary-link-text:var(--purple-1000);--btn-tertiary-link-text-hover:var(--purple-800);--btn-tertiary-background:var(--purple-1000);--btn-tertiary-background-hover:var(--purple-700);--btn-tertiary-icon:var(--purple-0);--chip-bg:var(--purple-50);--chip-bg-hover:var(--purple-100);--chip-bg-selected:var(--purple-200);--chip-text:var(--purple-1000);--chip-text-selected:var(--purple-1000);--tag-bg:var(--purple-100);--tag-text:var(--purple-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-purple-2);--card-fill-hover:var(--bright-purple-1);--accent-dark-coral:var(--purple-0);--accent-dark-blue:var(--purple-0);--accent-dark-green:var(--purple-0);--accent-dark-purple:var(--purple-0);--accent-light-coral:var(--purple-1000);--accent-light-blue:var(--purple-1000);--accent-light-green:var(--purple-1000);--accent-light-purple:var(--purple-1000);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-purple);--logo-text:var(--purple-1000);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--purple-1000);--btn-oauth-background-hover:var(--purple-700);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-purple"][data-invert-theme-onhover]:hover,html *[data-theme="light-purple"][data-invert-theme-onhover]:focus{--bg:var(--purple-1000);--bg-medium:var(--purple-950);--bg-medium-weak:var(--purple-950);--bg-hover:var(--purple-900);--bg-strong:var(--purple-800);--border:var(--purple-900);--border-weak:var(--purple-900);--border-strong:var(--purple-800);--border-strong-hover:var(--purple-500);--text:var(--purple-0);--text-medium:var(--purple-0);--text-weak:var(--purple-400);--link-text:var(--white);--link-text-hover:var(--purple-300);--link-text-active:var(--white);--link-text-weak:var(--purple-400);--link-text-weak-hover:var(--purple-0);--icon:var(--purple-0);--icon-medium:var(--purple-200);--icon-weak:var(--purple-400);--icon-hover:var(--purple-200);--icon-medium-hover:var(--purple-400);--icon-disabled:var(--purple-400);--btn-primary-background:var(--purple-0);--btn-primary-background-hover:var(--purple-300);--btn-primary-background-selected:var(--purple-0);--btn-primary-background-disabled:var(--purple-950);--btn-primary-text:var(--purple-1000);--btn-primary-text-disabled:var(--purple-500);--btn-primary-icon:var(--purple-1000);--btn-primary-icon-disabled:var(--purple-700);--btn-primary-outline:var(--purple-1000);--btn-primary-outline-hover:var(--purple-1000);--btn-secondary-alt-background:var(--purple-900);--btn-secondary-alt-background-hover:var(--purple-800);--btn-secondary-background:var(--purple-1000);--btn-secondary-background-hover:var(--purple-900);--btn-secondary-background-selected:var(--purple-1000);--btn-secondary-background-disabled:var(--purple-1000);--btn-secondary-text:var(--purple-0);--btn-secondary-text-disabled:var(--purple-500);--btn-secondary-icon:var(--purple-0);--btn-secondary-icon-disabled:var(--purple-0);--btn-secondary-outline:var(--purple-400);--btn-secondary-outline-hover:var(--purple-400);--btn-tertiary-link-text:var(--purple-0);--btn-tertiary-link-text-hover:var(--purple-300);--btn-tertiary-background:var(--purple-0);--btn-tertiary-background-hover:var(--purple-300);--btn-tertiary-icon:var(--purple-1000);--chip-bg:var(--purple-950);--chip-bg-hover:var(--purple-900);--chip-bg-selected:var(--purple-800);--chip-text:var(--purple-0);--chip-text-selected:var(--purple-0);--tag-bg:var(--purple-900);--tag-text:var(--purple-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-purple-4);--card-fill-hover:var(--bright-purple-3);--accent-dark-coral:var(--purple-1000);--accent-dark-blue:var(--purple-1000);--accent-dark-green:var(--purple-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--purple-0);--accent-light-blue:var(--purple-0);--accent-light-green:var(--purple-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-purple);--logo-text:var(--purple-0);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--purple-0);--btn-oauth-background-hover:var(--purple-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="light-purple"] *[data-invert-theme-onhover]:hover,html *[data-theme="light-purple"] *[data-invert-theme-onhover]:focus{--bg:var(--purple-1000);--bg-medium:var(--purple-950);--bg-medium-weak:var(--purple-950);--bg-hover:var(--purple-900);--bg-strong:var(--purple-800);--border:var(--purple-900);--border-weak:var(--purple-900);--border-strong:var(--purple-800);--border-strong-hover:var(--purple-500);--text:var(--purple-0);--text-medium:var(--purple-0);--text-weak:var(--purple-400);--link-text:var(--white);--link-text-hover:var(--purple-300);--link-text-active:var(--white);--link-text-weak:var(--purple-400);--link-text-weak-hover:var(--purple-0);--icon:var(--purple-0);--icon-medium:var(--purple-200);--icon-weak:var(--purple-400);--icon-hover:var(--purple-200);--icon-medium-hover:var(--purple-400);--icon-disabled:var(--purple-400);--btn-primary-background:var(--purple-0);--btn-primary-background-hover:var(--purple-300);--btn-primary-background-selected:var(--purple-0);--btn-primary-background-disabled:var(--purple-950);--btn-primary-text:var(--purple-1000);--btn-primary-text-disabled:var(--purple-500);--btn-primary-icon:var(--purple-1000);--btn-primary-icon-disabled:var(--purple-700);--btn-primary-outline:var(--purple-1000);--btn-primary-outline-hover:var(--purple-1000);--btn-secondary-alt-background:var(--purple-900);--btn-secondary-alt-background-hover:var(--purple-800);--btn-secondary-background:var(--purple-1000);--btn-secondary-background-hover:var(--purple-900);--btn-secondary-background-selected:var(--purple-1000);--btn-secondary-background-disabled:var(--purple-1000);--btn-secondary-text:var(--purple-0);--btn-secondary-text-disabled:var(--purple-500);--btn-secondary-icon:var(--purple-0);--btn-secondary-icon-disabled:var(--purple-0);--btn-secondary-outline:var(--purple-400);--btn-secondary-outline-hover:var(--purple-400);--btn-tertiary-link-text:var(--purple-0);--btn-tertiary-link-text-hover:var(--purple-300);--btn-tertiary-background:var(--purple-0);--btn-tertiary-background-hover:var(--purple-300);--btn-tertiary-icon:var(--purple-1000);--chip-bg:var(--purple-950);--chip-bg-hover:var(--purple-900);--chip-bg-selected:var(--purple-800);--chip-text:var(--purple-0);--chip-text-selected:var(--purple-0);--tag-bg:var(--purple-900);--tag-text:var(--purple-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--bright-purple-4);--card-fill-hover:var(--bright-purple-3);--accent-dark-coral:var(--purple-1000);--accent-dark-blue:var(--purple-1000);--accent-dark-green:var(--purple-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--purple-0);--accent-light-blue:var(--purple-0);--accent-light-green:var(--purple-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-purple);--logo-text:var(--purple-0);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--purple-0);--btn-oauth-background-hover:var(--purple-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="black"],html *[data-theme-onhover="black"]:hover,html *[data-theme-onhover="black"]:focus{--bg:var(--coral-1000);--bg-medium:var(--coral-950);--bg-medium-weak:var(--coral-950);--bg-hover:var(--coral-900);--bg-strong:var(--coral-800);--border:var(--coral-900);--border-weak:var(--coral-900);--border-strong:var(--coral-800);--border-strong-hover:var(--coral-500);--text:var(--white);--text-medium:var(--coral-200);--text-weak:var(--coral-400);--link-text:var(--white);--link-text-hover:var(--coral-300);--link-text-active:var(--white);--link-text-weak:var(--coral-400);--link-text-weak-hover:var(--coral-0);--icon:var(--coral-200);--icon-medium:var(--coral-200);--icon-weak:var(--coral-400);--icon-hover:var(--coral-200);--icon-medium-hover:var(--coral-400);--icon-disabled:var(--coral-400);--btn-primary-background:var(--black-50);--btn-primary-background-hover:var(--white);--btn-primary-background-selected:var(--coral-0);--btn-primary-background-disabled:var(--coral-950);--btn-primary-text:var(--black-1000);--btn-primary-text-disabled:var(--coral-900);--btn-primary-icon:var(--coral-1000);--btn-primary-icon-disabled:var(--coral-700);--btn-primary-outline:var(--coral-1000);--btn-primary-outline-hover:var(--coral-1000);--btn-secondary-alt-background:var(--black-50);--btn-secondary-alt-background-hover:var(--white);--btn-secondary-background:var(--white);--btn-secondary-background-hover:var(--white);--btn-secondary-background-selected:var(--coral-1000);--btn-secondary-background-disabled:var(--coral-1000);--btn-secondary-text:var(--white);--btn-secondary-text-disabled:var(--coral-500);--btn-secondary-icon:var(--coral-0);--btn-secondary-icon-disabled:var(--coral-0);--btn-secondary-outline:var(--black-50);--btn-secondary-outline-hover:var(--white);--btn-tertiary-link-text:var(--coral-0);--btn-tertiary-link-text-hover:var(--coral-300);--btn-tertiary-background:var(--coral-0);--btn-tertiary-background-hover:var(--coral-300);--btn-tertiary-icon:var(--coral-1000);--chip-bg:var(--coral-950);--chip-bg-hover:var(--coral-900);--chip-bg-selected:var(--coral-800);--chip-text:var(--coral-0);--chip-text-selected:var(--coral-0);--tag-bg:var(--coral-900);--tag-text:var(--coral-0);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--black-50);--card-fill-hover:var(--black-20);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--coral-1000);--accent-dark-green:var(--coral-1000);--accent-dark-purple:var(--coral-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--coral-0);--accent-light-green:var(--coral-0);--accent-light-purple:var(--coral-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-coral);--logo-text:var(--coral-0);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--coral-0);--btn-oauth-background-hover:var(--coral-300);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="black"][data-invert-theme-onhover]:hover,html *[data-theme="black"][data-invert-theme-onhover]:focus{--bg:var(--white);--bg-medium:var(--black-50);--bg-medium-weak:var(--black-20);--bg-hover:var(--black-50);--bg-strong:var(--black-100);--border:var(--black-100);--border-weak:var(--black-50);--border-strong:var(--black-200);--border-strong-hover:var(--black-500);--text:var(--black-1000);--text-medium:var(--black-800);--text-weak:var(--black-600);--link-text:var(--black-1000);--link-text-hover:var(--black-600);--link-text-active:var(--black-1000);--link-text-weak:var(--black-600);--link-text-weak-hover:var(--black-1000);--icon:var(--black-1000);--icon-medium:var(--black-800);--icon-weak:var(--black-600);--icon-hover:var(--black-800);--icon-medium-hover:var(--black-600);--icon-disabled:var(--black-600);--btn-primary-background:var(--black-1000);--btn-primary-background-hover:var(--black-600);--btn-primary-background-selected:var(--black-1000);--btn-primary-background-disabled:var(--black-50);--btn-primary-text:var(--white);--btn-primary-text-disabled:var(--black-500);--btn-primary-icon:var(--black-100);--btn-primary-icon-disabled:var(--black-200);--btn-primary-outline:var(--black-20);--btn-primary-outline-hover:var(--black-20);--btn-secondary-alt-background:var(--black-50);--btn-secondary-alt-background-hover:var(--black-100);--btn-secondary-background:var(--black-20);--btn-secondary-background-hover:var(--black-50);--btn-secondary-background-selected:var(--black-20);--btn-secondary-background-disabled:var(--black-20);--btn-secondary-text:var(--black-1000);--btn-secondary-text-disabled:var(--black-500);--btn-secondary-icon:var(--black-1000);--btn-secondary-icon-disabled:var(--black-1000);--btn-secondary-outline:var(--black-600);--btn-secondary-outline-hover:var(--black-600);--btn-tertiary-link-text:var(--black-1000);--btn-tertiary-link-text-hover:var(--black-600);--btn-tertiary-background:var(--black-1000);--btn-tertiary-background-hover:var(--black-600);--btn-tertiary-icon:var(--white);--chip-bg:var(--black-50);--chip-bg-hover:var(--black-100);--chip-bg-selected:var(--coral-0);--chip-text:var(--black-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--black-50);--tag-text:var(--black-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--black-50);--card-fill-hover:var(--black-20);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-white);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--google-sign-up-blue);--btn-oauth-background-hover:var(--google-sign-up-blue-light);--a11y-focus-outline:var(--glow-blue);}html *[data-theme="black"] *[data-invert-theme-onhover]:hover,html *[data-theme="black"] *[data-invert-theme-onhover]:focus{--bg:var(--white);--bg-medium:var(--black-50);--bg-medium-weak:var(--black-20);--bg-hover:var(--black-50);--bg-strong:var(--black-100);--border:var(--black-100);--border-weak:var(--black-50);--border-strong:var(--black-200);--border-strong-hover:var(--black-500);--text:var(--black-1000);--text-medium:var(--black-800);--text-weak:var(--black-600);--link-text:var(--black-1000);--link-text-hover:var(--black-600);--link-text-active:var(--black-1000);--link-text-weak:var(--black-600);--link-text-weak-hover:var(--black-1000);--icon:var(--black-1000);--icon-medium:var(--black-800);--icon-weak:var(--black-600);--icon-hover:var(--black-800);--icon-medium-hover:var(--black-600);--icon-disabled:var(--black-600);--btn-primary-background:var(--black-1000);--btn-primary-background-hover:var(--black-600);--btn-primary-background-selected:var(--black-1000);--btn-primary-background-disabled:var(--black-50);--btn-primary-text:var(--white);--btn-primary-text-disabled:var(--black-500);--btn-primary-icon:var(--black-100);--btn-primary-icon-disabled:var(--black-200);--btn-primary-outline:var(--black-20);--btn-primary-outline-hover:var(--black-20);--btn-secondary-alt-background:var(--black-50);--btn-secondary-alt-background-hover:var(--black-100);--btn-secondary-background:var(--black-20);--btn-secondary-background-hover:var(--black-50);--btn-secondary-background-selected:var(--black-20);--btn-secondary-background-disabled:var(--black-20);--btn-secondary-text:var(--black-1000);--btn-secondary-text-disabled:var(--black-500);--btn-secondary-icon:var(--black-1000);--btn-secondary-icon-disabled:var(--black-1000);--btn-secondary-outline:var(--black-600);--btn-secondary-outline-hover:var(--black-600);--btn-tertiary-link-text:var(--black-1000);--btn-tertiary-link-text-hover:var(--black-600);--btn-tertiary-background:var(--black-1000);--btn-tertiary-background-hover:var(--black-600);--btn-tertiary-icon:var(--white);--chip-bg:var(--black-50);--chip-bg-hover:var(--black-100);--chip-bg-selected:var(--coral-0);--chip-text:var(--black-1000);--chip-text-selected:var(--coral-1000);--tag-bg:var(--black-50);--tag-text:var(--black-1000);--tag-bg-disabled:var(--coral-200);--tag-text-disabled:var(--coral-800);--card-fill:var(--black-50);--card-fill-hover:var(--black-20);--accent-dark-coral:var(--coral-1000);--accent-dark-blue:var(--blue-1000);--accent-dark-green:var(--green-1000);--accent-dark-purple:var(--purple-1000);--accent-light-coral:var(--coral-0);--accent-light-blue:var(--blue-0);--accent-light-green:var(--green-0);--accent-light-purple:var(--purple-0);--accent-bright-coral:var(--glow-coral);--error:var(--red);--warning:var(--amber);--success:var(--green);--glow:var(--glow-white);--logo-text:var(--coral-1000);--logo-circles:var(--accent-bright-coral);--btn-oauth-background:var(--google-sign-up-blue);--btn-oauth-background-hover:var(--google-sign-up-blue-light);--a11y-focus-outline:var(--glow-blue);}

<> :root:not(.is-logged-in) .hide-on-logged-out { display: none; } :root.is-logged-in .hide-on-logged-in { display: none; }

Producto
Soluciones
Apoyo
Precios

ComenzarComenzarInicia sesiónIniciar Asana

Contactar a Ventas
Ver demo
Descargar la aplicación

PLATAFORMA

• Resumen del producto
• Todas las funciones
• Integraciones con aplicaciones
• Último lanzamiento de funciones

CAPACIDADES

• Gestión de proyectos
• Flujos de trabajo y automatización
• Objetivos e informes
• Gestión de recursos
• Administración y seguridad

IA DE ASANA

• IA de Asana
• AI Studio
• AI Teammates
• Asistentes Inteligentes

TODOS LOS PLANES

• Personal
• Starter
• Avanzado

Tipo de empresa

• Enterprise
• Pequeña empresa
• Organizaciones sin fines de lucro
• Startup

Equipos

• Operaciones
• Marketing
• TI
• Líderes

Sectores

• Gobierno
• Salud
• Venta minorista
• Servicios financieros
• Educación
• Fabricación

Casos de uso

• Gestión de objetivos
• Planificación organizativa
• Recepción de proyectos
• Planificación de recursos
• Lanzamientos de productos
• Ver todos los casos de uso

APRENDER

• Centro de gestión del trabajo
• Eventos y seminarios web
• Historias de clientes

• Academia Asana
• Certificaciones
• Entrenamientos

ASISTENCIA

• Centro de ayuda
• Comunidad
• Ver todas las plantillas
• Asistencia para desarrolladores

SERVICIOS

• Éxito del Cliente
• Encuentra un socio
• Conviértete en socio

Contactar a Ventas
Ver demo
Descargar la aplicación

< data-emotion="css 1hktst2">.css-1hktst2{margin-top:32px;}@media (min-width: 1120px){.css-1hktst2{margin-top:104px;}}

< data-emotion="css 1hiwj9b">.css-1hiwj9b{--x-margin:6.4%;margin:0 var(--x-margin);display:grid;grid-column-gap:8px;grid-template-columns:repeat(41fr);grid-auto-flow:dense;}@media (min-width: 480px){.css-1hiwj9b{--x-margin:5%;}}@media (min-width: 768px){.css-1hiwj9b{--x-margin:6.25%;}}@media (min-width: 960px){.css-1hiwj9b{--x-margin:5%;}}@media (min-width: 1120px){.css-1hiwj9b{--x-margin:5.715%;}}@media (min-width: 1440px){.css-1hiwj9b{--x-margin:5.278%;}}@media (min-width: 1680px){.css-1hiwj9b{margin:0 auto;max-width:1432px;}}@media (min-width: 768px){.css-1hiwj9b{grid-template-columns:repeat(81fr);grid-column-gap:16px;}}@media (min-width: 960px){.css-1hiwj9b{grid-template-columns:repeat(121fr);grid-column-gap:16px;}}@media (min-width: 1120px){.css-1hiwj9b{grid-column-gap:24px;}}@media (min-width: 1440px){.css-1hiwj9b{grid-column-gap:32px;}}@media (min-width: 1680px){.css-1hiwj9b{grid-column-gap:32px;}}

< data-emotion="css 1tmtecf">.css-1tmtecf{position:relative;grid-column:1/-1;padding:0 0 24px;}@media (min-width: 768px){.css-1tmtecf{grid-column:4/span 7;}}@media (min-width: 1440px){.css-1tmtecf{grid-column:3/span 8;}}

< data-emotion="css mlnzby">.css-mlnzby{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;list--type:none;padding:0;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:start;justify-content:start;}

< data-emotion="css 1ous8os">.css-1ous8os{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0;}.css-1ous8os .e10y68nl2{color:var(--lightmode-link-text-weak);}.css-1ous8os .e10y68nl2:hover{color:var(--lightmode-link-text-weak-hover);border-bottom:0;}.css-1ous8os .e10y68nl2:hover span{border-bottom:1px solid var(--lightmode-link-text-weak-hover);}.css-1ous8os .e10y68nl2:active{background-color:var(--lightmode-bg-active);}.css-1ous8os .e10y68nl1{border-bottom:1px solid var(--lightmode-link-text-weak);}.css-1ous8os .e10y68nl0{color:var(--lightmode-border);}
• < data-emotion="css 2rlxtj">.css-2rlxtj{padding:4px;}< data-emotion="css y773kq">.css-y773kq{padding:4px;}< data-emotion="css mw07g7-caps-small">.css-mw07g7-caps-small{font-size:11px;font-weight:500;line-height:150%;letter-spacing:0.04em;text-transform:uppercase;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-mw07g7-caps-small{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}Recursos< data-emotion="css wxe6oj-caps-small">.css-wxe6oj-caps-small{font-size:11px;font-weight:500;line-height:150%;letter-spacing:0.04em;text-transform:uppercase;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;padding:0 8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}[lang="ja"] .css-wxe6oj-caps-small{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}|
• Gestión de proyectos|
< data-emotion="css 1j3gg2a">.css-1j3gg2a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0;}.css-1j3gg2a .e10y68nl2{color:var(--lightmode-link-text-weak);}.css-1j3gg2a .e10y68nl2:hover{color:var(--lightmode-link-text-weak-hover);border-bottom:0;}.css-1j3gg2a .e10y68nl2:hover span{border-bottom:1px solid var(--lightmode-link-text-weak-hover);}.css-1j3gg2a .e10y68nl2:active{background-color:var(--lightmode-bg-active);}.css-1j3gg2a .e10y68nl1{border-bottom:1px solid var(--lightmode-link-text-weak);}.css-1j3gg2a .e10y68nl0{color:var(--lightmode-border);}.css-1j3gg2a,.css-1j3gg2a .e10y68nl2{-webkit-text-decoration:none;text-decoration:none;pointer-events:none;color:var(--lightmode-link-text-weak-disabled);}.css-1j3gg2a .e10y68nl1{border-bottom:1px solid transparent;}
• Cronograma de actividades: qué estipo ...

< data-emotion="css poihbu">.css-poihbu{position:relative;grid-column:1/-1;padding-bottom:24px;}@media (min-width: 768px){.css-poihbu{grid-column:4/span 7;}}@media (min-width: 1440px){.css-poihbu{grid-column:3/span 8;}}@media (min-width: 768px){.css-poihbu{padding-bottom:80px;}}

< data-emotion="css 1kdaywm-heading-2">.css-1kdaywm-heading-2{margin-bottom:24px;font-size:32px;font-weight:500;line-height:110%;letter-spacing:0;font-family:"Ghost","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-1kdaywm-heading-2{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-1kdaywm-heading-2{font-size:60px;line-height:100%;}}

Cronograma de actividades: qué estipos y cómo crearlo en 7 pasos

< data-emotion="css 1q8766n-p3">.css-1q8766n-p3{margin-bottom:24px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-size:12px;font-weight:300;line-height:150%;letter-spacing:0.02em;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-1q8766n-p3{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-1q8766n-p3{font-size:13px;}}

< data-emotion="css 1yjpx3h">.css-1yjpx3h{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}@media (min-width: 1120px){.css-1yjpx3h{-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}}

< data-emotion="css 1gobrrv">.css-1gobrrv{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}@media (min-width: 1120px){.css-1gobrrv{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}}< data-emotion="css axw7ok">.css-axw7ok{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;}

< data-emotion="css 18wgrk7">.css-18wgrk7{border-radius:50%;}< data-emotion="css 13maaes">.css-13maaes{color:inherit;-webkit-text-decoration:underline;text-decoration:underline;}.css-13maaes:hover{cursor:pointer;color:var(--lightmode-link-text);-webkit-text-decoration:underline;text-decoration:underline;border-bottom:none;}< data-emotion="css 3131h9">.css-3131h9{color:inherit;-webkit-text-decoration:underline;text-decoration:underline;}.css-3131h9:hover{cursor:pointer;color:var(--lightmode-link-text);-webkit-text-decoration:underline;text-decoration:underline;border-bottom:none;}Molly Talbert

< data-emotion="css 1jt0b0i">.css-1jt0b0i{display:none;}.css-1jt0b0i:after{content:"\25CF";margin:0 8px;display:inline-block;color:#E0DEDC;font-size:6.7px;line-height:28px;}@media (min-width: 1120px){.css-1jt0b0i{display:inline;}}

< data-emotion="css fhxb3m">.css-fhxb3m{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

4 de febrero de 2026< data-emotion="css qdky55">.css-qdky55:after{content:"\25CF";margin:0 8px;display:inline-block;color:#E0DEDC;font-size:6.7px;line-height:28px;}

11 min de lectura

< data-emotion="css qvaltd">.css-qvaltd a{display:none;margin-left:4px;}@media (min-width: 768px){.css-qvaltd a{display:inline-block;}}

< data-emotion="css 1sv82o5">.css-1sv82o5{display:inline-block;position:relative;height:24px;width:24px;border-radius:100%;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;padding:0;outline:none;background-color:var(--lightmode-button-primary);}.css-1sv82o5 svg{color:var(--lightmode-button-text-primary);}.css-1sv82o5:hover{background-color:var(--lightmode-button-primary-hover);}.css-1sv82o5:hover svg{color:var(--lightmode-button-text-primary-hover);}< data-emotion="css tcy81c">.css-tcy81c{height:14px;width:14px;color:#ffffff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%-50%);-moz-transform:translate(-50%-50%);-ms-transform:translate(-50%-50%);transform:translate(-50%-50%);}.css-tcy81c use{-webkit-transition:fill 200ms linear;transition:fill 200ms linear;height:14px;width:14px;}facebookx-twitterlinkedin

< data-emotion="css uk5t28">.css-uk5t28{grid-column:1/4;grid-row:span 3;position:-webkit-sticky;position:sticky;top:128px;margin-bottom:64px;-webkit-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start;display:none;margin-top:4px;}@media (min-width: 768px){.css-uk5t28{display:block;}}@media (min-width: 1440px){.css-uk5t28{grid-column:1/3;}}< data-emotion="css ooqcio">.css-ooqcio{position:relative;grid-column:1/-1;padding:24px 0 48px;}@media (min-width: 768px){.css-ooqcio{grid-column:4/span 7;}}@media (min-width: 1440px){.css-ooqcio{grid-column:3/span 8;}}@media (min-width: 768px){.css-ooqcio{padding:0 0 80px;}}

< data-emotion="css 1yb0jeg">.css-1yb0jeg{margin-top:-8px;margin-bottom:16px;}< data-emotion="css 12wd9fz">.css-12wd9fz{display:grid;grid-auto-flow:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:start;justify-content:start;gap:4px;margin-top:-8px;margin-bottom:16px;}@media (min-width: 960px){.css-12wd9fz a:first-of-type{margin-left:auto;margin-right:auto;}}

< data-emotion="css 161px8l">.css-161px8l{color:#0D0E10;-webkit-text-decoration:underline;text-decoration:underline;}Plantillas

Mira la demostración

< data-emotion="css 1qz3ppm">.css-1qz3ppm .e87a4mj2{padding:0;margin:16px auto;}< data-emotion="css nmd5ow">.css-nmd5ow ul,.css-nmd5ow ol{margin-bottom:16px;padding-left:16px;}.css-nmd5ow ul{list--type:disc;}.css-nmd5ow li{margin-bottom:8px;}.css-nmd5ow i,.css-nmd5ow em{font-:italic;}.css-nmd5ow u{-webkit-text-decoration:underline;text-decoration:underline;}.css-nmd5ow>a>u{-webkit-text-decoration:none;text-decoration:none;}.css-nmd5ow>h2,.css-nmd5ow>h3,.css-nmd5ow>h4,.css-nmd5ow>h5,.css-nmd5ow>h6,.css-nmd5ow>p,.css-nmd5ow>ul li,.css-nmd5ow>ul li *,.css-nmd5ow>ol li,.css-nmd5ow>ol li *{color:var(--lightmode-text-strong);}.css-nmd5ow .e1mo941f5{margin:0 auto;padding:0;margin-bottom:24px;}.css-nmd5ow .e1mo941f5:not(:first-of-type){margin-top:16px;}.css-nmd5ow .ela6qok3{margin-bottom:24px;}.css-nmd5ow .ela6qok3:not(:first-of-type){margin-top:16px;}.css-nmd5ow .ee9qg1{margin-left:auto;margin-right:auto;margin:0 auto;padding:0;padding-bottom:24px;}.css-nmd5ow .ee9qg1:not(:first-of-type){padding-top:16px;}.css-nmd5ow .e1f1vv502{margin:0 auto;padding:0;padding-top:16px;padding-bottom:24px;}.css-nmd5ow>h2{margin:0 auto;padding:0;padding-bottom:16px;}.css-nmd5ow>h2:not(:first-of-type){padding-top:24px;}.css-nmd5ow>h3{margin:0 auto;padding:0;padding-bottom:16px;}.css-nmd5ow>h3:not(:first-of-type){padding-top:16px;}.css-nmd5ow>h4{margin:0 auto;padding:0;padding-bottom:8px;}.css-nmd5ow>h4:not(:first-of-type){padding-top:16px;}.css-nmd5ow>h5{margin:0 auto;padding:0;padding-bottom:8px;}.css-nmd5ow>h5:not(:first-of-type){padding-top:8px;}.css-nmd5ow>h6{margin:0 auto;padding:0;padding-bottom:8px;}.css-nmd5ow>h6:not(:first-of-type){padding-top:4px;}.css-nmd5ow p{margin:0 auto;padding:0;padding-bottom:8px;color:#2A2B2C;}.css-nmd5ow p:not(:first-of-type){padding-top:0px;}.css-nmd5ow li>p{padding:0;}.css-nmd5ow .e123hseg6{margin:0 auto;padding:0;padding-bottom:8px;}.css-nmd5ow .e123hseg6:not(:first-of-type){padding-top:0px;}.css-nmd5ow .et8z7v0{margin-bottom:24px;}.css-nmd5ow .et8z7v0:not(:first-of-type){margin-top:16px;}.css-nmd5ow>hr{margin:0 auto;padding:0;margin-bottom:24px;}.css-nmd5ow>hr:not(:first-of-type){margin-top:16px;}.css-nmd5ow .e1lx0a7x7{margin:0;margin:0 auto;padding:0;padding-bottom:24px;}.css-nmd5ow .e1lx0a7x7:not(:first-of-type){padding-top:16px;}.css-nmd5ow .eis99gl0{margin:0 auto;padding:0;padding-bottom:24px;}.css-nmd5ow .eis99gl0:not(:first-of-type){padding-top:16px;}.css-nmd5ow .e1nzrvca0{margin:0 auto;padding:0;margin-bottom:24px;}.css-nmd5ow .e1nzrvca0:not(:first-of-type){margin-top:16px;}.css-nmd5ow .e1iv4o8r0{margin:0 auto;padding:0;margin-bottom:24px;}.css-nmd5ow .e1iv4o8r0:not(:first-of-type){margin-top:16px;}.css-nmd5ow table th>p,.css-nmd5ow table td>p{padding-bottom:0;}.css-nmd5ow .e87a4mj2{padding:0;margin:16px auto;}

< data-emotion="css 14vz9u5">.css-14vz9u5{margin:0 0 16px 0;padding:16px;border:solid 1px #CBD4DB;border-radius:3px;}.css-14vz9u5 p{margin-bottom:0;}

< data-emotion="css 1v0wfdd-heading-5">.css-1v0wfdd-heading-5{font-size:18px;font-weight:500;line-height:140%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;margin-bottom:8px;}[lang="ja"] .css-1v0wfdd-heading-5{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-1v0wfdd-heading-5{font-size:24px;line-height:120%;}}

Summary

< data-emotion="css af9lzq">.css-af9lzq{display:grid;grid-gap:16px 32px;}

Un cronograma de actividades es una herramienta visual que organiza tareasplazos y responsables dentro de un proyecto. En este artículo descubrirás qué es un cronogramapara qué sirvelos principales tipos (GanttPerthitosKanbancamino crítico)cómo crear uno en siete pasos con un ejemplo práctico y qué herramientas puedes utilizar. También encontrarás una sección de preguntas frecuentes actualizada para resolver tus dudas más comunes. Actualización mayo 2026: hemos actualizado este artículo con nuevos tipos de cronogramasuna sección de herramientaspreguntas frecuentes ampliadas y datos actualizados.

Un cronograma de actividades bien diseñado marca la diferencia entre un proyecto que avanza con claridad y uno que se pierde en la improvisación. Si necesitas planificar las fases de tu próximo proyectoasignar recursos con precisión y cumplir con cada fecha límiteestás en el lugar correcto. En esta guía aprenderás a construir tu propio cronograma paso a pasoconocerás los tipos más utilizados y descubrirás las mejores herramientas para gestionarlo. ¿Empezamos? < data-emotion="css y5dm7i-link-2-inline-regular">.css-y5dm7i-link-2-inline-regular{background-color:transparent;cursor:pointer;font-weight:inherit;-webkit-text-decoration:none;text-decoration:none;position:relative;color:inherit;-webkit-text-decoration:underline;text-decoration:underline;font-size:14px;font-weight:500;line-height:150%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;font-family:inherit;color:inherit;text-underline-offset:4px;text-decoration-thickness:1px!important;}.css-y5dm7i-link-2-inline-regular:hover{color:var(--lightmode-link-hover);-webkit-text-decoration:none;text-decoration:none;}.css-y5dm7i-link-2-inline-regular:hover path{fill:var(--lightmode-link-hover);}.css-y5dm7i-link-2-inline-regular svg{height:10px;padding-left:4px;}.css-y5dm7i-link-2-inline-regular:hover{border:none;color:var(--lightmode-link-hover);-webkit-text-decoration:underline;text-decoration:underline;}[lang="ja"] .css-y5dm7i-link-2-inline-regular{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-y5dm7i-link-2-inline-regular{font-size:16px;}}.css-y5dm7i-link-2-inline-regular>u{text-decoration-thickness:1px!important;}.css-y5dm7i-link-2-inline-regular:hover,.css-y5dm7i-link-2-inline-regular:hover u{color:var(--lightmode-link-text-weak-hover);}.css-y5dm7i-link-2-inline-regular:active,.css-y5dm7i-link-2-inline-regular:active u{color:inherit;}< data-emotion="css 1iqbuns-link-2-inline-regular">.css-1iqbuns-link-2-inline-regular{background-color:transparent;cursor:pointer;font-weight:inherit;-webkit-text-decoration:none;text-decoration:none;position:relative;color:inherit;-webkit-text-decoration:underline;text-decoration:underline;font-size:14px;font-weight:500;line-height:150%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;font-family:inherit;color:inherit;text-underline-offset:4px;text-decoration-thickness:1px!important;}.css-1iqbuns-link-2-inline-regular:hover{color:var(--lightmode-link-hover);-webkit-text-decoration:none;text-decoration:none;}.css-1iqbuns-link-2-inline-regular:hover path{fill:var(--lightmode-link-hover);}.css-1iqbuns-link-2-inline-regular svg{height:10px;padding-left:4px;}.css-1iqbuns-link-2-inline-regular:hover{border:none;color:var(--lightmode-link-hover);-webkit-text-decoration:underline;text-decoration:underline;}[lang="ja"] .css-1iqbuns-link-2-inline-regular{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-1iqbuns-link-2-inline-regular{font-size:16px;}}.css-1iqbuns-link-2-inline-regular>u{text-decoration-thickness:1px!important;}.css-1iqbuns-link-2-inline-regular:hover,.css-1iqbuns-link-2-inline-regular:hover u{color:var(--lightmode-link-text-weak-hover);}.css-1iqbuns-link-2-inline-regular:active,.css-1iqbuns-link-2-inline-regular:active u{color:inherit;}Crea tu propia plantilla para cronogramas de actividades de proyectos y lleva la organización de tu equipo al siguiente nivel.

< data-emotion="css 1kapt1a-link-2">.css-1kapt1a-link-2{height:auto;display:inline-block;font-size:14px;font-weight:500;line-height:150%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;padding:11px 24px;border:1px solid var(--lightmode-button-primary);background-color:var(--lightmode-button-primary);color:var(--lightmode-button-text-primary);border-radius:3px;text-align:center;height:auto;cursor:pointer;-webkit-transition:all 0.3s;transition:all 0.3s;}[lang="ja"] .css-1kapt1a-link-2{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-1kapt1a-link-2{font-size:16px;}}.css-1kapt1a-link-2:hover,.css-1kapt1a-link-2:active{border:1px solid var(--lightmode-button-primary-hover);background-color:var(--lightmode-button-primary-hover);color:var(--lightmode-button-text-primary-hover);}.css-1kapt1a-link-2:focus{outline:var(--lightmode-a11y-focus-primary) 2px solid;outline-offset:2px;}Explora las plantillas gratuitas de Asana

¿Qué es un cronograma de actividades?

Un cronograma de actividades es un documento de planificación que organiza visualmente las tareas de un proyecto en una línea de tiempoindicando cuándo debe comenzar y finalizar cada actividadquién es el responsable y qué recursos se requieren.

A diferencia de una simple lista de tareasun cronograma muestra las relaciones entre actividades: qué debe completarse antes de que otra pueda comenzarqué tareas pueden ejecutarse en paralelo y dónde están los hitos clave del proyecto. Esen esenciala traducción operativa de tu hoja de ruta en acciones concretas con fechas y responsables asignados. Forma parte de la planificación de proyectos y es un complemento indispensable del plan de proyecto.

Puedes representar un cronograma en distintos formatos: diagramas de Gantttableros Kanbandiagramas de flujo de trabajodiagramas de Pert o incluso hojas de cálculo. Lo importante es que ofrezca una visión clara del flujo de trabajo completode modo que todo el equipo sepa exactamente qué hacercuándo hacerlo y cómo encaja su trabajo en el panorama general del proyecto. En este artículo encontrarás un ejemplo práctico de cronograma aplicado a la organización de un evento de agradecimiento a clientescon los siete pasos detallados para crearlo desde cero.

¿Para qué sirve un cronograma de actividades?

Un cronograma de actividades sirve para planificarorganizar y controlar el desarrollo de todas las tareas de un proyectoasegurando que cada actividad se ejecute en el momento correcto y con los recursos adecuados. No es solo un documento de referencia: es la columna vertebral de la gestión de cualquier proyecto. Sin éllas tareas se acumulan sin ordenlos plazos se incumplen y el equipo pierde visibilidad sobre el avance real del trabajo. Contar con un cronograma bien estructurado te permite anticiparte a los problemasdistribuir la carga de trabajo de forma equitativa y tomar decisiones basadas en datos realesno en suposiciones.

Estos son los principales beneficios de utilizar un cronograma de actividades en tus proyectos:

• Visibilidad completa del proyecto. Todo el equipo puede consultar en qué fase se encuentra cada tareaquién es responsable y cuáles son los próximos pasos. Esto reduce la incertidumbre y elimina reuniones innecesarias de seguimiento.

• Gestión eficaz de plazos. Al asignar fechas de inicio y fin a cada actividadpuedes identificar posibles retrasos antes de que se conviertan en problemas graves y ajustar el plan a tiempo.

• Mejor asignación de recursos. Un cronograma te ayuda a detectar sobrecargas de trabajo en determinados miembros del equipo y redistribuir tareas para mantener un ritmo sostenible.

• Coordinación entre equipos. Cuando varios departamentos participan en un mismo proyectoel cronograma actúa como punto de referencia compartido que alinea las prioridades de cada área.

• Identificación de dependencias. Saber qué tareas dependen de otras te permite planificar el orden de ejecución correcto y evitar cuellos de botella que paralicen el avance.

• Rendición de cuentas clara. Cada tarea tiene un responsable visiblelo que fomenta el compromiso individual y facilita el seguimiento del rendimiento del equipo.

< data-emotion="css i9q9ou">.css-i9q9ou{position:relative;width:100%;height:0px;}

Tipos de cronogramas de actividades

No todos los proyectos requieren el mismo tipo de cronograma. Elegir el formato adecuado depende de la complejidad del proyectoel nivel de detalle que necesitas y la forma en que tu equipo prefiere visualizar la información. A continuaciónte presentamos los tipos más utilizados. Los principales tipos de cronogramas son: diagrama de Ganttdiagrama de Pertcronograma de hitosmétodo del camino crítico (CPM) y cronograma Kanban.

Diagrama de Gantt

El diagrama de Gantt es probablemente el formato más conocido para representar un cronograma de actividades. Utiliza barras horizontales sobre una línea de tiempo para mostrar la duración de cada tareasus fechas de inicio y finy las dependencias entre ellas. Es ideal para proyectos con múltiples fases secuenciales donde necesitas una visión panorámica del progreso. Su principal ventaja es la claridad visual: con un solo vistazo puedes identificar solapamientosretrasos y el camino crítico del proyecto.

Crea una plantilla de diagrama de Gantt

Diagrama de Pert

El diagrama de Pert (Program Evaluation and Review Technique) representa las tareas como nodos conectados por flechas que indican las dependencias y el flujo del trabajo. A diferencia del diagrama de Ganttel diagrama de Pert se centra en las relaciones entre actividades más que en su duración exacta. Es especialmente útil para proyectos complejos con múltiples rutas posiblesya que permite calcular estimaciones optimistaspesimistas y probables para cada tareaayudándote a evaluar el riesgo de forma más precisa.

Cronograma de actividades de trabajo

Los cronogramas de trabajo se centran en la distribución de horasturnos y jornadas del equipo. Este tipo de cronograma es fundamental cuando la disponibilidad del personal condiciona directamente el avance del proyecto. Se utiliza con frecuencia en entornos operativosequipos con turnos rotativos o proyectos que requieren cobertura continua. Permite asegurar que siempre haya recursos suficientes asignados a cada fase.

Cronograma de hitos

El diagrama de hitos se enfoca en los eventos clave del proyecto en lugar de en cada tarea individual. Un hito marca el cumplimiento de una fasela entrega de un resultado importante o la aprobación de un paso crítico. Este formato es perfecto para comunicar el progreso a la alta dirección o a los interesados del proyectoya que ofrece una visión simplificada y estratégica sin entrar en el detalle operativo de cada actividad.

Crea una plantilla de gráficos de hitos

Método del camino crítico (CPM)

El método del camino crítico (Critical Path Method) identifica la secuencia más larga de tareas dependientes que determina la duración mínima del proyecto. Cualquier retraso en una tarea del camino crítico retrasa el proyecto completo. Este método te permite concentrar tus esfuerzos de supervisión en las actividades que realmente impactan la fecha de entrega final. Es especialmente valioso en proyectos de construccióndesarrollo de productos y lanzamientos con plazos inamovibles.

Cronograma Kanban

Un cronograma Kanban organiza las tareas en columnas que representan las distintas etapas del flujo de trabajocomo pendienteen progreso y completada. Aunque no muestra una línea de tiempo como tales una forma ágil de gestionar el cronograma de actividades diarias y semanales. Resulta ideal para equipos que trabajan con metodologías ágiles o que necesitan flexibilidad para reordenar prioridades con frecuencia. Herramientas como Asana permiten alternar entre la vista Kanban y la vista de cronograma según lo que necesites en cada momento.

< data-emotion="css smwp6j">.css-smwp6j{table-layout:fixed;border-collapse:separate;border-radius:8px;border:1px solid var(--lightmode-border-weak);margin-top:32px;}< data-emotion="css 1hxkn3g">.css-1hxkn3g{border-right:1px solid var(--lightmode-border-weak);vertical-align:baseline;border-top:1px solid var(--lightmode-border-weak);}.css-1hxkn3g:last-child{border-right:none;}

Tipo	Mejor para	Formato visual	Nivel de detalle
Diagrama de Gantt	Proyectos secuenciales con múltiples fases	Barras horizontales en línea de tiempo	Alto
Diagrama de Pert	Proyectos complejos con rutas alternativas	Red de nodos y flechas	Alto
Cronograma de trabajo	Gestión de turnos y disponibilidad de personal	Tabla de horarios y asignaciones	Medio
Cronograma de hitos	Comunicación ejecutiva del progreso	Puntos clave en línea de tiempo	Bajo
Camino crítico (CPM)	Proyectos con plazos inamovibles	Diagrama de red con ruta destacada	Alto
Kanban	Equipos ágiles y trabajo iterativo	Tablero de columnas por estado	Medio

Cómo hacer un cronograma de actividades de un proyecto con un ejemplo

Crear un cronograma de actividades no tiene por qué ser complicado. A continuaciónte guiamos en siete pasos para que puedas construir el tuyo desde cerocon un ejemplo práctico que te servirá de referencia. Los siete pasos son: crear un brief del proyectolistar las tareasestimar tiemposestablecer dependenciaselaborar el cronogramacompartirlo con el equipo y gestionarlo durante la ejecución.

Paso 1: crea un brief del proyecto

Antes de diseñar cualquier cronogramanecesitas un brief del proyecto que defina los fundamentos del trabajo. Este documento reúne toda la información esencial: el alcance del proyectolos objetivos que persigueslos hitos clavelas partes interesadas y las restricciones de tiempo y presupuesto.

El brief del proyecto es el punto de partida que ancla todo el cronograma. Sin una definición clara de lo que quieres lograr y dentro de qué límiteses imposible planificar con precisión. Dedica el tiempo necesario a esta fase: cuanto más claro sea tu briefmás organizadoproductivo y eficiente posible será el desarrollo del proyecto.

Por ejemplosi tu proyecto consiste en organizar un evento de agradecimiento a clientestu brief debería incluir: la fecha del eventoel presupuesto disponibleel número de asistentes esperadoslos proveedores necesarios y los entregables principales como invitacioneslogística del lugar y programa del evento.

< data-emotion="css k6iouj-link-2">.css-k6iouj-link-2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;color:var(--lightmode-link-text);-webkit-transition:all 0.3s;transition:all 0.3s;position:relative;font-size:14px;font-weight:500;line-height:150%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;padding:0;}[lang="ja"] .css-k6iouj-link-2{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-k6iouj-link-2{font-size:16px;}}.css-k6iouj-link-2:hover{border-bottom:0;color:var(--lightmode-link-hover);}.css-k6iouj-link-2:hover path{fill:var(--lightmode-link-hover);}.css-k6iouj-link-2:hover div{border-color:var(--lightmode-link-hover);}.css-k6iouj-link-2:hover div:before{border-left-color:var(--lightmode-link-hover);}.css-k6iouj-link-2:active{border-bottom:0;background-color:var(--lightmode-bg-active);color:var(--lightmode-link-text);}.css-k6iouj-link-2:active path{fill:var(--lightmode-link-text);}.css-k6iouj-link-2:active div{border-color:var(--lightmode-link-text);}.css-k6iouj-link-2:active div:before{border-left-color:var(--lightmode-link-text);}.css-k6iouj-link-2:hover{-webkit-text-decoration:underline;text-decoration:underline;}Lee: ¿Qué es un diagrama de hitos y cuáles son sus beneficios?< data-emotion="css 1k6cidy">.css-1k6cidy{width:11px;height:11px;margin-left:8px;}.css-1k6cidy path{fill:currentColor;}Prueba el cronograma de Asana gratis

Paso 2: haz una lista de tus tareas pendientes

Una vez que tienes el briefel siguiente paso es desglosar todo el trabajo en tareas concretas y manejables. La clave está en ser lo más específico posible: en lugar de escribir una tarea genérica como «organizar catering»divídela en subtareas como «solicitar presupuestos a tres proveedores de catering»«seleccionar proveedor» y «confirmar menú definitivo».

Revisa cada hito de tu brief y pregúntate qué pasos concretos necesitas completar para alcanzarlo. No te preocupes aún por el orden ni por las fechas; en esta fase el objetivo es asegurarte de que no se queda nada fuera. Una lista exhaustiva de tareas es la base sobre la que construirás el cronograma en los pasos siguientes.

Si trabajas con un equipoinvolúcralo en esta etapa. Cada persona conoce mejor que nadie las actividades necesarias dentro de su área de responsabilidady su participación temprana evita que se omitan tareas que podrían generar problemas más adelante.

Paso 3: calcula el tiempo que tomará cada paso

Con la lista de tareas definidaahora necesitas estimar cuánto tiempo requerirá cada una. Sé realista: las estimaciones demasiado optimistas son una de las principales causas de retraso en los proyectos. Si no tienes datos históricos de referenciaconsulta con las personas que ejecutarán las tareas para obtener estimaciones más precisas.

Una técnica útil es la estimación de tres puntossimilar a la que se utiliza en el diagrama de Pert: calcula un escenario optimistauno pesimista y uno probable para cada tarea. El promedio ponderado de estos tres valores te dará una estimación más fiable que una cifra única.

Incluye también márgenes de tiempo para imprevistos. Una buena práctica es añadir entre un diez y un veinte por ciento de tiempo adicional a las tareas más complejas o a aquellas que dependen de factores externos que no controlas directamente.

Paso 4: establece las dependencias

No todas las tareas pueden ejecutarse en cualquier orden. Algunas solo pueden comenzar cuando otra se ha completadomientras que otras pueden avanzar en paralelo. Identificar estas dependencias es fundamental para construir un cronograma realista.

Existen cuatro tipos principales de dependencias: fin a inicio (la tarea B comienza cuando la tarea A termina)inicio a inicio (ambas comienzan al mismo tiempo)fin a fin (ambas deben terminar juntas) e inicio a fin (la tarea B no puede terminar hasta que la tarea A comience). La más común es la primerapero conocer todas te permite modelar situaciones más complejas.

Para establecer cada dependenciarevisa tu lista de tareas y hazte dos preguntas por cada una: ¿qué necesito que esté terminado antes de empezar esta tarea? ¿Qué otras tareas pueden avanzar mientras esta se ejecuta? Con herramientas como Asanapuedes vincular dependencias directamente y recibir notificaciones automáticas cuando una tarea predecesora se completa.

Lee: Tu guía para comenzar con la gestión de recursos

Paso 5: elabora tu cronograma

Con las tareas definidaslos tiempos estimados y las dependencias establecidasya tienes todo lo necesario para construir tu cronograma. Es el momento de trasladar toda esa información a una herramienta visual que te permita ver el proyecto de principio a fin.

Si quieres ver cómo se podría ver un cronograma en acciónla vista de cronograma de Asana es un excelente punto de partida. A diferencia de las herramientas tradicionales como las hojas de cálculoque presentan importantes desafíos y limitacionesuna plataforma de gestión de proyectos dedicada te permite gestionar cronogramas de forma dinámica y adaptar fácilmente los plazos cuando surgen cambios.

Con el Cronograma de Asana puedes arrastrar y soltar tareas para ajustar fechasvisualizar dependencias con líneas de conexión y detectar conflictos de calendario al instante. Si ya tienes un plan en otra herramientapuedes importarlo fácilmente con la integración con el importador de CSV.

También puedes crear tus propios programas y cronogramas de actividades a partir de plantillas prediseñadas. Asana ofrece una amplia biblioteca de plantillas para proyectos que te permiten empezar con una estructura probada y adaptarla a tus necesidadesentre ellas:

• Plantilla para lanzamientos de marketing de productos

• Plantilla para planificación de eventos

• Plantilla para hojas de ruta de productos

• Plantilla para proyectos multifuncionales

Prueba el cronograma de Asana gratis

Paso 6: compártelo con los participantes

Un cronograma que solo conoce quien lo creó pierde gran parte de su valor. Una vez finalizadocomparte el cronograma con todas las partes interesadas del proyecto: el equipo de ejecuciónlos responsables de aprobación y cualquier persona que necesite visibilidad sobre el progreso.

El objetivo es que cada miembro del equipo pueda consultar el cronograma en cualquier momento para saber qué se espera de élcuáles son los próximos hitos y cómo avanza el proyecto en conjunto. Cuando utilizas una plataforma de gestión de proyectos como Asanacompartir es tan sencillo como invitar a los miembros al proyecto; cada persona verá automáticamente las tareas que le corresponden y recibirá notificaciones cuando haya cambios relevantes.

Este momento es también una buena oportunidad para recibir comentarios. Si algún participante detecta un plazo poco realistauna dependencia que falta o una tarea omitidaes mejor corregirlo ahora que descubrirlo a mitad del proyecto.

Paso 7: gestiona y haz adaptaciones sobre la marcha

Ningún cronograma sobrevive intacto al contacto con la realidad. Los proyectos cambian: surgen nuevas prioridadeshay tareas que tardan más de lo previsto y las circunstancias externas pueden alterar los planes iniciales. Como explican en The Balancegestionar los cambios es una parte integral de la dirección de proyectosno una señal de que algo salió mal.

La clave está en mantener el cronograma actualizado. Cada vez que se complete una tarease modifique un plazo o se añada una nueva actividadel cronograma debe reflejar esos cambios inmediatamente. Asítodos los participantes trabajan con información real y no con un plan obsoleto.

Con una solución de gestión de proyectos como Asanalas actualizaciones se propagan automáticamente: si mueves la fecha de una tarealas tareas dependientes se ajustan en consecuencia. Esto te ahorra el trabajo manual de recalcular fechas y reduce significativamente el riesgo de errores.

Programa revisiones periódicas del cronogramaidealmente al final de cada semana o al completar cada hitopara evaluar el progreso real frente al planificado y hacer los ajustes necesarios.

Prueba el cronograma de Asana gratis

Herramientas para crear un cronograma de actividades

Elegir la herramienta adecuada puede marcar la diferencia entre un cronograma que se actualiza con facilidad y uno que se queda obsoleto en pocos días. Aquí tienes cinco opcionesdesde plataformas especializadas en gestión de proyectos hasta soluciones más generalistas.

Asana

Asana es la opción más completa para crear y gestionar cronogramas de actividades dentro de un entorno de gestión de proyectos integral. Su vista de cronograma permite visualizar tareas en una línea de tiempoestablecer dependencias con un clicarrastrar y soltar actividades para ajustar fechas y detectar conflictos de calendario en tiempo real. Ademásincluye plantillas prediseñadasautomatizaciones para tareas repetitivas e inteligencia artificial que ayuda a optimizar la planificación. Todo el equipo puede colaborar directamente sobre el cronograma sin necesidad de herramientas adicionales.

Excel

Las hojas de cálculo son una opción accesible para cronogramas sencillos. Puedes crear un diagrama de Gantt básico con formato condicionalpero la gestión de dependencias es manual y no hay actualizaciones automáticas. Para proyectos pequeños con pocas variables puede funcionaraunque escala con dificultad.

Miro

Miro es una pizarra colaborativa que permite construir cronogramas visuales mediante plantillas de línea de tiempo y diagramas de flujo. Es útil para sesiones de planificación en equipo donde necesitas flexibilidad visualaunque no está diseñada como herramienta de gestión de proyectos y carece de funcionalidades avanzadas como dependencias automáticas.

Microsoft Project

Microsoft Project es una herramienta robusta para la planificación de proyectos complejos. Ofrece diagramas de Gantt avanzadoscálculo de camino crítico y gestión de recursos detallada. Su curva de aprendizaje es pronunciada y está orientada principalmente a gestores de proyectos con experiencia en metodologías tradicionales.

Notion

Notion permite crear cronogramas mediante bases de datos con vistas de calendario y línea de tiempo. Es una opción flexible para equipos que prefieren centralizar documentación y planificación en un solo lugar. Sin embargosus capacidades de gestión de dependencias y automatización son limitadas en comparación con plataformas especializadas como Asana.

Preguntas frecuentes sobre cronogramas de actividades

< data-emotion="css ufombz">.css-ufombz .eis99gl5{color:var(--lightmode-text-strong);}.css-ufombz .eis99gl4{border-color:var(--lightmode-border);background-color:var(--lightmode-bg);}.css-ufombz .eis99gl4:hover{background-color:var(--lightmode-bg-hover);}.css-ufombz .eis99gl1{color:var(--lightmode-text-strong);}.css-ufombz .eis99gl2{color:var(--lightmode-text-strong);}

< data-emotion="css 1va6vtl">.css-1va6vtl{position:relative;border-width:1px;border-top-:solid;border-bottom-:solid;-webkit-transition:all .6s;transition:all .6s;}

< data-emotion="css w3zt8n-heading-5">.css-w3zt8n-heading-5{font-size:18px;font-weight:500;line-height:140%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;margin:0;width:100%;position:relative;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 16px;}[lang="ja"] .css-w3zt8n-heading-5{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-w3zt8n-heading-5{font-size:24px;line-height:120%;}}@media (min-width: 768px){.css-w3zt8n-heading-5{padding:16px;}}@media (min-width: 1120px){.css-w3zt8n-heading-5{padding:24px 16px;}}.css-w3zt8n-heading-5[aria-expanded="false"]+.eis99gl3 a[href],.css-w3zt8n-heading-5[aria-expanded="false"]+.eis99gl3 input:not([disabled]),.css-w3zt8n-heading-5[aria-expanded="false"]+.eis99gl3 select:not([disabled]),.css-w3zt8n-heading-5[aria-expanded="false"]+.eis99gl3 textarea:not([disabled]),.css-w3zt8n-heading-5[aria-expanded="false"]+.eis99gl3 button:not([disabled]),.css-w3zt8n-heading-5[aria-expanded="false"]+.eis99gl3 [tabindex]:not([disabled]),.css-w3zt8n-heading-5[aria-expanded="false"]+.eis99gl3 [contenteditable="true"]:not([disabled]){visibility:hidden;-webkit-transition:all .6s;transition:all .6s;}

¿Cuál es la diferencia entre un cronograma de actividades y un diagrama de Gantt?< data-emotion="css i4fobf">.css-i4fobf{-webkit-transition:-webkit-transform 200ms ease-in-out;transition:transform 200ms ease-in-out;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);}

< data-emotion="css eqai2q">.css-eqai2q{overflow:hidden;padding:0 16px;-webkit-transition:all 0.8s;transition:all 0.8s;}.css-eqai2q div:first-of-type{padding-bottom:8px;margin-top:0;}@media (min-width: 768px){.css-eqai2q div:first-of-type{padding-bottom:16px;}}@media (min-width: 1120px){.css-eqai2q div:first-of-type{padding-bottom:24px;}}

< data-emotion="css zsvkzz-p2">.css-zsvkzz-p2{font-size:14px;font-weight:300;line-height:150%;letter-spacing:0.02em;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-zsvkzz-p2{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-zsvkzz-p2{font-size:16px;}}.css-zsvkzz-p2 a{text-decoration-line:underline;color:var(--lightmode-link-text);}.css-zsvkzz-p2 a:hover{border-bottom:none;color:var(--lightmode-link-hover);}

Un cronograma de actividades es el concepto general: una herramienta de planificación que organiza las tareas de un proyecto en el tiempo. Un diagrama de Gantten cambioes un formato visual específico para representar ese cronogramautilizando barras horizontales sobre una línea de tiempo. Dicho de otro modoel diagrama de Gantt es un tipo de cronogramapero no el único.

Existen otros formatos igualmente válidoscomo los diagramas de Gantt combinados con flujos de trabajolos diagramas de Pertlos cronogramas de hitos o los tableros Kanban. La elección depende de la complejidad de tu proyectode la audiencia a la que presentes el plan y de las funcionalidades que necesites para el seguimiento.

< data-emotion="css ce9sxe">.css-ce9sxe{position:relative;border-width:1px;border-bottom-:solid;-webkit-transition:all .6s;transition:all .6s;}

¿Cómo puedes dar seguimiento al progreso de un proyectoespecialmente si gestionas varios a la vez?

Cuando gestionas múltiples proyectos simultáneamentenecesitas una forma de ver el estado global sin perderte en los detalles de cada uno. Asana ofrece una vista de estilo de portafolios que reúne todos tus proyectos en un solo panelmostrando el estadoel progreso y las fechas clave de cada uno.

Este enfoque te permite identificar rápidamente qué proyectos van según lo previsto y cuáles necesitan atención. Si quieres profundizar en esta capacidadconsulta cómo gestionar varios proyectos juntos y cómo equilibrar la carga de trabajo de tu equipo para evitar la sobrecarga.

¿Qué elementos debe tener un cronograma de actividades?

Un cronograma completo debe incluircomo mínimolos siguientes elementos:

• Lista de actividades desglosadas en tareas concretas

• Fechas de inicio y fin de cada tarea

• Persona o equipo responsable de cada actividad

• Dependencias entre tareas

• Hitos principales del proyecto

• Recursos asignados a cada fase

• Margen de tiempo para imprevistos

Si el proyecto lo requieretambién es recomendable incluir indicadores de prioridad para cada tarea.

¿Cuál es la diferencia entre un cronograma y un plan de proyecto?

Un plan de proyecto es un documento estratégico más amplio que define el alcancelos objetivoslos riesgosel presupuesto y los recursos del proyecto. El cronograma de actividadesen cambioes el componente operativo del plan que traduce esos objetivos en tareas concretas con fechas y responsables. Puedes pensar en el plan de proyecto como el «qué» y el «por qué»mientras que el cronograma responde al «cuándo»«quién» y «en qué orden». Ambos documentos son complementarios y necesarios para una gestión eficaz.

¿Cuáles son los errores más comunes al crear un cronograma?

Los errores más frecuentes incluyen: no involucrar al equipo en la estimación de tiemposlo que genera plazos poco realistas; omitir dependencias entre tareasprovocando cuellos de botella inesperados; no incluir márgenes de tiempo para imprevistos; crear un cronograma demasiado detallado que se vuelve imposible de mantener actualizado; yquizá el más graveno revisar ni actualizar el cronograma una vez que el proyecto está en marcha. Un cronograma estático deja de ser útil en cuanto el primer plazo cambia.

¿Se puede crear un cronograma con inteligencia artificial?

Síy cada vez es más habitual. La inteligencia artificial puede ayudarte a estimar duraciones basándose en datos históricos de proyectos anterioressugerir dependencias entre tareas e identificar posibles riesgos en la planificación. Asana incorpora funcionalidades de inteligencia artificial que facilitan la creación y optimización de cronogramas: desde la generación automática de subtareas hasta recomendaciones para reequilibrar cargas de trabajo. Aunque la inteligencia artificial es una aliada poderosala supervisión humana sigue siendo esencial para validar las estimaciones y ajustar el cronograma a las particularidades de cada proyecto.

Potencia tus proyectos con un cronograma de actividades

Un cronograma de actividades bien construido no solo organiza tareas y plazos: transforma la forma en que tu equipo trabaja. Te da visibilidad para tomar decisiones informadasestructura para avanzar con confianza y flexibilidad para adaptarte cuando los planes cambian. Como señala Determinar cómo ejecutarlo es igual de importante que definir qué quieres lograr.

Si buscas una herramienta que te permita crear cronogramas dinámicosgestionar dependencias y colaborar con tu equipo en tiempo realAsana te ofrece todo lo que necesitas para llevar tus proyectos del plan a la acción.

Prueba el cronograma de Asana gratis

< data-emotion="css 1nukvj5">.css-1nukvj5{background-color:var(--lightmode-bg-strong);padding-top:calc(96px * 0.5);padding-bottom:calc(96px * 0.5);}@media (min-width: 768px){.css-1nukvj5{padding-top:calc(128px * 0.5);padding-bottom:calc(128px * 0.5);}}@media (min-width: 1120px){.css-1nukvj5{padding-top:calc(160px * 0.5);padding-bottom:calc(160px * 0.5);}}.css-1nukvj5>*{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

< data-emotion="css 1hiwj9b">.css-1hiwj9b{--x-margin:6.4%;margin:0 var(--x-margin);display:grid;grid-column-gap:8px;grid-template-columns:repeat(41fr);grid-auto-flow:dense;}@media (min-width: 480px){.css-1hiwj9b{--x-margin:5%;}}@media (min-width: 768px){.css-1hiwj9b{--x-margin:6.25%;}}@media (min-width: 960px){.css-1hiwj9b{--x-margin:5%;}}@media (min-width: 1120px){.css-1hiwj9b{--x-margin:5.715%;}}@media (min-width: 1440px){.css-1hiwj9b{--x-margin:5.278%;}}@media (min-width: 1680px){.css-1hiwj9b{margin:0 auto;max-width:1432px;}}@media (min-width: 768px){.css-1hiwj9b{grid-template-columns:repeat(81fr);grid-column-gap:16px;}}@media (min-width: 960px){.css-1hiwj9b{grid-template-columns:repeat(121fr);grid-column-gap:16px;}}@media (min-width: 1120px){.css-1hiwj9b{grid-column-gap:24px;}}@media (min-width: 1440px){.css-1hiwj9b{grid-column-gap:32px;}}@media (min-width: 1680px){.css-1hiwj9b{grid-column-gap:32px;}}

< data-emotion="css 1f5c6ng-heading-4">.css-1f5c6ng-heading-4{color:var(--lightmode-text-strong);margin-bottom:32px;font-size:20px;font-weight:400;line-height:140%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;grid-column:1/-1;}[lang="ja"] .css-1f5c6ng-heading-4{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-1f5c6ng-heading-4{font-size:30px;line-height:120%;}}

Recursos relacionados

< data-emotion="css 189ozan">.css-189ozan{-webkit-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start;grid-column:1/-1;}@media (max-width: 480px){.css-189ozan{margin-bottom:32px;}}@media (min-width: 768px){.css-189ozan{grid-column:span 4;}}@media (min-width: 960px){.css-189ozan{grid-column:span 3;}}

< data-emotion="css 1gg5v9h">.css-1gg5v9h{border-bottom:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative;}.css-1gg5v9h .e1ntqsop5,.css-1gg5v9h img{-webkit-transition:-webkit-transform 200ms ease-in-out;transition:transform 200ms ease-in-out;}.css-1gg5v9h:hover,.css-1gg5v9h:focus{border-bottom:none;outline:none;}.css-1gg5v9h:hover .e1ntqsop8:after,.css-1gg5v9h:focus .e1ntqsop8:after{-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);}.css-1gg5v9h:hover .e1ntqsop5,.css-1gg5v9h:focus .e1ntqsop5,.css-1gg5v9h:hover img,.css-1gg5v9h:focus img{-webkit-transform:translateX(4px);-moz-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px);}.css-1gg5v9h:before{content:"";position:absolute;top:-16px;left:-16px;border:1px solid var(--lightmode-border-active);background-color:var(--lightmode-bg-strong);border-radius:3px;height:calc(100% + 32px);width:calc(100% + 32px);opacity:0;pointer-events:none;-webkit-transition:opacity 100ms linear;transition:opacity 100ms linear;}.css-1gg5v9h:focus:before{opacity:1;}.css-1gg5v9h>div{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;}.css-1gg5v9h .e1ntqsop8{margin-top:0;}.css-1gg5v9h .e1ntqsop4{margin-left:16px;}.css-1gg5v9h .e1ntqsop1{top:16px;}

< data-emotion="css e2rqoa">.css-e2rqoa{overflow:hidden;border:1px solid var(--lightmode-accent-gray-light);background-color:#5DA283;}.css-e2rqoa:hover{border-color:var(--lightmode-border-weak);}.css-e2rqoa picture{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}< data-emotion="css 1a7td6s">.css-1a7td6s{height:0;position:relative;padding-bottom:calc(2 / 3 * 100%);overflow:hidden;border:1px solid var(--lightmode-accent-gray-light);background-color:#5DA283;}.css-1a7td6s:hover{border-color:var(--lightmode-border-weak);}.css-1a7td6s picture{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}

< data-emotion="css zg55ta">.css-zg55ta{position:absolute;top:0;left:0;width:100%;height:100%;}.css-zg55ta *{max-height:100%;max-width:100%;}

< data-emotion="css cns06v">.css-cns06v{position:relative;}

< data-emotion="css 1mt9im2">.css-1mt9im2{background-color:var(--lightmode-border-weak);margin-top:8px;margin-bottom:16px;height:1px;width:100%;position:relative;overflow:hidden;}.css-1mt9im2:after{content:"";background:#5DA283;display:block;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transform:translate(-100%);-moz-transform:translate(-100%);-ms-transform:translate(-100%);transform:translate(-100%);-webkit-transition:-webkit-transform 300ms ease-in-out;transition:transform 300ms ease-in-out;}

< data-emotion="css ir8gyf-caps-small">.css-ir8gyf-caps-small{font-size:11px;font-weight:500;line-height:150%;letter-spacing:0.04em;text-transform:uppercase;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;gap:4px;border-radius:3px;padding:2px 4px;color:var(--lightmode-text);background:var(--lightmode-bg-strong);}[lang="ja"] .css-ir8gyf-caps-small{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}Artículo< data-emotion="css tj7ztp-heading-5">.css-tj7ztp-heading-5{color:var(--lightmode-text-strong);margin-bottom:8px;font-size:18px;font-weight:500;line-height:140%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-tj7ztp-heading-5{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-tj7ztp-heading-5{font-size:24px;line-height:120%;}}@media (min-width: 1120px){.css-tj7ztp-heading-5{padding-right:32px;}}

Los 12 mejores software de gestión de proyectos en 2024

Artículo

Gobernanza de datos: mejores prácticas y cómo implementarla en la era de la IA

Artículo

Backlog: qué es el trabajo pendiente del sprint y ejemplos

Artículo

Estructura de desglose del trabajo (WBS): Qué es y cómo usarla