×

注意!页面内容来自https://asana.com/download,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

< data-emotion="css-global ial4oj">: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-google-background:var(--google-sign-up-blue);--btn-google-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-google-background:var(--google-sign-up-blue);--btn-google-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-google-background:var(--google-sign-up-blue);--btn-google-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-google-background:var(--google-sign-up-blue);--btn-google-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-google-background:var(--google-sign-up-blue);--btn-google-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-google-background:var(--google-sign-up-blue);--btn-google-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-google-background:var(--blue-0);--btn-google-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-google-background:var(--blue-1000);--btn-google-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-google-background:var(--blue-1000);--btn-google-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-google-background:var(--coral-0);--btn-google-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-google-background:var(--coral-1000);--btn-google-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-google-background:var(--coral-1000);--btn-google-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-google-background:var(--green-0);--btn-google-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-google-background:var(--green-1000);--btn-google-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-google-background:var(--green-1000);--btn-google-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-google-background:var(--purple-0);--btn-google-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-google-background:var(--purple-1000);--btn-google-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-google-background:var(--purple-1000);--btn-google-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-google-background:var(--blue-1000);--btn-google-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-google-background:var(--blue-0);--btn-google-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-google-background:var(--blue-0);--btn-google-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-google-background:var(--coral-1000);--btn-google-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-google-background:var(--coral-0);--btn-google-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-google-background:var(--coral-0);--btn-google-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-google-background:var(--green-1000);--btn-google-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-google-background:var(--green-0);--btn-google-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-google-background:var(--green-0);--btn-google-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-google-background:var(--purple-1000);--btn-google-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-google-background:var(--purple-0);--btn-google-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-google-background:var(--purple-0);--btn-google-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-google-background:var(--coral-0);--btn-google-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-google-background:var(--google-sign-up-blue);--btn-google-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-google-background:var(--google-sign-up-blue);--btn-google-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; }
< data-emotion="css 134wb84">.css-134wb84{--x-margin:6.4%;margin:0 var(--x-margin);padding-top:calc(48px * 1);padding-bottom:calc(48px * 1);}@media (min-width: 480px){.css-134wb84{--x-margin:5%;}}@media (min-width: 768px){.css-134wb84{--x-margin:6.25%;}}@media (min-width: 960px){.css-134wb84{--x-margin:5%;}}@media (min-width: 1120px){.css-134wb84{--x-margin:5.715%;}}@media (min-width: 1440px){.css-134wb84{--x-margin:5.278%;}}@media (min-width: 1680px){.css-134wb84{margin:0 auto;max-width:1432px;}}@media (min-width: 768px){.css-134wb84{padding-top:calc(160px * 0.5);padding-bottom:calc(160px * 0.75);}}.css-134wb84 .eswvyk41,.css-134wb84 .et138352>.ew1hg250{margin:0;}
< data-emotion="css 12nb4z6">.css-12nb4z6{padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);padding-left:var(--container-x-padding);padding-right:var(--container-x-padding);--container-x-margin:0;--container-padding-top:0;--container-padding-bottom:0;--container-x-padding:0;margin:0 var(--container-x-margin);background-color:var(--bg);color:var(--text);--border-radius:0;--max-width-container-margin:0;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;z-index:1;border-radius:var(--border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;gap:calc(48px * 1);}.css-12nb4z6:has(.e1lm4vjj0){--container-padding-top:16px;}@media (min-width: 768px){.css-12nb4z6:has(.e1lm4vjj0){--container-padding-top:16px;}}@media (min-width: 1120px){.css-12nb4z6:has(.e1lm4vjj0){--container-padding-top:calc(56px + 16px);}}.css-12nb4z6:has(.e1lm4vjj0) .expanding-background{height:100%;top:0;}@media (min-width: 768px){.css-12nb4z6{gap:calc(160px * 0.5);}}@media (min-width: 768px){.css-12nb4z6{--border-radius:20px;}}@media (min-width: 1680px){.css-12nb4z6{--max-width-container-margin:calc(64px * 2);max-width:calc( 1432px + var(--max-width-container-margin) )!important;}.css-12nb4z6 .e1y1ikd0{width:100%;}}
< data-emotion="css 1eebgoq">.css-1eebgoq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;width:100%;gap:calc(48px * 1);}@media (min-width: 768px){.css-1eebgoq{gap:calc(160px * 0.5);}}
< data-emotion="css 1vucjfw">.css-1vucjfw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}@media (min-width: 768px){.css-1vucjfw{gap:64px;}}@media (min-width: 960px){.css-1vucjfw{display:grid;grid-column-gap:8px;grid-template-columns:repeat(41fr);grid-auto-flow:dense;--text-stack-description-grid-column:1/-1;--text-stack-eyebrow-heading-grid-column:1/-1;}@media (min-width: 768px){.css-1vucjfw{grid-template-columns:repeat(81fr);grid-column-gap:16px;}}@media (min-width: 960px){.css-1vucjfw{grid-template-columns:repeat(121fr);grid-column-gap:16px;}}@media (min-width: 1120px){.css-1vucjfw{grid-column-gap:24px;}}@media (min-width: 1440px){.css-1vucjfw{grid-column-gap:32px;}}@media (min-width: 1680px){.css-1vucjfw{grid-column-gap:32px;}}.css-1vucjfw .e1y1ikd0>.e1y1ikd3{grid-column:var(--text-stack-description-grid-column);}.css-1vucjfw .enytsbk2 .e1y1ikd0 .e1y1ikd6,.css-1vucjfw .enytsbk2 .e1y1ikd0 .e1y1ikd5{grid-column:var(--text-stack-eyebrow-heading-grid-column);}.css-1vucjfw .enytsbk2,.css-1vucjfw .enytsbk1,.css-1vucjfw .e1d7c04e3{grid-column:1/-1;}}@media (min-width: 960px){.css-1vucjfw .enytsbk1{grid-row:1;}}@media (min-width: 960px){.css-1vucjfw .enytsbk2>.e1y1ikd0 *:not(.e1d7c04e3 *){text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}.css-1vucjfw .enytsbk2 .e1y1ikd0{display:block;margin:0;}}@media (min-width: 960px){.css-1vucjfw .enytsbk1{grid-column:7/span 6;}}@media (min-width: 960px){.css-1vucjfw .enytsbk2{grid-column:1/span 6;}}@media (min-width: 1440px){.css-1vucjfw .enytsbk2{grid-column:1/span 5;}}
< data-emotion="css bp24co-heading-1-p1-link-1">.css-bp24co-heading-1-p1-link-1{grid-column:1/-1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:32px;}.css-bp24co-heading-1-p1-link-1 .e1y1ikd0{margin:0;}.css-bp24co-heading-1-p1-link-1 .e1y1ikd0 >*:not(.e1d7c04e3 *):not(a){text-align:center;width:100%;}@media (max-width: 959px){.css-bp24co-heading-1-p1-link-1 .e1y1ikd0{display:block;margin:0;}}.css-bp24co-heading-1-p1-link-1 .e1y1ikd0 .e1y1ikd5{font-size:40px;font-weight:500;line-height:90%;letter-spacing:0;font-family:"Ghost","Helvetica Neue","Helvetica",sans-serif;margin-bottom:16px;text-wrap:balance;}[lang="ja"] .css-bp24co-heading-1-p1-link-1 .e1y1ikd0 .e1y1ikd5{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-bp24co-heading-1-p1-link-1 .e1y1ikd0 .e1y1ikd5{font-size:72px;line-height:100%;letter-spacing:-0.5px;}}.css-bp24co-heading-1-p1-link-1 .e1y1ikd0 .e1y1ikd3 p:not(.e1d7c04e3 *){font-size:15px;font-weight:300;line-height:150%;letter-spacing:0.02em;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;padding-bottom:0;}[lang="ja"] .css-bp24co-heading-1-p1-link-1 .e1y1ikd0 .e1y1ikd3 p:not(.e1d7c04e3 *){font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-bp24co-heading-1-p1-link-1 .e1y1ikd0 .e1y1ikd3 p:not(.e1d7c04e3 *){font-size:20px;}}.css-bp24co-heading-1-p1-link-1 .e1y1ikd0 .e1y1ikd6{margin-bottom:8px;color:var(--text);}@media (min-width: 768px){.css-bp24co-heading-1-p1-link-1 .e1y1ikd0 .e1y1ikd6{margin-bottom:12px;}.css-bp24co-heading-1-p1-link-1 .e1y1ikd0 .e1y1ikd5{margin-bottom:32px;}.css-bp24co-heading-1-p1-link-1 .e1y1ikd0 .e1y1ikd3{gap:32px;}}.css-bp24co-heading-1-p1-link-1 .e13xdjms0{-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;width:100%;}.css-bp24co-heading-1-p1-link-1 .e13xdjms0,.css-bp24co-heading-1-p1-link-1 .e13xdjms0>a{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}@media (max-width: 480px){.css-bp24co-heading-1-p1-link-1 .e13xdjms0:only-child,.css-bp24co-heading-1-p1-link-1 .e13xdjms0>a:only-child{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}}.css-bp24co-heading-1-p1-link-1 .e13xdjms0:not(:only-child),.css-bp24co-heading-1-p1-link-1 .e13xdjms0>a:not(:only-child){width:100%!important;}@media (min-width: 480px){.css-bp24co-heading-1-p1-link-1 .e13xdjms0:not(:only-child),.css-bp24co-heading-1-p1-link-1 .e13xdjms0>a:not(:only-child){width:100%!important;}}@media (min-width: 768px){.css-bp24co-heading-1-p1-link-1 .e13xdjms0:not(:only-child),.css-bp24co-heading-1-p1-link-1 .e13xdjms0>a:not(:only-child){width:auto!important;}}.css-bp24co-heading-1-p1-link-1 .e13xdjms0 a{font-size:15px;font-weight:500;line-height:150%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-bp24co-heading-1-p1-link-1 .e13xdjms0 a{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-bp24co-heading-1-p1-link-1 .e13xdjms0 a{font-size:20px;font-weight:400;}}@media (min-width: 768px){.css-bp24co-heading-1-p1-link-1 .e13xdjms0{-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important;}}< data-emotion="css nax8cl">.css-nax8cl{width:100%;}.css-nax8cl picture>img,.css-nax8cl span,.css-nax8cl button,.css-nax8cl wistia-player::part(container),.css-nax8cl img,.css-nax8cl video{border-radius:8px;}@media (min-width: 768px){.css-nax8cl picture>img,.css-nax8cl span,.css-nax8cl button,.css-nax8cl wistia-player::part(container),.css-nax8cl img,.css-nax8cl video{border-radius:16px;}}
Product UI of the Asana Desktop App Homescreen
< data-emotion="css 99hnzs">.css-99hnzs{position:absolute;top:0;width:100vw;height:100%;background:inherit;z-index:-1;}
< data-emotion="css 1uvlx7o">.css-1uvlx7o{--x-margin:6.4%;margin:0 var(--x-margin);padding-top:calc(48px * 0);padding-bottom:calc(48px * 1);}@media (min-width: 480px){.css-1uvlx7o{--x-margin:5%;}}@media (min-width: 768px){.css-1uvlx7o{--x-margin:6.25%;}}@media (min-width: 960px){.css-1uvlx7o{--x-margin:5%;}}@media (min-width: 1120px){.css-1uvlx7o{--x-margin:5.715%;}}@media (min-width: 1440px){.css-1uvlx7o{--x-margin:5.278%;}}@media (min-width: 1680px){.css-1uvlx7o{margin:0 auto;max-width:1432px;}}@media (min-width: 768px){.css-1uvlx7o{padding-top:calc(160px * 0);padding-bottom:calc(160px * 0.5);}}.css-1uvlx7o .eswvyk41,.css-1uvlx7o .et138352>.ew1hg250{margin:0;}
< data-emotion="css ge5ynl">.css-ge5ynl{padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);padding-left:var(--container-x-padding);padding-right:var(--container-x-padding);--container-x-margin:0;--container-padding-top:0;--container-padding-bottom:0;--container-x-padding:0;margin:0 var(--container-x-margin);background-color:var(--bg);color:var(--text);--border-radius:0;--max-width-container-margin:0;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;z-index:1;border-radius:var(--border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;gap:calc(48px * 1);}.css-ge5ynl:has(.e1lm4vjj0){--container-padding-top:16px;}@media (min-width: 768px){.css-ge5ynl:has(.e1lm4vjj0){--container-padding-top:16px;}}@media (min-width: 1120px){.css-ge5ynl:has(.e1lm4vjj0){--container-padding-top:calc(56px + 16px);}}.css-ge5ynl:has(.e1lm4vjj0) .expanding-background{height:100%;top:0;}@media (min-width: 768px){.css-ge5ynl{gap:calc(160px * 1);}}@media (min-width: 768px){.css-ge5ynl{--border-radius:20px;}}@media (min-width: 1680px){.css-ge5ynl{--max-width-container-margin:calc(64px * 2);max-width:calc( 1432px + var(--max-width-container-margin) )!important;}.css-ge5ynl .e1y1ikd0{width:100%;}}
< data-emotion="css 1ggp9tg">.css-1ggp9tg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;width:100%;gap:calc(48px * 1);}@media (min-width: 768px){.css-1ggp9tg{gap:calc(160px * 1);}}
< data-emotion="css 9zmgj4">@media (max-width: 768px){.css-9zmgj4{margin:inherit;}}
< data-emotion="css 1by8foa">.css-1by8foa{display:grid;grid-column-gap:8px;grid-template-columns:repeat(41fr);grid-auto-flow:dense;row-gap:48px;}@media (min-width: 768px){.css-1by8foa{grid-template-columns:repeat(81fr);grid-column-gap:16px;}}@media (min-width: 960px){.css-1by8foa{grid-template-columns:repeat(121fr);grid-column-gap:16px;}}@media (min-width: 1120px){.css-1by8foa{grid-column-gap:24px;}}@media (min-width: 1440px){.css-1by8foa{grid-column-gap:32px;}}@media (min-width: 1680px){.css-1by8foa{grid-column-gap:32px;}}@media (min-width: 768px){.css-1by8foa{row-gap:64px;}}
< data-emotion="css 1l99suu">.css-1l99suu{grid-column:1/-1;}@media (min-width: 768px){.css-1l99suu{grid-column:span 4;}}@media (min-width: 960px){.css-1l99suu{grid-column:span 6;}}@media (min-width: 1120px){.css-1l99suu{grid-column:span 6;}}
< data-emotion="css 4d6uzj">.css-4d6uzj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}.css-4d6uzj .e123hseg6{padding-top:24px;}.css-4d6uzj .e123hseg6 li p{color:var(--text);}
< data-emotion="css 8enibz">.css-8enibz{gap:24px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}@media (min-width: 768px){.css-8enibz{gap:16px;}}@media (min-width: 1120px){.css-8enibz{gap:24px;}}@media (min-width: 768px){.css-8enibz{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}
< data-emotion="css 8osefk">.css-8osefk span,.css-8osefk img{border-radius:8px;}@media (min-width: 1440px){.css-8osefk span,.css-8osefk img{border-radius:16px;}}
Asana Mobile Product UI
< data-emotion="css 1cob493-link-1">.css-1cob493-link-1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;}.css-1cob493-link-1 a{font-size:15px;font-weight:500;line-height:150%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-1cob493-link-1 a{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-1cob493-link-1 a{font-size:20px;font-weight:400;}}@media (min-width: 768px){.css-1cob493-link-1{gap:24px;}}@media (min-width: 1680px){.css-1cob493-link-1{padding-right:24px;}}
Asana Mobile Product UI
< data-emotion="css 99hnzs">.css-99hnzs{position:absolute;top:0;width:100vw;height:100%;background:inherit;z-index:-1;}
< data-emotion="css 1ka6o9">.css-1ka6o9{--x-margin:6.4%;margin:0 var(--x-margin);--x-margin:0!important;padding-top:calc(48px * 1);padding-bottom:calc(48px * 1);}@media (min-width: 480px){.css-1ka6o9{--x-margin:5%;}}@media (min-width: 768px){.css-1ka6o9{--x-margin:6.25%;}}@media (min-width: 960px){.css-1ka6o9{--x-margin:5%;}}@media (min-width: 1120px){.css-1ka6o9{--x-margin:5.715%;}}@media (min-width: 1440px){.css-1ka6o9{--x-margin:5.278%;}}@media (min-width: 1680px){.css-1ka6o9{margin:0 auto;max-width:1432px;}}@media (min-width: 768px){.css-1ka6o9{padding-top:calc(160px * 0.5);padding-bottom:calc(160px * 0.5);}}.css-1ka6o9 .eswvyk41,.css-1ka6o9 .et138352>.ew1hg250{margin:0;}
< data-emotion="css 1cih9pu">.css-1cih9pu{padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);padding-left:var(--container-x-padding);padding-right:var(--container-x-padding);--container-x-margin:0;--container-padding-top:48px;--container-padding-bottom:48px;--container-x-padding:24px;margin:0 var(--container-x-margin);background-color:var(--bg);color:var(--text);--border-radius:0;--max-width-container-margin:0;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;z-index:1;border-radius:var(--border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;gap:calc(48px * 1);}@media (min-width: 768px){.css-1cih9pu{--container-x-margin:16px;--container-padding-top:80px;--container-padding-bottom:80px;--container-x-padding:32px;}}@media (min-width: 1120px){.css-1cih9pu{--container-x-margin:24px;--container-padding-top:120px;--container-padding-bottom:120px;--container-x-padding:40px;}}@media (min-width: 1440px){.css-1cih9pu{--container-x-margin:28px;--container-x-padding:48px;}}@media (min-width: 1680px){.css-1cih9pu{--container-x-margin:auto;--container-x-padding:64px;}}.css-1cih9pu:has(.e1lm4vjj0){--container-padding-top:16px;}@media (min-width: 768px){.css-1cih9pu:has(.e1lm4vjj0){--container-padding-top:16px;}}@media (min-width: 1120px){.css-1cih9pu:has(.e1lm4vjj0){--container-padding-top:calc(56px + 16px);}}.css-1cih9pu:has(.e1lm4vjj0) .expanding-background{height:100%;top:0;}@media (min-width: 768px){.css-1cih9pu{gap:calc(160px * 0.5);}}@media (min-width: 768px){.css-1cih9pu{--border-radius:20px;}}@media (min-width: 1680px){.css-1cih9pu{--max-width-container-margin:calc(64px * 2);max-width:calc( 1432px + var(--max-width-container-margin) )!important;margin:0 calc(-1 * 64px);}.css-1cih9pu .e1y1ikd0{width:100%;}}
< data-emotion="css 1eebgoq">.css-1eebgoq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;width:100%;gap:calc(48px * 1);}@media (min-width: 768px){.css-1eebgoq{gap:calc(160px * 0.5);}}
< data-emotion="css 1qmiakz">.css-1qmiakz{display:grid;grid-column-gap:8px;grid-template-columns:repeat(41fr);grid-auto-flow:dense;}@media (min-width: 768px){.css-1qmiakz{grid-template-columns:repeat(81fr);grid-column-gap:16px;}}@media (min-width: 960px){.css-1qmiakz{grid-template-columns:repeat(121fr);grid-column-gap:16px;}}@media (min-width: 1120px){.css-1qmiakz{grid-column-gap:24px;}}@media (min-width: 1440px){.css-1qmiakz{grid-column-gap:32px;}}@media (min-width: 1680px){.css-1qmiakz{grid-column-gap:32px;}}.css-1qmiakz .e1y1ikd0{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;grid-column:1/-1;}.css-1qmiakz .e1y1ikd0 .e1y1ikd5,.css-1qmiakz .e1y1ikd0 .e1y1ikd3,.css-1qmiakz .e1y1ikd0 .e1y1ikd6{grid-column:1/-1;}@media (min-width: 768px){.css-1qmiakz .e1y1ikd0{grid-column:1/span 6;}}@media (min-width: 960px){.css-1qmiakz .e1y1ikd0{grid-column:1/span 5;}}
< data-emotion="css 1hf0ja1">.css-1hf0ja1{display:grid;grid-column-gap:8px;grid-template-columns:repeat(41fr);grid-auto-flow:dense;width:100%;grid-template-rows:repeat(3auto);}@media (min-width: 768px){.css-1hf0ja1{grid-template-columns:repeat(81fr);grid-column-gap:16px;}}@media (min-width: 960px){.css-1hf0ja1{grid-template-columns:repeat(121fr);grid-column-gap:16px;}}@media (min-width: 1120px){.css-1hf0ja1{grid-column-gap:24px;}}@media (min-width: 1440px){.css-1hf0ja1{grid-column-gap:32px;}}@media (min-width: 1680px){.css-1hf0ja1{grid-column-gap:32px;}}.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/-1;grid-column:var(--grid-column);color:var(--text);-webkit-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start;text-align:left;}@media (min-width: 480px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/-1;}}@media (min-width: 768px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/span 7;}}@media (min-width: 960px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/span 9;}}@media (min-width: 1120px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/span 8;}}@media (min-width: 1440px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/span 6;}}@media (min-width: 1680px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/span 6;}}.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd2{white-space:pre-wrap;}.css-1hf0ja1 .e1y1ikd6{color:var(--text);}.css-1hf0ja1 .e1y1ikd6:last-child,.css-1hf0ja1 .e1y1ikd5:last-child{margin-bottom:0;}
< data-emotion="css flmza-h2">.css-flmza-h2{font-size:32px;font-weight:500;line-height:110%;letter-spacing:0;font-family:"Ghost","Helvetica Neue","Helvetica",sans-serif;grid-row:2;margin-bottom:16px;}[lang="ja"] .css-flmza-h2{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-flmza-h2{font-size:60px;line-height:100%;}}h1.css-flmza-h2{margin-top:0;margin-bottom:16px;}@media (min-width: 768px){h1.css-flmza-h2{margin-bottom:32px;}}h2.css-flmza-h2,h3.css-flmza-h2{margin-top:0;margin-bottom:12px;}@media (min-width: 768px){h2.css-flmza-h2,h3.css-flmza-h2{margin-bottom:16px;}}

Features at your fingertips

< data-emotion="css 12wdbud">.css-12wdbud{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;grid-row:3;gap:16px;}@media (min-width: 768px){.css-12wdbud{gap:24px;}}
< data-emotion="css 1ez0f7c-p2">.css-1ez0f7c-p2{font-size:14px;font-weight:300;line-height:150%;letter-spacing:0.02em;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;color:var(--text);margin:0;padding:0;}[lang="ja"] .css-1ez0f7c-p2{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-1ez0f7c-p2{font-size:16px;}}

Your work syncs in real-time across the webphoneand desktop apps. Plan your day. Share your ideas. Update your team from far away. On whatever device you’re near.

< data-emotion="css 118yizd">.css-118yizd{grid-column:1/-1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px;margin-top:24px;}@media (min-width: 768px){.css-118yizd{margin-top:56px;gap:32px;}}@media (min-width: 960px){.css-118yizd{margin-top:0;grid-column:7/span 6;}}@media (min-width: 1120px){.css-118yizd{gap:48px;}}@media (min-width: 1680px){.css-118yizd{gap:64px;}}
< data-emotion="css 1e7ixl8">.css-1e7ixl8{list-:none;padding:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:grid;grid-column:1/-1;grid-template-columns:1fr;}@media (min-width: 768px){.css-1e7ixl8{grid-column-gap:16px;}}@media (min-width: 960px){.css-1e7ixl8{grid-column-gap:16px;}}@media (min-width: 1120px){.css-1e7ixl8{grid-column-gap:24px;}}@media (min-width: 1440px){.css-1e7ixl8{grid-column-gap:32px;}}@media (min-width: 1680px){.css-1e7ixl8{grid-column-gap:32px;}}@media (min-width: 768px){.css-1e7ixl8{grid-template-columns:1fr 1fr;}}@media (min-width: 960px){.css-1e7ixl8{grid-column:7/span 6;}}
    < data-emotion="css 1yxrt8t-p1">.css-1yxrt8t-p1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:16px;}.css-1yxrt8t-p1 p{font-size:15px;font-weight:300;line-height:150%;letter-spacing:0.02em;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] .css-1yxrt8t-p1 p{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-1yxrt8t-p1 p{font-size:20px;}}.css-1yxrt8t-p1 svg{margin-top:0;}@media (min-width: 768px){.css-1yxrt8t-p1{min-height:60px;}.css-1yxrt8t-p1 svg{margin-top:6px;}}
  • < data-emotion="css w8hbm">.css-w8hbm{position:relative;width:16px;height:16px;min-width:16px;margin-right:16px;margin-top:6px;}

    My Tasks

  • Inbox

  • Projects

  • Search

  • Messages

  • Portfolios

  • Quick Add

  • Goals

< data-emotion="css 1g6arla">.css-1g6arla{--x-margin:6.4%;margin:0 var(--x-margin);padding-top:calc(48px * 1);padding-bottom:calc(48px * 1);}@media (min-width: 480px){.css-1g6arla{--x-margin:5%;}}@media (min-width: 768px){.css-1g6arla{--x-margin:6.25%;}}@media (min-width: 960px){.css-1g6arla{--x-margin:5%;}}@media (min-width: 1120px){.css-1g6arla{--x-margin:5.715%;}}@media (min-width: 1440px){.css-1g6arla{--x-margin:5.278%;}}@media (min-width: 1680px){.css-1g6arla{margin:0 auto;max-width:1432px;}}@media (min-width: 768px){.css-1g6arla{padding-top:calc(160px * 0.5);padding-bottom:calc(160px * 0.5);}}.css-1g6arla .eswvyk41,.css-1g6arla .et138352>.ew1hg250{margin:0;}
< data-emotion="css 12nb4z6">.css-12nb4z6{padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);padding-left:var(--container-x-padding);padding-right:var(--container-x-padding);--container-x-margin:0;--container-padding-top:0;--container-padding-bottom:0;--container-x-padding:0;margin:0 var(--container-x-margin);background-color:var(--bg);color:var(--text);--border-radius:0;--max-width-container-margin:0;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;z-index:1;border-radius:var(--border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;gap:calc(48px * 1);}.css-12nb4z6:has(.e1lm4vjj0){--container-padding-top:16px;}@media (min-width: 768px){.css-12nb4z6:has(.e1lm4vjj0){--container-padding-top:16px;}}@media (min-width: 1120px){.css-12nb4z6:has(.e1lm4vjj0){--container-padding-top:calc(56px + 16px);}}.css-12nb4z6:has(.e1lm4vjj0) .expanding-background{height:100%;top:0;}@media (min-width: 768px){.css-12nb4z6{gap:calc(160px * 0.5);}}@media (min-width: 768px){.css-12nb4z6{--border-radius:20px;}}@media (min-width: 1680px){.css-12nb4z6{--max-width-container-margin:calc(64px * 2);max-width:calc( 1432px + var(--max-width-container-margin) )!important;}.css-12nb4z6 .e1y1ikd0{width:100%;}}
< data-emotion="css 1eebgoq">.css-1eebgoq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:column nowrap;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;width:100%;gap:calc(48px * 1);}@media (min-width: 768px){.css-1eebgoq{gap:calc(160px * 0.5);}}
< data-emotion="css 1bpvgsu">.css-1bpvgsu{display:grid;grid-column-gap:8px;grid-template-columns:repeat(41fr);grid-auto-flow:dense;margin:0;}@media (min-width: 768px){.css-1bpvgsu{grid-template-columns:repeat(81fr);grid-column-gap:16px;}}@media (min-width: 960px){.css-1bpvgsu{grid-template-columns:repeat(121fr);grid-column-gap:16px;}}@media (min-width: 1120px){.css-1bpvgsu{grid-column-gap:24px;}}@media (min-width: 1440px){.css-1bpvgsu{grid-column-gap:32px;}}@media (min-width: 1680px){.css-1bpvgsu{grid-column-gap:32px;}}
< data-emotion="css oczoll">.css-oczoll{grid-column:1/-1;color:var(--text);margin-bottom:24px;}@media (min-width: 768px){.css-oczoll{margin-bottom:56px;}}@media (min-width: 1120px){.css-oczoll{grid-column:1/5;margin-bottom:0;}}.css-oczoll .e1y1ikd0 h2,.css-oczoll .e1y1ikd0 h1,.css-oczoll .e1y1ikd0 div{grid-column:1/-1;}.css-oczoll .e1y1ikd0 .e1y1ikd5{grid-column:1/-1;}
< data-emotion="css 1hf0ja1">.css-1hf0ja1{display:grid;grid-column-gap:8px;grid-template-columns:repeat(41fr);grid-auto-flow:dense;width:100%;grid-template-rows:repeat(3auto);}@media (min-width: 768px){.css-1hf0ja1{grid-template-columns:repeat(81fr);grid-column-gap:16px;}}@media (min-width: 960px){.css-1hf0ja1{grid-template-columns:repeat(121fr);grid-column-gap:16px;}}@media (min-width: 1120px){.css-1hf0ja1{grid-column-gap:24px;}}@media (min-width: 1440px){.css-1hf0ja1{grid-column-gap:32px;}}@media (min-width: 1680px){.css-1hf0ja1{grid-column-gap:32px;}}.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/-1;grid-column:var(--grid-column);color:var(--text);-webkit-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start;text-align:left;}@media (min-width: 480px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/-1;}}@media (min-width: 768px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/span 7;}}@media (min-width: 960px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/span 9;}}@media (min-width: 1120px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/span 8;}}@media (min-width: 1440px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/span 6;}}@media (min-width: 1680px){.css-1hf0ja1 .e1y1ikd6,.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd3{--grid-column:1/span 6;}}.css-1hf0ja1 .e1y1ikd5,.css-1hf0ja1 .e1y1ikd2{white-space:pre-wrap;}.css-1hf0ja1 .e1y1ikd6{color:var(--text);}.css-1hf0ja1 .e1y1ikd6:last-child,.css-1hf0ja1 .e1y1ikd5:last-child{margin-bottom:0;}
< data-emotion="css flmza-h2">.css-flmza-h2{font-size:32px;font-weight:500;line-height:110%;letter-spacing:0;font-family:"Ghost","Helvetica Neue","Helvetica",sans-serif;grid-row:2;margin-bottom:16px;}[lang="ja"] .css-flmza-h2{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){.css-flmza-h2{font-size:60px;line-height:100%;}}h1.css-flmza-h2{margin-top:0;margin-bottom:16px;}@media (min-width: 768px){h1.css-flmza-h2{margin-bottom:32px;}}h2.css-flmza-h2,h3.css-flmza-h2{margin-top:0;margin-bottom:12px;}@media (min-width: 768px){h2.css-flmza-h2,h3.css-flmza-h2{margin-bottom:16px;}}

Still have questions? We have answers.

< data-emotion="css 1tqhu78">.css-1tqhu78{grid-column:1/-1;}@media (min-width: 1120px){.css-1tqhu78{grid-column:5/-1;}}@media (min-width: 1440px){.css-1tqhu78{grid-column:6/-1;}}
< data-emotion="css 1m2qwjj">.css-1m2qwjj{--x-margin:6.4%;margin:0 var(--x-margin);display:grid;grid-column-gap:8px;grid-template-columns:repeat(41fr);grid-auto-flow:dense;margin:0;}@media (min-width: 480px){.css-1m2qwjj{--x-margin:5%;}}@media (min-width: 768px){.css-1m2qwjj{--x-margin:6.25%;}}@media (min-width: 960px){.css-1m2qwjj{--x-margin:5%;}}@media (min-width: 1120px){.css-1m2qwjj{--x-margin:5.715%;}}@media (min-width: 1440px){.css-1m2qwjj{--x-margin:5.278%;}}@media (min-width: 1680px){.css-1m2qwjj{margin:0 auto;max-width:1432px;}}@media (min-width: 768px){.css-1m2qwjj{grid-template-columns:repeat(81fr);grid-column-gap:16px;}}@media (min-width: 960px){.css-1m2qwjj{grid-template-columns:repeat(121fr);grid-column-gap:16px;}}@media (min-width: 1120px){.css-1m2qwjj{grid-column-gap:24px;}}@media (min-width: 1440px){.css-1m2qwjj{grid-column-gap:32px;}}@media (min-width: 1680px){.css-1m2qwjj{grid-column-gap:32px;}}
< data-emotion="css 18iuzk9">.css-18iuzk9{grid-column:1/-1;}
< data-emotion="css fnrk00">.css-fnrk00{position:relative;border-width:1px;border-color:var(--border);border-top-:solid;border-bottom-:solid;-webkit-transition:all .6s;transition:all .6s;}
< data-emotion="css g6d98v">.css-g6d98v{color:var(--text);margin:0;width:100%;position:relative;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:32px;-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:16px 0 12px;-webkit-transition:all .6s;transition:all .6s;}@media (min-width: 768px){.css-g6d98v{padding:32px 0;}}@media (min-width: 1120px){.css-g6d98v{padding:32px 0;}}.css-g6d98v[aria-expanded="false"]+.e1u8hes44 a[href],.css-g6d98v[aria-expanded="false"]+.e1u8hes44 input:not([disabled]),.css-g6d98v[aria-expanded="false"]+.e1u8hes44 select:not([disabled]),.css-g6d98v[aria-expanded="false"]+.e1u8hes44 textarea:not([disabled]),.css-g6d98v[aria-expanded="false"]+.e1u8hes44 button:not([disabled]),.css-g6d98v[aria-expanded="false"]+.e1u8hes44 [tabindex]:not([disabled]),.css-g6d98v[aria-expanded="false"]+.e1u8hes44 [contenteditable="true"]:not([disabled]){visibility:hidden;-webkit-transition:all .6s;transition:all .6s;}< data-emotion="css 13gkmf7">.css-13gkmf7{overflow:hidden;-webkit-transition:all 0.8s;transition:all 0.8s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px;padding-bottom:0px;}@media (min-width: 768px){.css-13gkmf7{gap:24px;padding-bottom:0px;}}
< data-emotion="css 17o7b9p">.css-17o7b9p{position:relative;border-width:1px;border-color:var(--border);border-bottom-:solid;-webkit-transition:all .6s;transition:all .6s;}
< data-emotion="css 99hnzs">.css-99hnzs{position:absolute;top:0;width:100vw;height:100%;background:inherit;z-index:-1;}