タスク管理ツールの23選!予算や条件別の選び方やおすすめ

業務を効率よく進めるためには、タスク管理が重要です。タスクを整理することで作業が明確になり、抜け漏れを減らして効率よく業務を進めることが可能です。

タスク管理は、ツールを使うと管理が楽になり、より効率を高められます。そこで今回は、おすすめのタスク管理ツールを、予算や条件別にご紹介します。

個人向けおすすめタスク管理ツール10選

タスク管理ツールにはさまざまなものがあるものの、大別して個人向けと法人向けがあります。個人でタスク管理ツールを導入したい場合は、個人向けのタスク管理ツールのなかから自分に合うものを選びましょう。

ここでは、個人向けタスク管理ツールのおすすめ10選をご紹介します。

無料で使えるタスク管理アプリ

手軽にタスク管理ツールを利用したい際は、無料で使えるツールがおすすめです。無料のツールでも、機能の充実したものがあります。

はじめに、無料で使えるおすすめのタスク管理ツールをご紹介します。

Lark 

Larkはオールインワンビジネスツールです。一般的なToDoリストと比べて、より効率的なタスク管理を実現できます。なぜなら、Larkタスクは単なるToDoリストではなく、資料と連携したタスク管理ができるためです。

また、Larkはタスクを他者に振り分けることや、分類分けによるタスク量の可視化、通知による抜け漏れや遅延を予防できます。無料でありながら、豊富な機能で業務の効率化や正確性の向上が期待できます。

Google Keep 

Googleが提供するタスク管理ツールです。メモ登録をメイン機能としたタスク管理ツールで、簡易メモとして活用できます。チェックボックスの追加や画像の添付、リマインダー機能など、タスク管理に必要な機能が揃っているため、タスク管理ツールとしても活躍します。

また、登録したデータはクラウド上に保存されるため、パソコンだけではなくスマートフォンアプリからも確認が可能です。

Microsoft To Do 

Microsoft社が提供するタスク管理ツールです。主に、タスクやリストを確認・管理できます。

特徴として、リスト形式のタスクをオンライン上で管理でき、パソコンとモバイルデバイスの両方でタスクを確認できます。出先でパソコンをすぐに確認できない場合も、モバイルデバイスで手軽に確認が可能です。

また、特定のプロジェクトやタスクに関連する事項をリスト化できます。リスト化を活用することで、より効率的なタスク管理が可能です。

Todoist 

日々のタスクやTodoリストの管理に適したアプリです。無料でありながら、自分好みにカスタマイズできる柔軟性が特徴です。例えば、ラベルやテンプレートを使用すればタスクを視覚的に整理できます。

Todoist | ToDo リストで仕事と生活を整える

世界中で 3,000 万人以上の人々やチームが愛用する「タスク& ToDo リスト」アプリのTodoist。念願だった集中する時間、心の平穏、整った生活を手に入れよう。

また、GoogleカレンダーやAlexaなど30以上のツールとの連携が可能です。複数のプラットフォームを1つにまとめられるため、より効率的なタスク管理ができたり、タスクの漏れを防げたりします。

Evernote 

紙にメモをする感覚でタスク管理ができるアプリです。テキスト入力以外にも、画像や動画・音声ファイル・PDF・Webページなど、さまざまなデータを記録できます。これによって、幅広い用途で活用できる点が特徴です。

また、データはクラウド上に保存されます。パソコンからだけではなく複数のデバイスからアクセスができるため、手軽にタスクの確認や追加、修正が可能です。

最高のノートアプリ - Evernoteでノートを整理しよう

私たちのノートアプリは、アイデアやプロジェクト、やることリストをキャプチャして優先順位を付けるのに役立ちます。アイデアの取りこぼしがなくなります。今すぐ無料ト…

Nozbe 

チェックリスト形式でタスクを管理できる、ワークマネジメントツールです。工数の整理やチームでの情報共有に優れており、個人での活用だけではなくチームやプロジェクトでの利用にも適します。無料でありながら、メール機能や高レベルのセキュリティが保証されている点もおすすめポイントです。

ただし、無料プランのユーザー数は3人まで、ストレージ容量は500MBまでです。ユーザー数の制限を無くしたい場合は、月額1,180円または1,780円のプランを選びましょう。

Nozbe - 最高のチームワークとプロジェクト管理ツール

プロジェクトでタスク管理と生産性向上。直感的なデザイン、モバイルアプリ。無料でサインアップ!

Notion 

メモ機能がメインではあるものの、データ管理やスプレッドシート、タスク管理もできるツールです。また、ダッシュボード機能やカレンダー機能などさまざまな機能が搭載されている点も特徴です。搭載されている機能を組み合わせれば、より効率的なタスク管理ができます。

ビジネスはもちろん、プライベートにも利用しやすいツールです。

あなたのニーズを叶えるAIワークスペース。| Notion (ノーション)

カスタムエージェントの構築や、すべてのアプリを横断する情報検索、面倒な作業の自動化を行えるAIワークスペースなど、チームはより多くの作業をスピーディにこなせます。

monday.com 

アイコンや色分け設定が可能な、見やすさ・操作しやすさにこだわったタスク管理ツールです。分かりやすいビジュアルボードが特徴で、業務をロジカルに整理して進捗状況を可視化できます。

メンバーごとのタスク管理も可能で、個人としての使用だけではなくチームとしての使用にもおすすめです。monday.comを活用すれば、マネージャーは各メンバーの作業量を調整しながらタスクの振り分けができます。

monday.com の業務用プラットフォーム | 業務に特化し、ご愛用いただけるデザイン

プロジェクト、CRM、IT、開発にまたがるワークフローを効率化、明確な可視性が得られるため、戦略上の判断を安心して下すことができます。

Any.Do 

世界で4,000万人以上に利用されている、タスク管理に特化したアプリです。無料プランと有料プランがあるものの、個人的なタスク管理が目的であれば無料プランでも十分対応できます。

無料プランの主な機能は、「リスト作成やリマインダーなどの基本的なタスク管理機能」「デイリープランナーの作成」「GoogleカレンダーやOutlookカレンダーとの連携」です。

A simple to do list for you and your team

A simple to do list app to manage your personal tasks, family projects, and team's work. Trusted by +40m people to stay organized and get more done.

エクセル 

表計算ソフトではあるものの、Microsoft社が提供するエクセルを使う方法もあります。エクセルは業務で使用する機会が多く、使い慣れている方も多いでしょう。新しいツールの導入に不安がある際は、エクセルでのタスク管理もおすすめです。

エクセル公式サイト(マイクロソフト公式サイト)

エクセルは、シートにタスクと内容、納期などを入力するシンプルな方法でタスク管理ができます。複雑な操作はなく、手軽にタスク管理が可能です。また、自由にカスタマイズができるため、見やすく使いやすいタスク管理ができる点もおすすめポイントです。

エクセルでのタスク管理方法 

エクセルでタスク管理をする際は、タスクの漏れがないように色分けや、締め切りの早い順に並べるなどの工夫が可能です。また、タスクのステータスが分かるように、完了したタスクは「完了」、未完了のタスクは「未着手」、進行中のタスクは「進行中」と分けると進捗を把握しやすくできます。

重要度やステータスの更新は、ドロップダウンリストにすると操作を容易にできます。ドロップダウンリストの作成方法は以下の通りです。

①画面上部の「データ」タブにある「入力規則」をクリックする

②「許可」の項目を「リスト」にする

③「元の値」に表示したい文言を「,」で区切って入力して完了

また、フィルター機能を使えば特定の項目のみを表示させることも可能です。例えば、最重要のタスクだけ表示させたい際に便利な機能です。

このように、エクセルの機能を活用すれば手軽にタスク管理ができます。ツールの導入や選択が面倒に感じる際は、エクセルでのタスク管理がおすすめです。

Todoistの特徴と活用法 

Todoistは個人やチーム、ビジネスシーン、プライベートとさまざまな用途に対応するタスク管理ツールです。

Todoistでは、ToDoリストに優先順位を付けられることや、複数のツールとの連携、他の人と共有ができるなどの特徴があります。料金プランは無料を含めて3種類あり、用途や使用頻度に合わせたプランを選択できます。

Todoistを使用して、正確で効率のよいタスク管理をしましょう。

法人向け(ビジネス向け)タスク管理ツールの概要

法人向けに活用できるタスク管理ツールも多数あります。法人向けタスク管理ツールは、導入の目的や予算に合わせて選ぶことが大切です。

ここでは、おすすめの法人向けタスク管理ツールをご紹介します。

チームで使える人気タスク管理ツール13選

法人やビジネスでタスク管理ツールを使う際は、チームで共有できるツールを選びます。チームで使えるタスク管理ツールを導入することで、全体だけではなくお互いの進捗状況も把握できるため、最適な業務量の振り分けが可能です。

Lark 

Larkは個人で使えるタスク管理ツールとして優秀なだけではなく、豊富な機能によってチームでの利用にも適します。

Lark: チームがつながるDXツール

Larkは創造性と生産性向上のため、チャット、ビデオ会議、文書の共同編集、メール、ワークフローなどを1つのプラットフォームに統合し、すべてのデバイスでシームレスなコ…

LarkではToDoの整理だけではなく、チャットやDocsと連動できる機能も搭載されており、チームでの業務効率化に活用できます。

Redmine 

オープンソースプロジェクト管理ソフトウェアであり、エンジニア向けに開発されたタスク管理ツールです。タスクを記載した「チケット」を発行して、タスク管理をしたりタスクを振り分けたりできます。

システムを柔軟にカスタマイズできる点もおすすめポイントです。柔軟なカスタマイズによって、使いやすいタスク管理システムを構築できます。

ITリテラシーの高いメンバーが在籍するチームに向いているタスク管理ツールです。

Redmine.JP — オープンソースのプロジェクト管理ソフトウェア Redmine 日本語情報サイト

プロジェクト管理のオープンソースのソフトウェア「Redmine」の日本語情報サイト。Redmineは設定次第でさまざまな業務に適用できる、柔軟なプロジェクト管理・課題管理ソ…

Jooto 

株式会社PR TIMESが提供する、タスク及びプロジェクト管理ツールです。直感的に使えるシンプルさが特徴で、スムーズな導入ができます。

特徴は、プロジェクトを横断して自分が担当するタスクのみを管理できることです。また、他の担当者のタスクをフォローすれば、プロジェクトの全体の進捗も確認できます。

タスク管理ツールとプロジェクト管理ツールの2種類の機能が併用されているため、用途に合わせた利用が可能です。

Jooto - 無料から使えるタスク・プロジェクト管理ツール

40万人以上が利用するカンバン方式のタスク・プロジェクト管理ツールJooto(ジョートー)。基本操作はドラッグ&ドロップだけ。ガントチャートやプロジェクト横断して…

Asana 

プロジェクト管理とタスク管理を統合したツールです。プロジェクト管理もできるため、チームでタスク管理をしたい際に適します。

特徴は、チームメンバーのタスク状況を俯瞰して確認できる機能が充実している点です。部門を超えてリアルタイムにタスク管理がしたい際にも活躍します。

無料プランと有料プランがあるものの、有料プランは30日間の無料体験ができるため、体験利用で使いやすさや必要な機能が揃っているかを確認するとよいでしょう。

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" data-next-head=""/><meta name="zd-site-verification" content="oywgyiggh7v8kawrvgcr" data-next-head=""/><meta name="yandex-verification" content="e3482b364e00d0a0" data-next-head=""/><meta name="naver-site-verification" content="5c6fd36e7d95d9f0d1ecb0ca29f9834d56b3cec3" data-next-head=""/><meta property="og:title" content="チームの仕事、プロジェクト、タスクをオンラインで管理 • Asana • Asana" data-next-head=""/><meta name="twitter:title" content="チームの仕事、プロジェクト、タスクをオンラインで管理 • Asana • Asana" data-next-head=""/><link rel="canonical" href="https://asana.com/ja" data-next-head=""/><meta property="og:url" content="https://asana.com/ja?noredirect=" data-next-head=""/><meta name="twitter:url" content="https://asana.com/ja?noredirect=" data-next-head=""/><meta name="description" content="Asana を使えば、いつ、どこにいても仕事ができます。Asana を活用して、各地のリモートチームや分散チーム、組織全体で目標やプロジェクト、タスクへの集中力を維持しましょう。" data-next-head=""/><meta name="twitter:description" content="Asana を使えば、いつ、どこにいても仕事ができます。Asana を活用して、各地のリモートチームや分散チーム、組織全体で目標やプロジェクト、タスクへの集中力を維持しましょう。" data-next-head=""/><meta property="og:description" content="Asana を使えば、いつ、どこにいても仕事ができます。Asana を活用して、各地のリモートチームや分散チーム、組織全体で目標やプロジェクト、タスクへの集中力を維持しましょう。" data-next-head=""/><meta property="author" content="Asana" data-next-head=""/><meta property="og:site_name" content="Asana" data-next-head=""/><meta property="fb:app_id" content="444494130454" data-next-head=""/><meta name="twitter:site" content="@asana" data-next-head=""/><meta name="twitter:creator" content="@asana" data-next-head=""/><meta name="theme-color" content="#2e3c54" data-next-head=""/><meta name="msapplication-navbutton-color" content="#2e3c54" data-next-head=""/><meta property="og:image" content="https://assets.asana.biz/m/4aecf2c7c66aa51b/original/asana-meta-coral-1x.png" data-next-head=""/><meta name="twitter:image" content="https://assets.asana.biz/m/4aecf2c7c66aa51b/original/asana-meta-coral-1x.png" data-next-head=""/><meta name="twitter:image:src" content="https://assets.asana.biz/m/4aecf2c7c66aa51b/original/asana-meta-coral-1x.png" data-next-head=""/><meta name="twitter:card" content="summary_large_image" data-next-head=""/><meta property="og:type" content="article" data-next-head=""/><link rel="apple-touch-icon" sizes="57x57" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462482/asana_favicon_57x57.png" data-next-head=""/><link rel="apple-touch-icon" sizes="60x60" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462482/asana_favicon_60x60.png" data-next-head=""/><link rel="apple-touch-icon" sizes="72x72" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462482/asana_favicon_72x72.png" data-next-head=""/><link rel="apple-touch-icon" sizes="76x76" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462482/asana_favicon_76x76.png" data-next-head=""/><link rel="apple-touch-icon" sizes="114x114" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462482/asana_favicon_114x114.png" data-next-head=""/><link rel="apple-touch-icon" sizes="120x120" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462483/asana_favicon_120x120.png" data-next-head=""/><link rel="apple-touch-icon" sizes="144x144" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462483/asana_favicon_144x144.png" data-next-head=""/><link rel="apple-touch-icon" sizes="152x152" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462483/asana_favicon_152x152.png" data-next-head=""/><link rel="apple-touch-icon" sizes="180x180" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462483/asana_favicon_180x180.png" data-next-head=""/><link rel="favicon" sizes="16x16" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462484/asana_favicon_16x16.png" data-next-head=""/><link rel="favicon" sizes="32x32" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1683659104/asana_symbol_32x32.png" data-next-head=""/><link rel="favicon" sizes="96x96" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462484/asana_symbol_96x96.png" data-next-head=""/><link rel="favicon" sizes="192x192" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462484/asana_favicon_192x192.png" data-next-head=""/><link rel="favicon" sizes="194x194" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462484/asana_favicon_194x194.png" data-next-head=""/><link rel="shortcut icon" href="/assets/img/brand/asana-logo-favicon.ico" data-next-head=""/><meta name="twitter:app:name:iphone" content="Asana: チームのタスクと会話" data-next-head=""/><meta name="twitter:app:id:iphone" content="489969512" data-next-head=""/><meta name="twitter:app:name:ipad" content="Asana: チームのタスクと会話" data-next-head=""/><meta name="twitter:app:id:ipad" content="489969512" data-next-head=""/><meta name="twitter:app:name:googleplay" content="Asana モバイル" data-next-head=""/><meta name="twitter:app:id:googleplay" content="com.asana.app" data-next-head=""/><meta name="google-site-verification" content="DxotoqlMTfSRrxiKGMd-XA44xVkuFK-hBE6Fb1s_sos" data-next-head=""/><link rel="preconnect" href="https://api.ipify.org" data-next-head=""/><link rel="preconnect" href="https://ad.doubleclick.net" data-next-head=""/><link rel="preconnect" href="https://cdn.cookielaw.org" data-next-head=""/><link rel="dns-prefetch" href="https://cdn.cookielaw.org" data-next-head=""/><link rel="preconnect" href="https://luna1.co" data-next-head=""/><link rel="dns-prefetch" href="https://luna1.co" data-next-head=""/><link rel="preload" href="/_next/static/css/0b4e53506db58888.css?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161" as="style"/><link rel="preload" href="/_next/static/css/b3ee988a965a0016.css?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161" as="style"/><script type="text/javascript"> (function optimizelySetup(e){try{var o,n,i;"undefined"==typeof window||window.location.pathname.includes("/-/tracking")||(o=["AT","BE","BG","CY","CZ","CH","DE","DK","EE","ES","FI","FR","GB","GR","HR","HU","IE","IS","IT","LI","LT","LU","LV","MT","NL","NO","PL","PT","RO","SE","SI","SK"],n=function(e){e=document.cookie.match(new RegExp("(^| )"+e+"=([^;]+)"));return e?decodeURIComponent(e[2]):null},window.optimizely=window.optimizely||[],window.optimizelyAllowConsentReload=void 0===window.Cypress,!(p=n("user_geo"))||-1===o.indexOf(p.toUpperCase())||(t=n("OptanonConsent"))&&-1!==t.indexOf("C0004:1")?window.optimizely.push({type:"holdEvents"}):window.optimizely.push({type:"disable"}),(i=document.createElement("script")).src="production"===e?"https://cdn.optimizely.com/js/4851607934861312.js":"https://cdn.optimizely.com/js/5324015129067520.js",document.head.appendChild(i))}catch(e){console.error("Error in Optimizely setup:",e)}var t,p})("production") </script><script type="text/javascript">!function(){try{function t(r){window.AsanaErrors.dataDogInitialized&&window.DD_RUM?window.DD_RUM.addError(r):window.AsanaErrors.errorQueue.push(r)}void 0===window.AsanaErrors&&(window.AsanaErrors={dataDogInitialized:!1,errorQueue:[]},window.AsanaErrors.notifyException=function(){for(var r=Array.from(arguments),o=0;o<r.length;o++){var n="string"==typeof r[o]?new Error(r[o]):r[o];n instanceof Error&&t(n)}},window.AsanaErrors.notify=function(){window.AsanaErrors.notifyException.apply(null,arguments)},window.onerror=function(r,o,n,i,a){return a instanceof Error&&t(a),!1})}catch(r){console.error(r)}}();</script><script type="text/javascript">try{window.AsanaTimings={timings:{cl:{consentStateSet:void 0,datadogRUMInitialized:void 0,firstEnrollExperimentCall:void 0,homepageExperimentRendered:void 0,inlineJSStart:performance.now(),onetrustScriptTagParsed:void 0,optanonWrapperCalled:void 0,reactAppMount:void 0},se:{to:void 0,ed:{to:void 0,ex:void 0,fn:{}},or:{to:void 0}}},logTimings:function(i){},setTiming:function(i){void 0===this.timings.cl[i]&&(this.timings.cl[i]=performance.now()),this.logTimings(this.timings)},setEdTiming:function(i,t){i&&t&&"number"==typeof t.to&&"number"==typeof t.ex&&(this.timings.se.ed.fn[i]=t);var e,n=0,s=0;for(e in this.timings.se.ed.fn)this.timings.se.ed.fn[e].to&&(n+=this.timings.se.ed.fn[e].to),this.timings.se.ed.fn[e].ex&&(s+=this.timings.se.ed.fn[e].ex);this.timings.se.ed.to=n,this.timings.se.ed.ex=s,"number"==typeof this.timings.se.ed.to&&"number"==typeof this.timings.se.or.to&&(this.timings.se.to=this.timings.se.ed.to+this.timings.se.or.to)},setOrTiming:function(i){i&&!isNaN(i.to)&&(this.timings.se.or=i),"number"==typeof this.timings.se.ed.to&&"number"==typeof this.timings.se.or.to&&(this.timings.se.to=this.timings.se.ed.to+this.timings.se.or.to)},getOrderedTimings:function(){var i,t=[];for(i in this.timings.cl)t.push({name:i,timingValue:this.timings.cl[i]});return t.sort(function(i,t){var e=null==i.timingValue||isNaN(i.timingValue),n=null==t.timingValue||isNaN(t.timingValue);return e&&n?0:e?1:n?-1:Number(i.timingValue)-Number(t.timingValue)}),t}}}catch(i){console.error(i)}</script><script>(function(){ window.OptanonWrapper = function () { if (window.AsanaTimings) window.AsanaTimings.setTiming("optanonWrapperCalled") if (window.AsanaStorage) { window.AsanaStorage.setPendingCookies(); window.AsanaStorage.pushPendingEventsToDataLayer(); window.AsanaStorage.optanonWrapperInitialized = true; } else { AsanaErrors.notifyException('AsanaStorage not found in OptanonWrapper'); } // Dispatch custom event for consent changes window.dispatchEvent(new Event('consent.onetrust')); }})()</script><script type="text/javascript" src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" data-domain-script="6d3cfbb6-bd53-462f-aac5-4fafed745589"></script><script>(function(){ window.AsanaTimings.setTiming('onetrustScriptTagParsed')})()</script><script type="text/javascript">var AsanaStorage={optanonWrapperInitialized:!1,STORAGE_KEYS:{ENCRYPTED_USER_ID:"ga__ec_ui",ECOMMERCE_CONFIG:"ga__ecommerce_config",USER_SIGNUP_EMAIL:"user_signup_email",GOOGLE_ANALYTICS_ID:"_ga"},pendingCookies:[],pendingDataLayerEvents:[],CATEGORY:{NECESSARY:"C0001",PERFORMANCE:"C0002",FUNCTIONAL:"C0003",TARGETING:"C0004"},getFromSessionStorage:function(e){try{return window.sessionStorage.getItem(e)}catch(e){window.AsanaErrors.notifyException(e)}},setToSessionStorage:function(e,t){try{window.sessionStorage.setItem(e,t)}catch(e){window.AsanaErrors.notifyException(e)}},removeFromSessionStorage:function(e){try{window.sessionStorage.removeItem(e)}catch(e){window.AsanaErrors.notifyException(e)}},getFromLocalStorage:function(e){try{return window.localStorage.getItem(e)}catch(e){window.AsanaErrors.notifyException(e)}},setToLocalStorage:function(e,t){try{window.localStorage.setItem(e,t)}catch(e){window.AsanaErrors.notifyException(e)}},removeFromLocalStorage:function(e){try{window.localStorage.removeItem(e)}catch(e){window.AsanaErrors.notifyException(e)}},getEcommerceConfig:function(){var e=this.getFromSessionStorage(this.STORAGE_KEYS.ECOMMERCE_CONFIG);if(!e)return{};try{return JSON.parse(e)}catch(e){window.AsanaErrors.notifyException(e)}},setEcommerceConfig:function(e){this.setToSessionStorage(this.STORAGE_KEYS.ECOMMERCE_CONFIG,JSON.stringify(e))},removeEcommerceConfig:function(){this.removeFromSessionStorage(this.STORAGE_KEYS.ECOMMERCE_CONFIG)},updateEcommerceConfig:function(e){var t=this.getEcommerceConfig();e(t),this.setEcommerceConfig(t)},setEncryptedUserId:function(e){e&&this.setToLocalStorage(this.STORAGE_KEYS.ENCRYPTED_USER_ID,e)},getEncryptedUserId:function(){return this.getFromLocalStorage(this.STORAGE_KEYS.ENCRYPTED_USER_ID)||null},removeEncryptedUserId:function(){this.removeFromLocalStorage(this.STORAGE_KEYS.ENCRYPTED_USER_ID)},getCookie:function(e){var t=document.cookie,n=t.indexOf(" "+e+"=");return t=-1==(n=-1==n?t.indexOf(e+"="):n)?null:(n=t.indexOf("=",n)+1,-1==(e=t.indexOf(";",n))&&(e=t.length),unescape(t.substring(n,e)))},setCookie:function(e,t,n,i,o,a,s="Lax"){var r;n==AsanaStorage.CATEGORY.NECESSARY||this.getUserConsentByGroupId(n)?(i=i||30,o=void 0===o||o,(r=new Date).setTime(r.getTime()+24*i*60*60*1e3),r=e+"="+t+";"+("expires="+r.toUTCString())+";path="+(a||"/")+this.resolveCookieDomain(o)+";SameSite="+s+";secure",document.cookie=r):this.pendingCookies.push({name:e,value:t,groupId:n,expires_in_days:i,cross_domain:o,path:a})},deleteCookie:function(e,t){t=t||"/";this.setCookie(e,null,this.CATEGORY.NECESSARY,0,!0,t),"null"!==this.getCookie(e)&&this.setCookie(e,null,this.CATEGORY.NECESSARY,0,!1,t)},setPendingCookies:function(){window.AsanaTimings.setTiming("setPendingCookiesExecution");var e=this.pendingCookies.slice();this.pendingCookies=[],e.forEach(function(e){this.setCookie(e.name,e.value,e.groupId,e.expires_in_days,e.cross_domain,e.path)},this)},pushEventToDataLayerWithConsentGroupId:function(e,t){e&&(this.getUserConsentByGroupId(t)?(window.dataLayer=window.dataLayer||[],window.dataLayer.push(e),"asanadotcomLoggedOutExperimentEnrollment"===e.event&&(window.AsanaTimings.setTiming("experimentLoggingEnrollmentDatalayerPassedConsentCheck"),fetch("/api/update-metrics",{method:"POST",body:JSON.stringify({metrics:[{type:"increment",metricName:"experimentation.enrollment_funnel.datalayer_passed_consent_check",value:1,tags:`experiment_name:${e.experiment_id},experiment_variant:`+e.variant_id}]})}))):this.pendingDataLayerEvents.push({event:e,groupId:t}))},pushPendingEventsToDataLayer:function(){window.AsanaTimings.setTiming("pushPendingEventsToDataLayerExecution");var e=this.pendingDataLayerEvents.slice();this.pendingDataLayerEvents=[],e.forEach(function(e){this.pushEventToDataLayerWithConsentGroupId(e.event,e.groupId)},this)},logEnrollmentEvent:function(e,t=!1,n=void 0,i=void 0){"function"==typeof window.AsanaTimings?.setTiming&&window.AsanaTimings.setTiming("firstLogEnrollmentEventExecution");var o=document&&window?Math.max(document.body?.scrollWidth||0,document.documentElement?.scrollWidth||0,document.body?.offsetWidth||0,document.documentElement?.offsetWidth||0,document.documentElement?.clientWidth||0,window.innerWidth):0;return!(null!=n&&o<n||null!=i&&i<o||(t?this.immediatelyLogEnrollmentEvent(e,this.CATEGORY.PERFORMANCE):(this.pushEventToDataLayerWithConsentGroupId(e,this.CATEGORY.PERFORMANCE),(n=JSON.parse(JSON.stringify(e))).experiment_id+="-mp_experimental",(i=n.eventLabel.split(" - "))[0]+="-mp_experimental",n.eventLabel=i.join(" - "),this.immediatelyLogEnrollmentEvent(n,this.CATEGORY.PERFORMANCE)),0))},immediatelyLogEnrollmentEvent(e,t){var n,i,o,a;window.AsanaTimings.setTiming("experimentLoggingFirstImmediatelyLogEnrollmentExecution"),this.getUserConsentByGroupId(t)&&({eventCategory:t,eventAction:n,eventLabel:i,eventValue:o,bucketing_id:a}=e,a={v:"1",t:"event",tid:"UA-11757081-1",ds:"mp",cd5:"mp",uid:a,ec:t,ea:n,el:i,ev:o,cid:this.getCookie("_ga")?.replace(/GA1.\d./,"")},window.AsanaTimings.setTiming("experimentLoggingEnrollmentMPPassedConsentCheck"),navigator?.sendBeacon("https://www.google-analytics.com/collect?"+new URLSearchParams(a)),fetch("/api/update-metrics",{method:"POST",body:JSON.stringify({metrics:[{type:"increment",metricName:"experimentation.enrollment_funnel.mp_passed_consent_check",value:1,tags:`experiment_name:${e.experiment_id},experiment_variant:`+e.variant_id}]})}))},getUserConsentByGroupId:function(e){var t=window.OptanonActiveGroups;return t&&t.includes(e)},setUserEmailCookie:function(e){for(var t,n=["/thank-you","/thankyou","/thank","/thanks","/confirm","/confirmation","/invite-confirmation"],i=this.getLanguagePreference(),o=0;o<n.length;o++)this.setCookie(this.STORAGE_KEYS.USER_SIGNUP_EMAIL,e,this.CATEGORY.NECESSARY,1/24,!1,n[o]),i&&"en"!==i&&(t=["/",i,n[o]].join(""),this.setCookie(this.STORAGE_KEYS.USER_SIGNUP_EMAIL,e,this.CATEGORY.NECESSARY,1/24,!1,t))},getUserEmailCookie:function(){return this.getCookie(this.STORAGE_KEYS.USER_SIGNUP_EMAIL)},getLanguagePreference:function(){return AsanaStorage.getCookie("lang_pref")||null},getUserGeo:function(){return this.getCookie("user_geo")},resolveCookieDomain:function(e){var t=/netlify\.app/.test(window.location.hostname);return!0!==e||t?"":";domain=.asana.com"}};</script><script type="text/javascript">!function(){try{var t,e,n=AsanaStorage.getCookie("OptanonConsent"),a=[],o=null;if(n){window.AsanaTimings.setTiming("existingConsentPrefsFound");for(var i=n.match(/C000\d:1/g)||[],s=0;s<i.length;s++)a.push(i[s].split(":")[0]);o="ExistingStreamlinedConsent"}else window.OTPotentiallyEnabledDefaultGroups&&0<window.OTPotentiallyEnabledDefaultGroups.length&&(window.AsanaTimings.setTiming("defaultConsentPrefsFound"),o="DefaultStreamlinedConsent",t=!!window.navigator.doNotTrack||window.location.search.includes("dnt=true"),e=!!window.navigator.globalPrivacyControl||window.location.search.includes("gpc=true"),window.OTPotentiallyEnabledDefaultGroups.forEach(n=>{n.IsDntEnabled&&t||n.IsGpcEnabled&&e||"active"!==n.Status&&"always active"!==n.Status||a.push(n.OptanonGroupId)}));0<a.length&&(window.OptanonActiveGroups=","+a.join(",")+",",window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"OneTrustGroupsUpdated",OnetrustActiveGroups:window.OptanonActiveGroups+"FIRST_LOAD"}),window.AsanaStorage.setPendingCookies(),window.AsanaStorage.pushPendingEventsToDataLayer(),window.dataLayer.push({event:"StreamlinedConsent",eventCategory:"CustomPageView",eventAction:"ConsentSetting",eventLabel:o}))}catch(n){window.AsanaErrors.notifyException(n)}}();</script><script id="setExperimentVariants"> window.experimentVariants = {"dev_only_experiment":0,"suf_014_en_gb_copy":0,"chex_yir_2024":0,"industry_regional_targeting":0,"create_account_form_submitters":0,"product_ai_hero_rive":0,"res_021_resources_header":0,"slg_034_anz_phone_number":0,"teams_marketing_cta_banner_en_only":0,"hp_016_price_reduction_announcement_banner":0,"int_005_resources_header":0,"tem_003_templates_redirect":0,"smart_start_bg_gradient":0,"pro_014_sso":0,"mobile_create_page_form_changes":0,"user_discounts_12_2025":1,"hp_021_remove_hero_cta":0}; window.assignedExperimentVariants = {"dev_only_experiment":-1,"suf_014_en_gb_copy":-1,"chex_yir_2024":-1,"industry_regional_targeting":-1,"create_account_form_submitters":-1,"product_ai_hero_rive":-1,"res_021_resources_header":-1,"slg_034_anz_phone_number":-1,"teams_marketing_cta_banner_en_only":-1,"hp_016_price_reduction_announcement_banner":-1,"int_005_resources_header":-1,"tem_003_templates_redirect":-1,"smart_start_bg_gradient":-1,"pro_014_sso":-1,"mobile_create_page_form_changes":-1,"user_discounts_12_2025":1,"hp_021_remove_hero_cta":-1}; window.experimentVariantOverrides = {}; window.experimentTrackingIds = {}; </script><script id="setOptimizelyExperimentVariants"> window.optimizelyExperimentVariants = {"fc_005_single_hvs_cta":0,"pnp_022_short_feature_list":0,"suf_026_create_account_redesign":0,"cam_017_header_email_field":0,"geo_localized_pricing_addon":0}; window.optimizelyAssignedExperimentVariants = {"fc_005_single_hvs_cta":0,"pnp_022_short_feature_list":0,"suf_026_create_account_redesign":0,"cam_017_header_email_field":0,"geo_localized_pricing_addon":0}; window.optimizelyExperimentVariantOverrides = {}; window.optimizelyExperimentTrackingIds = {}; </script><style id='cam_017_header_email_field_style'> .cam_017_header_email_field_v { display: none; } </style><style id='pnp_022_short_feature_list_style'> .pnp_022_short_feature_list_v { display: none; } </style><style id='hp_016_price_reduction_announcement_banner_style'> .hp_016_price_reduction_announcement_banner_v { display: none; } </style><style id='mobile_create_page_form_changes_style'> .mobile_create_page_form_changes_v { display: none; } </style><script id="setBucketingId"> window.AsanaStorage.setCookie( "logged_out_uuid", "9edc2bd44242053eb7358872331eb35e", "C0002", 30, true, "", "None", ); </script><script id="logEnrollmentEvents"> window.deferredEnrollmentEvents = {}; fetch( "https://www.google-analytics.com/batch", { method: "POST", body: ``, } ); fetch( "/api/update-metrics", { method: "POST", body: JSON.stringify({ metrics: [].filter((evt) => evt.event === "asanadotcomLoggedOutExperimentEnrollment").map(event => ( { type: "increment", metricName: "experimentation.enrollment_funnel.script_executed", value: 1, tags: "experiment_name:" + event.experiment_id + ",experiment_variant:" + event.variant_id + ",event_type:pageload" } )).concat(Object.entries(window.deferredEnrollmentEvents).map(([experiment_name, events]) => { const event = events.find((evt) => evt.event === "asanadotcomLoggedOutExperimentEnrollment"); if (!event) { return { type: "increment", metricName: "experimentation.enrollment_funnel.script_executed.deferred_enrollment_event_missing", value: 1, tags: "experiment_name:" + experiment_name }; } return { type: "increment", metricName: "experimentation.enrollment_funnel.script_executed", value: 1, tags: "experiment_name:" + event.experiment_id + ",experiment_variant:" + event.variant_id + ",event_type:deferred" } })) }), } ); </script><script> if (window.AsanaTimings && typeof window.AsanaTimings.setEdTiming === 'function') { window.AsanaTimings.setEdTiming("ee", {"to":37,"ex":0,"fe":{"gev":4,"opt":33,"lee":0,"oee":0}} )}</script><script> window.CDN = { cacheStatus: {"found":true} }; </script><script> if (window.AsanaTimings && typeof window.AsanaTimings.setEdTiming === 'function') { window.AsanaTimings.setEdTiming("ge", {"to":0,"ex":0,"fe":{}} )} if (window.AsanaTimings && typeof window.AsanaTimings.setOrTiming === 'function') { window.AsanaTimings.setOrTiming({to: 42}); } </script><script> window.CDN = { cacheStatus: {"found":true} }; </script><script id="expSplitPoint" data-next-head=""></script><script> if (window.AsanaTimings && typeof window.AsanaTimings.setEdTiming === 'function') { window.AsanaTimings.setEdTiming("li", {"to":0,"ex":0,"fe":{}} )}</script><script> window.CDN = { cacheStatus: {"found":true} }; </script><style data-emotion="css-global 19aabos-heading-1-heading-2-heading-3-heading-4-heading-5-heading-6-p2-link-2">@font-face{font-family:"haptik";src:url("/fonts/haptik/haptik-regular.woff") format("woff");font-weight:400;font-style:normal;font-display:block;}@font-face{font-family:"haptik";src:url("/fonts/haptik/haptik-light.woff") format("woff");font-weight:200;font-style:normal;font-display:block;}@font-face{font-family:"proxima-nova";src:url("/fonts/proxima-nova/proxima-nova-reg.woff") format("woff");font-weight:400;font-style:normal;font-display:block;}@font-face{font-family:"proxima-nova";src:url("/fonts/proxima-nova/proxima-nova-bold.woff") format("woff");font-weight:600;font-style:normal;font-display:swap;}@font-face{font-family:"asanaIcons";src:url("/fonts/asana-icons/asana-icons.woff") format("woff");font-weight:200;font-style:normal;font-display:block;}@font-face{font-family:"pp-editorial";src:url("/fonts/pp-editorial-new/PPEditorialNew-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:block;}@font-face{font-family:"Roboto";src:url("/fonts/roboto/Roboto-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:block;}@font-face{font-family:"Ghost";src:url("/fonts/ghost/Ghost-Medium.otf") format("opentype");font-weight:500;font-style:normal;font-display:block;}@font-face{font-family:"TWK Lausanne";src:url("/fonts/lausanne/TWKLausanne-250.otf") format("truetype");font-weight:250;font-style:normal;font-display:block;}@font-face{font-family:"TWK Lausanne";src:url("/fonts/lausanne/TWKLausanne-300.otf") format("truetype");font-weight:300;font-style:normal;font-display:block;}@font-face{font-family:"TWK Lausanne";src:url("/fonts/lausanne/TWKLausanne-350.otf") format("truetype");font-weight:350;font-style:normal;font-display:block;}@font-face{font-family:"TWK Lausanne";src:url("/fonts/lausanne/TWKLausanne-400.otf") format("truetype");font-weight:400;font-style:normal;font-display:block;}@font-face{font-family:"TWK Lausanne";src:url("/fonts/lausanne/TWKLausanne-450.otf") format("truetype");font-weight:450;font-style:normal;font-display:block;}@font-face{font-family:"TWK Lausanne";src:url("/fonts/lausanne/TWKLausanne-500.otf") format("truetype");font-weight:500;font-style:normal;font-display:block;}@font-face{font-family:"TWK Lausanne";src:url("/fonts/lausanne/TWKLausanne-550.otf") format("truetype");font-weight:550;font-style:normal;font-display:block;}@font-face{font-family:"Hiragino Kaku Gothic ProN";src:url("/fonts/hiragino-kaku-gothic-pron/Hiragino-Kaku-Gothic-ProN-W3.ttf") format("truetype");font-weight:300 400;font-style:normal;font-display:block;}@font-face{font-family:"Hiragino Kaku Gothic ProN";src:url("/fonts/hiragino-kaku-gothic-pron/Hiragino-Kaku-Gothic-ProN-W6.ttf") format("truetype");font-weight:500;font-style:normal;font-display:block;}h1{font-size:40px;font-weight:500;line-height:90%;letter-spacing:0;font-family:"Ghost","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] h1{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){h1{font-size:72px;line-height:100%;letter-spacing:-0.5px;}}h2{font-size:32px;font-weight:500;line-height:110%;letter-spacing:0;font-family:"Ghost","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] h2{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){h2{font-size:60px;line-height:100%;}}h3{font-size:23px;font-weight:400;line-height:120%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] h3{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){h3{font-size:36px;letter-spacing:-0.01em;}}h4{font-size:20px;font-weight:400;line-height:140%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] h4{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){h4{font-size:30px;line-height:120%;}}h5{font-size:18px;font-weight:500;line-height:140%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] h5{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){h5{font-size:24px;line-height:120%;}}h6{font-size:12px;font-weight:500;line-height:150%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] h6{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){h6{font-size:16px;letter-spacing:0.025em;}}p{font-size:14px;font-weight:300;line-height:150%;letter-spacing:0.02em;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] p{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){p{font-size:16px;}}a{font-size:14px;font-weight:500;line-height:150%;letter-spacing:0;font-family:"TWK Lausanne","Helvetica Neue","Helvetica",sans-serif;}[lang="ja"] a{font-family:"Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica",sans-serif;}@media (min-width: 768px){a{font-size:16px;}}</style><script type="application/ld+json" id="json-ld-dynamic-blankPageTemplate" data-next-head="">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://asana.com/#organization","name":"Asana","url":"https://asana.com","logo":"https://assets.asana.biz/m/5f083bc48e06e1e2/original/asana-logo-1200x1200.png","description":"Work management platform that helps teams orchestrate their work, from daily tasks to strategic initiatives.","foundingDate":"2008","founder":[{"@type":"Person","name":"Dustin Moskovitz"},{"@type":"Person","name":"Justin Rosenstein"}],"contactPoint":{"@type":"ContactPoint","contactType":"sales","url":"https://asana.com/sales"},"sameAs":["https://twitter.com/asana","https://www.facebook.com/asana/","https://www.linkedin.com/company/asana","https://instagram.com/teamasana","https://www.youtube.com/user/AsanaTeam"]},{"@type":"WebSite","@id":"https://asana.com/#website","url":"https://asana.com","name":"Asana","publisher":{"@id":"https://asana.com/#organization"}},{"@type":"BreadcrumbList","@id":"https://asana.com/ja#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://asana.com/ja"}]}]}</script><meta itemProp="name" content="チームの仕事、プロジェクト、タスクをオンラインで管理 • Asana • Asana" data-next-head=""/><link itemProp="url" href="https://asana.com/ja?noredirect=" data-next-head=""/><meta itemProp="description" content="Asana を使えば、いつ、どこにいても仕事ができます。Asana を活用して、各地のリモートチームや分散チーム、組織全体で目標やプロジェクト、タスクへの集中力を維持しましょう。" data-next-head=""/><meta itemProp="image" content="https://assets.asana.biz/m/4aecf2c7c66aa51b/original/asana-meta-coral-1x.png" data-next-head=""/><link itemProp="thumbnailUrl" href="https://assets.asana.biz/m/4aecf2c7c66aa51b/original/asana-meta-coral-1x.png" data-next-head=""/><script>var AsanaAppUserInfo={get:function(n,o){var a=new XMLHttpRequest;a.open("GET","https://app.asana.com/-/marketing_info",!0),a.withCredentials=!0,a.responseType="json",a.send(),a.onloadend=function(){a.readyState===a.DONE&&200===a.status?n(a.response):("function"==typeof o&&o(),"asana.com"!=window.location.hostname&&"blog.asana.com"!=window.location.hostname||window.AsanaErrors.notify("Non-200 response from /-/marketing_info"))}.bind(this)}};</script><script>var AsanaAnalytics={KEYS:{ENCRYPTED_USER_ID:"cd3",PLATFORM_CUSTOM_DIMENSION:"platform",FAST_FORWARD_ENROLLMENT:"fast_forward"},init:function(){window.dataLayer=window.dataLayer||[];var t=AsanaStorage.getEncryptedUserId();t?AsanaAnalytics.setEncryptedUserId(t):AsanaAppUserInfo.get(function(t){AsanaAnalytics.setEncryptedUserId(t.encrypted_user_id),AsanaStorage.setEncryptedUserId(t.encrypted_user_id)}),AsanaAnalytics.setPlatformCustomDimension("asanadotcom")},setEncryptedUserId:function(t){var a={};a[this.KEYS.ENCRYPTED_USER_ID]=t,window.dataLayer.push(a)},setPlatformCustomDimension:function(t){var a={};a[this.KEYS.PLATFORM_CUSTOM_DIMENSION]=t,window.dataLayer.push(a)},initGTM:function(){var t=window,a=document,n="script",e="dataLayer";t[e]=t[e]||[],t[e].push({"gtm.start":(new Date).getTime(),event:"gtm.js"}),t=a.getElementsByTagName(n)[0],(e=a.createElement(n)).async=!0,e.src="https://t-antenna.asana.com/gtm.js?id=GTM-5KGDZGG",t.parentNode.insertBefore(e,t),window.dataLayer=window.dataLayer||[],window.gtag=function(){dataLayer.push(arguments)},window.gtag("js",new Date),window.gtag("set","developer_id.dNzMyY2",!0),window.gtag("config","UA-11757081-1",{send_page_view:!1}),window.AsanaTimings&&window.AsanaTimings.setTiming&&window.AsanaTimings.setTiming("initGTMExecuted")},logDebugEvents:function(t){"true"===new URLSearchParams(window.location.search).get("debug_dataLayer")&&"web-vitals"!==t.event&&console.log("%c"+JSON.stringify(t,null,2),"background: #ffeb3b63;")},isPlainObject:function(t){return"[object Object]"===Object.prototype.toString.call(t)&&0!==Object.keys(t).length},trackGTM:function(t,a){if("string"!=typeof t)window.AsanaErrors.notify("Event name is required and must be a string.");else if(a&&!this.isPlainObject(a))window.AsanaErrors.notify("custom params must be a plain object and must not be empty.");else try{var n=a?Object.assign({},{event:t},a):{event:t};dataLayer.push(n),AsanaAnalytics.logDebugEvents(n)}catch(t){window.AsanaErrors.notifyException(t,"Failed to push an event to the GTM data layer.")}},pushDataLayerVars:function(t){if(this.isPlainObject(t))try{dataLayer.push(t),AsanaAnalytics.logDebugEvents(t)}catch(t){window.AsanaErrors.notifyException(t,"Failed to push variables to data layer.")}else window.AsanaErrors.notify("custom dataLayer variables must be a plain object and must not be empty.")},buildCustomGtmEventName:function(t){var a,n={};for(a in t)n[a]=function(t){return t=(t=t.trim()).split(" "),a=[],t.forEach(function(t){var n;t[0]&&(n="",t.split("").forEach(function(t,a){a=0===a?t.toUpperCase():t.toLowerCase();n+=a}),a.push(n))}),a.join(" ").split(" ").join("");var a}(t[a]);return n.action=n.action||"",n.page=n.page||"",n.subAction=n.subAction?"-"+n.subAction:"",n.subLocation=n.subLocation?"-"+n.subLocation:"",n.action+n.subAction+"@"+n.page+n.subLocation},isGtmDomLoaded:function(){return window&&window.google_tag_manager&&window.google_tag_manager.dataLayer&&window.google_tag_manager.dataLayer.gtmDom},trackGtmWithEventData:function(t,a,n){AsanaAnalytics.trackGTM(t,{eventCategory:t,eventAction:a,eventLabel:n})},trackSignupEventsInGtm:{pathToLocationMap:{"/pricing":"Pricing","/create-account":"Create Account"},hashesToSublocationMap:{"#signup":"Signup","#buy-starter":"Buy Starter","#buy-advanced":"Buy Advanced"},sessionStorageKey:"gtmSignupData",init:function(t,a,n,e){var i=JSON.parse(AsanaStorage.getFromSessionStorage(this.sessionStorageKey));AsanaStorage.removeFromSessionStorage(this.sessionStorageKey),t&&a&&i&&(n=this.createEventLabel(a,i.path,n,i.hash))&&(a={eventCategory:t,eventAction:a,eventLabel:n},e&&(n=this.getCurrentTime()-i.submissionTime,a.eventValue=n),AsanaAnalytics.trackGTM(t,a))},createEventLabel:function(t,a,n,e){a=this.getLocationFromPath(a);if(a)return e=this.hashesToSublocationMap[e],AsanaAnalytics.buildCustomGtmEventName({action:t,page:a,subAction:n||"",subLocation:e||""})},storeGtmSignupSubmissionData:function(){var t={};t.path=window.location.pathname,t.hash=window.location.hash,t.submissionTime=this.getCurrentTime(),AsanaStorage.setToSessionStorage(this.sessionStorageKey,JSON.stringify(t))},getCurrentTime:function(){return(new Date).getTime()},getLocationFromPath:function(a){var t=Object.keys(this.pathToLocationMap).filter(function(t){return new RegExp(t,"g").test(a)});return this.pathToLocationMap[t[0]]}},stringToArrayBuffer:function(t){for(var a=new ArrayBuffer(t.length),n=new Uint8Array(a),e=0,i=t.length;e<i;e++)n[e]=t.charCodeAt(e);return a},hashString:function(i,o){return new Promise(function(a,t){var n=AsanaAnalytics.stringToArrayBuffer(o),e=(new TextEncoder).encode(i);window.crypto.subtle.importKey("raw",n,{name:"HMAC",hash:"SHA-256"},!1,["sign","verify"]).then(function(t){return window.crypto.subtle.sign("HMAC",t,e).then(function(t){t=Array.from(new Uint8Array(t)).map(function(t){return t.toString(16).padStart(2,"0")});a(t.join(""))})}).catch(function(t){window.AsanaErrors.notify("[hashString] Failed to hash string")})})},getIpAddressFromGTM:function(){if(window.dataLayer)for(var t,a=0;a<window.dataLayer.length;a++)for(var n in t=window.dataLayer[a])if(t[n]&&t[n].ip)return t[n].ip},sendHashedEmailToGTM:function(t){t=t||AsanaStorage.getUserEmailCookie();t&&this.hashString(t,"srnbyhsomm9iqk5h2z39uyl9h").then(function(t){AsanaAnalytics.pushDataLayerVars({event:"var-event_hashedEmail",hashedEmail:t})}).catch(function(){window.AsanaErrors.notify("[sendHashedEmailToGTM] Failed to push hashed Email to GTM dataLayer")})},timing:{consent:{defaultRun:null,updateRun:null}},SegmentAnalytics:{api:{},events:{}}};window.addEventListener("load",function(){AsanaStorage.getCookie("is_logged_in")&&dataLayer.push({logged_in:"yes"})}),AsanaAnalytics.init();</script><script src="/assets/dist/hashed/js/global-92348a2d08.js" data-next-head=""></script><script src="/assets/dist/hashed/js/first-party-apis/signup-1d2baf8e70.js" defer="" data-next-head=""></script><link rel="stylesheet" type="text/css" href="/assets/dist/hashed/css/reskin-0ca46a5c8b.css" data-next-head=""/><link rel="stylesheet" type="text/css" href="/assets/dist/hashed/css/global-3c687af5e3.css" data-next-head=""/><style data-next-head="">.async-hide {opacity: 0 !important}</style><script data-nscript="beforeInteractive">window.AsanaAnalytics.initGTM();</script><link rel="stylesheet" href="/_next/static/css/0b4e53506db58888.css?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"/><link rel="stylesheet" href="/_next/static/css/b3ee988a965a0016.css?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"/><noscript data-n-css=""></noscript><script defer="" noModule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/8bdd1454-3c0bbf2a5fdc8af8.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/68827-c0a6b014972325dc.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/74614-96e5ebe92772d565.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/13965-8ff0d1b9e2ec930c.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/18505-d6ae56d4a6029366.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/1382.e0ebbdbc5eb0c5f7.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/27811-650c22c556d72c78.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/68523-31d36fe3d720abae.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/5963-e906395618a59038.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/56222-6edbc0952f7bfc00.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/21315-5f1753c24de622b3.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/88743-4061492dc32dfebb.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/54858-ea5733b0d9dc2de1.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/78370-80982d42a7bbed6d.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/25935-f37355b09632c5be.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/44212-e1676c70359c4eed.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/52753-4a2006be7c727d39.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/26266-5be3a4bb4dd4614b.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/63049-411204db8655ead6.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/68286-be6d80c66c01c85e.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/40549-750f9d060c1bed85.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/82641-0bfc4ac31d865c38.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/96645-1b09dc66db654c39.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/35829-a791d358325c9c09.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/91581-9be728d6144f32e8.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/54849-6040c5c5142c0a92.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/68698-876e74f55d139deb.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/31735-5ef79c726efef673.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/14381-056ec0b1c051f311.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/35040-fcf69f57b1dd1f36.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/38250-db1c41c24229f894.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/23673-cfe8e7190e4d842d.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/35999-a5729a34dc8a641b.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/77996-d54adace39567cf9.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/82810-b3f922184f0763e6.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/16675-fd5211a58f41bc6e.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/40493-992b89a10be4b2fb.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/18496-51a45cf31c548777.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/67306-b7fb1dcc1e4640fd.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/88206.8631c5010ae9c5cb.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/16823.36fe1b56b5a2b4b2.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/3494.fc09e94b3f349b2e.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/26193.19bc945a7b4778a3.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/47309.a3ec915028b4dbbd.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/18540.ab4ed9caf327a60d.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/29687.c6edb7e8442d3b1e.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/41973.c8aad8eda9ee5800.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/59250-2eb6cc72db56138f.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/87636-798a6d53442584ad.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/23231-97bf0697b249b2da.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/80707-7676f899e9a43749.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/88644-e96b23b853c1e1d4.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/37353-afda88b23e7bb007.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/81589.ba38cf2c7e357479.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/36242.26ee2bb587221da1.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/67906.09a7096b354c5c09.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/30065.516d1cd7c9b636c7.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/47266.85b3ca0713338193.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/37369.9aeda4370034f131.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/70582.604263fd1b26f671.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/93765.f5384bf7e297ea01.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/55738.ce1ab056036e33e4.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/60624.8bc4906815fa98fb.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/85692.c534dc26d9414344.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/48367.5708782a6edcfd2a.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/56830.2539d9a02e41e6a1.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/28011.0965527489917999.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/47628.47c2f5b3899bc116.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/19357-5b0117ee4b7da39c.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/64206-a5fb56133ee092dc.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/4316.ef20e36212394a2a.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/8921.0f2bd07c3bc38a35.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/29738.70ff021d863e96b0.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/23158.4064cdcdad8da644.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/43516.fed03411afefa6d3.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/53621.2f421ca608dfbd53.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/73882.48f4d1991f8ba991.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/9609.3014d200b5629ba4.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/71904.47ca3c30b3d55ddd.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/30571-2a4a93faddbc2e7a.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/5404.3b76e488e916b35e.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/91741.5a5687a016d3a78b.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/35635.435fcdf733309daf.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/52079.0ed6942580450258.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/80157.abeb0c83441cc475.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script defer="" src="/_next/static/chunks/84940.497cb3705453baf7.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161"></script><script src="/_next/static/chunks/webpack-4ce3eda7205848c5.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161" defer=""></script><script src="/_next/static/chunks/framework-e5fb0dd7fe072789.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161" defer=""></script><script src="/_next/static/chunks/main-0dfcafea3406c273.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161" defer=""></script><script src="/_next/static/chunks/pages/_app-34e8ad3266022a9e.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161" defer=""></script><script src="/_next/static/chunks/81600-90aa37135cecb59a.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161" defer=""></script><script src="/_next/static/chunks/pages/%5B%5B...slug%5D%5D-ac9ea862a5bdc949.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161" defer=""></script><script src="/_next/static/fe5347ef100835cd003716a02047c4dbd7ac6b68/_buildManifest.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161" defer=""></script><script src="/_next/static/fe5347ef100835cd003716a02047c4dbd7ac6b68/_ssgManifest.js?dpl=c46628b2041ceb7e930e50b626a29ffa16195bb2ba789baedb34045dce8c51e1363962383263303962363466393130303038653931653161" defer=""></script></head><body data-theme="white"><link rel="preload" as="image" href="https://assets.asana.biz/transform/08201954-5379-4f38-af03-d82ba84d859a/SD040-web-nav-CheckNavIcon-en-US"/><link rel="preload" as="image" href="https://assets.asana.biz/transform/671e36ab-0fea-4b81-bffa-c5d73fa079c6/SD040-web-nav-BellNavIcon-en-US"/><link rel="preload" as="image" href="https://assets.asana.biz/transform/e85c6f3c-ee6a-4f69-85cf-4f759a29c266/SD040-web-nav-SettingsIcon-en-US"/><link rel="preload" as="image" href="https://assets.asana.biz/transform/91099fa6-631a-473a-bcdb-e5b0c73b7d23/SD040-web-nav-QuestionMarkCircleIcon-en-US"/><link rel="preload" as="image" href="https://assets.asana.biz/transform/3ac30492-304b-4644-a39b-e89fad0df303/SD040-web-nav-GlobeIcon-en-US"/><link rel="preload" as="image" href="https://assets.asana.biz/transform/2603c4c3-768f-4e45-af40-0ac03be4084d/SD040-web-nav-ForwardArrowIcon-en-US"/><div id="__next"><div><style 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(36, 50, 66);--shadow-10:0 3px 5px 0 rgba(36, 50, 66, 0.2);--shadow-20:0 11px 12px 0 rgba(36, 50, 66, 0.12);--shadow-30:0 20px 30px 0 rgba(36, 50, 66, 0.14);--shadow-40:0 50px 60px 0 rgba(36, 50, 66, 0.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(255, 255, 255, 0.55);--darkmode-text:rgba(255, 255, 255, 0.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(217, 217, 217, 0.2);--darkmode-border:rgba(217, 217, 217, 0.3);--darkmode-border-strong:var(--white);--darkmode-border-hover:rgba(217, 217, 217, 0.4);--darkmode-border-active:rgba(217, 217, 217, 0.7);--darkmode-icon:rgba(245, 244, 243, 0.6);--darkmode-icon-hover:#f5f4f3;--darkmode-icon-disabled:rgba(245, 244, 243, 0.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);}</style><div class="_nav_header-scrim__mOIca"></div><header data-theme="white" class="_nav_header__7tbaV" style="--dropdown-body--height:0px" data-sublocation="NavPrimary"><style> :root:not(.is-logged-in) .hide-on-logged-out { display: none; } :root.is-logged-in .hide-on-logged-in { display: none; } </style><nav class="_nav_main-navigation__jDaaT"><div class="_nav_main-navigation__content__Z4wzQ"><div class="_nav_main-navigation__left-container__VNLz7"><a class="_nav_logo-link__NCnnE" href="/ja?noredirect"><svg width="112" height="22" fill="none" xmlns="http://www.w3.org/2000/svg" aria-labelledby="asana-logo-title"><title id="asana-logo-title">Asana Home

Asana を使えば、いつ、どこにいても仕事ができます。Asana を活用して、各地のリモートチームや分散チーム、組織全体で目標やプロジェクト、タスクへの集中力を維持しま…

Trello 

シンプルで直感的なカンバン方式のタスク管理ツールです。世界200万社以上の導入実績があり、日本でも多くの企業が導入しています。

特徴は、あらゆるワークフローに対応することです。プロジェクトの大小を問わず活用可能で、用途に合わせた使用ができます。

また、コーディングの知識がなくてもワークフローを自動化できます。ワークフローを自動化することで、業務の効率化が可能です。

Jira Software 

開発者向けのタスク及びプロジェクト管理ツールです。ユーザーストーリーや課題を作成し、それを基に開発チーム全体にタスクを割り振ります。開発者向けのツールであるため、他の用途での使用には不向きです。

料金は3プランあり、無料でも利用できます。はじめに無料プランで使いやすさや機能を確認し、より豊富な機能を使用したい際は有料プランに切り替える方法がおすすめです。

backlog 

株式会社ヌーラボが提供する、国内で開発・運営されているツールです。エンジニアからバックオフィスまで、さまざまな業種で利用できます。

各担当者は、各部門の作業内容や完了日を管理できます。これによって、社内全体でのプロジェクトの進行も効率的に管理できるため、部門単位だけではなく企業全体での管理や効率化が可能です。

iOSやAndroidアプリもあり、パソコンが使用できない場面でもモバイルデバイスがあれば簡単に手軽に確認や修正、追加ができます。

Backlog|チームで使うプロジェクト管理・タスク管理ツール

Backlogは、業務を可視化して、チームのコミュニケーションの促進を目的としたプロジェクト管理ツールです。シンプルな操作性と親しみやすい見た目で、開発者だけでなく、…

TASKWORLD 

オールインワンのタスク管理ツールです。チャット機能や時間計測など、ユニークな機能を多数搭載する点が特徴です。これらの機能を有効に活用すれば、より効率的なタスク管理ができます。

また、タスクの期限設定やリマインダー機能も搭載されており、複雑なプロジェクトをスムーズに進行させる際に便利です。

フリー(無料)プランでは、最大15ユーザーまで登録可能です。

Brabio! 

メイン機能はガントチャートのタスク管理ツールです。シンプルな機能性が特徴で、複雑なツールに苦手意識がある人も受け入れやすいツールといえます。

機能の一例として、タスクに関する情報はコメント機能でやり取り可能です。コメントを残しておけば、他の人が見直したり情報を共有したりできます。

無料プランでは5ユーザーまで登録できます。少人数のチームであれば無料プランでも対応できるものの、5ユーザーを超える場合は最適なプランを選択しましょう。

ガントチャートがサクサク作れる。ずっと無料のブラビオがおすすめ!プロジェクト管理にも最適!

ガントチャート、工程管理をかんたん・便利にクラウドで共有するから見える化がバッチリ! Brabio! プロジェクト管理が良いらしい。5人まで無料。クラウドだから設定は不…

Wrike 

共同作業管理プラットフォームです。世界で2万社以上が利用しており、豊富な実績を誇ります。

世界で多くの企業に導入されている理由は、タスク管理ツールの基本的な機能はもちろん、マネジメントに関する機能も充実しているためです。例えば、チームの作業負荷が可視化でき、タスクの再振り分けや燃え尽き症候群を防げます。

チームの仕事をオンラインでまとめて管理 | Wrike

短期・長期のプロジェクト管理から日々の業務の進捗管理・業務管理、コラボレーション、ファイル共有までをワンツールで実現します。 従来ツールにはない圧倒的な使いやす…

iOSやAndroidアプリもあるため、複数のデバイスでのタスク管理も可能です。

CrewWorks 

タスク/プロジェクト管理・チャット・Web会議・ファイル共有を搭載したオールインワンツールであり、さまざまな用途に活用できます。

また、タスクの進捗管理はもちろん、タスクごとにチャットルームが常設されているため、チーム内での議論を活発にできます。

無料で最大50ユーザーまで利用できるため、チームで無料のタスク管理ツールを使用したい際におすすめです。

CrewWorks - 統合コミュニケーションプラットフォーム

CrewWorks(クルーワークス)はビジネスチャット、Web会議、タスク管理などの機能を統合し、シームレスな意思疎通や情報共有を実現する統合コミュニケーションプラットフ…

Smartsheet 

チームの共同作業やタスク管理、作業工程など、複数の業務を1つのプラットフォームで管理できるタスク管理ツールです。複数の業務のタスク管理を1つにまとめることで業務ごとの管理が不要になり、責任者の負担軽減や情報共有を容易にできます。

また、ガントチャートやカードビューなどのテンプレートが豊富に搭載されている点も特徴です。プロジェクトの規模や状況に合わせて柔軟に利用できます。

Stock 

その名の通り、チーム内のさまざまな情報をストックできるタスク管理ツールです。ツールを活用することで、チーム内での情報共有やそれぞれの進捗状況の把握ができます。

「タスク」や「メッセージ」の機能を利用すると、ノートに記載したテーマごとにコミュニケーションを取れる点も特徴です。単に情報を共有するのではなく、どの業務に関する情報なのかが分かりやすく可視化されます。

Stock(ストック)|チームの情報を、最も簡単に管理できるツール

「Stock(ストック)」は、チームの情報を、最も簡単に管理できるツールです。「社内の情報を、簡単にストックする方法がない」という悩みを解決します。導入先企業さんで…

業務効率化に役立つ機能 

チームでタスク管理ツールを使う場合、業務効率化に役立つ機能や情報共有のしやすい機能が搭載されているツールを選びます。例えば、タスクを可視化して一覧にできたり、ガントチャートで同時進行のタスクの進捗を一目で把握できたりすると、管理が容易です。

業務を円滑に進めるためには、進捗状況に合わせたタスクの分配も重要です。それぞれのタスクの進捗状況を把握できる機能が搭載されたツールを選びましょう。

AsanaTrelloの違い

AsanaとTrelloはどちらもチームでのタスク管理に役立つツールです。ここでは、機能面での違いを比較します。

チームでタスク管理をする際、チームの全体像を把握しなければなりません。この際必要な機能がプロジェクトビュー機能です。

Asanaのプロジェクトビュー機能は、さまざまな形式で確認できます。一方でTrelloのプロジェクトビュー機能はかんばん形式のみのため、プロジェクトビュー機能で比較するとAsanaがおすすめです。

次に、連携機能を比較するとAsanaはZoomやTeamsなど、さまざまな外部サービスと連携できます。一方でTrelloは、PowerUpモジュールを使えば外部との連携が可能です。開発用APIもあり、個別のシステム連携もできます。

どちらも連携機能は利用できるため、連携したいサービスに対応する方を選ぶとよいでしょう。

プロジェクト管理に最適なツール

タスクだけではなく、プロジェクトを管理できれば業務の効率化ができます。プロジェクト管理に活用できるツールは多数ありますが、ここでは、それぞれの機能や特徴をご紹介します。

Redmineの機能と利点

オープンソースのプロジェクト管理ソフトウェアです。プロジェクト全体、またはそれぞれのタスクの進捗状況をチームで共有できて、プロジェクトの進行をサポートしてもらえます。

Redmineはウェブアプリケーションとして動作するシステムのため、Webブラウザがあればアプリをインストールすることなく使用できます。

ガントチャートでの進捗管理

ガントチャートを用いてプロジェクトを管理する手もあります。

ガントチャートとは、生産管理や工程管理などに用いられる表のことです。さまざまなプロジェクトに用いられていて、「計画表」や「スケジュール表」などと呼ばれることもあります。

ガントチャートは棒グラフで作成されます。縦軸にはWBSを元にしたタスクや担当者、横軸には日時や進捗率などを記録する形式が一般的です。ガントチャートを用いることで、プロジェクトの進捗状況が一目で分かります。

Wrikeの使い方と導入効果

SaaS型サブスクリプションモデルで提供されるプロジェクト管理ツールです。パソコンだけではなく、iPhoneやAndroidなどの端末からも確認、操作できます。無料版と有料版があり、無料版でも豊富な機能が搭載されています。

導入することでプロジェクト管理だけではなく複数の用途にも使用可能です。外部アプリケーションと連携すれば、最適なツールへのカスタマイズもできます。

タスク管理ツールの機能比較

タスク管理ツールは多種多様であり、どのツールがよいか分からないと迷う方も多いでしょう。ツール選びに迷ったら、使いたい機能の有無や機能性を比較します。

ここでは、タスク管理ツールの機能を比較する際のポイントを解説します。

タスクの優先順位付け機能

タスク管理をする際、どのタスクを優先して進めるのか明確であることが重要です。そのため、タスクの優先順位が付けられたり、優先順位を可視化できる機能があるかを確認しましょう。

タスクをリスト化できても、優先順位が付けられないとどのタスクから進めればよいのかが分かりにくかったり、重要なタスクを後回しにしてしまったりするなどの恐れがあります。

正確にタスクを進めるためには、タスクの優先順位付け機能は必須です。

進捗状況の可視化の重要性

タスク管理において、進捗状況の可視化も重要です。なぜなら、進捗状況を可視化できないとタスクが期限内に完了できるか分かりづらいためです。

進捗状況の可視化の方法は、ツールごとに違います。主な方法は表形式で、他にグラフや図を用いるツールもあります。ツールを確認すれば進捗状況を一目で把握できる機能が搭載されたものを選びましょう。

情報共有機能の利点

個人で使用する場合の優先度は低いものの、複数人での使用が予想される際は情報共有機能の搭載されているツールがおすすめです。

タスク管理ツールによっては、複数のユーザーで利用できるものがあります。複数人で情報を共有することで、それぞれの進捗状況や業務負担が把握できて、適切なタスクの振り分けができます。

チームでタスク管理ツールを使用する際は、情報共有機能の有無を確認しましょう。

タスク管理アプリの料金体系

タスク管理アプリと一言でいっても、料金体系はさまざまです。大別して無料プランと有料プランがあり、有料プランでも料金に幅があります。

そこでここでは、タスク管理アプリの料金体系について詳しく解説します。

無料プランと有料プランの違い

タスク管理アプリは、無料で利用できるアプリと有料で月額制のアプリに分けられます。アプリによっては、無料プランと有料プランが用意されているケースも珍しくありません。

無料プランと有料プランの違いは、機能の豊富さやユーザー上限数です。有料プランの方が豊富な機能を利用でき、同時に利用できるユーザー数の上限が増えます。チームやプロジェクトなど、複数のユーザーでタスク管理を行う場合は無料プランでは対応できない可能性があるため、有料プランも検討しましょう。

コストパフォーマンスの高い選択肢

料金で比較する際は、コストパフォーマンスの高さで比較します。料金が安くても、必要な機能が搭載されていないタスク管理アプリは導入する意味がありません。その一方で、無料や安いプランであっても必要な機能が揃っていれば不自由なく使用できます。値段が高ければよいツールというわけではなく、そのツールでなにができるかの把握が大切です。

必要な機能が搭載されたツールを複数比較し、そのなかでも安くて多様な機能が利用できるものを採用すれば、さまざまな用途に活用可能です。

機能性と費用を確認して、コストパフォーマンスが高いアプリを選びましょう。

月額料金の比較

タスク管理アプリの有料プランは、月額制のケースが多い傾向にあります。月額制のプランの場合、月額料金と機能を比較してどのプランがよいかを決めましょう。

料金はアプリごとに違うことはもとより、同一のアプリ内にも料金プランが複数用意されているケースも珍しくありません。

複数人で使用する際は、月額料金とユーザー数の上限に気を付けましょう。ユーザー数が多くなればなるほど料金は高額になる傾向のため、しっかりとした比較が大切です。

タスク管理ツールは「Lark」がおすすめ! 

タスク管理ツールは多数ありますが、そのなかでもおすすめはLarkです。なぜなら、Larkには以下の特徴があるためです。

=======

<おすすめ>

Lark公式 https://lark.promo-tech.jp/

=======

・ワークフローや議事録作成などの自動化によって、業務を効率化できる

・ノーコードによるシステム構築によって、柔軟なカスタマイズが可能

・専属サポーターが対応するため、初めてツールを導入する際の不安を取り除ける

また、Larkはプロジェクト管理やステータス管理だけではなく、フォーム機能やナレッジ機能など、豊富な機能が搭載されています。他ツールと比べてコストパフォーマンスの高さもおすすめする理由です。

まとめ

業務を効率よく、漏れなく進めるためにはタスク管理が重要です。タスク管理は表計算ソフトのエクセルを使って行う方法もあるものの、専用のツールを使えばより容易に、かつ多彩な機能を用いてタスク管理ができます。

現在、タスク管理ツールは数多くあります。それぞれで機能や特徴、料金が異なるため、必要な機能が搭載されていて予算に合うツールを見つけることが大切です。

タスク管理ツールを使って、タスク管理の効率化を図りましょう。