@import "https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-leading:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:12px;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:24px;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:32px;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-normal:0em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-jost:"Jost", sans-serif;--color-dark-color:#0f1a20;--color-light-color:#f9f7f3;--color-main:#05a8aa;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--text-md:16px}}@layer base{@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@supports (color:color-mix(in lab, red, red)){.border-dark-color\/50{border-color:color-mix(in oklab, var(--color-dark-color) 50%, transparent)}}@supports (color:color-mix(in lab, red, red)){.text-dark-color\/50{color:color-mix(in oklab, var(--color-dark-color) 50%, transparent)}}@media (width>=48rem){.md\:invisible{visibility:hidden}.md\:bottom-lg{bottom:var(--spacing-lg)}.md\:mt-0{margin-top:0}.md\:mb-26{margin-bottom:calc(var(--spacing) * 26)}.md\:ml-22{margin-left:calc(var(--spacing) * 22)}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-2\/3{width:66.6667%}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:gap-0{gap:0}.md\:text-left{text-align:left}}@media (width>=64rem){.lg\:h-fit{height:fit-content}.lg\:w-1\/2{width:50%}.lg\:w-\[45\%\]{width:45%}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:px-lg{padding-inline:var(--spacing-lg)}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media (prefers-color-scheme:dark){.dark\:border-l-light-color\/50{border-left-color:#f9f7f380}@supports (color:color-mix(in lab, red, red)){.dark\:border-l-light-color\/50{border-left-color:color-mix(in oklab, var(--color-light-color) 50%, transparent)}}.dark\:bg-light-color{background-color:var(--color-light-color)}.dark\:text-dark-color{color:var(--color-dark-color)}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-light-color{color:var(--color-light-color)}.dark\:text-light-color\/50{color:#f9f7f380}@supports (color:color-mix(in lab, red, red)){.dark\:text-light-color\/50{color:color-mix(in oklab, var(--color-light-color) 50%, transparent)}}}#loading-screen{z-index:50}#app-layout{width:100vw;height:100%;padding:var(--spacing-lg);padding-top:calc(var(--spacing) * 24)}@media (width>=48rem){#app-layout{padding-left:calc(var(--spacing) * 22)}}.exit-settings{z-index:40;background-color:#0f1a20bf;width:100vw;height:100vh;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.exit-settings{background-color:color-mix(in oklab, var(--color-dark-color) 75%, transparent)}}@media (prefers-color-scheme:dark){.exit-settings{background-color:#f9f7f326}@supports (color:color-mix(in lab, red, red)){.exit-settings{background-color:color-mix(in oklab, var(--color-light-color) 15%, transparent)}}}#account-info,#settings{z-index:40;gap:var(--spacing-lg);border-radius:var(--radius-lg);background-color:var(--color-light-color);width:100vw;height:100%;padding:var(--spacing-lg);flex-direction:column;display:flex;position:fixed}@media (width>=40rem){#account-info,#settings{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);width:75%;height:fit-content;min-height:0;translate:var(--tw-translate-x) var(--tw-translate-y);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);top:50%;left:50%}}@media (width>=48rem){#account-info,#settings{width:65%}}@media (prefers-color-scheme:dark){#account-info,#settings{background-color:var(--color-dark-color)}}#account-info>div>h1,#settings>div>h1{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}#account-info>div>div>svg{padding:calc(var(--spacing) * 2);padding-block:0}#account-info .profile{margin-top:calc(var(--spacing) * 16);--tw-scale-x:400%;--tw-scale-y:400%;--tw-scale-z:400%;scale:var(--tw-scale-x) var(--tw-scale-y);cursor:auto}@media (width>=48rem){#account-info .profile{margin-left:calc(var(--spacing) * 16)}}#account-info button,#settings button{justify-content:flex-start;align-items:center;width:100%;display:flex}#account-info button svg,#settings button svg{max-height:calc(var(--spacing) * 12);min-height:calc(var(--spacing) * 12);max-width:calc(var(--spacing) * 12);min-width:calc(var(--spacing) * 12);padding:calc(var(--spacing) * 2);padding-left:0}#settings p{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}#account-info .delete-acc-btn:hover{border-color:var(--color-red-500);background-color:var(--color-red-500);color:var(--color-light-color)}#account-info .delete-acc-btn:hover svg{fill:var(--color-light-color)}#settings .box{cursor:pointer;justify-content:flex-start;align-items:center;gap:var(--spacing-md);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);flex-direction:row;display:flex}#settings .checkbox{height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 6);cursor:pointer;border-radius:var(--radius-lg);background-color:#0f1a204d;justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){#settings .checkbox{background-color:color-mix(in oklab, var(--color-dark-color) 30%, transparent)}}@media (prefers-color-scheme:dark){#settings .checkbox{background-color:var(--color-light-color)}}#settings .checkbox svg{max-height:calc(var(--spacing) * 4);max-width:calc(var(--spacing) * 4);fill:var(--color-light-color);opacity:0}#settings .box.checked .checkbox{background-color:var(--color-main)}#settings .box.checked .checkbox svg{opacity:1}#root .K-bg{top:calc(var(--spacing) * -52);z-index:10;height:150vh;width:calc(var(--spacing) * 24);background-color:var(--color-main);position:absolute;left:50%;rotate:-35deg}@media (width>=64rem){#root .K-bg{left:33.3333%}}#landing-layout{margin-top:calc(var(--spacing) * 17);width:100%;height:100%;padding:var(--spacing-md);overflow-x:hidden}@media (width>=48rem){#landing-layout{padding:var(--spacing-lg)}}#landing-layout .hero{margin-block:calc(var(--spacing) * 14);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}@media (width>=48rem){#landing-layout .hero{padding-left:calc(var(--spacing) * 12)}}@media (width>=64rem){#landing-layout .hero{margin-block:calc(var(--spacing) * 24);text-align:left;flex-direction:row}}#landing-layout .hero h1{z-index:30;font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height));--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}@media (width>=48rem){#landing-layout .hero h1{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}}#landing-layout .hero img{z-index:30;margin-top:calc(var(--spacing) * 24);margin-left:calc(var(--spacing) * 12);width:90%}@media (width>=40rem){#landing-layout .hero img{--tw-translate-x:calc(var(--spacing) * 12);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media (width>=64rem){#landing-layout .hero img{margin-top:var(--spacing-lg);--tw-translate-x:calc(var(--spacing) * 20);max-width:50%;translate:var(--tw-translate-x) var(--tw-translate-y);margin-left:0}}#landing-layout .product-section,#landing-layout .how-it-works{z-index:30;margin-inline:calc(var(--spacing-lg) * -1);margin-top:calc(var(--spacing) * 44);background-color:var(--color-main);min-width:100vw;height:fit-content;padding-inline:var(--spacing-md);padding-top:calc(var(--spacing) * 22);padding-bottom:calc(var(--spacing) * 32);text-align:center;color:var(--color-light-color);position:relative}@media (width>=64rem){#landing-layout .product-section,#landing-layout .how-it-works{margin-inline:calc(var(--spacing-lg) * -1);padding-inline:var(--spacing-lg)}}#landing-layout .product-section h1,#landing-layout .how-it-works h1{margin-bottom:calc(var(--spacing) * 24);font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}@media (width>=64rem){#landing-layout .product-section h1,#landing-layout .how-it-works h1{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}#landing-layout .how-it-works .setup-note{text-align:left;align-items:center;display:flex}#landing-layout .how-it-works .setup-note span{border-left-style:var(--tw-border-style);border-left-width:2px;border-left-color:var(--color-main);padding-left:calc(var(--spacing) * 2)}#landing-layout .how-it-works .setup-note svg{height:calc(var(--spacing) * 7);width:calc(var(--spacing) * 7);fill:var(--color-main)}#landing-layout .product-section div{justify-content:center;align-items:center;gap:var(--spacing-lg);display:flex}@media (width>=64rem){#landing-layout .product-section div{padding:var(--spacing-xl);justify-content:space-between}}#landing-layout .product-section div h2{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}@media (width>=64rem){#landing-layout .product-section div h2{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}#landing-layout .product-section div img{border-radius:var(--radius-2xl);width:100%}@media (width>=64rem){#landing-layout .product-section div img{width:60vw}}#landing-layout .how-it-works{margin-top:0;margin-bottom:calc(var(--spacing) * 12);gap:var(--spacing-xl);background-color:var(--color-dark-color);color:var(--color-light-color);flex-direction:column;display:flex}@media (prefers-color-scheme:dark){#landing-layout .how-it-works{background-color:var(--color-light-color);color:var(--color-dark-color)}}#landing-layout .how-it-works h1{margin-bottom:calc(var(--spacing) * 10)}#landing-layout .how-it-works h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}@media (width>=64rem){#landing-layout .how-it-works h2{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}#landing-layout .how-it-works div{justify-content:center;align-items:center;display:flex}#landing-layout .how-it-works div p{font-size:var(--text-md)}@media (width>=64rem){#landing-layout .how-it-works div p{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}header{z-index:40;justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 20);background-color:var(--color-light-color);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);width:100vw;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-shadow-color:#0f1a2026;display:flex;position:fixed}@supports (color:color-mix(in lab, red, red)){header{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-dark-color) 15%, transparent) var(--tw-shadow-alpha), transparent)}}@media (prefers-color-scheme:dark){header{background-color:var(--color-dark-color);--tw-shadow-color:#03071280}@supports (color:color-mix(in lab, red, red)){header{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-gray-950) 50%, transparent) var(--tw-shadow-alpha), transparent)}}}header section{width:100%}header .left-section svg{visibility:hidden;display:none}@media (width>=48rem){header .left-section svg{visibility:visible;display:block}}#search-input{border-style:var(--tw-border-style);border-width:0;padding-left:0;display:none}@media (width>=48rem){#search-input{display:block}}#search-input:focus{background-color:#0000}#search-bar{width:50%}#search-bar:focus-within{background-color:#0f1a201a}@supports (color:color-mix(in lab, red, red)){#search-bar:focus-within{background-color:color-mix(in oklab, var(--color-dark-color) 10%, transparent)}}@media (prefers-color-scheme:dark){#search-bar:focus-within{background-color:#f9f7f31a}@supports (color:color-mix(in lab, red, red)){#search-bar:focus-within{background-color:color-mix(in oklab, var(--color-light-color) 10%, transparent)}}}.logo-header-icon{width:calc(var(--spacing) * 36)}#navbar{visibility:visible;z-index:30;height:calc(var(--spacing) * 18.5);border-top-style:var(--tw-border-style);border-color:#0f1a2026;border-top-width:1px;justify-content:space-between;width:100vw;display:flex;position:fixed;bottom:0}@supports (color:color-mix(in lab, red, red)){#navbar{border-color:color-mix(in oklab, var(--color-dark-color) 15%, transparent)}}#navbar{background-color:var(--color-light-color);padding-inline:calc(var(--spacing) * 6)}@media (width>=48rem){#navbar{visibility:hidden;display:none}}@media (prefers-color-scheme:dark){#navbar{border-color:#f9f7f326}@supports (color:color-mix(in lab, red, red)){#navbar{border-color:color-mix(in oklab, var(--color-light-color) 15%, transparent)}}#navbar{background-color:var(--color-dark-color)}}#navbar .navbutton{margin-block:calc(var(--spacing) * 2);flex-direction:column;justify-content:center;align-items:center;display:flex}#navbar .navbutton.active{border-radius:var(--radius-lg);background-color:#05a8aabf}@supports (color:color-mix(in lab, red, red)){#navbar .navbutton.active{background-color:color-mix(in oklab, var(--color-main) 75%, transparent)}}#navbar .navbutton.active{padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing)}#navbar .navbutton svg{max-height:calc(var(--spacing) * 6);min-height:calc(var(--spacing) * 6);max-width:calc(var(--spacing) * 6);min-width:calc(var(--spacing) * 6);padding:0}aside{top:calc(var(--spacing) * 18.5);left:calc(var(--spacing) * -60);z-index:30;height:100%;width:calc(var(--spacing) * 60);gap:var(--spacing-sm);background-color:var(--color-light-color);padding:var(--spacing-xs);padding-top:var(--spacing-md);flex-direction:column;display:flex;position:fixed}@media (width>=48rem){aside{width:calc(var(--spacing) * 16);--tw-shadow:12px 0 20px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-shadow-color:#0f1a2026;left:0}@supports (color:color-mix(in lab, red, red)){aside{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-dark-color) 15%, transparent) var(--tw-shadow-alpha), transparent)}}}@media (prefers-color-scheme:dark){aside{background-color:var(--color-dark-color)}}@media (width>=48rem){@media (prefers-color-scheme:dark){aside{--tw-shadow-color:#03071280}@supports (color:color-mix(in lab, red, red)){aside{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-gray-950) 50%, transparent) var(--tw-shadow-alpha), transparent)}}}}aside.active{width:calc(var(--spacing) * 60);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);left:0}#settings .navbutton,aside .navbutton{align-items:center;gap:var(--spacing-lg);border-radius:2147483647px;display:flex}aside .navbutton svg{height:calc(var(--spacing) * 12);width:calc(var(--spacing) * 12)}aside .navbutton span{font-size:var(--text-md);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);display:none}aside:hover .navbutton span,aside.active .navbutton span{display:block}aside .navbutton.active{background-color:#05a8aabf;border-radius:2147483647px}@supports (color:color-mix(in lab, red, red)){aside .navbutton.active{background-color:color-mix(in oklab, var(--color-main) 75%, transparent)}}aside .navbutton.active,#navbar .navbutton.active{color:var(--color-light-color)}aside .navbutton.active svg,#navbar .navbutton.active svg{fill:var(--color-light-color)}.notes-container{gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.note{height:calc(var(--spacing) * 64);cursor:pointer;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:2px;border-color:#0f1a204d;flex-direction:column;align-content:stretch;width:100%;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.note{border-color:color-mix(in oklab, var(--color-dark-color) 30%, transparent)}}.note{padding:var(--spacing-md);text-align:left;text-wrap:wrap;overflow-wrap:break-word}@media (width>=48rem){.note{width:calc(var(--spacing) * 80)}}@media (prefers-color-scheme:dark){.note{border-color:#f9f7f34d}@supports (color:color-mix(in lab, red, red)){.note{border-color:color-mix(in oklab, var(--color-light-color) 30%, transparent)}}}.note h3{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.note .note-text{margin-top:calc(var(--spacing) * 4);margin-right:calc(var(--spacing) * 12);font-size:var(--text-md);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}@media (width>=48rem){.note .note-text{margin-right:0}}.notes-container.selection-mode .note{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-shadow-color:#0f1a20;border-width:0}@supports (color:color-mix(in lab, red, red)){.notes-container.selection-mode .note{--tw-shadow-color:color-mix(in oklab, var(--color-dark-color) var(--tw-shadow-alpha), transparent)}}@media (prefers-color-scheme:dark){.notes-container.selection-mode .note{--tw-shadow-color:#f9f7f38c}@supports (color:color-mix(in lab, red, red)){.notes-container.selection-mode .note{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-light-color) 55%, transparent) var(--tw-shadow-alpha), transparent)}}}.notes-container.selection-mode .note.select{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-main);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;transition-duration:75ms}.notes-container.selection-mode .note span{margin-right:0}.toolbar{justify-content:center;align-items:center;gap:var(--spacing);width:fit-content;display:flex;position:relative}.remove-box,.delete-box,.restore-box,.star-box,.unstar-box,.cancel-box,.select-box{top:calc(var(--spacing) * -20);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:2px;border-color:#0f1a204d;width:100%;display:none;position:absolute;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.remove-box,.delete-box,.restore-box,.star-box,.unstar-box,.cancel-box,.select-box{border-color:color-mix(in oklab, var(--color-dark-color) 30%, transparent)}}.remove-box,.delete-box,.restore-box,.star-box,.unstar-box,.cancel-box,.select-box{background-color:var(--color-light-color);padding:var(--spacing-sm);text-align:center;font-size:var(--text-md);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}@media (prefers-color-scheme:dark){.remove-box,.delete-box,.restore-box,.star-box,.unstar-box,.cancel-box,.select-box{border-color:#f9f7f34d}@supports (color:color-mix(in lab, red, red)){.remove-box,.delete-box,.restore-box,.star-box,.unstar-box,.cancel-box,.select-box{border-color:color-mix(in oklab, var(--color-light-color) 30%, transparent)}}.remove-box,.delete-box,.restore-box,.star-box,.unstar-box,.cancel-box,.select-box{background-color:var(--color-dark-color)}}:is(#notes-page:has(.notes-container.selection-mode) .toolbar,#starred-note-page:has(.notes-container.selection-mode) .toolbar,#deleted-note-page:has(.notes-container.selection-mode) .toolbar){display:flex}#note-text{border-color:#0f1a204d}@supports (color:color-mix(in lab, red, red)){#note-text{border-color:color-mix(in oklab, var(--color-dark-color) 30%, transparent)}}@media (prefers-color-scheme:dark){#note-text{border-color:#f9f7f34d}@supports (color:color-mix(in lab, red, red)){#note-text{border-color:color-mix(in oklab, var(--color-light-color) 30%, transparent)}}}.no-notes-found{margin-top:calc(var(--spacing) * 16);justify-content:center;align-items:center;gap:var(--spacing-xl);text-align:center;flex-direction:column;width:100%;height:fit-content;display:flex}.no-notes-found svg{height:calc(var(--spacing) * 32);width:calc(var(--spacing) * 32);cursor:auto;fill:#0f1a2099}@supports (color:color-mix(in lab, red, red)){.no-notes-found svg{fill:color-mix(in oklab, var(--color-dark-color) 60%, transparent)}}@media (prefers-color-scheme:dark){.no-notes-found svg{fill:#f9f7f399}@supports (color:color-mix(in lab, red, red)){.no-notes-found svg{fill:color-mix(in oklab, var(--color-light-color) 60%, transparent)}}}.no-notes-found span{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#0f1a2099}@supports (color:color-mix(in lab, red, red)){.no-notes-found span{color:color-mix(in oklab, var(--color-dark-color) 60%, transparent)}}@media (prefers-color-scheme:dark){.no-notes-found span{color:#f9f7f399}@supports (color:color-mix(in lab, red, red)){.no-notes-found span{color:color-mix(in oklab, var(--color-light-color) 60%, transparent)}}}.floating-button{right:var(--spacing-lg);z-index:30;cursor:pointer;background-color:#05a8aabf;border-radius:2147483647px;width:fit-content;height:fit-content;position:fixed}@supports (color:color-mix(in lab, red, red)){.floating-button{background-color:color-mix(in oklab, var(--color-main) 75%, transparent)}}.floating-button{padding:var(--spacing-xs);color:var(--color-light-color)}.floating-button svg{height:calc(var(--spacing) * 16);width:calc(var(--spacing) * 16);fill:var(--color-light-color)}.floating-button .util-btn,.floating-button.selection .toolbar{visibility:visible;display:flex}.floating-button.selection .util-btn,.floating-button .toolbar{visibility:hidden;display:none}.indicators{top:var(--spacing-xs);right:var(--spacing-xs);z-index:30;gap:var(--spacing);opacity:1;border-radius:2147483647px;flex-direction:column;width:fit-content;height:fit-content;display:flex;position:absolute}@media (width>=48rem){.indicators{opacity:0}}.star-note-indicator svg,.delete-note-indicator svg,.remove-note-indicator svg{max-height:calc(var(--spacing) * 6);max-width:calc(var(--spacing) * 6)}.removed-indicator{right:var(--spacing-sm);bottom:var(--spacing-sm);background-color:var(--color-red-500);padding:var(--spacing-xs);border-radius:2147483647px;margin-top:0;position:absolute}.notes-container.selection-mode .note .star-note-indicator,.notes-container.selection-mode .note .delete-note-indicator,.notes-container.selection-mode .note .remove-note-indicator,.notes-container.selection-mode .note .remove-indicator,.notes-container.selection-mode .note .indicators{visibility:hidden;opacity:0;display:none}#footer div,#footer div a{width:fit-content;height:fit-content}#footer div a svg{height:calc(var(--spacing) * 12);width:calc(var(--spacing) * 12)}#footer div .icon-button{padding:calc(var(--spacing) * 2)}@media (hover:hover) and (pointer:fine){aside:hover{width:calc(var(--spacing) * 60);--tw-shadow-color:#0f1a2066}@supports (color:color-mix(in lab, red, red)){aside:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-dark-color) 40%, transparent) var(--tw-shadow-alpha), transparent)}}@media (prefers-color-scheme:dark){aside:hover{--tw-shadow-color:oklch(13% .028 261.692)}@supports (color:color-mix(in lab, red, red)){aside:hover{--tw-shadow-color:color-mix(in oklab, var(--color-gray-950) var(--tw-shadow-alpha), transparent)}}}#settings .navbutton:hover,aside .navbutton:hover{background-color:#0f1a201a}@supports (color:color-mix(in lab, red, red)){#settings .navbutton:hover,aside .navbutton:hover{background-color:color-mix(in oklab, var(--color-dark-color) 10%, transparent)}}@media (prefers-color-scheme:dark){#settings .navbutton:hover,aside .navbutton:hover{background-color:#f9f7f31a}@supports (color:color-mix(in lab, red, red)){#settings .navbutton:hover,aside .navbutton:hover{background-color:color-mix(in oklab, var(--color-light-color) 10%, transparent)}}}aside .navbutton.active:hover,.floating-button:hover{background-color:var(--color-main)}aside svg:hover,.floating-button svg:hover,#navbar svg:hover,#settings svg:hover{background-color:#0000}.floating-button.selection svg:hover{background-color:#0f1a204d}@supports (color:color-mix(in lab, red, red)){.floating-button.selection svg:hover{background-color:color-mix(in oklab, var(--color-dark-color) 30%, transparent)}}.note:hover{background-color:#0f1a201a}@supports (color:color-mix(in lab, red, red)){.note:hover{background-color:color-mix(in oklab, var(--color-dark-color) 10%, transparent)}}@media (prefers-color-scheme:dark){.note:hover{background-color:#f9f7f31a}@supports (color:color-mix(in lab, red, red)){.note:hover{background-color:color-mix(in oklab, var(--color-light-color) 10%, transparent)}}}.note:hover .markdown-preview{margin-right:calc(var(--spacing) * 12);color:#0f1a20d9}@supports (color:color-mix(in lab, red, red)){.note:hover .markdown-preview{color:color-mix(in oklab, var(--color-dark-color) 85%, transparent)}}@media (prefers-color-scheme:dark){.note:hover .markdown-preview{color:#f9f7f3d9}@supports (color:color-mix(in lab, red, red)){.note:hover .markdown-preview{color:color-mix(in oklab, var(--color-light-color) 85%, transparent)}}}.note.select:hover .markdown-preview{margin-right:0}.note:hover .star-note-indicator,.note:hover .delete-note-indicator,.note:hover .remove-note-indicator,.note:hover .remove-indicator,.note:hover .indicators{opacity:1}.notes-container.selection-mode .note:hover .star-note-indicator,.notes-container.selection-mode .note:hover .delete-note-indicator,.notes-container.selection-mode .note:hover .remove-note-indicator,.notes-container.selection-mode .note:hover .remove-indicator,.notes-container.selection-mode .note:hover .indicators{visibility:hidden;opacity:0;display:none}.no-notes-found svg:hover,#footer div a svg:hover{background-color:#0000}#remove-notes:hover .remove-box,#delete-notes:hover .delete-box,#restore-notes:hover .restore-box,#star-notes:hover .star-box,#unstar-notes:hover .unstar-box,#cancel-selection:hover .cancel-box,#select-notes:hover .select-box{display:block}.twitter:hover svg{fill:var(--color-black)}@media (prefers-color-scheme:dark){.twitter:hover svg{fill:var(--color-white)}}.bluesky:hover svg{fill:#448ee4}.instagram:hover svg{fill:#ff0069}}#settings .navbutton:active,aside .navbutton:active{background-color:#0f1a204d}@supports (color:color-mix(in lab, red, red)){#settings .navbutton:active,aside .navbutton:active{background-color:color-mix(in oklab, var(--color-dark-color) 30%, transparent)}}@media (prefers-color-scheme:dark){#settings .navbutton:active,aside .navbutton:active{background-color:#f9f7f34d}@supports (color:color-mix(in lab, red, red)){#settings .navbutton:active,aside .navbutton:active{background-color:color-mix(in oklab, var(--color-light-color) 30%, transparent)}}}aside svg:active{background-color:#0000}aside .navbutton.active:active,.floating-button:active{background-color:#05a8aa99}@supports (color:color-mix(in lab, red, red)){aside .navbutton.active:active,.floating-button:active{background-color:color-mix(in oklab, var(--color-main) 60%, transparent)}}.note:active{background-color:#0f1a204d}@supports (color:color-mix(in lab, red, red)){.note:active{background-color:color-mix(in oklab, var(--color-dark-color) 30%, transparent)}}@media (prefers-color-scheme:dark){.note:active{background-color:#f9f7f34d}@supports (color:color-mix(in lab, red, red)){.note:active{background-color:color-mix(in oklab, var(--color-light-color) 30%, transparent)}}}.floating-button.selection svg:active{background-color:#f9f7f34d}@supports (color:color-mix(in lab, red, red)){.floating-button.selection svg:active{background-color:color-mix(in oklab, var(--color-light-color) 30%, transparent)}}@media (width>=48rem){footer .copyright-section p{font-size:var(--text-md)}}@media (width>=48rem){.primary-link,.secondary-link{font-size:var(--text-md)}}@supports (color:color-mix(in lab, red, red)){.secondary-link{color:color-mix(in oklab, var(--color-dark-color) 85%, transparent)}}@media (prefers-color-scheme:dark){.secondary-link{color:#f9f7f3d9}@supports (color:color-mix(in lab, red, red)){.secondary-link{color:color-mix(in oklab, var(--color-light-color) 85%, transparent)}}}@media (width>=40rem){.full-logo-svg{max-width:60%}}@supports (color:color-mix(in lab, red, red)){.label{color:color-mix(in oklab, var(--color-dark-color) 90%, transparent)}}@media (prefers-color-scheme:dark){.label{color:#f9f7f3e6}@supports (color:color-mix(in lab, red, red)){.label{color:color-mix(in oklab, var(--color-light-color) 90%, transparent)}}}@supports (color:color-mix(in lab, red, red)){input:focus{background-color:color-mix(in oklab, var(--color-main) 10%, transparent)}}@media (prefers-color-scheme:dark){.white-empty-btn{border-color:var(--color-light-color);color:var(--color-light-color)}}@media (prefers-color-scheme:dark){.full-btn{color:var(--color-light-color)}}@media (prefers-color-scheme:dark){.white-full-btn{border-color:var(--color-light-color);background-color:var(--color-light-color);color:var(--color-dark-color)}}@supports (color:color-mix(in lab, red, red)){#loading-screen{background-color:color-mix(in oklab, var(--color-light-color) 85%, transparent)}}@media (prefers-color-scheme:dark){#loading-screen{background-color:#0f1a20d9}@supports (color:color-mix(in lab, red, red)){#loading-screen{background-color:color-mix(in oklab, var(--color-dark-color) 85%, transparent)}}}@media (hover:hover) and (pointer:fine){.empty-btn:hover{background-color:var(--color-main);color:var(--color-light-color)}.white-empty-btn:hover{background-color:var(--color-dark-color);color:var(--color-light-color)}@media (prefers-color-scheme:dark){.white-empty-btn:hover{background-color:var(--color-light-color);color:var(--color-dark-color)}}.full-btn:hover{color:var(--color-main);background-color:#0000}.white-full-btn:hover{color:var(--color-dark-color);background-color:#0000}@media (prefers-color-scheme:dark){.white-full-btn:hover{color:var(--color-light-color)}}.full-btn svg,.empty-btn:hover svg{fill:var(--color-light-color)}.full-btn:hover svg,.empty-btn svg{fill:var(--color-main)}.white-empty-btn svg,.white-full-btn:hover svg{fill:var(--color-dark-color)}@media (prefers-color-scheme:dark){.white-empty-btn svg,.white-full-btn:hover svg{fill:var(--color-light-color)}}.white-empty-btn:hover svg,.white-full-btn svg{fill:var(--color-light-color)}@media (prefers-color-scheme:dark){.white-empty-btn:hover svg,.white-full-btn svg{fill:var(--color-dark-color)}}}body,#root{flex-direction:column;width:100vw;max-width:100vw;min-height:100vh;display:flex}#root{position:relative;overflow:hidden}svg{min-height:calc(var(--spacing) * 12);min-width:calc(var(--spacing) * 12);fill:var(--color-dark-color)}@media (prefers-color-scheme:dark){svg{fill:var(--color-light-color)}}.icon-button{cursor:pointer;padding:calc(var(--spacing) * 3);border-radius:2147483647px}.profile{max-height:calc(var(--spacing) * 10);min-height:calc(var(--spacing) * 10);max-width:calc(var(--spacing) * 10);min-width:calc(var(--spacing) * 10);cursor:pointer;background-color:var(--color-main);border-radius:2147483647px;justify-content:center;align-items:center;display:flex}.profile h1{--tw-font-weight:var(--font-weight-bold);font-size:22px;font-weight:var(--font-weight-bold);color:var(--color-light-color)}header,footer{padding-inline:var(--spacing-md);padding-block:var(--spacing-sm)}.empty-btn svg{fill:var(--color-main)}.white-empty-btn svg{fill:var(--color-dark-color)}@media (prefers-color-scheme:dark){.white-empty-btn svg{fill:var(--color-light-color)}}.white-full-btn svg{fill:var(--color-light-color)}@media (prefers-color-scheme:dark){.white-full-btn svg{fill:var(--color-dark-color)}}#notes-page,#edit-note-page,#starred-note-page,#deleted-note-page,#search-notes-page,#read-note-page{gap:var(--spacing-lg);width:100%;height:100%;padding-bottom:calc(var(--spacing) * 20);flex-direction:column;display:flex}#notes-page h1,#edit-note-page h1,#starred-note-page h1,#deleted-note-page h1,#search-notes-page h1,#read-note-page h1{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}#edit-note-page input,#search-notes-page input{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}#edit-note-page button svg{min-height:calc(var(--spacing) * 7);min-width:calc(var(--spacing) * 7);padding:0}#edit-note-page button{--tw-border-style:none;border-style:none;padding:0}#edit-note-page .util-btn svg{min-height:calc(var(--spacing) * 8);min-width:calc(var(--spacing) * 8);padding:0}#edit-note-page textarea#note-title{height:calc(var(--spacing) * 10);width:100%;max-width:calc(var(--spacing) * 180);resize:none;text-align:center;font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);overflow-x:hidden}#edit-note-page #bottom-edit-toolbar{bottom:var(--spacing-lg);background-color:var(--color-main);width:85%;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);border-radius:2147483647px;align-self:center;position:fixed}@media (width>=48rem){#edit-note-page #bottom-edit-toolbar{width:fit-content}}#edit-note-page #bottom-edit-toolbar div{flex-direction:row;justify-content:space-between;display:flex}@media (width>=48rem){#edit-note-page #bottom-edit-toolbar div{justify-content:space-around;gap:calc(var(--spacing) * 10)}}#edit-note-page #bottom-edit-toolbar button svg{fill:var(--color-light-color);padding:0}#edit-note-page,#read-note-page .markdown-preview{justify-content:center;align-items:center;height:fit-content;padding-bottom:0;display:flex}:is(#edit-note-page .editor-div>div:not(:has(.fixed-bar)),#read-note-page .editor-div>div:not(:has(.fixed-bar))){max-height:75vh;overflow-y:scroll}#edit-note-page .editor-div,#read-note-page .editor-div{width:100%;max-width:calc(var(--spacing) * 200);margin-bottom:0;position:relative;overflow-y:scroll}#edit-note-page .tiptap{text-wrap:wrap;overflow-wrap:break-word}#edit-note-page .tiptap p,.markdown-preview p{font-family:var(--font-jost);font-size:var(--text-md);--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-dark-color)}@media (prefers-color-scheme:dark){#edit-note-page .tiptap p,.markdown-preview p{color:var(--color-light-color)}}#edit-note-page .tiptap h1,#edit-note-page .tiptap h2,#edit-note-page .tiptap h3,#edit-note-page .tiptap h4,#edit-note-page .tiptap h5,#edit-note-page .tiptap h6,.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{margin-block:calc(var(--spacing) * 4);color:var(--color-dark-color)}@media (prefers-color-scheme:dark){#edit-note-page .tiptap h1,#edit-note-page .tiptap h2,#edit-note-page .tiptap h3,#edit-note-page .tiptap h4,#edit-note-page .tiptap h5,#edit-note-page .tiptap h6,.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{color:var(--color-light-color)}}#edit-note-page .tiptap ul,.markdown-preview ul{padding-left:calc(var(--spacing) * 4);list-style-type:disc}#edit-note-page .tiptap ol,.markdown-preview ol{padding-left:calc(var(--spacing) * 5);list-style-type:decimal}#edit-note-page .tiptap blockquote,.markdown-preview blockquote{margin-block:calc(var(--spacing) * 4);border-left-style:var(--tw-border-style);border-color:#0f1a204d;border-left-width:4px}@supports (color:color-mix(in lab, red, red)){#edit-note-page .tiptap blockquote,.markdown-preview blockquote{border-color:color-mix(in oklab, var(--color-dark-color) 30%, transparent)}}#edit-note-page .tiptap blockquote,.markdown-preview blockquote{background-color:#0f1a2026}@supports (color:color-mix(in lab, red, red)){#edit-note-page .tiptap blockquote,.markdown-preview blockquote{background-color:color-mix(in oklab, var(--color-dark-color) 15%, transparent)}}#edit-note-page .tiptap blockquote,.markdown-preview blockquote{padding-block:calc(var(--spacing) * 2);padding-left:calc(var(--spacing) * 4)}@media (prefers-color-scheme:dark){#edit-note-page .tiptap blockquote,.markdown-preview blockquote{border-color:#f9f7f340}@supports (color:color-mix(in lab, red, red)){#edit-note-page .tiptap blockquote,.markdown-preview blockquote{border-color:color-mix(in oklab, var(--color-light-color) 25%, transparent)}}#edit-note-page .tiptap blockquote,.markdown-preview blockquote{background-color:#f9f7f30d}@supports (color:color-mix(in lab, red, red)){#edit-note-page .tiptap blockquote,.markdown-preview blockquote{background-color:color-mix(in oklab, var(--color-light-color) 5%, transparent)}}}#edit-note-page .tiptap blockquote p,.markdown-preview blockquote p{font-size:var(--text-md);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}#edit-note-page .tiptap h1,.markdown-preview h1,#edit-note-page .heading-toggles .editor-button:first-child{--tw-leading:1.2;--tw-font-weight:var(--font-weight-bold);font-size:30px;line-height:1.2;font-weight:var(--font-weight-bold);--tw-tracking:-.02em;letter-spacing:-.02em}#edit-note-page .tiptap h2,.markdown-preview h2,#edit-note-page .heading-toggles .editor-button:nth-child(2){--tw-leading:var(--leading-tight);font-size:24px;line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:-.01em;letter-spacing:-.01em}#edit-note-page .tiptap h3,.markdown-preview h3,#edit-note-page .heading-toggles .editor-button:nth-child(3){--tw-leading:1.3;--tw-font-weight:var(--font-weight-semibold);font-size:20px;line-height:1.3;font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}#edit-note-page .tiptap h4,.markdown-preview h4,#edit-note-page .heading-toggles .editor-button:nth-child(4){--tw-leading:1.35;--tw-font-weight:var(--font-weight-semibold);font-size:18px;line-height:1.35;font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}#edit-note-page .tiptap h5,.markdown-preview h5,#edit-note-page .heading-toggles .editor-button:nth-child(5){font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:1.4;--tw-font-weight:var(--font-weight-semibold);line-height:1.4;font-weight:var(--font-weight-semibold);--tw-tracking:.02em;letter-spacing:.02em}#edit-note-page .tiptap h6,.markdown-preview h6,#edit-note-page .heading-toggles .editor-button:nth-child(6){--tw-leading:1.4;--tw-font-weight:var(--font-weight-semibold);font-size:14px;line-height:1.4;font-weight:var(--font-weight-semibold);--tw-tracking:.04em;letter-spacing:.04em}#edit-note-page .tiptap hr,.markdown-preview hr{margin-block:calc(var(--spacing) * 4);height:var(--spacing);border-radius:var(--radius-2xl);background-color:#0f1a20a6}@supports (color:color-mix(in lab, red, red)){#edit-note-page .tiptap hr,.markdown-preview hr{background-color:color-mix(in oklab, var(--color-dark-color) 65%, transparent)}}#edit-note-page .tiptap hr,.markdown-preview hr{color:#0000}@media (prefers-color-scheme:dark){#edit-note-page .tiptap hr,.markdown-preview hr{background-color:#f9f7f3bf}@supports (color:color-mix(in lab, red, red)){#edit-note-page .tiptap hr,.markdown-preview hr{background-color:color-mix(in oklab, var(--color-light-color) 75%, transparent)}}}#edit-note-page .tiptap>ul[data-type=taskList],.markdown-preview .tiptap ul[data-type=taskList]{margin-block:calc(var(--spacing) * 4);align-items:flex-start;gap:var(--spacing-xs);flex-direction:column;padding-left:0;list-style-type:none;display:flex}#edit-note-page .tiptap ul[data-type=taskList] li,.markdown-preview ul[data-type=taskList] li{justify-content:center;align-items:flex-start;gap:var(--spacing-sm);width:fit-content;height:fit-content;display:flex}#edit-note-page .tiptap ul[data-type=taskList] li div,.markdown-preview ul[data-type=taskList] li div{overflow:visible}#edit-note-page .tiptap ul[data-type=taskList] li div ul[data-type=taskList],.markdown-preview ul[data-type=taskList] li div ul[data-type=taskList]{margin-top:calc(var(--spacing) * 2);margin-left:calc(var(--spacing) * -6);gap:var(--spacing-xs);border-left-style:var(--tw-border-style);border-left-width:2px;border-left-color:#0f1a204d;flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){#edit-note-page .tiptap ul[data-type=taskList] li div ul[data-type=taskList],.markdown-preview ul[data-type=taskList] li div ul[data-type=taskList]{border-left-color:color-mix(in oklab, var(--color-dark-color) 30%, transparent)}}#edit-note-page .tiptap ul[data-type=taskList] li div ul[data-type=taskList],.markdown-preview ul[data-type=taskList] li div ul[data-type=taskList]{padding-left:calc(var(--spacing) * 6)}@media (prefers-color-scheme:dark){#edit-note-page .tiptap ul[data-type=taskList] li div ul[data-type=taskList],.markdown-preview ul[data-type=taskList] li div ul[data-type=taskList]{border-left-color:#f9f7f340}@supports (color:color-mix(in lab, red, red)){#edit-note-page .tiptap ul[data-type=taskList] li div ul[data-type=taskList],.markdown-preview ul[data-type=taskList] li div ul[data-type=taskList]{border-left-color:color-mix(in oklab, var(--color-light-color) 25%, transparent)}}}#edit-note-page .tiptap ul[data-type=taskList] li label,.markdown-preview ul[data-type=taskList] li label{justify-content:center;align-items:center;width:fit-content;height:fit-content;display:flex}#edit-note-page .tiptap ul[data-type=taskList] li label input,.markdown-preview ul[data-type=taskList] li label input{max-height:calc(var(--spacing) * 6);min-height:calc(var(--spacing) * 6);max-width:calc(var(--spacing) * 6);min-width:calc(var(--spacing) * 6);appearance:none;border-radius:var(--radius-lg);padding:0;position:relative}#edit-note-page .tiptap ul[data-type=taskList] li[data-checked=true] label input,.markdown-preview ul[data-type=taskList] li[data-checked=true] label input{background-color:var(--color-main)}#edit-note-page .tiptap ul[data-type=taskList] li[data-checked=true] label input:after,.markdown-preview ul[data-type=taskList] li[data-checked=true] label input:after{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);font-size:var(--text-md);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-light-color);content:"✓";position:absolute;top:50%;left:50%}#edit-note-page .tiptap ul[data-type=taskList] li[data-checked=true] div p,.markdown-preview ul[data-type=taskList] li[data-checked=true] div p{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);text-decoration-line:line-through}#edit-note-page .tiptap pre,.markdown-preview pre{margin-block:calc(var(--spacing) * 4);border-radius:var(--radius-lg);background-color:#0f1a2026}@supports (color:color-mix(in lab, red, red)){#edit-note-page .tiptap pre,.markdown-preview pre{background-color:color-mix(in oklab, var(--color-dark-color) 15%, transparent)}}#edit-note-page .tiptap pre,.markdown-preview pre{padding:calc(var(--spacing) * 4)}@media (prefers-color-scheme:dark){#edit-note-page .tiptap pre,.markdown-preview pre{background-color:#f9f7f30d}@supports (color:color-mix(in lab, red, red)){#edit-note-page .tiptap pre,.markdown-preview pre{background-color:color-mix(in oklab, var(--color-light-color) 5%, transparent)}}}#edit-note-page .tiptap mark,.markdown-preview mark{border-radius:var(--radius-sm);padding:calc(var(--spacing) * .5);color:var(--color-dark-color)!important}#read-note-page .markdown-preview{max-height:75vh;overflow-y:scroll}#edit-note-page .fixed-bar .lists-buttons .list-toggles,#edit-note-page .fixed-bar .heading-buttons .heading-toggles,#edit-note-page .fixed-bar .code-langs-buttons .code-langs-toggles{top:calc(var(--spacing) * 12);gap:var(--spacing-xs);border-radius:var(--radius-xl);background-color:var(--color-light-color);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);min-width:50%;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-shadow-color:#000;flex-direction:column;display:flex;position:absolute;left:0}@supports (color:color-mix(in lab, red, red)){#edit-note-page .fixed-bar .lists-buttons .list-toggles,#edit-note-page .fixed-bar .heading-buttons .heading-toggles,#edit-note-page .fixed-bar .code-langs-buttons .code-langs-toggles{--tw-shadow-color:color-mix(in oklab, var(--color-black) var(--tw-shadow-alpha), transparent)}}@media (prefers-color-scheme:dark){#edit-note-page .fixed-bar .lists-buttons .list-toggles,#edit-note-page .fixed-bar .heading-buttons .heading-toggles,#edit-note-page .fixed-bar .code-langs-buttons .code-langs-toggles{background-color:var(--color-dark-color)}}#edit-note-page .lists-buttons .list-toggles .editor-button,#edit-note-page .heading-buttons .heading-toggles .editor-button,#edit-note-page .code-langs-buttons .code-langs-toggles .editor-button{justify-content:flex-start;align-items:center;gap:var(--spacing-sm);text-wrap:nowrap;flex-direction:row;width:100%;display:flex}#edit-note-page .code-langs-buttons .code-langs-toggles{height:30vh;overflow:scroll}#edit-note-page .fixed-bar,#edit-note-page .bubble-menu{z-index:20;margin-bottom:calc(var(--spacing) * 4);height:calc(var(--spacing) * 11);justify-content:flex-start;align-items:center;gap:var(--spacing);background-color:var(--color-light-color);flex-direction:row;display:flex;overflow-x:scroll}@media (width>=48rem){#edit-note-page .fixed-bar,#edit-note-page .bubble-menu{gap:var(--spacing-xs)}}@media (prefers-color-scheme:dark){#edit-note-page .fixed-bar,#edit-note-page .bubble-menu{background-color:var(--color-dark-color)}}#edit-note-page div:has(.bubble-menu){border-radius:var(--radius-xl);background-color:var(--color-light-color)}@media (prefers-color-scheme:dark){#edit-note-page div:has(.bubble-menu){background-color:var(--color-dark-color)}}#edit-note-page .bubble-menu{height:calc(var(--spacing) * 10);border-radius:var(--radius-xl);background-color:#0f1a2026;margin-bottom:0}@supports (color:color-mix(in lab, red, red)){#edit-note-page .bubble-menu{background-color:color-mix(in oklab, var(--color-dark-color) 15%, transparent)}}@media (prefers-color-scheme:dark){#edit-note-page .bubble-menu{background-color:#f9f7f31a}@supports (color:color-mix(in lab, red, red)){#edit-note-page .bubble-menu{background-color:color-mix(in oklab, var(--color-light-color) 10%, transparent)}}}#edit-note-page .fixed-bar .editor-button,#edit-note-page .bubble-menu .editor-button{border-radius:var(--radius-xl);height:100%;padding:calc(var(--spacing) * 2)}#edit-note-page .fixed-bar .editor-button svg{max-height:calc(var(--spacing) * 7);max-width:calc(var(--spacing) * 7)}#edit-note-page .bubble-menu .editor-button svg{min-height:calc(var(--spacing) * 6);min-width:calc(var(--spacing) * 6)}#edit-note-page .fixed-bar .editor-button.active,#edit-note-page .bubble-menu .editor-button.active{color:var(--color-main)}#edit-note-page .fixed-bar .editor-button.active svg,#edit-note-page .bubble-menu .editor-button.active svg{fill:var(--color-main)}.markdown-preview .bubble-menu,.markdown-preview .fixed-bar{visibility:hidden;display:none}#read-note-page .trash{justify-content:center;align-items:center;gap:var(--spacing);width:fit-content;font-size:var(--text-md);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);display:flex}#read-note-page .trash svg{fill:var(--color-red-500)}#read-note-page .star{justify-content:center;align-items:center;gap:var(--spacing);width:fit-content;font-size:var(--text-md);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);display:flex}#read-note-page svg{max-height:calc(var(--spacing) * 6);min-height:calc(var(--spacing) * 6);max-width:calc(var(--spacing) * 6);min-width:calc(var(--spacing) * 6);padding:0}@media (hover:hover) and (pointer:fine){.icon-button:hover{background-color:#0f1a201a}@supports (color:color-mix(in lab, red, red)){.icon-button:hover{background-color:color-mix(in oklab, var(--color-dark-color) 10%, transparent)}}@media (prefers-color-scheme:dark){.icon-button:hover{background-color:#f9f7f31a}@supports (color:color-mix(in lab, red, red)){.icon-button:hover{background-color:color-mix(in oklab, var(--color-light-color) 10%, transparent)}}}#edit-note-page button svg:hover,#read-note-page svg:hover,.empty-btn svg:hover,.white-empty-btn svg:hover,.white-full-btn svg:hover{background-color:#0000}#edit-note-page .fixed-bar .editor-button:hover,#edit-note-page .bubble-menu .editor-button:hover{background-color:#0f1a2040}@supports (color:color-mix(in lab, red, red)){#edit-note-page .fixed-bar .editor-button:hover,#edit-note-page .bubble-menu .editor-button:hover{background-color:color-mix(in oklab, var(--color-dark-color) 25%, transparent)}}@media (prefers-color-scheme:dark){#edit-note-page .fixed-bar .editor-button:hover,#edit-note-page .bubble-menu .editor-button:hover{background-color:#f9f7f340}@supports (color:color-mix(in lab, red, red)){#edit-note-page .fixed-bar .editor-button:hover,#edit-note-page .bubble-menu .editor-button:hover{background-color:color-mix(in oklab, var(--color-light-color) 25%, transparent)}}}}.icon-button:active{background-color:#0f1a204d}@supports (color:color-mix(in lab, red, red)){.icon-button:active{background-color:color-mix(in oklab, var(--color-dark-color) 30%, transparent)}}@media (prefers-color-scheme:dark){.icon-button:active{background-color:#f9f7f34d}@supports (color:color-mix(in lab, red, red)){.icon-button:active{background-color:color-mix(in oklab, var(--color-light-color) 30%, transparent)}}}#edit-note-page .fixed-bar .editor-button:active{background-color:#0f1a2026}@supports (color:color-mix(in lab, red, red)){#edit-note-page .fixed-bar .editor-button:active{background-color:color-mix(in oklab, var(--color-dark-color) 15%, transparent)}}@media (prefers-color-scheme:dark){#edit-note-page .fixed-bar .editor-button:active{background-color:#f9f7f326}@supports (color:color-mix(in lab, red, red)){#edit-note-page .fixed-bar .editor-button:active{background-color:color-mix(in oklab, var(--color-light-color) 15%, transparent)}}}.invisible{visibility:hidden}.visible{visibility:visible}.bottom-24{bottom:calc(var(--spacing) * 24)}.z-30{z-index:30}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-22{margin-top:calc(var(--spacing) * 22)}.mb-xl{margin-bottom:var(--spacing-xl)}.line-clamp-10{-webkit-line-clamp:10;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.h-1{height:var(--spacing)}.h-6{height:calc(var(--spacing) * 6)}.h-\[30vh\]{height:30vh}.h-full{height:100%}.h-screen{height:100vh}.w-\[28px\]{width:28px}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-12{gap:calc(var(--spacing) * 12)}.gap-24{gap:calc(var(--spacing) * 24)}.gap-lg{gap:var(--spacing-lg)}.gap-md{gap:var(--spacing-md)}.gap-sm{gap:var(--spacing-sm)}.gap-xl{gap:var(--spacing-xl)}.gap-xs{gap:var(--spacing-xs)}.overflow-y-scroll{overflow-y:scroll}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dark-color\/50{border-color:#0f1a2080}@supports (color:color-mix(in lab, red, red)){.border-dark-color\/50{border-color:color-mix(in oklab, var(--color-dark-color) 50%, transparent)}}.bg-dark-color{background-color:var(--color-dark-color)}.fill-light-color{fill:var(--color-light-color)}.px-md{padding-inline:var(--spacing-md)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[20px\]{font-size:20px}.text-md{font-size:var(--text-md)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.text-dark-color{color:var(--color-dark-color)}.text-dark-color\/50{color:#0f1a2080}@supports (color:color-mix(in lab, red, red)){.text-dark-color\/50{color:color-mix(in oklab, var(--color-dark-color) 50%, transparent)}}.text-gray-800{color:var(--color-gray-800)}.text-light-color{color:var(--color-light-color)}.text-main{color:var(--color-main)}.text-red-500{color:var(--color-red-500)}.italic{font-style:italic}.underline{text-decoration-line:underline}@media (width>=48rem){.md\:invisible{visibility:hidden}.md\:bottom-lg{bottom:var(--spacing-lg)}.md\:mt-0{margin-top:0}.md\:mb-26{margin-bottom:calc(var(--spacing) * 26)}.md\:ml-22{margin-left:calc(var(--spacing) * 22)}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-2\/3{width:66.6667%}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:gap-0{gap:0}.md\:text-left{text-align:left}}@media (width>=64rem){.lg\:h-fit{height:fit-content}.lg\:w-1\/2{width:50%}.lg\:w-\[45\%\]{width:45%}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:px-lg{padding-inline:var(--spacing-lg)}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media (prefers-color-scheme:dark){.dark\:border-l-light-color\/50{border-left-color:#f9f7f380}@supports (color:color-mix(in lab, red, red)){.dark\:border-l-light-color\/50{border-left-color:color-mix(in oklab, var(--color-light-color) 50%, transparent)}}.dark\:bg-light-color{background-color:var(--color-light-color)}.dark\:text-dark-color{color:var(--color-dark-color)}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-light-color{color:var(--color-light-color)}.dark\:text-light-color\/50{color:#f9f7f380}@supports (color:color-mix(in lab, red, red)){.dark\:text-light-color\/50{color:color-mix(in oklab, var(--color-light-color) 50%, transparent)}}}footer{justify-content:space-between;align-items:center;width:100%;margin-top:auto;display:flex}footer .copyright-section{align-items:center;gap:var(--spacing-sm);display:flex}footer .copyright-section p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}@media (width>=48rem){footer .copyright-section p{font-size:var(--text-md)}}footer .footer-links-section{gap:var(--spacing-md);height:fit-content;display:flex}.primary-link,.secondary-link{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));text-underline-offset:2px;text-decoration-line:underline}@media (width>=48rem){.primary-link,.secondary-link{font-size:var(--text-md)}}.secondary-link{color:#0f1a20d9}@supports (color:color-mix(in lab, red, red)){.secondary-link{color:color-mix(in oklab, var(--color-dark-color) 85%, transparent)}}@media (prefers-color-scheme:dark){.secondary-link{color:#f9f7f3d9}@supports (color:color-mix(in lab, red, red)){.secondary-link{color:color-mix(in oklab, var(--color-light-color) 85%, transparent)}}}.primary-link{color:var(--color-main)}.full-logo-svg{max-width:90%}@media (width>=40rem){.full-logo-svg{max-width:60%}}.top-section{align-items:center;gap:var(--spacing-xl);text-align:center;flex-direction:column;width:100%;display:flex}.top-section div{gap:calc(var(--spacing) * 2);flex-direction:column;display:flex}.top-section div h2{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.border-separator{background-color:var(--color-main);width:100%;height:1px}.label{font-size:var(--text-md);color:#0f1a20e6}@supports (color:color-mix(in lab, red, red)){.label{color:color-mix(in oklab, var(--color-dark-color) 90%, transparent)}}@media (prefers-color-scheme:dark){.label{color:#f9f7f3e6}@supports (color:color-mix(in lab, red, red)){.label{color:color-mix(in oklab, var(--color-light-color) 90%, transparent)}}}input{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-main);width:100%;height:fit-content;padding-inline:var(--spacing-sm);padding-block:var(--spacing-xs);background-color:#0000}input:focus{background-color:#05a8aa1a}@supports (color:color-mix(in lab, red, red)){input:focus{background-color:color-mix(in oklab, var(--color-main) 10%, transparent)}}form{align-items:center;gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}form div{gap:var(--spacing-xs);flex-direction:column;width:100%;display:flex}form button{margin-top:var(--spacing-md)}button{cursor:pointer;border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-main);width:fit-content;padding-inline:var(--spacing-sm);padding-block:var(--spacing-xs);font-size:var(--text-md);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.empty-btn{color:var(--color-main);background-color:#0000}.white-empty-btn{border-color:var(--color-dark-color);color:var(--color-dark-color);background-color:#0000}@media (prefers-color-scheme:dark){.white-empty-btn{border-color:var(--color-light-color);color:var(--color-light-color)}}.full-btn{background-color:var(--color-main);color:var(--color-dark-color)}@media (prefers-color-scheme:dark){.full-btn{color:var(--color-light-color)}}.white-full-btn{border-color:var(--color-dark-color);background-color:var(--color-dark-color);color:var(--color-light-color)}@media (prefers-color-scheme:dark){.white-full-btn{border-color:var(--color-light-color);background-color:var(--color-light-color);color:var(--color-dark-color)}}.redirection{justify-content:flex-start;align-items:center;gap:var(--spacing-xs);flex-direction:row;width:100%;display:flex}.error-msg{font-family:var(--font-jost);font-size:var(--text-md);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-red-500)}#loading-screen{z-index:50;background-color:#f9f7f3d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;right:0}@supports (color:color-mix(in lab, red, red)){#loading-screen{background-color:color-mix(in oklab, var(--color-light-color) 85%, transparent)}}@media (prefers-color-scheme:dark){#loading-screen{background-color:#0f1a20d9}@supports (color:color-mix(in lab, red, red)){#loading-screen{background-color:color-mix(in oklab, var(--color-dark-color) 85%, transparent)}}}#loading-screen svg{height:calc(var(--spacing) * 22);width:calc(var(--spacing) * 22);animation:var(--animate-spin);fill:var(--color-main)}@media (hover:hover) and (pointer:fine){.empty-btn:hover{background-color:var(--color-main);color:var(--color-light-color)}.white-empty-btn:hover{background-color:var(--color-dark-color);color:var(--color-light-color)}@media (prefers-color-scheme:dark){.white-empty-btn:hover{background-color:var(--color-light-color);color:var(--color-dark-color)}}.full-btn:hover{color:var(--color-main);background-color:#0000}.white-full-btn:hover{color:var(--color-dark-color);background-color:#0000}@media (prefers-color-scheme:dark){.white-full-btn:hover{color:var(--color-light-color)}}.full-btn svg,.empty-btn:hover svg{fill:var(--color-light-color)}.full-btn:hover svg,.empty-btn svg{fill:var(--color-main)}.white-empty-btn svg,.white-full-btn:hover svg{fill:var(--color-dark-color)}@media (prefers-color-scheme:dark){.white-empty-btn svg,.white-full-btn:hover svg{fill:var(--color-light-color)}}.white-empty-btn:hover svg,.white-full-btn svg{fill:var(--color-light-color)}@media (prefers-color-scheme:dark){.white-empty-btn:hover svg,.white-full-btn svg{fill:var(--color-dark-color)}}}}@media (prefers-color-scheme:dark){html,body{background-color:var(--color-dark-color);color:var(--color-light-color)}}@media (prefers-color-scheme:dark){::selection{color:var(--color-dark-color)}}@media (prefers-color-scheme:dark){::-moz-selection{color:var(--color-dark-color)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}*{box-sizing:border-box;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-outline-style:none;outline-style:none;transition-duration:.3s}:focus{outline:none}html,body{background-color:var(--color-light-color);min-width:100vw;min-height:100vh;font-family:var(--font-jost);font-size:var(--text-md);color:var(--color-dark-color)}@media (prefers-color-scheme:dark){html,body{background-color:var(--color-dark-color);color:var(--color-light-color)}}::selection{background-color:var(--color-main);--tw-outline-style:none;outline-style:none}@media (prefers-color-scheme:dark){::selection{color:var(--color-dark-color)}}::-moz-selection{background-color:var(--color-main);--tw-outline-style:none;outline-style:none}@media (prefers-color-scheme:dark){::-moz-selection{color:var(--color-dark-color)}}