PageSourceSearch

https://flowstateos.co/about

html flowstateos.co collected 2026-10-04 12:33:55 UTC 196,888 bytes, 1,128 lines download raw bytes

1<!DOCTYPE html><html lang="en" dir="ltr" class="theme-light"><head><meta charSet="utf-8"/><link rel="preconnect" href="/" crossorigin=""/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Fassets.super.so%2Fa8b2cc60-9ae2-47e8-9d72-992532d027ea%2Fuploads%2Flogo%2Fc50e129c-1da9-4e89-9bd0-37753af02f4b.png&amp;w=256&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2Fa8b2cc60-9ae2-47e8-9d72-992532d027ea%2Fuploads%2Flogo%2Fc50e129c-1da9-4e89-9bd0-37753af02f4b.png&amp;w=384&amp;q=75 2x"/><link rel="stylesheet" href="/styles/static.css" data-precedence="default"/><link rel="stylesheet" href="/styles/notion.css" data-precedence="default"/><link rel="stylesheet" href="/styles/super.css" data-precedence="default"/><link rel="stylesheet" href="/_next/static/chunks/16sz9a438v8dy.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/2l8zr1i2h4s0n.js"/>
1<script src="/_next/static/chunks/39lh7h2mq0kht.js" async=""></script>
1<script src="/_next/static/chunks/35e6ihb8m-ok8.js" async=""></script>
1<script src="/_next/static/chunks/2w35j0myr5uh6.js" async=""></script>
1<script src="/_next/static/chunks/10-69h2xev3ek.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-14fm30rxd4vnq.js" async=""></script>
1<script src="/_next/static/chunks/0ylgcnss9ue9v.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/1dlft7ht-6kzk.js" async=""></script>
1<script src="/_next/static/chunks/1xt6zdl-o7wg3.js" async=""></script>
1<script src="/_next/static/chunks/0rr5btioklgf4.js" async=""></script>
1<script src="/_next/static/chunks/2matreab0rub0.js" async=""></script>
1<script src="/_next/static/chunks/2z5wb7vhdi3hf.js" async=""></script>
1<script src="/_next/static/chunks/3cmvik1zogxvy.js" async=""></script>
vendor: 66 bytes, line 1
1<script async="" src="https://www.googletagmanager.com/gtag/js?id=
1G-SLDZQQ05EL
vendor: 11 bytes, line 1
1"></script>
1<script src="/_next/static/chunks/0tebe-k_4bvw8.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/08sikk1eypppo.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/1thlt7ghjj4x5.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/41l0cu_krzrbf.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/2ggeb0g51xxjo.js" async="" crossorigin=""></script>
1<link rel="preload" href="https://sites.super.so/ascent/css/style.css" as="style"/><link rel="preload" href="/_next/static/chunks/12e5er48ih0r9.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/24y4bdyguu76h.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/0vbmy_j6p2zr0.js" as="script" fetchPriority="low"/><link rel="icon" href="https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/favicon/cb9c2da2-1293-4b30-926d-3bb39c92e818.png"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://sites.super.so/ascent/css/style.css" as="style"/><title>About</title><meta name="description" content="Flowstate by Thomas"/><meta name="generator" content="Super"/><meta name="robots" content="index, follow"/><meta property="og:title" content="About"/><meta property="og:description" content="Flowstate by Thomas"/><meta property="og:url" content="https://flowstateos.co/about"/>
1<meta property="og:site_name" content="About"/><meta property="og:locale" content="en-US"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="About"/><meta name="twitter:description" content="Flowstate by Thomas"/>
1<script>
2  (function () {
3    if (typeof Node !== "function" || !Node.prototype || Node.prototype.__superDomGuard) {
4      return;
5    }
6    Node.prototype.__superDomGuard = true;
7
8    var originalRemoveChild = Node.prototype.removeChild;
9    Node.prototype.removeChild = function (child) {
10      if (child && child.parentNode !== this) {
11        if (typeof console !== "undefined" && console.warn) {
12          console.warn("[super] skipped removeChild for node not in this parent", child, this);
13        }
14        return child;
15      }
16      return originalRemoveChild.apply(this, arguments);
17    };
18
19    var originalInsertBefore = Node.prototype.insertBefore;
20    Node.prototype.insertBefore = function (newNode, referenceNode) {
21      if (referenceNode && referenceNode.parentNode !== this) {
22        if (typeof console !== "undefined" && console.warn) {
23          console.warn("[super] skipped insertBefore for reference node not in this parent", referenceNode, this);
24        }
25        return newNode;
26      }
27      return originalInsertBefore.apply(this, arguments);
28    };
29  })();
30</script>
30<script>
31    const html = document.getElementsByTagName("html")[0];
32    try {
33      const colorPreference = localStorage
34        ? localStorage.getItem("color-preference")
35        : null;
36
37      if (true) {
38        html.classList.remove("theme-light");
39      }
40      
41      if (false && colorPreference && html) {
42        html.classList.add("theme-" + colorPreference);
43      } else {
44        html.classList.add("theme-light");
45      }
46    } catch (e) {
47      console.log('ERROR themeEffect', e)
48      html.classList.add("theme-light");
49    }
50</script>
50<style>
51      @font-face {
52        font-family: "Inter";
53        font-style: normal;
54font-display: swap;
55        font-weight: 400;
56        src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot"); /* IE9 Compat Modes */
57        
58          src: local(""),
59            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix")
60            format("embedded-opentype"),
61            /* IE6-IE8 */
62            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2")
63            format("woff2"),
64            /* Super Modern Browsers */
65            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff")
66            format("woff"),
67            /* Modern Browsers */
68            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf")
69            format("truetype"),
70            /* Safari, Android, iOS */
71            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Inter")
72            format("svg"); /* Legacy iOS */
73        
74      }
75    
76      @font-face {
77        font-family: "Inter";
78        font-style: normal;
79font-display: swap;
80        font-weight: 500;
81        src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.eot"); /* IE9 Compat Modes */
82        
83          src: local(""),
84            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.eot?#iefix")
85            format("embedded-opentype"),
86            /* IE6-IE8 */
87            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2")
88            format("woff2"),
89            /* Super Modern Browsers */
90            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff")
91            format("woff"),
92            /* Modern Browsers */
93            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.ttf")
94            format("truetype"),
95            /* Safari, Android, iOS */
96            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.svg#Inter")
97            format("svg"); /* Legacy iOS */
98        
99      }
100    
101      @font-face {
102        font-family: "Inter";
103        font-style: normal;
104font-display: swap;
105        font-weight: 600;
106        src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.eot"); /* IE9 Compat Modes */
107        
108          src: local(""),
109            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.eot?#iefix")
110            format("embedded-opentype"),
111            /* IE6-IE8 */
112            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2")
113            format("woff2"),
114            /* Super Modern Browsers */
115            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff")
116            format("woff"),
117            /* Modern Browsers */
118            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.ttf")
119            format("truetype"),
120            /* Safari, Android, iOS */
121            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.svg#Inter")
122            format("svg"); /* Legacy iOS */
123        
124      }
125    
126      @font-face {
127        font-family: "Inter";
128        font-style: normal;
129font-display: swap;
130        font-weight: 700;
131        src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.eot"); /* IE9 Compat Modes */
132        
133          src: local(""),
134            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix")
135            format("embedded-opentype"),
136            /* IE6-IE8 */
137            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2")
138            format("woff2"),
139            /* Super Modern Browsers */
140            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff")
141            format("woff"),
142            /* Modern Browsers */
143            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf")
144            format("truetype"),
145            /* Safari, Android, iOS */
146            url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Inter")
147            format("svg"); /* Legacy iOS */
148        
149      }
150    
151      @font-face {
152        font-family: "Inter-fallback";
153        size-adjust: 107%;
154        ascent-override: 90%;
155        src: local("Arial");
156      }
157    </style><style>html{font-size:16px}</style><link rel="stylesheet" href="https://sites.super.so/ascent/css/style.css"/><style>
158/* ---------- Black & White override (Ascent) ---------- */
159:root{
160/* core palette */
161--primary-color: #111111 !important;
162--secondary-color: #111111 !important;
163
164/* tabs / “picker” (template category tabs) */
165--picker-active-bg-color: #111111 !important;
166--picker-active-text-color: #ffffff !important;
167--picker-active-border-color: #111111 !important;
168
169--picker-border-color: rgba(0,0,0,.18) !important;
170--picker-text-color: #111111 !important;
171
172--picker-hover-bg-color: #111111 !important;
173--picker-hover-text-color: #ffffff !important;
174--picker-hover-border-color: #111111 !important;
175
176/* CTA buttons */
177--cta-color-bg: #111111 !important;
178--cta-color-text: #ffffff !important;
179
180/* large gallery sections */
181--large-gallery-background-color: #111111 !important;
182--large-gallery-text-color: #ffffff !important;
183}
184
185/* If you used Notion “green” text/background anywhere, force B/W */
186.color-green { color: #111111 !important; }
187.bg-green,
188.bg-green-light { background: #111111 !important; color: #ffffff !important; }
189
190/* Optional: consistent borders on the pills */
191.notion-dropdown__menu .notion-dropdown__option{
192border-color: rgba(0,0,0,.18) !important;
193}
194
195/* Align Notion page titles (and headings) to the left */
196h1.notion-header__title,
197h1.notion-heading,
198h2.notion-heading,
199h3.notion-heading{
200text-align: left !important;
201}
202</style>
202<script>
203  
vendor: 134 bytes, lines 203-207
203window.dataLayer = window.dataLayer || [];
204  function gtag(){dataLayer.push(arguments);}
205  gtag('js', new Date());
206
207  gtag('config', '
207G-SLDZQQ05EL
vendor: 4 bytes, line 207
207');
208</script>
208<script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script>
208</head><body><div hidden=""><!--$--><!--/$--></div><div class="super-root">
209<a class="scroll-top-btn" href="#top" aria-label="Scroll to top">
210  <span class="scroll-top-btn__icon">↑</span>
211</a>
212
213<style>
214html { scroll-behavior: smooth; }
215
216.scroll-top-btn{
217  position: fixed;
218  right: 14px;
219  bottom: 14px;
220  z-index: 2147483647;
221
222  width: 44px;
223  height: 44px;
224  border-radius: 12px;
225
226  display: inline-flex;
227  align-items: center;
228  justify-content: center;
229
230  background: #111;
231  color: #fff;
232  text-decoration: none;
233
234  box-shadow: 0 10px 30px rgba(0,0,0,.18);
235}
236
237.scroll-top-btn:hover{
238  background: #000;
239}
240
241.scroll-top-btn__icon{
242  font-size: 20px;
243  line-height: 1;
244}
245</style>
246
247<nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="super-navbar balanced" style="position:sticky;box-shadow:var(--navbar-shadow);-webkit-box-shadow:var(--navbar-shadow)"><div class="super-navbar__content"><a class="notion-link super-navbar__logo" href="/"><div class="super-navbar__logo-image"><span data-full-size="https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/logo/c50e129c-1da9-4e89-9bd0-37753af02f4b.png" data-lightbox-src="https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/logo/c50e129c-1da9-4e89-9bd0-37753af02f4b.png" style="display:contents"><img alt="Logo" width="140" height="44" decoding="async" data-nimg="1" style="color:transparent;object-fit:contain;object-position:left" srcSet="/_next/image?url=https%3A%2F%2Fassets.super.so%2Fa8b2cc60-9ae2-47e8-9d72-992532d027ea%2Fuploads%2Flogo%2Fc50e129c-1da9-4e89-9bd0-37753af02f4b.png&amp;w=256&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2Fa8b2cc60-9ae2-47e8-9d72-992532d027ea%2Fuploads%2Flogo%2Fc50e129c-1da9-4e89-9bd0-37753af02f4b.png&amp;w=384&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fassets.super.so%2Fa8b2cc60-9ae2-47e8-9d72-992532d027ea%2Fuploads%2Flogo%2Fc50e129c-1da9-4e89-9bd0-37753af02f4b.png&amp;w=384&amp;q=75"/></span></div></a><div style="position:relative"><ul data-orientation="horizontal" class="super-navbar__item-list" dir="ltr"><li><a class="notion-link super-navbar__item" href="/templates">Templates</a></li><li><a class="notion-link super-navbar__item" href="/tools">Tools</a></li><li><a class="notion-link super-navbar__item" href="/notion-builders-program-partner">Notion Builders Partner</a></li><li><a href="https://www.notion.com/@flowstate_os" class="notion-link super-navbar__item" target="_blank" rel="noopener noreferrer">Notion Marketplace</a></li><li><a class="notion-link super-navbar__item" href="/about">About</a></li></ul></div><div class="super-navbar__actions"><a class="notion-link" href="/templates-db/flowstate-os"><div class="super-navbar__cta">Flowstate OS</div></a><div class="super-navbar__button super-navbar__menu-open"><!--$--><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu " type="Menu"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg><!--/$--></div></div></div><div class="super-navbar__viewport-wrapper"></div></nav><div class="super-content-wrapper"><main id="page-about" class="super-content page__about parent-page__index"><div class="notion-header page"><div class="notion-header__cover no-cover no-icon"></div><div class="notion-header__content max-width no-cover no-icon"><div class="notion-header__title-wrapper"><h1 class="notion-header__title">About</h1></div></div></div><article id="block-about" class="notion-root max-width has-footer"><div id="block-3264d4a52ea880ad9bbac1e8ea551b25" class="notion-image align-start normal"><span data-full-size="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/198c960a-8676-4a15-a352-d1503129eb9a/untitled_design_-10/public" data-lightbox-src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/198c960a-8676-4a15-a352-d1503129eb9a/untitled_design_-10/public" style="display:contents"><img alt="image" loading="lazy" width="288" height="288" decoding="async" data-nimg="1" style="color:transparent;height:auto" srcSet="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/198c960a-8676-4a15-a352-d1503129eb9a/untitled_design_-10/w=1920,quality=90,fit=scale-down 1x, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/198c960a-8676-4a15-a352-d1503129eb9a/untitled_design_-10/w=1920,quality=90,fit=scale-down 2x" src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/198c960a-8676-4a15-a352-d1503129eb9a/untitled_design_-10/w=1920,quality=90,fit=scale-down"/></span></div><p id="block-3264d4a52ea8800da3b3f48647bf1aba" class="notion-text notion-text__content notion-semantic-string">Flowstate by Thomas</p><p id="block-3324d4a52ea880aeb1f6d946049639d4" class="notion-text notion-text__content notion-semantic-string">It started as a mess of Apple Notes. In early 2025, I was using it to store everything like ideas, tasks, and workouts, but there was no real structure. I constantly felt overwhelmed and would forget things I needed to do. Everything was scattered and hard to keep up with.</p><div id="block-3324d4a52ea8806e9276f10a88a4adfc" class="notion-text"></div><p id="block-3324d4a52ea88052b5ebde9081788011" class="notion-text notion-text__content notion-semantic-string">Switching to Notion changed that. What started as a simple system to organize my own life quickly turned into something more, a genuine passion for building tools that help others do the same.</p><div id="block-32d4d4a52ea88069a88df6d19c6c7805" class="notion-text"></div><p id="block-32d4d4a52ea880348eade065e36e4e68" class="notion-text notion-text__content notion-semantic-string">Today, I use Notion to run everything: work, workouts, finances, and this business. I’ve always been drawn to continuous improvement, inspired by the Japanese philosophy of kaizen. I’m constantly working to get better in every area of my life, and Notion has become the system that helps me stay organized and track that progress.</p><div id="block-32d4d4a52ea880628becc236f3195a49" class="notion-text"></div><p id="block-32d4d4a52ea880d6886ee8aebd0bf875" class="notion-text notion-text__content notion-semantic-string">Every template I create is something I’ve personally used, tested, and refined. If you’re looking for a simpler, more organized way to stay on top of your life, welcome.</p></article></main><style>
248    html {
249      font-size: 16px;
250    }
251
252    
253  </style><!--$--><!--/$--></div><footer class="super-footer corners">
253<div class="super-footer__content"><a class="notion-link super-footer__logo" href="/"><div class="super-footer__logo-image"><span data-full-size="https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/logo/c50e129c-1da9-4e89-9bd0-37753af02f4b.png" data-lightbox-src="https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/logo/c50e129c-1da9-4e89-9bd0-37753af02f4b.png" style="display:contents"><img alt="Logo" loading="lazy" width="140" height="48" decoding="async" data-nimg="1" style="color:transparent;object-fit:contain;object-position:left" srcSet="/_next/image?url=https%3A%2F%2Fassets.super.so%2Fa8b2cc60-9ae2-47e8-9d72-992532d027ea%2Fuploads%2Flogo%2Fc50e129c-1da9-4e89-9bd0-37753af02f4b.png&amp;w=256&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2Fa8b2cc60-9ae2-47e8-9d72-992532d027ea%2Fuploads%2Flogo%2Fc50e129c-1da9-4e89-9bd0-37753af02f4b.png&amp;w=384&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fassets.super.so%2Fa8b2cc60-9ae2-47e8-9d72-992532d027ea%2Fuploads%2Flogo%2Fc50e129c-1da9-4e89-9bd0-37753af02f4b.png&amp;w=384&amp;q=75"/></span></div></a><div class="super-footer__links"><a href="/templates" class="notion-link super-footer__link" data-server-link="true" data-link-uri="/templates"><p>Templates</p></a><a href="/tools" class="notion-link super-footer__link" data-server-link="true" data-link-uri="/tools"><p>Tools</p></a><a href="https://www.notion.com/@flowstate_os" class="notion-link super-footer__link" data-server-link="true" data-link-uri="https://www.notion.com/@flowstate_os"><p>Notion Marketplace</p></a><a href="/template-support" class="notion-link super-footer__link" data-server-link="true" data-link-uri="/template-support"><p>Template Support</p></a><a href="/about" class="notion-link super-footer__link" data-server-link="true" data-link-uri="/about"><p>About</p></a></div><p class="super-footer__footnote">© 2026 Flowstate. Independently operated and not officially associated with or maintained by Notion.</p><div class="super-footer__icons"><a href="https://www.youtube.com/@flowstateos-co" class="notion-link" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><title>YouTube</title><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg></a><a href="https://www.instagram.com/flowstateos.co" class="notion-link" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><title>Instagram</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"></path></svg></a></div></div></footer></div><style>
254  
255    html.theme-light {
256      /* Gray */
257      --gray-h: 36;
258      --gray-s: 2%;
259      --gray-l: 46%;
260      --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l));
261      --color-text-gray: var(--color-gray);
262      --color-bg-gray: hsl(
263        var(--gray-h),
264        var(--gray-s),
265        90%
266      );
267      --color-bg-gray-light: var(--color-bg-gray);
268      --color-pill-gray: hsl(
269        calc(var(--gray-h) + 14),
270        var(--gray-s),
271        88%
272      );
273      --color-pill-text-gray: hsl(
274        var(--gray-h),
275        var(--gray-s),
276        calc(var(--gray-l) - 28%)
277      );
278      --color-bg-form-btn-gray: #A7A39A;
279
280      /* Brown */
281      --brown-h: 19;
282      --brown-s: 31%;
283      --brown-l: 47%;
284      --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l));
285      --color-text-brown: var(--color-brown);
286      --color-bg-brown: hsl(
287        var(--brown-h),
288        var(--brown-s),
289        90%
290      );
291      --color-bg-brown-light: var(--color-bg-brown);
292      --color-pill-brown: hsl(
293        var(--brown-h),
294        calc(var(--brown-s) + 10%),
295        89%
296      );
297      --color-pill-text-brown: hsl(
298        var(--brown-h),
299        calc(var(--brown-s) + 10%),
300        calc(var(--brown-l) - 28%)
301      );
302      --color-bg-form-btn-brown: #9A6851;
303
304      /* Orange */
305      --orange-h: 30;
306      --orange-s: 87%;
307      --orange-l: 45%;
308      --color-orange: hsl(
309        var(--orange-h),
310        var(--orange-s),
311        var(--orange-l)
312      );
313      --color-text-orange: var(--color-orange);
314      --color-bg-orange: hsl(
315        var(--orange-h),
316        var(--orange-s),
317        90%
318      );
319      --color-bg-orange-light: var(--color-bg-orange);
320      --color-pill-orange: hsl(
321        var(--orange-h),
322        calc(var(--orange-s) - 6%),
323        87%
324      );
325      --color-pill-text-orange: hsl(
326        calc(var(--orange-h) - 5),
327        calc(var(--orange-s) - 18%),
328        calc(var(--orange-l) - 28%)
329      );
330      --color-bg-form-btn-orange: #D9730D;
331
332      /* Yellow */
333      --yellow-h: 38;
334      --yellow-s: 62%;
335      --yellow-l: 49%;
336      --color-yellow: hsl(
337        var(--yellow-h),
338        var(--yellow-s),
339        var(--yellow-l)
340      );
341      --color-text-yellow: var(--color-yellow);
342      --color-bg-yellow: hsl(
343        var(--yellow-h),
344        calc(var(--yellow-s) + 90%),
345        90%
346      );
347      --color-bg-yellow-light: var(--color-bg-yellow);
348      --color-pill-yellow: hsl(
349        calc(var(--yellow-h) + 3),
350        calc(var(--yellow-s) + 24%),
351        90%
352      );
353      --color-pill-text-yellow: hsl(
354        calc(var(--yellow-h) - 11),
355        calc(var(--yellow-s) - 22%),
356        calc(var(--yellow-l) - 28%)
357      );
358      --color-bg-form-btn-yellow: #CA922F;
359
360      /* Green */
361      --green-h: 149;
362      --green-s: 31%;
363      --green-l: 39%;
364      --color-green: hsl(var(--green-h), var(--green-s), var(--green-l));
365      --color-text-green: var(--color-green);
366      --color-bg-green: hsl(
367        var(--green-h),
368        var(--green-s),
369        90%
370      );
371      --color-bg-green-light: var(--color-bg-green);
372      --color-pill-green: hsl(
373        calc(var(--green-h) - 28),
374        calc(var(--green-s) + 3%),
375        89%
376      );
377      --color-pill-text-green: hsl(
378        calc(var(--green-h) - 2),
379        var(--green-s),
380        calc(var(--green-l) - 22%)
381      );
382      --color-bg-form-btn-green: #448361;
383
384      /* Blue */
385      --blue-h: 202;
386      --blue-s: 53%;
387      --blue-l: 43%;
388      --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l));
389      --color-text-blue: var(--color-blue);
390      --color-bg-blue: hsl(
391        var(--blue-h),
392        var(--blue-s),
393        90%
394      );
395      --color-bg-blue-light: var(--color-bg-blue);
396      --color-pill-blue: hsl(
397        var(--blue-h),
398        calc(var(--blue-s) - 5%),
399        85%
400      );
401      --color-pill-text-blue: hsl(
402        calc(var(--blue-h) + 7),
403        calc(var(--blue-s) - 6%),
404        calc(var(--blue-l) - 22%)
405      );
406      --color-bg-form-btn-blue: #327DA9;
407
408      /* Purple */
409      --purple-h: 274;
410      --purple-s: 32%;
411      --purple-l: 54%;
412      --color-purple: hsl(
413        var(--purple-h),
414        var(--purple-s),
415        var(--purple-l)
416      );
417      --color-text-purple: var(--color-purple);
418      --color-bg-purple: hsl(
419        var(--purple-h),
420        var(--purple-s),
421        90%
422      );
423      --color-bg-purple-light: var(--color-bg-purple);
424      --color-pill-purple: hsl(
425        var(--purple-h),
426        calc(var(--purple-s) + 5%),
427        90%
428      );
429      --color-pill-text-purple: hsl(
430        calc(var(--purple-h) + 1),
431        calc(var(--purple-s) + 10%),
432        calc(var(--purple-l) - 31%)
433      );
434      --color-bg-form-btn-purple: #8F64AF;
435
436      /* Pink */
437      --pink-h: 328;
438      --pink-s: 48%;
439      --pink-l: 53%;
440      --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l));
441      --color-text-pink: var(--color-pink);
442      --color-bg-pink: hsl(
443        var(--pink-h),
444        var(--pink-s),
445        90%
446      );
447      --color-bg-pink-light: var(--color-bg-pink);
448      --color-pill-pink: hsl(
449        var(--pink-h),
450        var(--pink-s),
451        90%
452      );
453      --color-pill-text-pink: hsl(
454        calc(var(--pink-h) + 3),
455        calc(var(--pink-s) - 14%),
456        calc(var(--pink-l) - 31%)
457      );
458      --color-bg-form-btn-pink: #C24C8B;
459
460      /* Red */
461      --red-h: 2;
462      --red-s: 62%;
463      --red-l: 55%;
464      --color-red: hsl(var(--red-h), var(--red-s), var(--red-l));
465      --color-text-red: var(--color-red);
466      --color-bg-red: hsl(
467        var(--red-h),
468        var(--red-s),
469        90%
470      );
471      --color-bg-red-light: var(--color-bg-red);
472      --color-pill-red: hsl(
473        calc(var(--red-h) + 6),
474        calc(var(--red-s) + 42%),
475        90%
476      );
477      --color-pill-text-red: hsl(
478        calc(var(--red-h) + 0),
479        var(--red-s),
480        calc(var(--red-l) - 32%)
481      );
482      --color-bg-form-btn-red: #D44E49;
483
484      /*Default*/
485      --default-h: 45;
486      --default-s: 8%;
487      --default-l: 20%;
488      --color-default: hsl(
489        var(--default-h),
490        var(--default-s),
491        var(--default-l)
492      );
493      --color-pill-default: hsl(
494        var(--gray-h),
495        var(--gray-s),
496        90%
497      );
498      --color-pill-text-default: hsl(
499        var(--gray-h),
500        var(--gray-s),
501        calc(var(--gray-l) - 28%)
502      );
503      --color-bg-form-btn-default: #55534E;
504
505      /*Other*/
506      --color-text-default: #37352F;
507      --color-text-default-light: #7d7c78;
508      --color-bg-default: #ffffff;
509      --color-border-default: #E9E9E7;
510      --color-border-dark: var(--color-border-default);
511      --color-ui-hover-bg: #efefef;
512      --color-card-bg: #ffffff;
513      --color-card-bg-hover: #f9f9f8;
514      --color-calendar-weekend-bg: #f7f6f3;
515      --color-checkbox-bg: #2EAADC;
516      --color-code-bg: rgba(135,131,120,.15);
517
518      /*Scrollbar*/
519      --scrollbar-background-color: #FAFAFA;
520      --scrollbar-thumb-color: #C1C1C1;
521      --scrollbar-border-color: #E8E8E8;
522
523      /*Navbar*/
524      --navbar-text-color: #37352F;
525      --navbar-list-item-hover: rgba(130, 130, 130, 0.09);
526      --navbar-background-color-hover: #f0f0f0;
527      --navbar-background-color: #ffffff;
528      --navbar-button-text-color: #ffffff;
529      --navbar-button-background-color: #37352F;
530      --navbar-menu-background-color: var(--navbar-background-color);
531      --navbar-text-color-dark: #282620;
532
533      /*Footer*/
534      --footer-text-color: #37352F;
535      --footer-background-color: #ffffff;
536
537      /*Sidebar*/
538      --sidebar-text-color: #37352F;
539      --sidebar-cta-text-color: #37352F;
540      --sidebar-background-color: #ffffff;
541      --sidebar-cta-background-color: #ffffff;
542      --sidebar-border-color: #E9E9E7;
543      --sidebar-background-color-hover: #efefef;
544      --sidebar-text-color-dark: #282620;
545      --sidebar-cta-background-color-hover: #efefef;
546    }
547
548    
549  /**
550   * One Light theme for prism.js
551   * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax
552   */
553  
554  /**
555   * One Light colours (accurate as of commit eb064bf on 19 Feb 2021)
556   * From colors.less
557   * --mono-1: hsl(230, 8%, 24%);
558   * --mono-2: hsl(230, 6%, 44%);
559   * --mono-3: hsl(230, 4%, 64%)
560   * --hue-1: hsl(198, 99%, 37%);
561   * --hue-2: hsl(221, 87%, 60%);
562   * --hue-3: hsl(301, 63%, 40%);
563   * --hue-4: hsl(119, 34%, 47%);
564   * --hue-5: hsl(5, 74%, 59%);
565   * --hue-5-2: hsl(344, 84%, 43%);
566   * --hue-6: hsl(35, 99%, 36%);
567   * --hue-6-2: hsl(35, 99%, 40%);
568   * --syntax-fg: hsl(230, 8%, 24%);
569   * --syntax-bg: hsl(230, 1%, 98%);
570   * --syntax-gutter: hsl(230, 1%, 62%);
571   * --syntax-guide: hsla(230, 8%, 24%, 0.2);
572   * --syntax-accent: hsl(230, 100%, 66%);
573   * From syntax-variables.less
574   * --syntax-selection-color: hsl(230, 1%, 90%);
575   * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%);
576   * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05);
577   */
578  
579  html.theme-light code[class*="language-"],
580  html.theme-light pre[class*="language-"] {
581    color: hsl(230, 8%, 24%);
582    font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;
583    direction: ltr;
584    text-align: left;
585    white-space: pre;
586    word-spacing: normal;
587    word-break: normal;
588    line-height: 1.5;
589    -moz-tab-size: 2;
590    -o-tab-size: 2;
591    tab-size: 2;
592    -webkit-hyphens: none;
593    -moz-hyphens: none;
594    -ms-hyphens: none;
595    hyphens: none;
596  }
597  
598  /* Selection */
599  html.theme-light code[class*="language-"]::-moz-selection,
600  html.theme-light code[class*="language-"] *::-moz-selection,
601  html.theme-light pre[class*="language-"] *::-moz-selection {
602    background: hsl(230, 1%, 90%);
603    color: inherit;
604  }
605  
606  html.theme-light code[class*="language-"]::selection,
607  html.theme-light code[class*="language-"] *::selection,
608  html.theme-light pre[class*="language-"] *::selection {
609    background: hsl(230, 1%, 90%);
610    color: inherit;
611  }
612  
613  /* Code blocks */
614  html.theme-light pre[class*="language-"] {
615    padding: 1em;
616    margin: 0.5em 0;
617    overflow: auto;
618    border-radius: 0.3em;
619  }
620  
621  /* Inline code */
622  html.theme-light :not(pre) > code[class*="language-"] {
623    padding: 0.2em 0.3em;
624    border-radius: 0.3em;
625    white-space: normal;
626  }
627  
628  html.theme-light .token.comment,
629  html.theme-light .token.prolog,
630  html.theme-light .token.cdata {
631    color: hsl(230, 4%, 64%);
632  }
633  
634  html.theme-light .token.doctype,
635  html.theme-light .token.punctuation,
636  html.theme-light .token.entity {
637    color: hsl(230, 8%, 24%);
638  }
639  
640  html.theme-light .token.attr-name,
641  html.theme-light .token.class-name,
642  html.theme-light .token.boolean,
643  html.theme-light .token.constant,
644  html.theme-light .token.number,
645  html.theme-light .token.atrule {
646    color: hsl(35, 99%, 36%);
647  }
648  
649  html.theme-light .token.keyword {
650    color: hsl(301, 63%, 40%);
651  }
652  
653  html.theme-light .token.property,
654  html.theme-light .token.tag,
655  html.theme-light .token.symbol,
656  html.theme-light .token.deleted,
657  html.theme-light .token.important {
658    color: hsl(5, 74%, 59%);
659  }
660  
661  html.theme-light .token.selector,
662  html.theme-light .token.string,
663  html.theme-light .token.char,
664  html.theme-light .token.builtin,
665  html.theme-light .token.inserted,
666  html.theme-light .token.regex,
667  html.theme-light .token.attr-value,
668  html.theme-light .token.attr-value > .token.punctuation {
669    color: hsl(119, 34%, 47%);
670  }
671  
672  html.theme-light .token.variable,
673  html.theme-light .token.operator,
674  html.theme-light .token.function {
675    color: hsl(221, 87%, 60%);
676  }
677  
678  html.theme-light .token.url {
679    color: hsl(198, 99%, 37%);
680  }
681  
682  /* HTML overrides */
683  html.theme-light .token.attr-value > .token.punctuation.attr-equals,
684  html.theme-light .token.special-attr > .token.attr-value > .token.value.css {
685    color: hsl(230, 8%, 24%);
686  }
687  
688  /* CSS overrides */
689  html.theme-light .language-css .token.selector {
690    color: hsl(5, 74%, 59%);
691  }
692  
693  html.theme-light .language-css .token.property {
694    color: hsl(230, 8%, 24%);
695  }
696  
697  html.theme-light .language-css .token.function,
698  html.theme-light .language-css .token.url > .token.function {
699    color: hsl(198, 99%, 37%);
700  }
701  
702  html.theme-light .language-css .token.url > .token.string.url {
703    color: hsl(119, 34%, 47%);
704  }
705  
706  html.theme-light .language-css .token.important,
707  html.theme-light .language-css .token.atrule .token.rule {
708    color: hsl(301, 63%, 40%);
709  }
710  
711  /* JS overrides */
712  html.theme-light .language-javascript .token.operator {
713    color: hsl(301, 63%, 40%);
714  }
715  
716  html.theme-light .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation {
717    color: hsl(344, 84%, 43%);
718  }
719  
720  /* JSON overrides */
721  html.theme-light .language-json .token.operator {
722    color: hsl(230, 8%, 24%);
723  }
724  
725  html.theme-light .language-json .token.null.keyword {
726    color: hsl(35, 99%, 36%);
727  }
728  
729  /* MD overrides */
730  html.theme-light .language-markdown .token.url,
731  html.theme-light .language-markdown .token.url > .token.operator,
732  html.theme-light .language-markdown .token.url-reference.url > .token.string {
733    color: hsl(230, 8%, 24%);
734  }
735  
736  html.theme-light .language-markdown .token.url > .token.content {
737    color: hsl(221, 87%, 60%);
738  }
739  
740  html.theme-light .language-markdown .token.url > .token.url,
741  html.theme-light .language-markdown .token.url-reference.url {
742    color: hsl(198, 99%, 37%);
743  }
744  
745  html.theme-light .language-markdown .token.blockquote.punctuation,
746  html.theme-light .language-markdown .token.hr.punctuation {
747    color: hsl(230, 4%, 64%);
748    font-style: italic;
749  }
750  
751  html.theme-light .language-markdown .token.code-snippet {
752    color: hsl(119, 34%, 47%);
753  }
754  
755  html.theme-light .language-markdown .token.bold .token.content {
756    color: hsl(35, 99%, 36%);
757  }
758  
759  html.theme-light .language-markdown .token.italic .token.content {
760    color: hsl(301, 63%, 40%);
761  }
762  
763  html.theme-light .language-markdown .token.strike .token.content,
764  html.theme-light .language-markdown .token.strike .token.punctuation,
765  html.theme-light .language-markdown .token.list.punctuation,
766  html.theme-light .language-markdown .token.title.important > .token.punctuation {
767    color: hsl(5, 74%, 59%);
768  }
769  
770  /* General */
771  html.theme-light .token.bold {
772    font-weight: bold;
773  }
774  
775  html.theme-light .token.comment,
776  html.theme-light .token.italic {
777    font-style: italic;
778  }
779  
780  html.theme-light .token.entity {
781    cursor: help;
782  }
783  
784  html.theme-light .token.namespace {
785    opacity: 0.8;
786  }
787  
788  /* Plugin overrides */
789  /* Selectors should have higher specificity than those in the plugins' default stylesheets */
790  
791  /* Show Invisibles plugin overrides */
792  html.theme-light .token.token.tab:not(:empty):before,
793  html.theme-light .token.token.cr:before,
794  html.theme-light .token.token.lf:before,
795  html.theme-light .token.token.space:before {
796    color: hsla(230, 8%, 24%, 0.2);
797  }
798  
799  /* Toolbar plugin overrides */
800  /* Space out all buttons and move them away from the right edge of the code block */
801  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item {
802    margin-right: 0.4em;
803  }
804  
805  /* Styling the buttons */
806  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button,
807  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a,
808  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span {
809    background: hsl(230, 1%, 90%);
810    color: hsl(230, 6%, 44%);
811    padding: 0.1em 0.4em;
812    border-radius: 0.3em;
813  }
814  
815  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover,
816  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus,
817  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover,
818  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus,
819  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover,
820  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus {
821    background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */
822    color: hsl(230, 8%, 24%);
823  }
824  
825  /* Line Highlight plugin overrides */
826  /* The highlighted line itself */
827  html.theme-light .line-highlight.line-highlight {
828    background: hsla(230, 8%, 24%, 0.05);
829  }
830  
831  /* Default line numbers in Line Highlight plugin */
832  html.theme-light .line-highlight.line-highlight:before,
833  html.theme-light .line-highlight.line-highlight[data-end]:after {
834    background: hsl(230, 1%, 90%);
835    color: hsl(230, 8%, 24%);
836    padding: 0.1em 0.6em;
837    border-radius: 0.3em;
838    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */
839  }
840  
841  /* Hovering over a linkable line number (in the gutter area) */
842  /* Requires Line Numbers plugin as well */
843  html.theme-light pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before {
844    background-color: hsla(230, 8%, 24%, 0.05);
845  }
846  
847  /* Line Numbers and Command Line plugins overrides */
848  /* Line separating gutter from coding area */
849  html.theme-light .line-numbers.line-numbers .line-numbers-rows,
850  html.theme-light .command-line .command-line-prompt {
851    border-right-color: hsla(230, 8%, 24%, 0.2);
852  }
853  
854  /* Stuff in the gutter */
855  html.theme-light .line-numbers .line-numbers-rows > span:before,
856  html.theme-light .command-line .command-line-prompt > span:before {
857    color: hsl(230, 1%, 62%);
858  }
859  
860  /* Match Braces plugin overrides */
861  /* Note: Outline colour is inherited from the braces */
862  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-1,
863  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-5,
864  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-9 {
865    color: hsl(5, 74%, 59%);
866  }
867  
868  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-2,
869  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-6,
870  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-10 {
871    color: hsl(119, 34%, 47%);
872  }
873  
874  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-3,
875  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-7,
876  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-11 {
877    color: hsl(221, 87%, 60%);
878  }
879  
880  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-4,
881  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-8,
882  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-12 {
883    color: hsl(301, 63%, 40%);
884  }
885  
886  /* Diff Highlight plugin overrides */
887  /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */
888  html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix),
889  html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) {
890    background-color: hsla(353, 100%, 66%, 0.15);
891  }
892  
893  html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection,
894  html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection,
895  html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,
896  html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {
897    background-color: hsla(353, 95%, 66%, 0.25);
898  }
899  
900  html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection,
901  html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection,
902  html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection,
903  html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection {
904    background-color: hsla(353, 95%, 66%, 0.25);
905  }
906  
907  html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix),
908  html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) {
909    background-color: hsla(137, 100%, 55%, 0.15);
910  }
911  
912  html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection,
913  html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection,
914  html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,
915  html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {
916    background-color: hsla(135, 73%, 55%, 0.25);
917  }
918  
919  html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection,
920  html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection,
921  html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection,
922  html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection {
923    background-color: hsla(135, 73%, 55%, 0.25);
924  }
925  
926  /* Previewers plugin overrides */
927  /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-light-ui */
928  /* Border around popup */
929  html.theme-light .prism-previewer.prism-previewer:before,
930  html.theme-light .prism-previewer-gradient.prism-previewer-gradient div {
931    border-color: hsl(0, 0, 95%);
932  }
933  
934  /* Angle and time should remain as circles and are hence not included */
935  html.theme-light .prism-previewer-color.prism-previewer-color:before,
936  html.theme-light .prism-previewer-gradient.prism-previewer-gradient div,
937  html.theme-light .prism-previewer-easing.prism-previewer-easing:before {
938    border-radius: 0.3em;
939  }
940  
941  /* Triangles pointing to the code */
942  html.theme-light .prism-previewer.prism-previewer:after {
943    border-top-color: hsl(0, 0, 95%);
944  }
945  
946  html.theme-light .prism-previewer-flipped.prism-previewer-flipped.after {
947    border-bottom-color: hsl(0, 0, 95%);
948  }
949  
950  /* Background colour within the popup */
951  html.theme-light .prism-previewer-angle.prism-previewer-angle:before,
952  html.theme-light .prism-previewer-time.prism-previewer-time:before,
953  html.theme-light .prism-previewer-easing.prism-previewer-easing {
954    background: hsl(0, 0%, 100%);
955  }
956  
957  /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */
958  /* For time, this is the alternate colour */
959  html.theme-light .prism-previewer-angle.prism-previewer-angle circle,
960  html.theme-light .prism-previewer-time.prism-previewer-time circle {
961    stroke: hsl(230, 8%, 24%);
962    stroke-opacity: 1;
963  }
964  
965  /* Stroke colours of the handle, direction point, and vector itself */
966  html.theme-light .prism-previewer-easing.prism-previewer-easing circle,
967  html.theme-light .prism-previewer-easing.prism-previewer-easing path,
968  html.theme-light .prism-previewer-easing.prism-previewer-easing line {
969    stroke: hsl(230, 8%, 24%);
970  }
971  
972  /* Fill colour of the handle */
973  html.theme-light .prism-previewer-easing.prism-previewer-easing circle {
974    fill: transparent;
975  }
976  
977  
978  
979    :root {
980      /* Layout */
981      --padding-layout: 0.9rem;
982      --border-radii-layout: 5px;
983      --border-thickness-layout: 1px;
984      --border-type-layout: solid;
985      --border-layout: var(--border-thickness-layout)
986        var(--border-type-layout) var(--color-border-default);
987      --layout-max-width: 900px;
988      --column-spacing: 46px;
989      --page-display: flex;
990      --padding-right: calc(env(safe-area-inset-right) + 96px);
991      --padding-left: calc(env(safe-area-inset-left) + 96px);
992      --padding-right-mobile: calc(env(safe-area-inset-right) + 24px);
993      --padding-left-mobile: calc(env(safe-area-inset-left) + 24px);
994      /* Header */
995      --header-cover-height: 30vh;
996      --header-title-align: center;
997      --header-icon-align: -112px 0 0 0;
998      --header-display: block;
999      /* Collection header */
1000      --collection-header-border: var(--border-layout);
1001      /* Collection table */
1002      --collection-table-cell-padding: calc(var(--padding-layout) - 0.3rem)
1003        calc(var(--padding-layout) - 0.1rem);
1004      /* Collection list */
1005      --collection-list-item-padding: calc(var(--padding-layout) - 0.5rem);
1006      --collection-list-item-border-radii: calc(
1007        var(--border-radii-layout) - 1px
1008      );
1009      /* Collection card */
1010      --collection-card-padding: 0px;
1011      --collection-card-title-padding: 0px;
1012      --collection-card-content-padding: var(--padding-layout);
1013      --collection-card-border-radii: var(--border-radii-layout);
1014      --collection-card-gap: 10px;
1015      --collection-card-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px;
1016      --collection-card-title-size: 0.875rem;
1017      --collection-card-cover-height-small: 128px;
1018      --collection-card-cover-size-small: 172px;
1019      --collection-card-cover-height-medium: 200px;
1020      --collection-card-cover-size-medium: 260px;
1021      --collection-card-cover-height-large: 200px;
1022      --collection-card-cover-size-large: 320px;
1023      --collection-card-icon-display: inline-flex;
1024      /* Callout */
1025      --callout-padding: calc(var(--padding-layout) + 0.4rem)
1026        calc(var(--padding-layout) + 0.4rem)
1027        calc(var(--padding-layout) + 0.4rem)
1028        calc(var(--padding-layout) + 0.1em);
1029      --callout-border-radii: calc(var(--border-radii-layout) - 2px);
1030      --callout-border: var(--border-layout);
1031      --callout-icon-display: block;
1032      --callout-shadow: none;
1033      /* File */
1034      --file-border-radii: calc(var(--border-radii-layout) - 2px);
1035      /* Equation */
1036      --equation-border-radii: calc(var(--border-radii-layout) - 2px);
1037      /* Divider */
1038      --divider-border: var(--border-layout);
1039      /* Quote */
1040      --quote-border: calc(var(--border-thickness-layout) + 2px) solid
1041        currentcolor;
1042      /* Code */
1043      --code-padding: calc(var(--padding-layout) + 1.4rem);
1044      --code-border-radii: var(--border-radii-layout);
1045      /* Tweet */
1046      --tweet-padding: calc(var(--padding-layout) + 0.65rem)
1047        calc(var(--padding-layout) + 0.65rem)
1048        calc(var(--padding-layout) + 0.05rem)
1049        calc(var(--padding-layout) + 0.65rem);
1050      --tweet-border-radii: var(--border-radii-layout);
1051      --tweet-border: var(--border-layout);
1052      /* Bookmark */
1053      --bookmark-padding: calc(var(--padding-layout) + 0.15rem) 0p
1053x
1054        calc(var(--padding-layout) + 0.025rem)
1055        calc(var(--padding-layout) + 0.275rem);
1056      --bookmark-border-radii: var(--border-radii-layout);
1057      --bookmark-border: var(--border-layout);
1058      --bookmark-image-border-radii: 0px
1059        calc(var(--border-radii-layout) - 1px)
1060        calc(var(--border-radii-layout) - 1px) 0px;
1061      /* Embed */
1062      --embed-border-radii: calc(var(--border-radii-layout) - 5px);
1063      /* Image */
1064      --image-border-radii: calc(var(--border-radii-layout) - 5px);
1065      /* Typography */
1066      --title-size: 2.5rem;
1067      --quote-size: 1.2rem;
1068      --quote-size-large: 1.4rem;
1069      --heading-size: 1rem;
1070      --primary-font: Inter, Inter-fallback, Helvetica, Apple Color Emoji,
1071        Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji,
1072        Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system,
1073        BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans,
1074        sans-serif;
1075        --secondary-font: Inter, Inter-fallback, Helvetica, Apple Color Emoji,
1076        Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji,
1077        Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system,
1078        BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans,
1079        sans-serif;
1080      --text-weight: 400;
1081      --heading-weight: 600;
1082      --heading1-size: calc(var(--heading-size) * 1.875);
1083      --heading2-size: calc(var(--heading-size) * 1.5);
1084      --heading3-size: calc(var(--heading-size) * 1.25);
1085      --heading4-size: calc(var(--heading-size) * 1);
1086      --heading5-size: calc(var(--heading-size) * 0.8125);
1087      /* Scrollbars */
1088      --scrollbar-width: 15px;
1089      /* Navbar */
1090      --navbar-height: 60px;
1091      --navbar-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px -2px;
1092      --navbar-button-border-radii: 50px;
1093      --navbar-list-width-single-column: 320px;
1094      --navbar-list-width: 620px;
1095      /*Sidebar*/
1096      --sidebar-width: 280px;
1097      --sidebar-shadow: rgba(0, 0, 0, 0.12) 4px 0px 8px -2px;
1098    }
1099    html {
1100      scroll-padding-top: 66px;
1101    }
1102    body {
1103      font-family: var(--secondary-font);
1104    }
1105
1106    @charset "UTF-8";
1107/* Page header icon (emoji / Notion icon) */
1108.notion-header__icon-wrapper,
1109.notion-page-icon-wrapper {
1110  margin-left: 0 !important;
1111  margin-right: auto !important;
1112}
1113
1114/* Smaller + left-anchored Notion page header icon (brain) */
1115.notion-header__icon-wrapper,
1116.notion-page-icon-wrapper {
1117  transform: scale(0.8) !important; /* try 0.6–0.85 */
1118  transform-origin: left top !important; /* keeps it anchored on the left */
1119  margin-bottom: 8px !important; /* reduces extra space under the icon */
1120}
1121
1122.notion-header__content .notion-header__title-wrapper {
1123  margin-top: 96px;
1124  margin-bottom: -25px;
1125  position: relative;
1126}
1127  
1128</style>
1128<script src="/_next/static/chunks/2l8zr1i2h4s0n.js" id="_R_" async=""></script>
1128<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1128<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[339756,[\"/_next/static/chunks/0ylgcnss9ue9v.js\"],\"default\"]\n3:I[837457,[\"/_next/static/chunks/0ylgcnss9ue9v.js\"],\"default\"]\n6:I[897367,[\"/_next/static/chunks/0ylgcnss9ue9v.js\"],\"OutletBoundary\"]\n7:\"$Sreact.suspense\"\na:I[897367,[\"/_next/static/chunks/0ylgcnss9ue9v.js\"],\"ViewportBoundary\"]\nc:I[897367,[\"/_next/static/chunks/0ylgcnss9ue9v.js\"],\"MetadataBoundary\"]\ne:I[168027,[],\"default\",1]\n:HC[\"/\",\"\"]\n:HL[\"/_next/static/chunks/16sz9a438v8dy.css\",\"style\"]\n9:X\n0:{\"P\":null,\"c\":[\"\",\"main\",\"flowstateos.co\",\"about\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"main\",{\"children\":[[\"site\",\"flowstateos.co\",\"d\",[]],{\"children\":[[\"page\",\"about\",\"oc\",[]],{\"children\":[\"__PAGE__\",{},\"$undefined\",\"$undefined\",4224]},\"$undefined\",\"$undefined\",4144]},\"$undefined\",\"$undefined\",4208]},\"$undefined\",\"$undefined\",4208]},\"$undefined\",\"$undefined\",4176],[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0rr5btioklgf4.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/2matreab0rub0.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/3cmvik1zogxvy.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L4\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L5\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/16sz9a438v8dy.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/08sikk1eypppo.js\",\"async\":true,\"nonce\":\"$undefined\"}
1128],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/41l0cu_krzrbf.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@8\"}]}]]}],{},null,false,null]},null,false,null]},null,false,\"$9\"]},null,false,\"$9\"]},null,false,\"$9\"],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$La\",null,{\"children\":\"$Lb\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Ld\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$e\",[]],\"S\":true,\"h\":null,\"r\":\"$undefined\",\"s\":\"$undefined\",\"a\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"8nKJgvzrVfFJJjcVzY9_u\"}\n9:C\nb:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1128<script>self.__next_f.push([1,"f:T438,\n  (function () {\n    if (typeof Node !== \"function\" || !Node.prototype || Node.prototype.__superDomGuard) {\n      return;\n    }\n    Node.prototype.__superDomGuard = true;\n\n    var originalRemoveChild = Node.prototype.removeChild;\n    Node.prototype.removeChild = function (child) {\n      if (child \u0026\u0026 child.parentNode !== this) {\n        if (typeof console !== \"undefined\" \u0026\u0026 console.warn) {\n          console.warn(\"[super] skipped removeChild for node not in this parent\", child, this);\n        }\n        return child;\n      }\n      return originalRemoveChild.apply(this, arguments);\n    };\n\n    var originalInsertBefore = Node.prototype.insertBefore;\n    Node.prototype.insertBefore = function (newNode, referenceNode) {\n      if (referenceNode \u0026\u0026 referenceNode.parentNode !== this) {\n        if (typeof console !== \"undefined\" \u0026\u0026 console.warn) {\n          console.warn(\"[super] skipped insertBefore for reference node not in this parent\", referenceNode, this);\n        }\n        return newNode;\n      }\n      return originalInsertBefore.apply(this, arguments);\n    };\n  })();\n10:T1465,\n      @font-face {\n        font-family: \"Inter\";\n        font-style: normal;\nfont-display: swap;\n        font-weight: 400;\n        src: url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot\"); /* IE9 Compat Modes */\n        \n          src: local(\"\"),\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix\")\n            format(\"embedded-opentype\"),\n            /* IE6-IE8 */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\")\n            format(\"woff2\"),\n            /* Super Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff\")\n            format(\"woff\"),\n            /* Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf\")\n            format(\"truetype\"),\n            /* Safari, Android, iOS */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Inter\")\n            format(\"svg\"); /* Legacy iOS */\n        \n      }\n    \n      @font-face {\n        font-family: \"Inter\";\n        font-style: normal;\nfont-display: swap;\n        font-weight: 500;\n        src: url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.eot\"); /* IE9 Compat Modes */\n        \n          src: local(\"\"),\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.eot?#iefix\")\n            format(\"embedded-opentype\"),\n            /* IE6-IE8 */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2\")\n            format(\"woff2\"),\n            /* Super Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff\")\n            format(\"woff\"),\n            /* Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.ttf\")\n            format(\"truetype\"),\n            /* Safari, Android, iOS */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.svg#Inter\")\n            format(\"svg\"); /* Legacy iOS */\n        \n      }\n    \n      @font-face {\n        font-family: \"Inter\";\n        font-style: normal;\nfont-display: swap;\n        font-weight: 600;\n        src: url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.eot\"); /* IE9 Compat Modes */\n        \n          src: local(\"\"),\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.eot?#iefix\")\n            format(\"embedded-opentype\"),\n            /* IE6-IE8 */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2\")\n            format(\"woff2\"),\n            /* Super Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff\")\n            format(\"woff\"),\n            /* Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.ttf\")\n            format(\"truetype\"),\n            /* Safari, Android, iOS */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.svg#Inter\")\n            format(\"svg\"); /* Legacy iOS */\n        \n      }\n    \n      @font-face {\n        font-family: \"Inter\";\n        font-style: normal;\nfont-display: swap;\n        font-weight: 700;\n        src: url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.eot\"); /* IE9 Compat Modes */\n        \n          src: local(\"\"),\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix\")\n            format(\"embedded-opentype\"),\n            /* IE6-IE8 */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\")\n            format(\"woff2\"),\n            /* Super Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff\")\n            format(\"woff\"),\n            /* Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf\")\n            format(\"truetype\"),\n            /* Safari, Android, iOS */\n            url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Inter\")\n            format(\"svg\"); /* Legacy iOS */\n        \n      }\n    \n      @font-face {\n        font-family: \"Inter-fallback\";\n        size-adjust: 107%;\n        ascent-override: 90%;\n        src: local(\"Arial\");\n      }\n    4:[\"$\",\"html\",null,{\"lang\":\"en\",\"dir\":\"ltr\",\"className\":\"theme-light\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$f\"}}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/favicon/cb9c2da2-1293-4b30-926d-3bb39c92e818.png\"}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n    const html = document.getElementsByTagName(\\\"html\\\")[0];\\n    try {\\n      const colorPreference = localStorage\\n        ? localStorage.getItem(\\\"color-preference\\\")\\n        : null;\\n\\n      if (true) {\\n        html.classList.remove(\\\"theme-light\\\");\\n      }\\n      \\n      if (false \u0026\u0026 colorPreference \u0026\u0026 html) {\\n        html.classList.add(\\\"theme-\\\" + colorPreference);\\n      } else {\\n        html.classList.add(\\\"theme-light\\\");\\n      }\\n    } catch (e) {\\n      console.log('ERROR themeEffect', e)\\n      html.classList.add(\\\"theme-light\\\");\\n    }\\n\"}}],[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$10\"}}],\"$L11\",\"$L12\",[\"$L13\",\"$L14\",\"$L15\",\"$L16\",\"$L17\"],[\"$L18\",\"$L19\",\"$L1a\",\"$L1b\"]]}],\"$L1c\"]}]\n"])</script>
1128<script>self.__next_f.push([1,"1e:I[868422,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"SiteProvider\"]\n:HL[\"/styles/static.css\",\"style\"]\n:HL[\"/styles/notion.css\",\"style\"]\n:HL[\"/styles/super.css\",\"style\"]\n:HL[\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://sites.super.so/ascent/css/style.css\",\"style\"]\n11:[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"html{font-size:16px}\"}}]\n12:[[\"$\",\"link\",\"/styles/static.css\",{\"rel\":\"stylesheet\",\"href\":\"/styles/static.css\",\"precedence\":\"default\"}],[\"$\",\"link\",\"/styles/notion.css\",{\"rel\":\"stylesheet\",\"href\":\"/styles/notion.css\",\"precedence\":\"default\"}],[\"$\",\"link\",\"/styles/super.css\",{\"rel\":\"stylesheet\",\"href\":\"/styles/super.css\",\"precedence\":\"default\"}]]\n13:[\"$\",\"link\",\"font-preload-Inter-regular\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n14:[\"$\",\"link\",\"font-preload-Inter-500\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n15:[\"$\",\"link\",\"font-preload-Inter-600\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n16:[\"$\",\"link\",\"font-preload-Inter-700\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n17:[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"https://sites.super.so/ascent/css/style.css\",\"as\":\"style\"}]\n18:[\"$\",\"link\",\"link-https://sites.super.so/ascent/css/style.css\",{\"rel\":\"stylesheet\",\"href\":\"https://sites.super.so/ascent/css/style.css\"}]\n1d:T53f,\n/* ---------- Black \u0026 White override (Ascent) ---------- */\n:root{\n/* core palette */\n--primary-color: #111111 !important;\n--secondary-color: #111111 !important;\n\n/* tabs / “picker” (template category tabs) */\n--picker-active-bg-color: #111111 !important;\n--picker-active-text-color: #ffffff !important;\n--picker-active-border-color: #111111 !important;\n\n--picker-border-color: rgba(0,0,0,.18) !important;\n--picker-text-color: #111111 !important;\n\n--picker-hover-bg-color: #111111 !important;\n--picker-hover-text-color: #ffffff !important;\n--picker-hover-border-color: #111111 !important;\n\n/* CTA buttons */\n--cta-color-bg: #111111 !important;\n--cta-color-text: #ffffff !important;\n\n/* large gallery sections */\n--large-gallery-background-color: #111111 !important;\n--large-gallery-text-color: #ffffff !important;\n}\n\n/* If you used Notion “green” text/background anywhere, force B/W */\n.color-green { color: #111111 !important; }\n.bg-green,\n.bg-green-light { background: #111111 !important; color: #ffffff !important; }\n\n/* Optional: consistent borders on the pills */\n.notion-dropdown__menu .notion-dropdown__option{\nborder-color: rgba(0,0,0,.18) !important;\n}\n\n/* Align Notion page titles (and headings) to the left */\nh1.notion-header__title,\nh1.notion-heading,\nh2.notion-heading,\nh3.notion-heading{\ntext-align: left !important;\n}\n19:[\"$\",\"style\",\"6\",{\"dangerouslySetInnerHTML\":{\"__html\":\"$1d\"},\"children\":null}]\n1a:[\"$\",\"script\",\"10\",{\"async\":true,\"src\":\"https://www.googletagmanager.com/gtag/js?i
1128d=G-SLDZQQ05EL\",\"children\":null}]\n1b:[\"$\",\"script\",\"12\",{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n  window.dataLayer = window.dataLayer || [];\\n  function gtag(){dataLayer.push(arguments);}\\n  gtag('js', new Date());\\n\\n  gtag('config', 'G-SLDZQQ05EL');\\n\"},\"children\":null}]\n1f:T76d,\u003c!-- Super → Code → Head --\u003e\r\n\u003clink rel=\"stylesheet\" href=\"https://sites.super.so/ascent/css/style.css\"\u003e\r\n\r\n\u003c!-- Super → Code → Head (optional, only if you want everything in one place) --\u003e\r\n\u003cstyle\u003e\r\n/* ---------- Black \u0026 White override (Ascent) ---------- */\r\n:root{\r\n/* core palette */\r\n--primary-color: #111111 !important;\r\n--secondary-color: #111111 !important;\r\n\r\n/* tabs / “picker” (template category tabs) */\r\n--picker-active-bg-color: #111111 !important;\r\n--picker-active-text-color: #ffffff !important;\r\n--picker-active-border-color: #111111 !important;\r\n\r\n--picker-border-color: rgba(0,0,0,.18) !important;\r\n--picker-text-color: #111111 !important;\r\n\r\n--picker-hover-bg-color: #111111 !important;\r\n--picker-hover-text-color: #ffffff !important;\r\n--picker-hover-border-color: #111111 !important;\r\n\r\n/* CTA buttons */\r\n--cta-color-bg: #111111 !important;\r\n--cta-color-text: #ffffff !important;\r\n\r\n/* large gallery sections */\r\n--large-gallery-background-color: #111111 !important;\r\n--large-gallery-text-color: #ffffff !important;\r\n}\r\n\r\n/* If you used Notion “green” text/background anywhere, force B/W */\r\n.color-green { color: #111111 !important; }\r\n.bg-green,\r\n.bg-green-light { background: #111111 !important; color: #ffffff !important; }\r\n\r\n/* Optional: consistent borders on the pills */\r\n.notion-dropdown__menu .notion-dropdown__option{\r\nborder-color: rgba(0,0,0,.18) !important;\r\n}\r\n\r\n/* Align Notion page titles (and headings) to the left */\r\nh1.notion-header__title,\r\nh1.notion-heading,\r\nh2.notion-heading,\r\nh3.notion-heading{\r\ntext-align: left !important;\r\n}\r\n\u003c/style\u003e\r\n\r\n\u003c!-- Google tag (gtag.js) --\u003e\r\n\u003cscript async src=\"https://www.googletagmanager.com/gtag/js?id=G-SLDZQQ05EL\"\u003e\u003c/script\u003e\r\n\u003cscript\u003e\r\n  window.dataLayer = window.dataLayer || [];\r\n  function gtag(){dataLayer.push(arguments);}\r\n  gtag('js', new Date());\r\n\r\n  gtag('config', 'G-SLDZQQ05EL');\r\n\u003c/script\u003e20:T480,\u003c!-- Global Scroll to Top button (right side + always visible) --\u003e\r\n\u003ca class=\"scroll-top-btn\" href=\"#top\" aria-label=\"Scroll to top\"\u003e\r\n  \u003cspan class=\"scroll-top-btn__icon\"\u003e↑\u003c/span\u003e\r\n\u003c/a\u003e\r\n\r\n\u003cstyle\u003e\r\nhtml { scroll-behavior: smooth; }\r\n\r\n.scroll-top-btn{\r\n  position: fixed;\r\n  right: 14px;\r\n  bottom: 14px;\r\n  z-index: 2147483647;\r\n\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 12px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  background: #111;\r\n  color: #fff;\r\n  text-decoration: none;\r\n\r\n  box-shadow: 0 10px 30px rgba(0,0,0,.18);\r\n}\r\n\r\n.scroll-top-btn:hover{\r\n  background: #000;\r\n}\r\n\r\n.scroll-top-btn__icon{\r\n  font-size: 20px;\r\n  line-height: 1;\r\n}\r\n\u003c/style\u003e\r\n\r\n\u003cscript\u003e\r\n(function () {\r\n  // If Super ever injects this code more than once, remove duplicates.\r\n  document.querySelectorAll('.scroll-top-btn').forEach((el, i) =\u003e {\r\n    if (i \u003e 0) el.remove();\r\n  });\r\n\r\n  const btn = document.querySelector('.scroll-top-btn');\r\n  if (!btn) return;\r\n\r\n  btn.addEventListener('click', function (e) {\r\n    e.preventDefault();\r\n    window.scrollTo({ top: 0, behavior: 'smooth' });\r\n  });\r\n})();\r\n\u003c/script\u003e1c:[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L1e\",null,{\"settings\":{\"siteId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea\",\"userId\":\"a651d4c8-8cf0-42a8-86af-1678543e3ebe\",\"domainName\":\"flowstateos.co\",\"name\":\"Flowstateos.co\",\"active\":true,\"free\":false,\"tier\":\"personal\",\"favicon\":\"https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/favicon/cb9c2da2-1293-4b30-926d-3bb39c92e818.png\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":[],\"notionPage\":\"1c84d4a52ea882db8b410195ab64e799\",\"indexPageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::ff315dee-68c8-40d2-8c4a-bc53d605057b\",\"pageProperties\":true,\"hidePageProperties\":false,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"floatingTableOfContents\":false,\"siteSearch\":false,\"advancedSearch\":false,\"themeToggle\":false,\"mondayFirst\":false,\"loadLimits\":false,\"hidePersonInfo\":true,\"showPropertyIcons\":true,\"filterRedirectsFromSearch\":false,\"googleAnalyticsId\":\"G-SLDZQQ05EL\",\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":false,\"membershipEnabled\":false,\"membershipConfigured\":false,\"suppressLoginEmail\":false,\"indexMembershipTierIds\":null,\"navbar\":{\"type\":\"balanced\",\"style\":{\"height\"
1128:56,\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\",\"ctaTextColor\":\"var(--color-text-default)\",\"ctaBackgroundColor\":\"var(--color-bg-default)\",\"isSticky\":true,\"shadow\":{\"type\":\"none\",\"color\":\"rgba(0,0,0,1)\",\"opacity\":12}},\"links\":[{\"id\":\"1b8de41d-d364-4858-a3b5-47c6265bd843\",\"type\":\"page\",\"label\":\"Templates\",\"link\":\"/templates\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::b95d8612-f578-4f2d-bf51-0b08582eec33\",\"icon\":\"\",\"list\":[]},{\"id\":\"784079e2-9a1c-4ba6-84ab-0dbca6d67318\",\"type\":\"page\",\"label\":\"Tools\",\"link\":\"/tools\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::a88cca10-72d7-4f1f-8241-6d7d443b2888\",\"icon\":\"\",\"list\":[]},{\"id\":\"0d0e2f59-fc0d-4b51-8b85-bfe8c2291335\",\"type\":\"page\",\"label\":\"Notion Builders Partner\",\"link\":\"/notion-builders-program-partner\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::b1cb17dd-f831-4317-acb8-e3a4c1179a2c\",\"icon\":\"\",\"list\":[]},{\"id\":\"a993f2bd-7790-4682-8c2d-c5ec317670e3\",\"type\":\"url\",\"label\":\"Notion Marketplace\",\"link\":\"https://www.notion.com/@flowstate_os\",\"icon\":\"\",\"list\":[]},{\"id\":\"292f6b63-ab9a-4090-9a69-fef08bdc388b\",\"type\":\"page\",\"label\":\"About\",\"link\":\"/about\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::2bf43460-dd8f-4928-a25f-fbf8eca4bf78\",\"list\":[]}],\"logo\":{\"type\":\"image\",\"width\":140,\"fontSize\":16,\"textContent\":\"Flowstateos.co\",\"imageContent\":\"https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/logo/c50e129c-1da9-4e89-9bd0-37753af02f4b.png\",\"imageContentDark\":null,\"disabled\":false},\"cta\":{\"type\":\"page\",\"label\":\"Flowstate OS\",\"link\":\"/templates-db/flowstate-os\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::e8555b46-d620-467a-8e34-91bedb887a2e\"},\"isSticky\":true,\"breadcrumbs\":false},\"footer\":{\"type\":\"corners\",\"style\":{\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\"},\"links\":[{\"id\":\"1b8de41d-d364-4858-a3b5-47c6265bd843\",\"type\":\"page\",\"label\":\"Templates\",\"link\":\"/templates\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::b95d8612-f578-4f2d-bf51-0b08582eec33\",\"icon\":\"\",\"list\":[]},{\"id\":\"784079e2-9a1c-4ba6-84ab-0dbca6d67318\",\"type\":\"page\",\"label\":\"Tools\",\"link\":\"/tools\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::a88cca10-72d7-4f1f-8241-6d7d443b2888\",\"icon\":\"\",\"list\":[]},{\"id\":\"a993f2bd-7790-4682-8c2d-c5ec317670e3\",\"type\":\"url\",\"label\":\"Notion Marketplace\",\"link\":\"https://www.notion.com/@flowstate_os\",\"icon\":\"\",\"list\":[]},{\"id\":\"8216689c-b06c-42f1-91d5-d68a34017213\",\"type\":\"page\",\"label\":\"Template Support\",\"link\":\"/template-support\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::75a7642b-5334-4dfd-b994-6813b35333a0\",\"icon\":\"\",\"list\":[]},{\"id\":\"292f6b63-ab9a-4090-9a69-fef08bdc388b\",\"type\":\"page\",\"label\":\"About\",\"link\":\"/about\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::2bf43460-dd8f-4928-a25f-fbf8eca4bf78\",\"list\":[]}],\"logo\":{\"type\":\"image\",\"width\":140,\"fontSize\":16,\"textContent\":\"Flowstateos.co\",\"imageContent\":\"https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/logo/c50e129c-1da9-4e89-9bd0-37753af02f4b.png\",\"imageContentDark\":null,\"disabled\":false},\"socials\":[{\"type\":\"youtube\",\"link\":\"https://www.youtube.com/@flowstateos-co\"},{\"type\":\"instagram\",\"link\":\"https://www.instagram.com/flowstateos.co\"}],\"footnote\":\"© 2026 Flowstate. Independently operated and not officially associated with or maintained by Notion.\",\"divider\":false},\"sidebar\":{\"enabled\":false,\"links\":[],\"cta\":[],\"logo\":null,\"searchEnabled\":true},\"theme\":{\"colorMode\":\"light\",\"layout\":{\"paddingLayout\":0.9,\"layoutMaxWidth\":900,\"columnSpacing\":46,\"borderThicknessLayout\":1,\"borderTypeLayout\":\"solid\",\"borderRadiiLayout\":5,\"pageDisplay\":\"flex\"},\"header\":{\"coverHeight\":30,\"titleAlign\":\"center\",\"iconAlign\":\"-112px 0 0 0\",\"display\":\"block\"},\"collectionCard\":{\"gap\":10,\"shadow\":\"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px\",\"coverHeightLarge\":200,\"coverHeightMedium\":200,\"coverHeightSmall\":128,\"titleSize\":0.875,\"coverSizeSmall\":172,\"coverSizeMedium\":260,\"coverSizeLarge\":320,\"iconDisplay\":\"inline-flex\"},\"callout\":{\"iconDisplay\":\"block\",\"shadow\":\"none\"},\"typography\":{\"primaryFont\":\"Inter\",\"secondaryFont\":\"Inter\",\"fonts\":[],\"baseSize\":16,\"titleSize\":2.5,\"headingSize\":1,\"quoteSize\":1.2,\"quoteSizeLarge\":1.4,\"textWeight\":400,\"headingWeight\":600},\"scrollbar\":{\"width\":15}
1128,\"navbar\":{\"height\":60,\"shadow\":\"rgba(0, 0, 0, 0.12) 0px 4px 8px -2px\"},\"footer\":{\"height\":0},\"sidebar\":{\"width\":280,\"shadow\":\"rgba(0, 0, 0, 0.12) 4px 0px 8px -2px\"},\"colors\":{\"light\":{\"text\":\"#37352F\",\"textLight\":\"#7d7c78\",\"background\":\"#ffffff\",\"borderColor\":\"#E9E9E7\",\"checkboxBackground\":\"#2EAADC\",\"hoverBackground\":\"#efefef\",\"scrollbar\":{\"background\":\"#FAFAFA\",\"handle\":\"#C1C1C1\",\"border\":\"#E8E8E8\"},\"navbar\":{\"text\":\"#37352F\",\"background\":\"#ffffff\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\",\"hoverBackground\":null},\"footer\":{\"text\":\"#37352F\",\"background\":\"#ffffff\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\"},\"sidebar\":{\"text\":\"#37352F\",\"ctaText\":\"#37352F\",\"background\":\"#ffffff\",\"hoverBackground\":\"#efefef\",\"ctaBackground\":\"#ffffff\",\"border\":\"#E9E9E7\"},\"database\":{\"cardBackground\":\"#ffffff\",\"cardHoverBackground\":\"#f9f9f8\",\"calendarWeekendBackground\":\"#f7f6f3\"},\"default\":[45,8,20],\"gray\":[36,2,46],\"brown\":[19,31,47],\"orange\":[30,87,45],\"yellow\":[38,62,49],\"green\":[149,31,39],\"blue\":[202,53,43],\"purple\":[274,32,54],\"pink\":[328,48,53],\"red\":[2,62,55],\"form\":{\"submitButton\":{\"default\":\"#55534E\",\"gray\":\"#A7A39A\",\"brown\":\"#9A6851\",\"orange\":\"#D9730D\",\"yellow\":\"#CA922F\",\"green\":\"#448361\",\"blue\":\"#327DA9\",\"purple\":\"#8F64AF\",\"pink\":\"#C24C8B\",\"red\":\"#D44E49\"}}},\"dark\":{\"text\":\"#e1e1e1\",\"textLight\":\"#9b9b9b\",\"background\":\"#191919\",\"borderColor\":\"#373737\",\"checkboxBackground\":\"#2EAADC\",\"hoverBackground\":\"#292929\",\"scrollbar\":{\"background\":\"#FAFAFA\",\"handle\":\"#C1C1C1\",\"border\":\"#E8E8E8\"},\"navbar\":{\"text\":\"#e1e1e1\",\"background\":\"#191919\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\",\"hoverBackground\":null},\"footer\":{\"text\":\"#e1e1e1\",\"background\":\"#191919\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\"},\"sidebar\":{\"text\":\"#e1e1e1\",\"ctaText\":\"#e1e1e1\",\"background\":\"#191919\",\"hoverBackground\":\"#292929\",\"ctaBackground\":\"#191919\",\"border\":\"#373737\"},\"database\":{\"cardBackground\":\"#212121\",\"cardHoverBackground\":\"#292929\",\"calendarWeekendBackground\":\"#202020\"},\"form\":{\"submitButton\":{\"default\":\"#55534E\",\"gray\":\"#A7A39A\",\"brown\":\"#9A6851\",\"orange\":\"#D9730D\",\"yellow\":\"#CA922F\",\"green\":\"#448361\",\"blue\":\"#327DA9\",\"purple\":\"#8F64AF\",\"pink\":\"#C24C8B\",\"red\":\"#D44E49\"}},\"default\":[45,8,20],\"gray\":[0,0,61],\"brown\":[18,35,58],\"orange\":[25,54,53],\"yellow\":[38,54,54],\"green\":[146,32,47],\"blue\":[217,50,58],\"purple\":[270,55,62],\"pink\":[329,57,58],\"red\":[1,69,60]}}},\"code\":{\"global\":[{\"id\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::de576ebb-6b82-4a56-8bfd-482137049603\",\"content\":\"$1f\"}],\"head\":[],\"body\":[{\"id\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::6eeec831-41c1-472b-98e0-79889ec32729\",\"content\":\"$20\"}],\"style\":[],\"css\":\"@charset \\\"UTF-8\\\";\\n/* Page header icon (emoji / Notion icon) */\\n.notion-header__icon-wrapper,\\n.notion-page-icon-wrapper {\\n  margin-left: 0 !important;\\n  margin-right: auto !important;\\n}\\n\\n/* Smaller + left-anchored Notion page header icon (brain) */\\n.notion-header__icon-wrapper,\\n.notion-page-icon-wrapper {\\n  transform: scale(0.8) !important; /* try 0.6–0.85 */\\n  transform-origin: left top !important; /* keeps it anchored on the left */\\n  margin-bottom: 8px !important; /* reduces extra space under the icon */\\n}\\n\\n.notion-header__content .notion-header__title-wrapper {\\n  margin-top: 96px;\\n  margin-bottom: -25px;\\n  position: relative;\\n}\"},\"files\":[]},\"config\":{\"assetEndpoint\":\"https://assets.super.so\",\"isPreview\":false},\"domainQueryParam\":\"$undefined\",\"children\":[\"$L21\",\"$L22\",\"$L23\",\"$L24\",\"$L25\"]}],\"$L26\"]}]\n"])</script>
1128<script>self.__next_f.push([1,"27:I[479520,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"\"]\n28:I[920494,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"ThemeProvider\"]\n2e:I[678415,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"NavigationEvents\"]\n2f:I[982642,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"LinkUpgrader\"]\n30:I[245155,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"LightboxEnhancer\"]\n31:I[818466,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"SpeedInsights\"]\n21:[[\"$\",\"$L27\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-SLDZQQ05EL\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L27\",null,{\"id\":\"google-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"\\n          window.dataLayer = window.dataLayer || [];\\n          function gtag(){dataLayer.push(arguments);}\\n          gtag('js', new Date());\\n          gtag('config', 'G-SLDZQQ05EL');\\n        \"}]]\n29:T17b1,\n    :root {\n      /* Layout */\n      --padding-layout: 0.9rem;\n      --border-radii-layout: 5px;\n      --border-thickness-layout: 1px;\n      --border-type-layout: solid;\n      --border-layout: var(--border-thickness-layout)\n        var(--border-type-layout) var(--color-border-default);\n      --layout-max-width: 900px;\n      --column-spacing: 46px;\n      --page-display: flex;\n      --padding-right: calc(env(safe-area-inset-right) + 96px);\n      --padding-left: calc(env(safe-area-inset-left) + 96px);\n      --padding-right-mobile: calc(env(safe-area-inset-right) + 24px);\n      --padding-left-mobile: calc(env(safe-area-inset-left) + 24px);\n      /* Header */\n      --header-cover-height: 30vh;\n      --header-title-align: center;\n      --header-icon-align: -112px 0 0 0;\n      --header-display: block;\n      /* Collection header */\n      --collection-header-border: var(--border-layout);\n      /* Collection table */\n      --collection-table-cell-padding: calc(var(--padding-layout) - 0.3rem)\n        calc(var(--padding-layout) - 0.1rem);\n      /* Collection list */\n      --collection-list-item-padding: calc(var(--padding-layout) - 0.5rem);\n      --collection-list-item-border-radii: calc(\n        var(--border-radii-layout) - 1px\n      );\n      /* Collection card */\n      --collection-card-padding: 0px;\n      --collection-card-title-padding: 0px;\n      --collection-card-content-padding: var(--padding-layout);\n      --collection-card-border-radii: var(--border-radii-layout);\n      --collection-card-gap: 10px;\n      --collection-card-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px;\n      --collection-card-title-size: 0.875rem;\n      --collection-card-cover-height-small: 128px;\n      --collection-card-cover-size-small: 172px;\n      --collection-card-cover-height-medium: 200px;\n      --collection-card-cover-size-medium: 260px;\n      --collection-card-cover-height-large: 200px;\n      --collection-card-cover-size-large: 320px;\n      --collection-card-icon-display: inline-flex;\n      /* Callout */\n      --callout-padding: calc(var(--padding-layout) + 0.4rem)\n        calc(var(--padding-layout) + 0.4rem)\n        calc(var(--padding-layout) + 0.4rem)\n        calc(var(--padding-layout) + 0.1em);\n      --callout-border-radii: calc(var(--border-radii-layout) - 2px);\n      --callout-border: var(--border-layout);\n      --callout-icon-display: block;\n      --callout-shadow: none;\n      /* File */\n      --file-border-radii: calc(var(--border-radii-layout) - 2px);\n      /* Equation */\n      --equation-border-radii: calc(var(--border-radii-layout) - 2px);\n      /* Divider */\n      --divider-border: var(--border-layout);\n      /* Quote */\n      --quote-border: calc(var(--border-thickness-layout) + 2px) solid\n        currentcolor;\n      /* Code */\n      --code-padding: calc(var(--padding-layout) + 1.4rem);\n      --code-border-radii: var(--border-radii-layout);\n      /* Tweet */\n      --tweet-padding: calc(var(--padding-layout) + 0.65rem)\n        calc(var(--padding-layout) + 0.65rem)\n        calc(var(--padding-layout) + 0.05rem)\n        calc(var(--padding-layout) + 0.65rem);\n      --tweet-border-radii: var(--border-radii-layout);\n      --tweet-border: var(--border-layout);\n      /* Bookmark */\n      --bookmark-padding: calc(var(--padding-layout) + 0.15rem) 0p
1128x\n        calc(var(--padding-layout) + 0.025rem)\n        calc(var(--padding-layout) + 0.275rem);\n      --bookmark-border-radii: var(--border-radii-layout);\n      --bookmark-border: var(--border-layout);\n      --bookmark-image-border-radii: 0px\n        calc(var(--border-radii-layout) - 1px)\n        calc(var(--border-radii-layout) - 1px) 0px;\n      /* Embed */\n      --embed-border-radii: calc(var(--border-radii-layout) - 5px);\n      /* Image */\n      --image-border-radii: calc(var(--border-radii-layout) - 5px);\n      /* Typography */\n      --title-size: 2.5rem;\n      --quote-size: 1.2rem;\n      --quote-size-large: 1.4rem;\n      --heading-size: 1rem;\n      --primary-font: Inter, Inter-fallback, Helvetica, Apple Color Emoji,\n        Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji,\n        Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system,\n        BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans,\n        sans-serif;\n        --secondary-font: Inter, Inter-fallback, Helvetica, Apple Color Emoji,\n        Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji,\n        Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system,\n        BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans,\n        sans-serif;\n      --text-weight: 400;\n      --heading-weight: 600;\n      --heading1-size: calc(var(--heading-size) * 1.875);\n      --heading2-size: calc(var(--heading-size) * 1.5);\n      --heading3-size: calc(var(--heading-size) * 1.25);\n      --heading4-size: calc(var(--heading-size) * 1);\n      --heading5-size: calc(var(--heading-size) * 0.8125);\n      /* Scrollbars */\n      --scrollbar-width: 15px;\n      /* Navbar */\n      --navbar-height: 60px;\n      --navbar-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px -2px;\n      --navbar-button-border-radii: 50px;\n      --navbar-list-width-single-column: 320px;\n      --navbar-list-width: 620px;\n      /*Sidebar*/\n      --sidebar-width: 280px;\n      --sidebar-shadow: rgba(0, 0, 0, 0.12) 4px 0px 8px -2px;\n    }\n    html {\n      scroll-padding-top: 66px;\n    }\n    body {\n      font-family: var(--secondary-font);\n    }\n\n    @charset \"UTF-8\";\n/* Page header icon (emoji / Notion icon) */\n.notion-header__icon-wrapper,\n.notion-page-icon-wrapper {\n  margin-left: 0 !important;\n  margin-right: auto !important;\n}\n\n/* Smaller + left-anchored Notion page header icon (brain) */\n.notion-header__icon-wrapper,\n.notion-page-icon-wrapper {\n  transform: scale(0.8) !important; /* try 0.6–0.85 */\n  transform-origin: left top !important; /* keeps it anchored on the left */\n  margin-bottom: 8px !important; /* reduces extra space under the icon */\n}\n\n.notion-header__content .notion-header__title-wrapper {\n  margin-top: 96px;\n  margin-bottom: -25px;\n  position: relative;\n}\n  2a:T5aa6,\n    html.theme-light {\n      /* Gray */\n      --gray-h: 36;\n      --gray-s: 2%;\n      --gray-l: 46%;\n      --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l));\n      --color-text-gray: var(--color-gray);\n      --color-bg-gray: hsl(\n        var(--gray-h),\n        var(--gray-s),\n        90%\n      );\n      --color-bg-gray-light: var(--color-bg-gray);\n      --color-pill-gray: hsl(\n        calc(var(--gray-h) + 14),\n        var(--gray-s),\n        88%\n      );\n      --color-pill-text-gray: hsl(\n        var(--gray-h),\n        var(--gray-s),\n        calc(var(--gray-l) - 28%)\n      );\n      --color-bg-form-btn-gray: #A7A39A;\n\n      /* Brown */\n      --brown-h: 19;\n      --brown-s: 31%;\n      --brown-l: 47%;\n      --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l));\n      --color-text-brown: var(--color-brown);\n      --color-bg-brown: hsl(\n        var(--brown-h),\n        var(--brown-s),\n        90%\n      );\n      --color-bg-brown-light: var(--color-bg-brown);\n      --color-pill-brown: hsl(\n        var(--brown-h),\n        calc(var(--brown-s) + 10%),\n        89%\n      );\n      --color-pill-text-brown: hsl(\n        var(--brown-h),\n        calc(var(--brown-s) + 10%),\n        calc(var(--brown-l) - 28%)\n      );\n      --color-bg-form-btn-brown: #9A6851;\n\n      /* Orange */\n      --orange-h: 30;\n      --orange-s: 87%;\n      --orange-l: 45%;\n      --color-orange: hsl(\n        var(--orange-h),\n        var(--orange-s),\n        var(--orange-l)\n      );\n      --color-text-orange: var(--color-orange);\n      --color-bg-orange: hsl(\n        var(--orange-h),\n        var(--orange-s),\n        90%\n      );\n      --color-bg-orange-light: var(--color-bg-orange);\n      --color-pill-orange: hsl(\n        var(--orange-h),\n        calc(var(--orange-s) - 6%),\n        87%\n      );\n      --color-pill-text-orange: hsl(\n        calc(var(--orange-h) - 5),\n        calc(var(--orange-s) - 18%),\n        calc(var(--orange-l) - 28%)\n      );\n      --color-bg-form-btn-orange: #D9730D;\n\n      /* Yellow */\n      --yellow-h: 38;\n      --yellow-s: 62%;\n      --yellow-l: 49%;\n      --color-yellow: hsl(\n        var(--yellow-h),\n        var(--yellow-s),\n        var(--yellow-l)\n      );\n      --color-text-yellow: var(--color-yellow);\n      --color-bg-yellow: hsl(\n        var(--yellow-h),\n        calc(var(--yellow-s) + 90%),\n        90%\n      );\n      --color-bg-yellow-light: var(--color-bg-yellow);\n      --color-pill-yellow: hsl(\n        calc(var(--yellow-h) + 3),\n        calc(var(--yellow-s) + 24%),\n        90%\n      );\n      --color-pill-text-yellow: hsl(\n        calc(var(--yellow-h) - 11),\n        calc(var(--yellow-s) - 22%),\n        calc(var(--yellow-l) - 28%)\n      );\n      --color-bg-form-btn-yellow: #CA922F;\n\n      /* Green */\n      --green-h: 149;\n      --green-s: 31%;\n      --green-l: 39%;\n      --color-green: hsl(var(--green-h), var(--green-s), var(--green-l));\n      --color-text-green: var(--color-green);
1128\n      --color-bg-green: hsl(\n        var(--green-h),\n        var(--green-s),\n        90%\n      );\n      --color-bg-green-light: var(--color-bg-green);\n      --color-pill-green: hsl(\n        calc(var(--green-h) - 28),\n        calc(var(--green-s) + 3%),\n        89%\n      );\n      --color-pill-text-green: hsl(\n        calc(var(--green-h) - 2),\n        var(--green-s),\n        calc(var(--green-l) - 22%)\n      );\n      --color-bg-form-btn-green: #448361;\n\n      /* Blue */\n      --blue-h: 202;\n      --blue-s: 53%;\n      --blue-l: 43%;\n      --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l));\n      --color-text-blue: var(--color-blue);\n      --color-bg-blue: hsl(\n        var(--blue-h),\n        var(--blue-s),\n        90%\n      );\n      --color-bg-blue-light: var(--color-bg-blue);\n      --color-pill-blue: hsl(\n        var(--blue-h),\n        calc(var(--blue-s) - 5%),\n        85%\n      );\n      --color-pill-text-blue: hsl(\n        calc(var(--blue-h) + 7),\n        calc(var(--blue-s) - 6%),\n        calc(var(--blue-l) - 22%)\n      );\n      --color-bg-form-btn-blue: #327DA9;\n\n      /* Purple */\n      --purple-h: 274;\n      --purple-s: 32%;\n      --purple-l: 54%;\n      --color-purple: hsl(\n        var(--purple-h),\n        var(--purple-s),\n        var(--purple-l)\n      );\n      --color-text-purple: var(--color-purple);\n      --color-bg-purple: hsl(\n        var(--purple-h),\n        var(--purple-s),\n        90%\n      );\n      --color-bg-purple-light: var(--color-bg-purple);\n      --color-pill-purple: hsl(\n        var(--purple-h),\n        calc(var(--purple-s) + 5%),\n        90%\n      );\n      --color-pill-text-purple: hsl(\n        calc(var(--purple-h) + 1),\n        calc(var(--purple-s) + 10%),\n        calc(var(--purple-l) - 31%)\n      );\n      --color-bg-form-btn-purple: #8F64AF;\n\n      /* Pink */\n      --pink-h: 328;\n      --pink-s: 48%;\n      --pink-l: 53%;\n      --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l));\n      --color-text-pink: var(--color-pink);\n      --color-bg-pink: hsl(\n        var(--pink-h),\n        var(--pink-s),\n        90%\n      );\n      --color-bg-pink-light: var(--color-bg-pink);\n      --color-pill-pink: hsl(\n        var(--pink-h),\n        var(--pink-s),\n        90%\n      );\n      --color-pill-text-pink: hsl(\n        calc(var(--pink-h) + 3),\n        calc(var(--pink-s) - 14%),\n        calc(var(--pink-l) - 31%)\n      );\n      --color-bg-form-btn-pink: #C24C8B;\n\n      /* Red */\n      --red-h: 2;\n      --red-s: 62%;\n      --red-l: 55%;\n      --color-red: hsl(var(--red-h), var(--red-s), var(--red-l));\n      --color-text-red: var(--color-red);\n      --color-bg-red: hsl(\n        var(--red-h),\n        var(--red-s),\n        90%\n      );\n      --color-bg-red-light: var(--color-bg-red);\n      --color-pill-red: hsl(\n        calc(var(--red-h) + 6),\n        calc(var(--red-s) + 42%),\n        90%\n      );\n      --color-pill-text-red: hsl(\n        calc(var(--red-h) + 0),\n        var(--red-s),\n        calc(var(--red-l) - 32%)\n      );\n      --color-bg-form-btn-red: #D44E49;\n\n      /*Default*/\n      --default-h: 45;\n      --default-s: 8%;\n      --default-l: 20%;\n      --color-default: hsl(\n        var(--default-h),\n        var(--default-s),\n        var(--default-l)\n      );\n      --color-pill-default: hsl(\n        var(--gray-h),\n        var(--gray-s),\n        90%\n      );\n      --color-pill-text-default: hsl(\n        var(--gray-h),\n        var(--gray-s),\n        calc(var(--gray-l) - 28%)\n      );\n      --color-bg-form-btn-default: #55534E;\n\n      /*Other*/\n      --color-text-default: #37352F;\n      --color-text-default-light: #7d7c78;\n      --color-bg-default: #ffffff;\n      --color-border-default: #E9E9E7;\n      --color-border-dark: var(--color-border-default);\n      --color-ui-hover-bg: #efefef;\n      --color-card-bg: #ffffff;\n      --color-card-bg-hover: #f9f9f8;\n      --color-calendar-weekend-bg: #f7f6f3;\n      --color-checkbox-bg: #2EAADC;\n      --color-code-bg: rgba(135,131,120,.15);\n\n      /*Scrollbar*/\n      --scrollbar-background-color: #FAFAFA;\n      --scrollbar-thumb-color: #C1C1C1;\n      --scrollbar-border-color: #E8E8E8;\n\n      /*Navbar*/\n      --navbar-text-color: #37352F;\n      --navbar-list-item-hover: rgba(130, 130, 130, 0.09);
1128\n      --navbar-background-color-hover: #f0f0f0;\n      --navbar-background-color: #ffffff;\n      --navbar-button-text-color: #ffffff;\n      --navbar-button-background-color: #37352F;\n      --navbar-menu-background-color: var(--navbar-background-color);\n      --navbar-text-color-dark: #282620;\n\n      /*Footer*/\n      --footer-text-color: #37352F;\n      --footer-background-color: #ffffff;\n\n      /*Sidebar*/\n      --sidebar-text-color: #37352F;\n      --sidebar-cta-text-color: #37352F;\n      --sidebar-background-color: #ffffff;\n      --sidebar-cta-background-color: #ffffff;\n      --sidebar-border-color: #E9E9E7;\n      --sidebar-background-color-hover: #efefef;\n      --sidebar-text-color-dark: #282620;\n      --sidebar-cta-background-color-hover: #efefef;\n    }\n\n    \n  /**\n   * One Light theme for prism.js\n   * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax\n   */\n  \n  /**\n   * One Light colours (accurate as of commit eb064bf on 19 Feb 2021)\n   * From colors.less\n   * --mono-1: hsl(230, 8%, 24%);\n   * --mono-2: hsl(230, 6%, 44%);\n   * --mono-3: hsl(230, 4%, 64%)\n   * --hue-1: hsl(198, 99%, 37%);\n   * --hue-2: hsl(221, 87%, 60%);\n   * --hue-3: hsl(301, 63%, 40%);\n   * --hue-4: hsl(119, 34%, 47%);\n   * --hue-5: hsl(5, 74%, 59%);\n   * --hue-5-2: hsl(344, 84%, 43%);\n   * --hue-6: hsl(35, 99%, 36%);\n   * --hue-6-2: hsl(35, 99%, 40%);\n   * --syntax-fg: hsl(230, 8%, 24%);\n   * --syntax-bg: hsl(230, 1%, 98%);\n   * --syntax-gutter: hsl(230, 1%, 62%);\n   * --syntax-guide: hsla(230, 8%, 24%, 0.2);\n   * --syntax-accent: hsl(230, 100%, 66%);\n   * From syntax-variables.less\n   * --syntax-selection-color: hsl(230, 1%, 90%);\n   * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%);\n   * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05);\n   */\n  \n  html.theme-light code[class*=\"language-\"],\n  html.theme-light pre[class*=\"language-\"] {\n    color: hsl(230, 8%, 24%);\n    font-family: \"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n    direction: ltr;\n    text-align: left;\n    white-space: pre;\n    word-spacing: normal;\n    word-break: normal;\n    line-height: 1.5;\n    -moz-tab-size: 2;\n    -o-tab-size: 2;\n    tab-size: 2;\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n  }\n  \n  /* Selection */\n  html.theme-light code[class*=\"language-\"]::-moz-selection,\n  html.theme-light code[class*=\"language-\"] *::-moz-selection,\n  html.theme-light pre[class*=\"language-\"] *::-moz-selection {\n    background: hsl(230, 1%, 90%);\n    color: inherit;\n  }\n  \n  html.theme-light code[class*=\"language-\"]::selection,\n  html.theme-light code[class*=\"language-\"] *::selection,\n  html.theme-light pre[class*=\"language-\"] *::selection {\n    background: hsl(230, 1%, 90%);\n    color: inherit;\n  }\n  \n  /* Code blocks */\n  html.theme-light pre[class*=\"language-\"] {\n    padding: 1em;\n    margin: 0.5em 0;\n    overflow: auto;\n    border-radius: 0.3em;\n  }\n  \n  /* Inline code */\n  html.theme-light :not(pre) \u003e code[class*=\"language-\"] {\n    padding: 0.2em 0.3em;\n    border-radius: 0.3em;\n    white-space: normal;\n  }\n  \n  html.theme-light .token.comment,\n  html.theme-light .token.prolog,\n  html.theme-light .token.cdata {\n    color: hsl(230, 4%, 64%);\n  }\n  \n  html.theme-light .token.doctype,\n  html.theme-light .token.punctuation,\n  html.theme-light .token.entity {\n    color: hsl(230, 8%, 24%);\n  }\n  \n  html.theme-light .token.attr-name,\n  html.theme-light .token.class-name,\n  html.theme-light .token.boolean,\n  html.theme-light .token.constant,\n  html.theme-light .token.number,\n  html.theme-light .token.atrule {\n    color: hsl(35, 99%, 36%);\n  }\n  \n  html.theme-light .token.keyword {\n    color: hsl(301, 63%, 40%);\n  }\n  \n  html.theme-light .token.property,\n  html.theme-light .token.tag,\n  html.theme-light .token.symbol,\n  html.theme-light .token.deleted,\n  html.theme-light .token.important {\n    color: hsl(5, 74%, 59%);\n  }\n  \n  html.theme-light .token.selector,\n  html.theme-light .token.string,\n  html.theme-light .token.char,\n  html.theme-light .token.builtin,\n  html.theme-light .token.inserted,\n  html.theme-light .token.regex,\n  html.theme-light .token.attr-value,\n  html.theme-light .token.attr-value \u003e .token.punctuation {\n    color: hsl(119, 34%, 47%);\n  }\n  \n  html.theme-light .token.variable,\n  html.theme-light .token.operator,\n  html.theme-light .token.function {\n    color: hsl(221, 87%, 60%);\n  }\n  \n  html.theme-light .token.url {\n    color: hsl(198, 99%, 37%);\n  }\n  \n  /* HTML overrides */\n  html.theme-light .token.attr-value \u003e .token.punctuation.attr-equals,\n  html.theme-light .token.special-attr \u003e .token.attr-value \u003e .token.value.css {\n    color: hsl(230, 8%, 24%);\n  }\n  \n  /* CSS overrides */\n  html.theme-light .language-css .token.selector {\n    color: hsl(5, 74%, 59%);\n  }\n  \n  html.theme-light .language-css .token.property {\n    color: hsl(230, 8%, 24%);\n  }\n  \n  html.theme-light .language-css .token.function,\n  html.theme-light .language-css .token.url \u003e .token.function {\n    color: hsl(198, 99%, 37%);\n  }\n  \n  html.theme-light .language-css .token.url \u003e .token.string.url {\n    color: hsl(119, 34%, 47%);\n  }\n  \n  html.theme-light .language-css .token.important,\n  html.theme-light .language-css .token.atrule .token.rule {\n    color: hsl(301, 63%, 40%);\n  }\n  \n  /* JS overrides */\n  html.theme-light .language-javascript .token.operator {\n    color: hsl(301, 63%, 40%);\n  }\n  \n  html.theme-light .language-javascript .token.template-string \u003e .token.interpolation \u003e .token.interpolation-punctuation.punctuation {\n    color: hsl(344, 84%, 43%);\n  }\n  \n  /* JSON overrides */\n  html.theme-light .language-json .token.operator {\n    color: hsl(230, 8%, 24%);\n  }\n  \n  html.theme-light .language-json .token.null.keyword {\n    color: hsl(35, 99%, 36%);\n  }\n  \n  /* MD overrides */\n  html.theme-light .language-markdown .token.url,\n  html.theme-light .language-markdown .token.url \u003e .token.operator,\n  html.theme-light .language-markdown .token.url-reference.url \u003e .token.string {\n    color: hsl(230, 8%, 24%);\n  }\n  \n  html.theme-light .language-markdown .token.url \u003e .token.content {\n    color: hsl(221, 87%, 60%);\n  }\n  \n  html.theme-light .language-markdown .token.url \u003e .token.url,\n  html.theme-light .language-markdown .token.url-reference.url {\n    color: hsl(198, 99%, 37%);\n  }\n  \n  html.theme-light .language-markdown .token.blockquote.punctuation,\n  html.theme-light .language-markdown .token.hr.punctuation {\n    color: hsl(230, 4%, 64%);\n    font-style: italic;\n  }\n  \n  html.theme-light .language-markdown .token.code-snippet {\n    color: hsl(119, 34%, 47%);\n  }\n  \n  html.theme-light .language-markdown .token.bold .token.content {\n    color: hsl(35, 99%, 36%);\n  }\n  \n  html.theme-light .language-markdown .token.italic .token.content {\n    color: hsl(301, 63%, 40%);\n  }\n  \n  html.theme-light .language-markdown .token.strike .token.content,\n  html.theme-light .language-markdown .token.strike .token.punctuation,\n  html.theme-light .language-markdown .token.list.punctuation,\n  html.theme-light .language-markdown .token.title.important \u003e .token.punctuation {\n    color: hsl(5, 74%, 59%);\n  }\n  \n  /* General */\n  html.theme-light .token.bold {\n    font-weight: bold;\n  }\n  \n  html.theme-light .token.comment,\n  html.theme-light .token.italic {\n    font-style: italic;\n  }\n  \n  html.theme-light .token.entity {\n    cursor: help;\n  }\n  \n  html.theme-light .token.namespace {\n    opacity: 0.8;\n  }\n  \n  /* Plugin overrides */\n  /* Selectors should have higher specificity than those in the plugins' default stylesheets */\n  \n  /* Show Invisibles plugin overrides */\n  html.theme-light .token.token.tab:not(:empty):before,\n  html.theme-light .token.token.cr:before,\n  html.theme-light .token.token.lf:before,\n  html.theme-light .token.token.space:before {\n    color: hsla(230, 8%, 24%, 0.2);\n  }\n  \n  /* Toolbar plugin overrides */\n  /* Space out all buttons and move them away from the right edge of the code block */\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item {\n    margin-right: 0.4em;\n  }\n  \n  /* Styling the buttons */\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span {\n    background: hsl(230, 1%, 90%);\n    color: hsl(230, 6%, 44%);\n    padding: 0.1em 0.4em;\n    border-radius: 0.3em;\n  }\n  \n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:hover,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:focus,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:hover,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:focus,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:hover,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:focus {\n    background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */\n    color: hsl(230, 8%, 24%);\n  }\n  \n  /* Line Highlight plugin overrides */\n  /* The highlighted line itself */\n  html.theme-light .line-highlight.line-highlight {\n    background: hsla(230, 8%, 24%, 0.05);\n  }\n  \n  /* Default line numbers in Line Highlight plugin */\n  html.theme-light .line-highlight.line-highlight:before,\n  html.theme-light .line-highlight.line-highlight[data-end]:after {\n    background: hsl(230, 1%, 90%);\n    color: hsl(230, 8%, 24%);\n    padding: 0.1em 0.6em;\n    border-radius: 0.3em;\n    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */\n  }\n  \n  /* Hovering over a linkable line number (in the gutter area) */\n  /* Requires Line Numbers plugin as well */\n  html.theme-light pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows \u003e span:hover:before {\n    background-color: hsla(230, 8%, 24%, 0.05);\n  }\n  \n  /* Line Numbers and Command Line plugins overrides */\n  /* Line separating gutter from coding area */\n  html.theme-light .line-numbers.line-numbers .line-numbers-rows,\n  html.theme-light .command-line .command-line-prompt {\n    border-right-color: hsla(230, 8%, 24%, 0.2);\n  }\n  \n  /* Stuff in the gutter */\n  html.theme-light .line-numbers .line-numbers-rows \u003e span:before,\n  html.theme-light .command-line .command-line-prompt \u003e span:before {\n    color: hsl(230, 1%, 62%);\n  }\n  \n  /* Match Braces plugin overrides */\n  /* Note: Outline colour is inherited from the braces */\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-1,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-5,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-9 {\n    color: hsl(5, 74%, 59%);\n  }\n  \n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-2,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-6,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-10 {\n    color: hsl(119, 34%, 47%);\n  }\n  \n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-3,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-7,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-11 {\n    color: hsl(221, 87%, 60%);\n  }\n  \n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-4,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-8,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-12 {\n    color: hsl(301, 63%, 40%);\n  }\n  \n  /* Diff Highlight plugin overrides */\n  /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */\n  html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix),\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) {\n    background-color: hsla(353, 100%, 66%, 0.15);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::-moz-selection,\n  html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::-moz-selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {\n    background-color: hsla(353, 95%, 66%, 0.25);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::selection,\n  html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::selection {\n    background-color: hsla(353, 95%, 66%, 0.25);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix),\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) {\n    background-color: hsla(137, 100%, 55%, 0.15);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::-moz-selection,\n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::-moz-selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {\n    background-color: hsla(135, 73%, 55%, 0.25);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::selection,\n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::selection {\n    background-color: hsla(135, 73%, 55%, 0.25);\n  }\n  \n  /* Previewers plugin overrides */\n  /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-light-ui */\n  /* Border around popup */\n  html.theme-light .prism-previewer.prism-previewer:before,\n  html.theme-light .prism-previewer-gradient.prism-previewer-gradient div {\n    border-color: hsl(0, 0, 95%);\n  }\n  \n  /* Angle and time should remain as circles and are hence not included */\n  html.theme-light .prism-previewer-color.prism-previewer-color:before,\n  html.theme-light .prism-previewer-gradient.prism-previewer-gradient div,\n  html.theme-light .prism-previewer-easing.prism-previewer-easing:before {\n    border-radius: 0.3em;\n  }\n  \n  /* Triangles pointing to the code */\n  html.theme-light .prism-previewer.prism-previewer:after {\n    border-top-color: hsl(0, 0, 95%);\n  }\n  \n  html.theme-light .prism-previewer-flipped.prism-previewer-flipped.after {\n    border-bottom-color: hsl(0, 0, 95%);\n  }
1128\n  \n  /* Background colour within the popup */\n  html.theme-light .prism-previewer-angle.prism-previewer-angle:before,\n  html.theme-light .prism-previewer-time.prism-previewer-time:before,\n  html.theme-light .prism-previewer-easing.prism-previewer-easing {\n    background: hsl(0, 0%, 100%);\n  }\n  \n  /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */\n  /* For time, this is the alternate colour */\n  html.theme-light .prism-previewer-angle.prism-previewer-angle circle,\n  html.theme-light .prism-previewer-time.prism-previewer-time circle {\n    stroke: hsl(230, 8%, 24%);\n    stroke-opacity: 1;\n  }\n  \n  /* Stroke colours of the handle, direction point, and vector itself */\n  html.theme-light .prism-previewer-easing.prism-previewer-easing circle,\n  html.theme-light .prism-previewer-easing.prism-previewer-easing path,\n  html.theme-light .prism-previewer-easing.prism-previewer-easing line {\n    stroke: hsl(230, 8%, 24%);\n  }\n  \n  /* Fill colour of the handle */\n  html.theme-light .prism-previewer-easing.prism-previewer-easing circle {\n    fill: transparent;\n  }\n  \n  2b:T5f9c,\n    html.theme-dark {\n      /* Gray */\n      --gray-h: 0;\n      --gray-s: 0%;\n      --gray-l: 61%;\n      --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l));\n      --color-text-gray: var(--color-gray);\n      --color-bg-gray: hsl(\n        var(--gray-h),\n        var(--gray-s),\n        14.5%\n      );\n      --color-bg-gray-light: hsl(\n        var(--gray-h),\n        var(--gray-s),\n        14.5%\n      );\n      --color-pill-gray: hsl(\n        var(--gray-h),\n        var(--gray-s),\n        35%\n      );\n      --color-pill-text-gray: hsl(\n        var(--gray-h),\n        var(--gray-s),\n        calc(var(--gray-l) + 26%)\n      );\n      --color-bg-form-btn-gray: #A7A39A;\n\n      /* Brown */\n      --brown-h: 18;\n      --brown-s: 35%;\n      --brown-l: 58%;\n      --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l));\n      --color-text-brown: var(--color-brown);\n      --color-bg-brown: hsl(\n        var(--brown-h),\n        calc(var(--brown-s) - 7%),\n        22%\n      );\n      --color-bg-brown-light: hsl(\n        calc(var(--brown-h) - 2),\n        calc(var(--brown-s) - 22%),\n        16%\n      );\n      --color-pill-brown: hsl(\n        var(--brown-h),\n        calc(var(--brown-s) + 2%),\n        27%\n      );\n      --color-pill-text-brown: hsl(\n        var(--brown-h),\n        calc(var(--brown-s) - 21%),\n        calc(var(--brown-l) + 33%)\n      );\n      --color-bg-form-btn-brown: #9A6851;\n\n      /* Orange */\n      --orange-h: 25;\n      --orange-s: 54%;\n      --orange-l: 53%;\n      --color-orange: hsl(\n        var(--orange-h),\n        var(--orange-s),\n        var(--orange-l)\n      );\n      --color-text-orange: var(--color-orange);\n      --color-bg-orange: hsl(\n        var(--orange-h),\n        calc(var(--orange-s) - 10%),\n        25%\n      );\n      --color-bg-orange-light: hsl(\n        var(--orange-h),\n        calc(var(--orange-s) - 30%),\n        17%\n      );\n      --color-pill-orange: hsl(\n        var(--orange-h),\n        calc(var(--orange-s) + 9%),\n        32%\n      );\n      --color-pill-text-orange: hsl(\n        var(--orange-h),\n        calc(var(--orange-s) - 23%),\n        calc(var(--orange-l) + 33%)\n      );\n      --color-bg-form-btn-orange: #D9730D;\n\n      /* Yellow */\n      --yellow-h: 38;\n      --yellow-s: 54%;\n      --yellow-l: 54%;\n      --color-yellow: hsl(\n        var(--yellow-h),\n        var(--yellow-s),\n        var(--yellow-l)\n      );\n      --color-text-yellow: var(--color-yellow);\n      --color-bg-yellow: hsl(\n        var(--yellow-h),\n        calc(var(--yellow-s) - 18%),\n        25%\n      );\n      --color-bg-yellow-light: hsl(\n        var(--yellow-h),\n        calc(var(--yellow-s) - 24%),\n        17%\n      );\n      --color-pill-yellow: hsl(\n        calc(var(--yellow-h) - 1),\n        calc(var(--yellow-s) + 2%),\n        35%\n      );\n      --color-pill-text-yellow: hsl(\n        var(--yellow-h),\n        calc(var(--yellow-s) - 28%),\n        calc(var(--yellow-l) + 33%)\n      );\n      --color-bg-form-btn-yellow: #CA922F;\n\n      /* Green */\n      --green-h: 146;\n      --green-s: 32%;\n      --green-l: 47%;\n      --color-green: hsl(var(--green-h), var(--green-s), var(--green-l));\n      --color-text-green: var(--color-green);\n      --color-bg-green: hsl(\n        calc(var(--green-h) + 3),\n        calc(var(--green-s) - 6%),\n        19%\n      );
1128\n      --color-bg-green-light: hsl(\n        var(--green-h),\n        calc(var(--green-s) - 20%),\n        15%\n      );\n      --color-pill-green: hsl(\n        calc(var(--green-h) + 1),\n        calc(var(--green-s) + 3%),\n        26%\n      );\n      --color-pill-text-green: hsl(\n        var(--green-h),\n        calc(var(--green-s) - 20%),\n        calc(var(--green-l) + 38%)\n      );\n      --color-bg-form-btn-green: #448361;\n\n      /* Blue */\n      --blue-h: 217;\n      --blue-s: 50%;\n      --blue-l: 58%;\n      --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l));\n      --color-text-blue: var(--color-blue);\n      --color-bg-blue: hsl(\n        calc(var(--blue-h) - 16),\n        calc(var(--blue-s) + 9%),\n        19%\n      );\n      --color-bg-blue-light: hsl(\n        calc(var(--blue-h) + 16),\n        calc(var(--blue-s) - 27%),\n        15%\n      );\n      --color-pill-blue: hsl(\n        calc(var(--blue-h) - 3),\n        calc(var(--blue-s) - 6%),\n        29%\n      );\n      --color-pill-text-blue: hsl(\n        calc(var(--blue-h) - 5),\n        calc(var(--blue-s) - 32%),\n        calc(var(--blue-l) + 28%)\n      );\n      --color-bg-form-btn-blue: #327DA9;\n\n      /* Purple */\n      --purple-h: 270;\n      --purple-s: 55%;\n      --purple-l: 62%;\n      --color-purple: hsl(\n        var(--purple-h),\n        var(--purple-s),\n        var(--purple-l)\n      );\n      --color-text-purple: var(--color-purple);\n      --color-bg-purple: hsl(\n        calc(var(--purple-h) + 2),\n        calc(var(--purple-s) - 31%),\n        23%\n      );\n      --color-bg-purple-light: hsl(\n        calc(var(--purple-h) + 5),\n        calc(var(--purple-s) - 40%),\n        17%\n      );\n      --color-pill-purple: hsl(\n        var(--purple-h),\n        calc(var(--purple-s) - 19%),\n        29%\n      );\n      --color-pill-text-purple: hsl(\n        calc(var(--purple-h) - 3),\n        calc(var(--purple-s) - 40%),\n        calc(var(--purple-l) + 24%)\n      );\n      --color-bg-form-btn-purple: #8F64AF;\n\n      /* Pink */\n      --pink-h: 329;\n      --pink-s: 57%;\n      --pink-l: 58%;\n      --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l));\n      --color-text-pink: var(--color-pink);\n      --color-bg-pink: hsl(\n        calc(var(--pink-h) + 3),\n        calc(var(--pink-s) - 29%),\n        24%\n      );\n      --color-bg-pink-light: hsl(\n        calc(var(--pink-h) + 5),\n        calc(var(--pink-s) - 40%),\n        16%\n      );\n      --color-pill-pink: hsl(\n        calc(var(--pink-h) - 2),\n        calc(var(--pink-s) - 21%),\n        30%\n      );\n      --color-pill-text-pink: hsl(\n        calc(var(--pink-h) + 4),\n        calc(var(--pink-s) - 41%),\n        calc(var(--pink-l) + 28%)\n      );\n      --color-bg-form-btn-pink: #C24C8B;\n\n      /* Red */\n      --red-h: 1;\n      --red-s: 69%;\n      --red-l: 60%;\n      --color-red: hsl(var(--red-h), var(--red-s), var(--red-l));\n      --color-text-red: var(--color-red);\n      --color-bg-red: hsl(\n        calc(var(--red-h) + 5),\n        calc(var(--red-s) - 37%),\n        24%\n      );\n      --color-bg-red-light: hsl(\n        calc(var(--red-h) + 5),\n        calc(var(--red-s) - 56%),\n        17%\n      );\n      --color-pill-red: hsl(\n        calc(var(--red-h) + 5),\n        calc(var(--red-s) - 30%),\n        31%\n      );\n      --color-pill-text-red: hsl(\n        calc(var(--red-h) + 7),\n        calc(var(--red-s) - 50%),\n        calc(var(--red-l) + 24%)\n      );\n      --color-bg-form-btn-red: #D44E49;\n\n      /*Default*/\n      --default-h: 45;\n      --default-s: 8%;\n      --default-l: 20%;\n      --color-default: hsl(\n        var(--default-h),\n        var(--default-s),\n        var(--default-l)\n      );\n      --color-pill-default: hsl(\n        var(--default-h),\n        var(--default-s),\n        -19%\n      );\n      --color-pill-text-default: hsl(\n        var(--default-h),\n        var(--default-s),\n        calc(var(--default-l) + 23%)\n      );\n      --color-bg-form-btn-default: #55534E;\n\n      /*Other*/\n      --color-text-default: #e1e1e1;\n      --color-text-default-light: #9b9b9b;\n      --color-bg-default: #191919;\n      --color-border-default: #373737;\n      --color-border-dark: var(--color-border-default);\n      --color-ui-hover-bg: #292929;\n      --color-card-bg: #212121;\n      --color-card-bg-hover: #292929;\n      --color-calendar-weekend-bg: #202020;\n      --color-checkbox-bg: #2EAADC;\n      --color-code-bg: rgba(135,131,120,.15);\n\n      /*Scrollbar*/\n      --scrollbar-background-color: #FAFAFA;\n      --scrollbar-thumb-color: #C1C1C1;\n      --scrollbar-border-color: #E8E8E8;\n\n      /*Navbar*/\n      --navbar-text-color: #e1e1e1;\n      --navbar-list-item-hover: rgba(255,255,255,.2);\n      --navbar-background-color: #191919;\n      --navbar-background-color-hover: #282828;\n      --navbar-button-text-color: #191919;\n      --navbar-button-background-color: #e1e1e1;\n      --navbar-menu-background-color: var(--navbar-background-color);\n      --navbar-text-color-dark: #d2d2d2;
1128\n\n      /*Footer*/\n      --footer-text-color: #e1e1e1;\n      --footer-background-color: #191919;\n\n      /*Sidebar*/\n      --sidebar-text-color: #e1e1e1;\n      --sidebar-cta-text-color: #e1e1e1;\n      --sidebar-background-color: #191919;\n      --sidebar-cta-background-color: #191919;\n      --sidebar-border-color: #373737;\n      --sidebar-background-color-hover: #292929;\n      --sidebar-text-color-dark: #d2d2d2;\n      --sidebar-cta-background-color-hover: #292929;\n    }\n\n    /* Calendar for dark mode */\n    html.theme-dark .notion-collection-calendar__row {\n      box-shadow: var(--color-border-default) -1px 0px 0px;\n    }\n\n    html.theme-dark .notion-collection-calendar__week-days {\n      box-shadow: var(--color-border-default) 0px 1px 0px;\n    }\n\n    html.theme-dark .notion-collection-calendar__date {\n      border-right: 1px solid var(--color-border-default);\n      border-bottom: 1px solid var(--color-border-default);\n    }\n\n    \n  /**\n   * One Dark theme for prism.js\n   * Based on Atom's One Dark theme: https://github.com/atom/atom/tree/master/packages/one-dark-syntax\n   */\n\n  /**\n   * One Dark colours (accurate as of commit 8ae45ca on 6 Sep 2018)\n   * From colors.less\n   * --mono-1: hsl(220, 14%, 71%);\n   * --mono-2: hsl(220, 9%, 55%);\n   * --mono-3: hsl(220, 10%, 40%);\n   * --hue-1: hsl(187, 47%, 55%);\n   * --hue-2: hsl(207, 82%, 66%);\n   * --hue-3: hsl(286, 60%, 67%);\n   * --hue-4: hsl(95, 38%, 62%);\n   * --hue-5: hsl(355, 65%, 65%);\n   * --hue-5-2: hsl(5, 48%, 51%);\n   * --hue-6: hsl(29, 54%, 61%);\n   * --hue-6-2: hsl(39, 67%, 69%);\n   * --syntax-fg: hsl(220, 14%, 71%);\n   * --syntax-bg: hsl(220, 13%, 18%);\n   * --syntax-gutter: hsl(220, 14%, 45%);\n   * --syntax-guide: hsla(220, 14%, 71%, 0.15);\n   * --syntax-accent: hsl(220, 100%, 66%);\n   * From syntax-variables.less\n   * --syntax-selection-color: hsl(220, 13%, 28%);\n   * --syntax-gutter-background-color-selected: hsl(220, 13%, 26%);\n   * --syntax-cursor-line: hsla(220, 100%, 80%, 0.04);\n   */\n\n  html.theme-dark code[class*=\"language-\"],\n  html.theme-dark pre[class*=\"language-\"] {\n    background: hsl(220, 13%, 18%);\n    color: hsl(220, 14%, 71%);\n    text-shadow: 0 1px rgba(0, 0, 0, 0.3);\n    font-family: \"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n    direction: ltr;\n    text-align: left;\n    white-space: pre;\n    word-spacing: normal;\n    word-break: normal;\n    line-height: 1.5;\n    -moz-tab-size: 2;\n    -o-tab-size: 2;\n    tab-size: 2;\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n  }\n\n  /* Selection */\n  html.theme-dark code[class*=\"language-\"]::-moz-selection,\n  html.theme-dark code[class*=\"language-\"] *::-moz-selection,\n  html.theme-dark pre[class*=\"language-\"] *::-moz-selection {\n    background: hsl(220, 13%, 28%);\n    color: inherit;\n    text-shadow: none;\n  }\n\n  html.theme-dark code[class*=\"language-\"]::selection,\n  html.theme-dark code[class*=\"language-\"] *::selection,\n  html.theme-dark pre[class*=\"language-\"] *::selection {\n    background: hsl(220, 13%, 28%);\n    color: inherit;\n    text-shadow: none;\n  }\n\n  /* Code blocks */\n  html.theme-dark pre[class*=\"language-\"] {\n    padding: 1em;\n    margin: 0.5em 0;\n    overflow: auto;\n    border-radius: 0.3em;\n  }\n\n  /* Inline code */\n  html.theme-dark :not(pre) \u003e code[class*=\"language-\"] {\n    padding: 0.2em 0.3em;\n    border-radius: 0.3em;\n    white-space: normal;\n  }\n\n  /* Print */\n  @media print {\n    html.theme-dark code[class*=\"language-\"],\n    html.theme-dark pre[class*=\"language-\"] {\n      text-shadow: none;\n    }\n  }\n\n  html.theme-dark .token.comment,\n  html.theme-dark .token.prolog,\n  html.theme-dark .token.cdata {\n    color: hsl(220, 10%, 40%);\n  }\n\n  html.theme-dark .token.doctype,\n  html.theme-dark .token.punctuation,\n  html.theme-dark .token.entity {\n    color: hsl(220, 14%, 71%);\n  }\n\n  html.theme-dark .token.attr-name,\n  html.theme-dark .token.class-name,\n  html.theme-dark .token.boolean,\n  html.theme-dark .token.constant,\n  html.theme-dark .token.number,\n  html.theme-dark .token.atrule {\n    color: hsl(29, 54%, 61%);\n  }\n\n  html.theme-dark .token.keyword {\n    color: hsl(286, 60%, 67%);\n  }\n\n  html.theme-dark .token.property,\n  html.theme-dark .token.tag,\n  html.theme-dark .token.symbol,\n  html.theme-dark .token.deleted,\n  html.theme-dark .token.important {\n    color: hsl(355, 65%, 65%);\n  }\n\n  html.theme-dark .token.selector,\n  html.theme-dark .token.string,\n  html.theme-dark .token.char,\n  html.theme-dark .token.builtin,\n  html.theme-dark .token.inserted,\n  html.theme-dark .token.regex,\n  html.theme-dark .token.attr-value,\n  html.theme-dark .token.attr-value \u003e .token.punctuation {\n    color: hsl(95, 38%, 62%);\n  }\n\n  html.theme-dark .token.variable,\n  html.theme-dark .token.operator,\n  html.theme-dark .token.function {\n    color: hsl(207, 82%, 66%);\n  }\n\n  html.theme-dark .token.url {\n    color: hsl(187, 47%, 55%);\n  }\n\n  /* HTML overrides */\n  html.theme-dark .token.attr-value \u003e .token.punctuation.attr-equals,\n  html.theme-dark .token.special-attr \u003e .token.attr-value \u003e .token.value.css {\n    color: hsl(220, 14%, 71%);\n  }\n\n  /* CSS overrides */\n  html.theme-dark .language-css .token.selector {\n    color: hsl(355, 65%, 65%);\n  }\n\n  html.theme-dark .language-css .token.property {\n    color: hsl(220, 14%, 71%);\n  }\n\n  html.theme-dark .language-css .token.function,\n  html.theme-dark .language-css .token.url \u003e .token.function {\n    color: hsl(187, 47%, 55%);\n  }\n\n  html.theme-dark .language-css .token.url \u003e .token.string.url {\n    color: hsl(95, 38%, 62%);\n  }\n\n  html.theme-dark .language-css .token.important,\n  html.theme-dark .language-css .token.atrule .token.rule {\n    color: hsl(286, 60%, 67%);\n  }\n\n  /* JS overrides */\n  html.theme-dark .language-javascript .token.operator {\n    color: hsl(286, 60%, 67%);\n  }\n\n  html.theme-dark .language-javascript .token.template-string \u003e .token.interpolation \u003e .token.interpolation-punctuation.punctuation {\n    color: hsl(5, 48%, 51%);\n  }\n\n  /* JSON overrides */\n  html.theme-dark .language-json .token.operator {\n    color: hsl(220, 14%, 71%);\n  }\n\n  html.theme-dark .language-json .token.null.keyword {\n    color: hsl(29, 54%, 61%);\n  }\n\n  /* MD overrides */\n  html.theme-dark .language-markdown .token.url,\n  html.theme-dark .language-markdown .token.url \u003e .token.operator,\n  html.theme-dark .language-markdown .token.url-reference.url \u003e .token.string {\n    color: hsl(220, 14%, 71%);\n  }\n\n  html.theme-dark .language-markdown .token.url \u003e .token.content {\n    color: hsl(207, 82%, 66%);\n  }\n\n  html.theme-dark .language-markdown .token.url \u003e .token.url,\n  html.theme-dark .language-markdown .token.url-reference.url {\n    color: hsl(187, 47%, 55%);\n  }\n\n  html.theme-dark .language-markdown .token.blockquote.punctuation,\n  html.theme-dark .language-markdown .token.hr.punctuation {\n    color: hsl(220, 10%, 40%);\n    font-style: italic;\n  }\n\n  html.theme-dark .language-markdown .token.code-snippet {\n    color: hsl(95, 38%, 62%);\n  }\n\n  html.theme-dark .language-markdown .token.bold .token.content {\n    color: hsl(29, 54%, 61%);\n  }\n\n  html.theme-dark .language-markdown .token.italic .token.content {\n    color: hsl(286, 60%, 67%);\n  }\n\n  html.theme-dark .language-markdown .token.strike .token.content,\n  html.theme-dark .language-markdown .token.strike .token.punctuation,\n  html.theme-dark .language-markdown .token.list.punctuation,\n  html.theme-dark .language-markdown .token.title.important \u003e .token.punctuation {\n    color: hsl(355, 65%, 65%);\n  }\n\n  /* General */\n  html.theme-dark .token.bold {\n    font-weight: bold;\n  }\n\n  html.theme-dark .token.comment,\n  html.theme-dark .token.italic {\n    font-style: italic;\n  }\n\n  html.theme-dark .token.entity {\n    cursor: help;\n  }\n\n  html.theme-dark .token.namespace {\n    opacity: 0.8;\n  }\n\n  /* Plugin overrides */\n  /* Selectors should have higher specificity than those in the plugins' default stylesheets */\n\n  /* Show Invisibles plugin overrides */\n  html.theme-dark .token.token.tab:not(:empty):before,\n  html.theme-dark .token.token.cr:before,\n  html.theme-dark .token.token.lf:before,\n  html.theme-dark .token.token.space:before {\n    color: hsla(220, 14%, 71%, 0.15);\n    text-shadow: none;\n  }\n\n  /* Toolbar plugin overrides */\n  /* Space out all buttons and move them away from the right edge of the code block */\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item {\n    margin-right: 0.4em;\n  }\n\n  /* Styling the buttons */\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span {\n    background: hsl(220, 13%, 26%);\n    color: hsl(220, 9%, 55%);\n    padding: 0.1em 0.4em;\n    border-radius: 0.3em;\n  }\n\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:hover,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:focus,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:hover,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:focus,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:hover,\n  html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:focus {\n    background: hsl(220, 13%, 28%);\n    color: hsl(220, 14%, 71%);\n  }\n\n  /* Line Highlight plugin overrides */\n  /* The highlighted line itself */\n  html.theme-dark .line-highlight.line-highlight {\n    background: hsla(220, 100%, 80%, 0.04);\n  }\n\n  /* Default line numbers in Line Highlight plugin */\n  html.theme-dark .line-highlight.line-highlight:before,\n  html.theme-dark .line-highlight.line-highlight[data-end]:after {\n    background: hsl(220, 13%, 26%);\n    color: hsl(220, 14%, 71%);\n    padding: 0.1em 0.6em;\n    border-radius: 0.3em;\n    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */\n  }\n\n  /* Hovering over a linkable line number (in the gutter area) */\n  /* Requires Line Numbers plugin as well */\n  html.theme-dark pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows \u003e span:hover:before {\n    background-color: hsla(220, 100%, 80%, 0.04);\n  }\n\n  /* Line Numbers and Command Line plugins overrides */\n  /* Line separating gutter from coding area */\n  html.theme-dark .line-numbers.line-numbers .line-numbers-rows,\n  html.theme-dark .command-line .command-line-prompt {\n    border-right-color: hsla(220, 14%, 71%, 0.15);\n  }\n\n  /* Stuff in the gutter */\n  html.theme-dark .line-numbers .line-numbers-rows \u003e span:before,\n  html.theme-dark .command-line .command-line-prompt \u003e span:before {\n    color: hsl(220, 14%, 45%);\n  }\n\n  /* Match Braces plugin overrides */\n  /* Note: Outline colour is inherited from the braces */\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-1,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-5,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-9 {\n    color: hsl(355, 65%, 65%);\n  }\n\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-2,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-6,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-10 {\n    color: hsl(95, 38%, 62%);\n  }\n\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-3,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-7,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-11 {\n    color: hsl(207, 82%, 66%);\n  }\n\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-4,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-8,\n  html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-12 {\n    color: hsl(286, 60%, 67%);\n  }\n\n  /* Diff Highlight plugin overrides */\n  /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */\n  html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix),\n  html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) {\n    background-color: hsla(353, 100%, 66%, 0.15);\n  }\n\n  html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::-moz-selection,\n  html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::-moz-selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {\n    background-color: hsla(353, 95%, 66%, 0.25);\n  }\n\n  html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::selection,\n  html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::selection {\n    background-color: hsla(353, 95%, 66%, 0.25);\n  }\n\n  html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix),\n  html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) {\n    background-color: hsla(137, 100%, 55%, 0.15);\n  }\n\n  html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::-moz-selection,\n  html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::-moz-selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {\n    background-color: hsla(135, 73%, 55%, 0.25);\n  }\n\n  html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::selection,\n  html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::selection,\n  html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::selection {\n    background-color: hsla(135, 73%, 55%, 0.25);\n  }\n\n  /* Previewers plugin overrides */\n  /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-dark-ui */\n  /* Border around popup */\n  html.theme-dark .prism-previewer.prism-previewer:before,\n  html.theme-dark .prism-previewer-gradient.prism-previewer-gradient div {\n    border-color: hsl(224, 13%, 17%);\n  }\n\n  /* Angle and time should remain as circles and are hence not included */\n  html.theme-dark .prism-previewer-color.prism-previewer-color:before,\n  html.theme-dark .prism-previewer-gradient.prism-previewer-gradient div,\n  html.theme-dark .prism-previewer-easing.prism-previewer-easing:before {\n    border-radius: 0.3em;\n  }\n\n  /* Triangles pointing to the code */\n  html.theme-dark .prism-previewer.prism-previewer:after {\n    border-top-color: hsl(224, 13%, 17%);\n  }\n\n  html.theme-dark .prism-previewer-flipped.prism-previewer-flipped.after {\n    border-bottom-color: hsl(224, 13%, 17%);\n  }
1128\n\n  /* Background colour within the popup */\n  html.theme-dark .prism-previewer-angle.prism-previewer-angle:before,\n  html.theme-dark .prism-previewer-time.prism-previewer-time:before,\n  html.theme-dark .prism-previewer-easing.prism-previewer-easing {\n    background: hsl(219, 13%, 22%);\n  }\n\n  /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */\n  /* For time, this is the alternate colour */\n  html.theme-dark .prism-previewer-angle.prism-previewer-angle circle,\n  html.theme-dark .prism-previewer-time.prism-previewer-time circle {\n    stroke: hsl(220, 14%, 71%);\n    stroke-opacity: 1;\n  }\n\n  /* Stroke colours of the handle, direction point, and vector itself */\n  html.theme-dark .prism-previewer-easing.prism-previewer-easing circle,\n  html.theme-dark .prism-previewer-easing.prism-previewer-easing path,\n  html.theme-dark .prism-previewer-easing.prism-previewer-easing line {\n    stroke: hsl(220, 14%, 71%);\n  }\n\n  /* Fill colour of the handle */\n  html.theme-dark .prism-previewer-easing.prism-previewer-easing circle {\n    fill: transparent;\n  }\n  \n  2c:T46e0,\n    :root {\n      --color-text-default: rgb(55, 53, 47);\n      --color-text-default-light: rgba(55, 53, 47, 0.6);\n      --color-text-gray: rgb(155, 154, 151);\n      --color-text-brown: rgb(100, 71, 58);\n      --color-text-orange: rgb(217, 115, 13);\n      --color-text-yellow: rgb(223, 171, 1);\n      --color-text-green: rgb(15, 123, 108);\n      --color-text-blue: rgb(11, 110, 153);\n      --color-text-purple: rgb(105, 64, 165);\n      --color-text-pink: rgb(173, 26, 114);\n      --color-text-red: rgb(224, 62, 62);\n\n      --color-bg-default: rgb(255, 255, 255);\n      --color-bg-gray: rgb(235, 236, 237);\n      --color-bg-brown: rgb(233, 229, 227);\n      --color-bg-orange: rgb(250, 235, 221);\n      --color-bg-yellow: rgb(251, 243, 219);\n      --color-bg-green: rgb(221, 237, 234);\n      --color-bg-blue: rgb(221, 235, 241);\n      --color-bg-purple: rgb(234, 228, 242);\n      --color-bg-pink: rgb(244, 223, 235);\n      --color-bg-red: rgb(251, 228, 228);\n\n      --color-bg-gray-light: rgba(235, 236, 237, 0.3);\n      --color-bg-brown-light: rgba(233, 229, 227, 0.3);\n      --color-bg-orange-light: rgba(250, 235, 221, 0.3);\n      --color-bg-yellow-light: rgba(251, 243, 219, 0.3);\n      --color-bg-green-light: rgba(221, 237, 234, 0.3);\n      --color-bg-blue-light: rgba(221, 235, 241, 0.3);\n      --color-bg-purple-light: rgba(234, 228, 242, 0.3);\n      --color-bg-pink-light: rgba(244, 223, 235, 0.3);\n      --color-bg-red-light: rgba(251, 228, 228, 0.3);\n\n      --color-pill-default: rgba(206, 205, 202, 0.5);\n      --color-pill-gray: rgba(155, 154, 151, 0.4);\n      --color-pill-brown: rgba(140, 46, 0, 0.2);\n      --color-pill-orange: rgba(245, 93, 0, 0.2);\n      --color-pill-yellow: rgba(233, 168, 0, 0.2);\n      --color-pill-green: rgba(0, 135, 107, 0.2);\n      --color-pill-blue: rgba(0, 120, 223, 0.2);\n      --color-pill-purple: rgba(103, 36, 222, 0.2);\n      --color-pill-pink: rgba(221, 0, 129, 0.2);\n      --color-pill-red: rgba(255, 0, 26, 0.2);\n\n      --color-ui-hover-bg: rgba(239, 239, 239);\n      --color-card-bg: rgb(255, 255, 255);\n      --color-checkbox-bg: rgb(46, 170, 220);;\n      --color-border-default: rgba(235, 236, 237, 0.8);\n      --color-border-dark: rgba(55, 53, 47, 0.16);\n      --color-code-bg: rgba(239, 239, 239);\n\n      /*Scrollbar*/\n      --scrollbar-background-color: #fafafa;\n      --scrollbar-thumb-color: #c1c1c1;\n      --scrollbar-border-color: #e8e8e8;\n\n      --navbar-text-color: var(--color-text-default);\n      --navbar-background-color: var(--color-bg-default);\n      --navbar-button-text-color: var(--color-text-default);\n      --navbar-button-background-color: var(--color-bg-default);\n      --navbar-menu-background-color: var(--navbar-background-color);\n\n      --footer-text-color: var(--color-text-default);\n      --footer-background-color: var(--color-bg-default);\n      --color-calendar-weekend-bg: #f7f6f3;\n    }\n\n    \n  /**\n   * One Light theme for prism.js\n   * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax\n   */\n  \n  /**\n   * One Light colours (accurate as of commit eb064bf on 19 Feb 2021)\n   * From colors.less\n   * --mono-1: hsl(230, 8%, 24%);\n   * --mono-2: hsl(230, 6%, 44%);\n   * --mono-3: hsl(230, 4%, 64%)\n   * --hue-1: hsl(198, 99%, 37%);\n   * --hue-2: hsl(221, 87%, 60%);\n   * --hue-3: hsl(301, 63%, 40%);\n   * --hue-4: hsl(119, 34%, 47%);\n   * --hue-5: hsl(5, 74%, 59%);\n   * --hue-5-2: hsl(344, 84%, 43%);\n   * --hue-6: hsl(35, 99%, 36%);\n   * --hue-6-2: hsl(35, 99%, 40%);\n   * --syntax-fg: hsl(230, 8%, 24%);\n   * --syntax-bg: hsl(230, 1%, 98%);\n   * --syntax-gutter: hsl(230, 1%, 62%);\n   * --syntax-guide: hsla(230, 8%, 24%, 0.2);\n   * --syntax-accent: hsl(230, 100%, 66%);\n   * From syntax-variables.less\n   * --syntax-selection-color: hsl(230, 1%, 90%);\n   * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%);\n   * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05);\n   */\n  \n  html.theme-light code[class*=\"language-\"],\n  html.theme-light pre[class*=\"language-\"] {\n    color: hsl(230, 8%, 24%);\n    font-family: \"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n    direction: ltr;\n    text-align: left;\n    white-space: pre;\n    word-spacing: normal;\n    word-break: normal;\n    line-height: 1.5;\n    -moz-tab-size: 2;\n    -o-tab-size: 2;\n    tab-size: 2;\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n  }\n  \n  /* Selection */\n  html.theme-light code[class*=\"language-\"]::-moz-selection,\n  html.theme-light code[class*=\"language-\"] *::-moz-selection,\n  html.theme-light pre[class*=\"language-\"] *::-moz-selection {\n    background: hsl(230, 1%, 90%);\n    color: inherit;\n  }\n  \n  html.theme-light code[class*=\"language-\"]::selection,\n  html.theme-light code[class*=\"language-\"] *::selection,\n  html.theme-light pre[class*=\"language-\"] *::selection {\n    background: hsl(230, 1%, 90%);\n    color: inherit;\n  }\n  \n  /* Code blocks */\n  html.theme-light pre[class*=\"language-\"] {\n    padding: 1em;\n    margin: 0.5em 0;\n    overflow: auto;\n    border-radius: 0.3em;\n  }\n  \n  /* Inline code */\n  html.theme-light :not(pre) \u003e code[class*=\"language-\"] {\n    padding: 0.2em 0.3em;\n    border-radius: 0.3em;\n    white-space: normal;\n  }\n  \n  html.theme-light .token.comment,\n  html.theme-light .token.prolog,\n  html.theme-light .token.cdata {\n    color: hsl(230, 4%, 64%);\n  }\n  \n  html.theme-light .token.doctype,\n  html.theme-light .token.punctuation,\n  html.theme-light .token.entity {\n    color: hsl(230, 8%, 24%);\n  }\n  \n  html.theme-light .token.attr-name,\n  html.theme-light .token.class-name,\n  html.theme-light .token.boolean,\n  html.theme-light .token.constant,\n  html.theme-light .token.number,\n  html.theme-light .token.atrule {\n    color: hsl(35, 99%, 36%);\n  }\n  \n  html.theme-light .token.keyword {\n    color: hsl(301, 63%, 40%);\n  }\n  \n  html.theme-light .token.property,\n  html.theme-light .token.tag,\n  html.theme-light .token.symbol,\n  html.theme-light .token.deleted,\n  html.theme-light .token.important {\n    color: hsl(5, 74%, 59%);\n  }\n  \n  html.theme-light .token.selector,\n  html.theme-light .token.string,\n  html.theme-light .token.char,\n  html.theme-light .token.builtin,\n  html.theme-light .token.inserted,\n  html.theme-light .token.regex,\n  html.theme-light .token.attr-value,\n  html.theme-light .token.attr-value \u003e .token.punctuation {\n    color: hsl(119, 34%, 47%);\n  }\n  \n  html.theme-light .token.variable,\n  html.theme-light .token.operator,\n  html.theme-light .token.function {\n    color: hsl(221, 87%, 60%);\n  }\n  \n  html.theme-light .token.url {\n    color: hsl(198, 99%, 37%);\n  }\n  \n  /* HTML overrides */\n  html.theme-light .token.attr-value \u003e .token.punctuation.attr-equals,\n  html.theme-light .token.special-attr \u003e .token.attr-value \u003e .token.value.css {\n    color: hsl(230, 8%, 24%);\n  }\n  \n  /* CSS overrides */\n  html.theme-light .language-css .token.selector {\n    color: hsl(5, 74%, 59%);\n  }\n  \n  html.theme-light .language-css .token.property {\n    color: hsl(230, 8%, 24%);\n  }\n  \n  html.theme-light .language-css .token.function,\n  html.theme-light .language-css .token.url \u003e .token.function {\n    color: hsl(198, 99%, 37%);\n  }\n  \n  html.theme-light .language-css .token.url \u003e .token.string.url {\n    color: hsl(119, 34%, 47%);\n  }\n  \n  html.theme-light .language-css .token.important,\n  html.theme-light .language-css .token.atrule .token.rule {\n    color: hsl(301, 63%, 40%);\n  }\n  \n  /* JS overrides */\n  html.theme-light .language-javascript .token.operator {\n    color: hsl(301, 63%, 40%);\n  }\n  \n  html.theme-light .language-javascript .token.template-string \u003e .token.interpolation \u003e .token.interpolation-punctuation.punctuation {\n    color: hsl(344, 84%, 43%);\n  }\n  \n  /* JSON overrides */\n  html.theme-light .language-json .token.operator {\n    color: hsl(230, 8%, 24%);\n  }\n  \n  html.theme-light .language-json .token.null.keyword {\n    color: hsl(35, 99%, 36%);\n  }\n  \n  /* MD overrides */\n  html.theme-light .language-markdown .token.url,\n  html.theme-light .language-markdown .token.url \u003e .token.operator,\n  html.theme-light .language-markdown .token.url-reference.url \u003e .token.string {\n    color: hsl(230, 8%, 24%);\n  }\n  \n  html.theme-light .language-markdown .token.url \u003e .token.content {\n    color: hsl(221, 87%, 60%);\n  }\n  \n  html.theme-light .language-markdown .token.url \u003e .token.url,\n  html.theme-light .language-markdown .token.url-reference.url {\n    color: hsl(198, 99%, 37%);\n  }\n  \n  html.theme-light .language-markdown .token.blockquote.punctuation,\n  html.theme-light .language-markdown .token.hr.punctuation {\n    color: hsl(230, 4%, 64%);\n    font-style: italic;\n  }\n  \n  html.theme-light .language-markdown .token.code-snippet {\n    color: hsl(119, 34%, 47%);\n  }\n  \n  html.theme-light .language-markdown .token.bold .token.content {\n    color: hsl(35, 99%, 36%);\n  }\n  \n  html.theme-light .language-markdown .token.italic .token.content {\n    color: hsl(301, 63%, 40%);\n  }\n  \n  html.theme-light .language-markdown .token.strike .token.content,\n  html.theme-light .language-markdown .token.strike .token.punctuation,\n  html.theme-light .language-markdown .token.list.punctuation,\n  html.theme-light .language-markdown .token.title.important \u003e .token.punctuation {\n    color: hsl(5, 74%, 59%);\n  }\n  \n  /* General */\n  html.theme-light .token.bold {\n    font-weight: bold;\n  }\n  \n  html.theme-light .token.comment,\n  html.theme-light .token.italic {\n    font-style: italic;\n  }\n  \n  html.theme-light .token.entity {\n    cursor: help;\n  }\n  \n  html.theme-light .token.namespace {\n    opacity: 0.8;\n  }\n  \n  /* Plugin overrides */\n  /* Selectors should have higher specificity than those in the plugins' default stylesheets */\n  \n  /* Show Invisibles plugin overrides */\n  html.theme-light .token.token.tab:not(:empty):before,\n  html.theme-light .token.token.cr:before,\n  html.theme-light .token.token.lf:before,\n  html.theme-light .token.token.space:before {\n    color: hsla(230, 8%, 24%, 0.2);\n  }\n  \n  /* Toolbar plugin overrides */\n  /* Space out all buttons and move them away from the right edge of the code block */\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item {\n    margin-right: 0.4em;\n  }\n  \n  /* Styling the buttons */\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span {\n    background: hsl(230, 1%, 90%);\n    color: hsl(230, 6%, 44%);\n    padding: 0.1em 0.4em;\n    border-radius: 0.3em;\n  }\n  \n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:hover,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:focus,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:hover,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:focus,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:hover,\n  html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:focus {\n    background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */\n    color: hsl(230, 8%, 24%);\n  }\n  \n  /* Line Highlight plugin overrides */\n  /* The highlighted line itself */\n  html.theme-light .line-highlight.line-highlight {\n    background: hsla(230, 8%, 24%, 0.05);\n  }\n  \n  /* Default line numbers in Line Highlight plugin */\n  html.theme-light .line-highlight.line-highlight:before,\n  html.theme-light .line-highlight.line-highlight[data-end]:after {\n    background: hsl(230, 1%, 90%);\n    color: hsl(230, 8%, 24%);\n    padding: 0.1em 0.6em;\n    border-radius: 0.3em;\n    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */\n  }\n  \n  /* Hovering over a linkable line number (in the gutter area) */\n  /* Requires Line Numbers plugin as well */\n  html.theme-light pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows \u003e span:hover:before {\n    background-color: hsla(230, 8%, 24%, 0.05);\n  }\n  \n  /* Line Numbers and Command Line plugins overrides */\n  /* Line separating gutter from coding area */\n  html.theme-light .line-numbers.line-numbers .line-numbers-rows,\n  html.theme-light .command-line .command-line-prompt {\n    border-right-color: hsla(230, 8%, 24%, 0.2);\n  }\n  \n  /* Stuff in the gutter */\n  html.theme-light .line-numbers .line-numbers-rows \u003e span:before,\n  html.theme-light .command-line .command-line-prompt \u003e span:before {\n    color: hsl(230, 1%, 62%);\n  }\n  \n  /* Match Braces plugin overrides */\n  /* Note: Outline colour is inherited from the braces */\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-1,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-5,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-9 {\n    color: hsl(5, 74%, 59%);\n  }\n  \n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-2,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-6,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-10 {\n    color: hsl(119, 34%, 47%);\n  }\n  \n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-3,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-7,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-11 {\n    color: hsl(221, 87%, 60%);\n  }\n  \n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-4,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-8,\n  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-12 {\n    color: hsl(301, 63%, 40%);\n  }\n  \n  /* Diff Highlight plugin overrides */\n  /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */\n  html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix),\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) {\n    background-color: hsla(353, 100%, 66%, 0.15);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::-moz-selection,\n  html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::-moz-selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {\n    background-color: hsla(353, 95%, 66%, 0.25);\n  }\n  \n  html.theme-light pre.diff-highlight \u003
1128e code .token.token.deleted:not(.prefix)::selection,\n  html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::selection {\n    background-color: hsla(353, 95%, 66%, 0.25);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix),\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) {\n    background-color: hsla(137, 100%, 55%, 0.15);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::-moz-selection,\n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::-moz-selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {\n    background-color: hsla(135, 73%, 55%, 0.25);\n  }\n  \n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::selection,\n  html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::selection,\n  html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::selection {\n    background-color: hsla(135, 73%, 55%, 0.25);\n  }\n  \n  /* Previewers plugin overrides */\n  /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-light-ui */\n  /* Border around popup */\n  html.theme-light .prism-previewer.prism-previewer:before,\n  html.theme-light .prism-previewer-gradient.prism-previewer-gradient div {\n    border-color: hsl(0, 0, 95%);\n  }\n  \n  /* Angle and time should remain as circles and are hence not included */\n  html.theme-light .prism-previewer-color.prism-previewer-color:before,\n  html.theme-light .prism-previewer-gradient.prism-previewer-gradient div,\n  html.theme-light .prism-previewer-easing.prism-previewer-easing:before {\n    border-radius: 0.3em;\n  }\n  \n  /* Triangles pointing to the code */\n  html.theme-light .prism-previewer.prism-previewer:after {\n    border-top-color: hsl(0, 0, 95%);\n  }\n  \n  html.theme-light .prism-previewer-flipped.prism-previewer-flipped.after {\n    border-bottom-color: hsl(0, 0, 95%);\n  }\n  \n  /* Background colour within the popup */\n  html.theme-light .prism-previewer-angle.prism-previewer-angle:before,\n  html.theme-light .prism-previewer-time.prism-previewer-time:before,\n  html.theme-light .prism-previewer-easing.prism-previewer-easing {\n    background: hsl(0, 0%, 100%);\n  }\n  \n  /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */\n  /* For time, this is the alternate colour */\n  html.theme-light .prism-previewer-angle.prism-previewer-angle circle,\n  html.theme-light .prism-previewer-time.prism-previewer-time circle {\n    stroke: hsl(230, 8%, 24%);\n    stroke-opacity: 1;\n  }\n  \n  /* Stroke colours of the handle, direction point, and vector itself */\n  html.theme-light .prism-previewer-easing.prism-previewer-easing circle,\n  html.theme-light .prism-previewer-easing.prism-previewer-easing path,\n  html.theme-light .prism-previewer-easing.prism-previewer-easing line {\n    stroke: hsl(230, 8%, 24%);\n  }\n  \n  /* Fill colour of the handle */\n  html.theme-light .prism-previewer-easing.prism-previewer-easing circle {\n    fill: transparent;\n  }\n  \n  22:[\"$\",\"$L28\",null,{\"settings\":\"$1c:props:children:0:props:settings\",\"isPreview\":false,\"global\":\"$29\",\"light\":\"$2a\",\"dark\":\"$2b\",\"legacy\":\"$2c\",\"children\":[\"$L2d\",null]}]\n23:[\"$\",\"$L2e\",null,{}]\n24:[\"$\",\"$L2f\",null,{}]\n25:[\"$\",\"$L30\",null,{}]\n26:[\"$\",\"$L31\",null,{\"sampleRate\":0.3}]\n"])</script>
1128<script>self.__next_f.push([1,"32:I[613744,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"ErrorBoundary\"]\n33:I[325618,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"PasswordPageLayoutProvider\"]\n34:I[183555,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"NavigationContent\"]\n35:I[713503,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/2ggeb0g51xxjo.js\"],\"default\"]\n2d:[\"$\",\"div\",null,{\"className\":\"super-root\",\"children\":[[\"$\",\"$L32\",null,{\"children\":[null,[[\"$\",\"$1\",\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::6eeec831-41c1-472b-98e0-79889ec32729\",{\"children\":[\"\\r\\n\",[\"$\",\"a\",\"2\",{\"className\":\"scroll-top-btn\",\"href\":\"#top\",\"aria-label\":\"Scroll to top\",\"children\":[\"\\r\\n  \",[\"$\",\"span\",\"1\",{\"className\":\"scroll-top-btn__icon\",\"children\":\"↑\"}],\"\\r\\n\"]}],\"\\r\\n\\r\\n\",[\"$\",\"style\",\"4\",{\"dangerouslySetInnerHTML\":{\"__html\":\"\\r\\nhtml { scroll-behavior: smooth; }\\r\\n\\r\\n.scroll-top-btn{\\r\\n  position: fixed;\\r\\n  right: 14px;\\r\\n  bottom: 14px;\\r\\n  z-index: 2147483647;\\r\\n\\r\\n  width: 44px;\\r\\n  height: 44px;\\r\\n  border-radius: 12px;\\r\\n\\r\\n  display: inline-flex;\\r\\n  align-items: center;\\r\\n  justify-content: center;\\r\\n\\r\\n  background: #111;\\r\\n  color: #fff;\\r\\n  text-decoration: none;\\r\\n\\r\\n  box-shadow: 0 10px 30px rgba(0,0,0,.18);\\r\\n}\\r\\n\\r\\n.scroll-top-btn:hover{\\r\\n  background: #000;\\r\\n}\\r\\n\\r\\n.scroll-top-btn__icon{\\r\\n  font-size: 20px;\\r\\n  line-height: 1;\\r\\n}\\r\\n\"},\"children\":null}],\"\\r\\n\\r\\n\",[\"$\",\"$L27\",\"6\",{\"id\":\"body-script-6eeec831-41c1-472b-98e0-79889ec32729-11\",\"strategy\":\"afterInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\r\\n(function () {\\r\\n  // If Super ever injects this code more than once, remove duplicates.\\r\\n  document.querySelectorAll('.scroll-top-btn').forEach((el, i) =\u003e {\\r\\n    if (i \u003e 0) el.remove();\\r\\n  });\\r\\n\\r\\n  const btn = document.querySelector('.scroll-top-btn');\\r\\n  if (!btn) return;\\r\\n\\r\\n  btn.addEventListener('click', function (e) {\\r\\n    e.preventDefault();\\r\\n    window.scrollTo({ top: 0, behavior: 'smooth' });\\r\\n  });\\r\\n})();\\r\\n\"}}]]}]]]}],[\"$\",\"$L33\",null,{\"children\":[\"$\",\"$L34\",null,{\"settings\":\"$1c:props:children:0:props:settings\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$35\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2ggeb0g51xxjo.js\",\"async\":true}]],\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$L36\",[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}]\n"])</script>
1128<script>self.__next_f.push([1,"37:I[208077,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"ErrorPage\"]\n36:[\"$\",\"$L37\",null,{\"type\":\"notfound\"}]\n"])</script>
1128<script>self.__next_f.push([1,"38:I[23131,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"PageProvider\"]\n5:[\"$\",\"$L38\",null,{\"pageReplacement\":\"$undefined\",\"getWebVital\":false,\"pageId\":\"about\",\"records\":{\"__version__\":3,\"block\":{\"about\":{\"id\":\"about\",\"children\":[\"3264d4a52ea880ad9bbac1e8ea551b25\",\"3264d4a52ea8800da3b3f48647bf1aba\",\"3324d4a52ea880aeb1f6d946049639d4\",\"3324d4a52ea8806e9276f10a88a4adfc\",\"3324d4a52ea88052b5ebde9081788011\",\"32d4d4a52ea88069a88df6d19c6c7805\",\"32d4d4a52ea880348eade065e36e4e68\",\"32d4d4a52ea880628becc236f3195a49\",\"32d4d4a52ea880d6886ee8aebd0bf875\"],\"hasContent\":true,\"parentId\":\"8734d4a52ea882dbbd388147464c7ad7\",\"title\":[[\"About\"]],\"updatedAt\":1774769652725,\"type\":\"page\",\"spaceId\":\"bb4d9c8f-cf5e-4ae8-afb0-db801fb752dc\",\"createdTime\":1773539827883,\"lastEditedTime\":1774769652725,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\"}]}],\"uri\":\"/about\",\"fullWidth\":false,\"smallText\":false,\"noCover\":true,\"superProperties\":{},\"propertyValues\":{},\"blockId\":\"d3d4d4a5-2ea8-8369-b611-01ee19f11fef\"},\"3264d4a52ea880ad9bbac1e8ea551b25\":{\"id\":\"3264d4a52ea880ad9bbac1e8ea551b25\",\"children\":[],\"hasContent\":false,\"parentId\":\"about\",\"title\":null,\"updatedAt\":1774330685275,\"type\":\"image\",\"source\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/198c960a-8676-4a15-a352-d1503129eb9a/untitled_design_-10/public\",\"altText\":null,\"isCaptionLink\":false,\"link\":null,\"width\":288,\"height\":280,\"alignment\":\"left\",\"fullWidth\":false,\"pageWidth\":false,\"aspectRatio\":1,\"preserveScale\":true},\"3264d4a52ea8800da3b3f48647bf1aba\":{\"id\":\"3264d4a52ea8800da3b3f48647bf1aba\",\"children\":[],\"hasContent\":false,\"parentId\":\"about\",\"title\":[[\"Flowstate by Thomas\"]],\"updatedAt\":1774066353150,\"type\":\"text\"},\"3324d4a52ea880aeb1f6d946049639d4\":{\"id\":\"3324d4a52ea880aeb1f6d946049639d4\",\"children\":[],\"hasContent\":false,\"parentId\":\"about\",\"title\":[[\"It started as a mess of Apple Notes. In early 2025, I was using it to store everything like ideas, tasks, and workouts, but there was no real structure. I constantly felt overwhelmed and would forget things I needed to do. Everything was scattered and hard to keep up with.\"]],\"updatedAt\":1774769538464,\"type\":\"text\"},\"3324d4a52ea8806e9276f10a88a4adfc\":{\"id\":\"3324d4a52ea8806e9276f10a88a4adfc\",\"children\":[],\"hasContent\":false,\"parentId\":\"about\",\"title\":[],\"updatedAt\":1774769539417,\"type\":\"text\"},\"3324d4a52ea88052b5ebde9081788011\":{\"id\":\"3324d4a52ea88052b5ebde9081788011\",\"children\":[],\"hasContent\":false,\"parentId\":\"about\",\"title\":[[\"Switching to Notion changed that. What started as a simple system to organize my own life quickly turned into something more, a genuine passion for building tools that help others do the same.\"]],\"updatedAt\":1774769669638,\"type\":\"text\"},\"32d4d4a52ea88069a88df6d19c6c7805\":{\"id\":\"32d4d4a52ea88069a88df6d19c6c7805\",\"children\":[],\"hasContent\":false,\"parentId\":\"about\",\"title\":[],\"updatedAt\":1774392205022,\"type\":\"text\"},\"32d4d4a52ea880348eade065e36e4e68\":{\"id\":\"32d4d4a52ea880348eade065e36e4e68\",\"children\":[],\"hasContent\":false,\"parentId\":\"about\",\"title\":[[\"Today, I use Notion to run everything: work, workouts, finances, and this business. I’ve always been drawn to continuous improvement, inspired by the Japanese philosophy of kaizen. I’m constantly working to get better in every area of my life, and Notion has become the system that helps me stay organized and track that progress.\"]],\"updatedAt\":1774320282262,\"type\":\"text\"},\"32d4d4a52ea880628becc236f3195a49\":{\"id\":\"32d4d4a52ea880628becc236f3195a49\",\"children\":[],\"hasContent\":false,\"parentId\":\"about\",\"title\":[],\"updatedAt\":1774392206522,\"type\":\"text\"},\"32d4d4a52ea880d6886ee8aebd0bf875\":{\"id\":\"32d4d4a52ea880d6886ee8aebd0bf875\",\"children\":[],\"hasContent\":false,\"parentId\":\"about\",\"title\":[[\"Every template I create is something I’ve personally used, tested, and refined. If you’re looking for a simpler, more organized way to stay on top of your life, welcome.\"]],\"updatedAt\":1774320282262,\"type\":\"text\"},\"1c84d4a52ea882db8b410195ab64e799\":{\"id\":\"1c84d4a52ea882db8b410195ab64e799\",\"children\":[],\"hasContent\":true,\"parentId\":\"bb4d9c8fcf5e4ae8afb0db801fb752dc\",\"title\":[[\"Flowstateos.co\"]],\"updatedAt\":1788207293020,\"type\":\"page\",\"spaceId\":\"bb4d9c8f-cf5e-4ae8-afb0-db801fb752dc\",\"icon\":\"/icons/laptop_gray.svg\",\"createdTime\":1773539821984,\"lastEditedTime\":1788207293020,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\"}]}],\"description\":null,\"uri\":\"/1c84d4a52ea882db8b410195ab64e799\",\"blockId\":\"1c84d4a5-2ea8-82db-8b41-0195ab64e799\"},\"8734d4a52ea882dbbd388147464c7ad7\":{\"id\":\"8734d4a52ea882dbbd388147464c7ad7\",\"children\":[\"4dc4d4a52ea8839f806d018495c7e4fb\",\"3044d4a52ea883d6b886017130281d4a\",\"2244d4a52ea882d6901a818e74d20b56\",\"0ed4d4a52ea8838394e0016d2c7c3ef8\",\"32d4d4a52ea88037856ef49236436c40\",\"3344d4a52ea8805f9586e63d883b8ed9\",\"about\"],\"hasContent\":true,\"parentId\":\"7c14d4a52ea883be9c5381172e96cac9\",\"title\":null,\"updatedAt\":1774996824328,\"type\":\"column\",\"ratio\":0.6875},\"7c14d4a52ea883be9c5381172e96cac9\":{\"id\":\"7c14d4a52ea883be9c5381172e96cac9\",\"children\":[\"6cf4d4a52ea883bfbce5018cb5ba0e1e\",\"8734d4a52ea882dbbd388147464c7ad7\"],\"hasContent\":true,\"parentId\":\"1f14d4a52ea882eba84a01b71f3f189c\",\"title\":null,\"updatedAt\":1773539821955,\"type\":\"column_list\",\"multiplyer\":1,\"fullWidth\":false,\"pageWidth\":false},\"1f14d4a52ea882eba84a01b71f3f189c\":{\"id\":\"1f14d4a52ea882eba84a01b71f3f189c\",\"children\":[\"1ea4d4a52ea882138cc7019955ff217b\",\"91a4d4a52ea882a294ca01f04e840f75\",\"3294d4a52ea882f9b9f381c78044c971\",\"6d24d4a52ea88212b4e3014163119a4f\",\"7c14d4a52ea883be9c5381172e96cac9\",\"0054d4a52ea8835aac8881b8318ab117\",\"36b4d4a52ea882f6a67b8111b0c1ad6d\",\"fd24d4a52ea8831196a20164cac2ff8c\",\"0844d4a52ea88304b7a0019c52b159d1\"],\"hasContent\":true,\"parentId\":\"1c84d4a52ea882db8b410195ab64e799\",\"title\":[[\"🎛 \"],[\"Control panel (This is hidden from your site)\",[[\"b\",null]]]],\"updatedAt\":1773615821825,\"type\":\"toggle\",\"subType\":null,\"depth\":null,\"color\":\"BgBrown\"}},\"form_question\":{},\"entity\":{},\"pageId\":\"d3d4d4a52ea88369b61101ee19f11fef\",\"pagesToCreate\":[]}
1128,\"settings\":{\"siteId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea\",\"userId\":\"a651d4c8-8cf0-42a8-86af-1678543e3ebe\",\"domainName\":\"flowstateos.co\",\"name\":\"Flowstateos.co\",\"active\":true,\"free\":false,\"tier\":\"personal\",\"favicon\":\"https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/favicon/cb9c2da2-1293-4b30-926d-3bb39c92e818.png\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":[],\"notionPage\":\"1c84d4a52ea882db8b410195ab64e799\",\"indexPageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::ff315dee-68c8-40d2-8c4a-bc53d605057b\",\"pageProperties\":true,\"hidePageProperties\":false,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"floatingTableOfContents\":false,\"siteSearch\":false,\"advancedSearch\":false,\"themeToggle\":false,\"mondayFirst\":false,\"loadLimits\":false,\"hidePersonInfo\":true,\"showPropertyIcons\":true,\"filterRedirectsFromSearch\":false,\"googleAnalyticsId\":\"G-SLDZQQ05EL\",\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":false,\"membershipEnabled\":false,\"membershipConfigured\":false,\"suppressLoginEmail\":false,\"indexMembershipTierIds\":null,\"navbar\":{\"type\":\"balanced\",\"style\":{\"height\":56,\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\",\"ctaTextColor\":\"var(--color-text-default)\",\"ctaBackgroundColor\":\"var(--color-bg-default)\",\"isSticky\":true,\"shadow\":{\"type\":\"none\",\"color\":\"rgba(0,0,0,1)\",\"opacity\":12}},\"links\":[{\"id\":\"1b8de41d-d364-4858-a3b5-47c6265bd843\",\"type\":\"page\",\"label\":\"Templates\",\"link\":\"/templates\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::b95d8612-f578-4f2d-bf51-0b08582eec33\",\"icon\":\"\",\"list\":[]},{\"id\":\"784079e2-9a1c-4ba6-84ab-0dbca6d67318\",\"type\":\"page\",\"label\":\"Tools\",\"link\":\"/tools\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::a88cca10-72d7-4f1f-8241-6d7d443b2888\",\"icon\":\"\",\"list\":[]},{\"id\":\"0d0e2f59-fc0d-4b51-8b85-bfe8c2291335\",\"type\":\"page\",\"label\":\"Notion Builders Partner\",\"link\":\"/notion-builders-program-partner\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::b1cb17dd-f831-4317-acb8-e3a4c1179a2c\",\"icon\":\"\",\"list\":[]},{\"id\":\"a993f2bd-7790-4682-8c2d-c5ec317670e3\",\"type\":\"url\",\"label\":\"Notion Marketplace\",\"link\":\"https://www.notion.com/@flowstate_os\",\"icon\":\"\",\"list\":[]},{\"id\":\"292f6b63-ab9a-4090-9a69-fef08bdc388b\",\"type\":\"page\",\"label\":\"About\",\"link\":\"/about\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::2bf43460-dd8f-4928-a25f-fbf8eca4bf78\",\"list\":[]}],\"logo\":{\"type\":\"image\",\"width\":140,\"fontSize\":16,\"textContent\":\"Flowstateos.co\",\"imageContent\":\"https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/logo/c50e129c-1da9-4e89-9bd0-37753af02f4b.png\",\"imageContentDark\":null,\"disabled\":false},\"cta\":{\"type\":\"page\",\"label\":\"Flowstate OS\",\"link\":\"/templates-db/flowstate-os\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::e8555b46-d620-467a-8e34-91bedb887a2e\"},\"isSticky\":true,\"breadcrumbs\":false},\"footer\":{\"type\":\"corners\",\"style\":{\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\"},\"links\":[{\"id\":\"1b8de41d-d364-4858-a3b5-47c6265bd843\",\"type\":\"page\",\"label\":\"Templates\",\"link\":\"/templates\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::b95d8612-f578-4f2d-bf51-0b08582eec33\",\"icon\":\"\",\"list\":[]},{\"id\":\"784079e2-9a1c-4ba6-84ab-0dbca6d67318\",\"type\":\"page\",\"label\":\"Tools\",\"link\":\"/tools\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::a88cca10-72d7-4f1f-8241-6d7d443b2888\",\"icon\":\"\",\"list\":[]},{\"id\":\"a993f2bd-7790-4682-8c2d-c5ec317670e3\",\"type\":\"url\",\"label\":\"Notion Marketplace\",\"link\":\"https://www.notion.com/@flowstate_os\",\"icon\":\"\",\"list\":[]},{\"id\":\"8216689c-b06c-42f1-91d5-d68a34017213\",\"type\":\"page\",\"label\":\"Template Support\",\"link\":\"/template-support\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::75a7642b-5334-4dfd-b994-6813b35333a0\",\"icon\":\"\",\"list\":[]},{\"id\":\"292f6b63-ab9a-4090-9a69-fef08bdc388b\",\"type\":\"page\",\"label\":\"About\",\"link\":\"/about\",\"pageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::2bf43460-dd8f-4928-a25f-fbf8eca4bf78\",\"list\":[]}],\"logo\":{\"type\":\"image\",\"width\":140,\"fontSize\":16,\"textContent\":\"Flowstateos.co\",\"imageContent\":\"https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/logo/c50e129
1128c-1da9-4e89-9bd0-37753af02f4b.png\",\"imageContentDark\":null,\"disabled\":false},\"socials\":[{\"type\":\"youtube\",\"link\":\"https://www.youtube.com/@flowstateos-co\"},{\"type\":\"instagram\",\"link\":\"https://www.instagram.com/flowstateos.co\"}],\"footnote\":\"© 2026 Flowstate. Independently operated and not officially associated with or maintained by Notion.\",\"divider\":false},\"sidebar\":{\"enabled\":false,\"links\":[],\"cta\":[],\"logo\":null,\"searchEnabled\":true},\"theme\":{\"colorMode\":\"light\",\"layout\":{\"paddingLayout\":0.9,\"layoutMaxWidth\":900,\"columnSpacing\":46,\"borderThicknessLayout\":1,\"borderTypeLayout\":\"solid\",\"borderRadiiLayout\":5,\"pageDisplay\":\"flex\"},\"header\":{\"coverHeight\":30,\"titleAlign\":\"center\",\"iconAlign\":\"-112px 0 0 0\",\"display\":\"block\"},\"collectionCard\":{\"gap\":10,\"shadow\":\"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px\",\"coverHeightLarge\":200,\"coverHeightMedium\":200,\"coverHeightSmall\":128,\"titleSize\":0.875,\"coverSizeSmall\":172,\"coverSizeMedium\":260,\"coverSizeLarge\":320,\"iconDisplay\":\"inline-flex\"},\"callout\":{\"iconDisplay\":\"block\",\"shadow\":\"none\"},\"typography\":{\"primaryFont\":\"Inter\",\"secondaryFont\":\"Inter\",\"fonts\":[],\"baseSize\":16,\"titleSize\":2.5,\"headingSize\":1,\"quoteSize\":1.2,\"quoteSizeLarge\":1.4,\"textWeight\":400,\"headingWeight\":600},\"scrollbar\":{\"width\":15},\"navbar\":{\"height\":60,\"shadow\":\"rgba(0, 0, 0, 0.12) 0px 4px 8px -2px\"},\"footer\":{\"height\":0},\"sidebar\":{\"width\":280,\"shadow\":\"rgba(0, 0, 0, 0.12) 4px 0px 8px -2px\"},\"colors\":{\"light\":{\"text\":\"#37352F\",\"textLight\":\"#7d7c78\",\"background\":\"#ffffff\",\"borderColor\":\"#E9E9E7\",\"checkboxBackground\":\"#2EAADC\",\"hoverBackground\":\"#efefef\",\"scrollbar\":{\"background\":\"#FAFAFA\",\"handle\":\"#C1C1C1\",\"border\":\"#E8E8E8\"},\"navbar\":{\"text\":\"#37352F\",\"background\":\"#ffffff\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\",\"hoverBackground\":null},\"footer\":{\"text\":\"#37352F\",\"background\":\"#ffffff\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\"},\"sidebar\":{\"text\":\"#37352F\",\"ctaText\":\"#37352F\",\"background\":\"#ffffff\",\"hoverBackground\":\"#efefef\",\"ctaBackground\":\"#ffffff\",\"border\":\"#E9E9E7\"},\"database\":{\"cardBackground\":\"#ffffff\",\"cardHoverBackground\":\"#f9f9f8\",\"calendarWeekendBackground\":\"#f7f6f3\"},\"default\":[45,8,20],\"gray\":[36,2,46],\"brown\":[19,31,47],\"orange\":[30,87,45],\"yellow\":[38,62,49],\"green\":[149,31,39],\"blue\":[202,53,43],\"purple\":[274,32,54],\"pink\":[328,48,53],\"red\":[2,62,55],\"form\":{\"submitButton\":{\"default\":\"#55534E\",\"gray\":\"#A7A39A\",\"brown\":\"#9A6851\",\"orange\":\"#D9730D\",\"yellow\":\"#CA922F\",\"green\":\"#448361\",\"blue\":\"#327DA9\",\"purple\":\"#8F64AF\",\"pink\":\"#C24C8B\",\"red\":\"#D44E49\"}}},\"dark\":{\"text\":\"#e1e1e1\",\"textLight\":\"#9b9b9b\",\"background\":\"#191919\",\"borderColor\":\"#373737\",\"checkboxBackground\":\"#2EAADC\",\"hoverBackground\":\"#292929\",\"scrollbar\":{\"background\":\"#FAFAFA\",\"handle\":\"#C1C1C1\",\"border\":\"#E8E8E8\"},\"navbar\":{\"text\":\"#e1e1e1\",\"background\":\"#191919\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\",\"hoverBackground\":null},\"footer\":{\"text\":\"#e1e1e1\",\"background\":\"#191919\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\"},\"sidebar\":{\"text\":\"#e1e1e1\",\"ctaText\":\"#e1e1e1\",\"background\":\"#191919\",\"hoverBackground\":\"#292929\",\"ctaBackground\":\"#191919\",\"border\":\"#373737\"},\"database\":{\"cardBackground\":\"#212121\",\"cardHoverBackground\":\"#292929\",\"calendarWeekendBackground\":\"#202020\"},\"form\":{\"submitButton\":{\"default\":\"#55534E\",\"gray\":\"#A7A39A\",\"brown\":\"#9A6851\",\"orange\":\"#D9730D\",\"yellow\":\"#CA922F\",\"green\":\"#448361\",\"blue\":\"#327DA9\",\"purple\":\"#8F64AF\",\"pink\":\"#C24C8B\",\"red\":\"#D44E49\"}},\"default\":[45,8,20],\"gray\":[0,0,61],\"brown\":[18,35,58],\"orange\":[25,54,53],\"yellow\":[38,54,54],\"green\":[146,32,47],\"blue\":[217,50,58],\"purple\":[270,55,62],\"pink\":[329,57,58],\"red\":[
11281,69,60]}}},\"code\":{\"head\":[],\"body\":[],\"style\":[],\"css\":\"\"},\"files\":[],\"hasPassword\":false,\"hasFeed\":false,\"membershipTierIds\":null},\"smallText\":false,\"config\":\"$undefined\",\"pageLocation\":\"/about\",\"passwords\":[],\"styles\":\"\",\"children\":[\"$L39\",\"$L3a\",null]}]\n"])</script>
1128<script>self.__next_f.push([1,"3b:I[618378,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"PageRoot\"]\n3c:I[186656,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"Picture\"]\n3f:I[10042,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/0rr5btioklgf4.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/2z5wb7vhdi3hf.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/41l0cu_krzrbf.js\"],\"PageDetails\"]\n39:[\"$\",\"main\",null,{\"id\":\"page-about\",\"className\":\"super-content page__about parent-page__index\",\"children\":[null,null,null,[\"$\",\"div\",null,{\"className\":\"notion-header page\",\"children\":[[\"$\",\"div\",null,{\"className\":\"notion-header__cover no-cover no-icon\",\"children\":null}],[\"$\",\"div\",null,{\"className\":\"notion-header__content max-width no-cover no-icon\",\"children\":[[\"$\",\"div\",null,{\"className\":\"notion-header__title-wrapper\",\"children\":[null,[\"$\",\"h1\",null,{\"className\":\"notion-header__title\",\"children\":\"About\"}]]}],null]}]]}],[[\"$\",\"$L3b\",\"about\",{\"id\":\"about\",\"children\":[[\"$\",\"div\",\"3264d4a52ea880ad9bbac1e8ea551b25,3264d4a52ea880ad9bbac1e8ea551b25\",{\"id\":\"block-3264d4a52ea880ad9bbac1e8ea551b25\",\"className\":\"notion-image align-start normal\",\"style\":\"$undefined\",\"children\":[[\"$\",\"$L3c\",null,{\"src\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/198c960a-8676-4a15-a352-d1503129eb9a/untitled_design_-10/public\",\"alt\":\"image\",\"width\":288,\"sizes\":\"$undefined\",\"height\":288,\"style\":{\"height\":\"auto\"},\"priority\":\"$undefined\",\"fullSizeSrc\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/198c960a-8676-4a15-a352-d1503129eb9a/untitled_design_-10/public\"}],\"\"]}],[\"$\",\"p\",\"3264d4a52ea8800da3b3f48647bf1aba,3264d4a52ea8800da3b3f48647bf1aba\",{\"id\":\"block-3264d4a52ea8800da3b3f48647bf1aba\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Flowstate by Thomas\",{\"children\":\"Flowstate by Thomas\"}]],\"$undefined\"]}],[\"$\",\"p\",\"3324d4a52ea880aeb1f6d946049639d4,3324d4a52ea880aeb1f6d946049639d4\",{\"id\":\"block-3324d4a52ea880aeb1f6d946049639d4\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-It started as a mess of Apple Notes. In early 2025, I was using it to store everything like ideas, tasks, and workouts, but there was no real structure. I constantly felt overwhelmed and would forget things I needed to do. Everything was scattered and hard to keep up with.\",{\"children\":\"It started as a mess of Apple Notes. In early 2025, I was using it to store everything like ideas, tasks, and workouts, but there was no real structure. I constantly felt overwhelmed and would forget things I needed to do. Everything was scattered and hard to keep up with.\"}]],\"$undefined\"]}],[\"$\",\"div\",\"3324d4a52ea8806e9276f10a88a4adfc,3324d4a52ea8806e9276f10a88a4adfc\",{\"id\":\"block-3324d4a52ea8806e9276f10a88a4adfc\",\"className\":\"notion-text\"}],[\"$\",\"p\",\"3324d4a52ea88052b5ebde9081788011,3324d4a52ea88052b5ebde9081788011\",{\"id\":\"block-3324d4a52ea88052b5ebde9081788011\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Switching to Notion changed that. What started as a simple system to organize my own life quickly turned into something more, a genuine passion for building tools that help others do the same.\",{\"children\":\"Switching to Notion changed that. What started as a simple system to organize my own life quickly turned into something more, a genuine passion for building tools that help others do the same.\"}]],\"$undefined\"]}],[\"$\",\"div\",\"32d4d4a52ea88069a88df6d19c6c7805,32d4d4a52ea88069a88df6d19c6c7805\",{\"id\":\"block-32d4d4a52ea88069a88df6d19c6c7805\",\"className\":\"notion-text\"}],[\"$\",\"p\",\"32d4d4a52ea880348eade065e36e4e68,32d4d4a52ea880348eade065e36e4e68\",{\"id\":\"block-32d4d4a52ea880348eade065e36e4e68\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Today, I use Notion to run everything: work, workouts, finances, and this business. I’ve always been drawn to continuous improvement, inspired by the Japanese philosophy of kaizen. I’m constantly working to get better in every area of my life, and Notion has become the system that helps me stay organized and track that progress.\",{\"children\":\"Today, I use Notion to run everything: work, workouts, finances, and this business. I’ve always been drawn to continuous improvement, inspired by the Japanese philosophy of kaizen. I’m constantly working to get better in every area of my life, and Notion has become the system that helps me stay organized and track that progress.\"}]],\"$undefined\"]}],\"$L3d\",\"$L3e\"],\"hasContent\":true,\"parentId\":\"8734d4a52ea882dbbd388147464c7ad7\",\"title\":\"$5:props:records:block:about:title\",\"updatedAt\":1774769652725,\"type\":\"page\",\"spaceId\":\"bb4d9c8f-cf5e-4ae8-afb0-db801fb752dc\",\"createdTime\":1773539827883,\"lastEditedTime\":1774769652725,\"createdBy\":\"$5:props:records:block:about:createdBy\",\"lastEditedBy\":\"$5:props:records:block:about:lastEditedBy\",\"uri\":\"/about\",\"fullWidth\":false,\"smallText\":false,\"noCover\":true,\"superProperties\":\"$5:props:records:block:about:superProperties\",\"propertyValues\":\"$5:props:records:block:about:propertyValues\",\"blockId\":\"d3d4d4a5-2ea8-8369-b611-01ee19f11fef\",\"isRoot\":true,\"ctx\":{\"head\":{\"url\":\"https://flowstateos.co/about\",\"title\":\"About\",\"description\":\"Flowstate by Thomas\",\"root\":{\"id\":\"1c84d4a52ea882db8b410195ab64e799\",\"uri\":\"/\",\"t
1128itle\":\"Flowstateos.co\",\"icon\":\"/icons/laptop_gray.svg\"},\"image\":null,\"canonical\":null,\"author\":\"Untitled\",\"favicon\":\"https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/favicon/cb9c2da2-1293-4b30-926d-3bb39c92e818.png\",\"breadcrumbs\":[{\"id\":\"about\",\"uri\":\"/about\",\"title\":\"About\",\"icon\":null}]},\"settings\":{\"siteId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea\",\"userId\":\"a651d4c8-8cf0-42a8-86af-1678543e3ebe\",\"domainName\":\"flowstateos.co\",\"name\":\"Flowstateos.co\",\"active\":true,\"free\":false,\"tier\":\"personal\",\"favicon\":\"https://assets.super.so/a8b2cc60-9ae2-47e8-9d72-992532d027ea/uploads/favicon/cb9c2da2-1293-4b30-926d-3bb39c92e818.png\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":\"$5:props:settings:languages\",\"notionPage\":\"1c84d4a52ea882db8b410195ab64e799\",\"indexPageId\":\"a8b2cc60-9ae2-47e8-9d72-992532d027ea:::ff315dee-68c8-40d2-8c4a-bc53d605057b\",\"pageProperties\":true,\"hidePageProperties\":false,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"floatingTableOfContents\":false,\"siteSearch\":false,\"advancedSearch\":false,\"themeToggle\":false,\"mondayFirst\":false,\"loadLimits\":false,\"hidePersonInfo\":true,\"showPropertyIcons\":true,\"filterRedirectsFromSearch\":false,\"googleAnalyticsId\":\"G-SLDZQQ05EL\",\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":false,\"membershipEnabled\":false,\"membershipConfigured\":false,\"suppressLoginEmail\":false,\"indexMembershipTierIds\":null,\"navbar\":\"$5:props:settings:navbar\",\"footer\":\"$5:props:settings:footer\",\"sidebar\":\"$5:props:settings:sidebar\",\"theme\":\"$5:props:settings:theme\",\"code\":\"$5:props:settings:code\",\"files\":\"$5:props:settings:files\",\"hasPassword\":false,\"hasFeed\":false,\"membershipTierIds\":null},\"records\":\"$5:props:records\",\"pageId\":\"about\"}}]]]}]\n3a:[\"$\",\"$L3f\",null,{\"id\":\"about\",\"children\":\"$5:props:records:block:about:children\",\"hasContent\":true,\"parentId\":\"8734d4a52ea882dbbd388147464c7ad7\",\"title\":\"$5:props:records:block:about:title\",\"updatedAt\":1774769652725,\"type\":\"page\",\"spaceId\":\"bb4d9c8f-cf5e-4ae8-afb0-db801fb752dc\",\"createdTime\":1773539827883,\"lastEditedTime\":1774769652725,\"createdBy\":\"$5:props:records:block:about:createdBy\",\"lastEditedBy\":\"$5:props:records:block:about:lastEditedBy\",\"uri\":\"/about\",\"fullWidth\":false,\"smallText\":false,\"noCover\":true,\"superProperties\":\"$5:props:records:block:about:superProperties\",\"propertyValues\":\"$5:props:records:block:about:propertyValues\",\"blockId\":\"d3d4d4a5-2ea8-8369-b611-01ee19f11fef\",\"ctx\":\"$39:props:children:4:0:props:ctx\"}]\n"])</script>
1128<script>self.__next_f.push([1,"3d:[\"$\",\"div\",\"32d4d4a52ea880628becc236f3195a49,32d4d4a52ea880628becc236f3195a49\",{\"id\":\"block-32d4d4a52ea880628becc236f3195a49\",\"className\":\"notion-text\"}]\n3e:[\"$\",\"p\",\"32d4d4a52ea880d6886ee8aebd0bf875,32d4d4a52ea880d6886ee8aebd0bf875\",{\"id\":\"block-32d4d4a52ea880d6886ee8aebd0bf875\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Every template I create is something I’ve personally used, tested, and refined. If you’re looking for a simpler, more organized way to stay on top of your life, welcome.\",{\"children\":\"Every template I create is something I’ve personally used, tested, and refined. If you’re looking for a simpler, more organized way to stay on top of your life, welcome.\"}]],\"$undefined\"]}]\n"])</script>
1128<script>self.__next_f.push([1,"8:null\nd:[[\"$\",\"title\",\"0\",{\"children\":\"About\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Flowstate by Thomas\"}],[\"$\",\"meta\",\"2\",{\"name\":\"generator\",\"content\":\"Super\"}],[\"$\",\"meta\",\"3\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"About\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"Flowstate by Thomas\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:url\",\"content\":\"https://flowstateos.co/about\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:site_name\",\"content\":\"About\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:title\",\"content\":\"About\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:description\",\"content\":\"Flowstate by Thomas\"}]]\n"])</script>
1128</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.