:root{font-family:Nunito,serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#ffffff4d}button:focus{border:1px solid rgba(255,255,255,.3)}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.jost-font{font-family:Jost,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}:root{overflow-x:hidden}#root{margin:0;text-align:center;min-height:100vh}body{min-height:100vh}select{background-color:inherit;border-radius:.5rem;padding:10px;font-size:inherit;font-family:inherit;color:inherit}hr{border-color:inherit;border-width:1px}.link{color:inherit}.home-page{width:100vw;height:max-content}.home-features-list>button{border:1px solid rgba(255,255,255,.1);margin:20px;aspect-ratio:5 / 4;width:300px;border-radius:2rem;text-align:left}.home-page>main,.home-page>header{padding:30px}input[type=email],input[type=password],input[type=text]{border-radius:.5rem;background-color:#0000000d;border-color:#ffffff80;color:inherit;padding:8px}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{outline:none}.home-nav-dark,.home-nav-light{padding:25px 0;display:flex;flex-direction:column;width:100vw;position:sticky;top:0;text-align:right;display:inline-block;border-bottom:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.home-nav-dark{background-color:#1b1b1bcc}.home-nav-light{background-color:#cacacacc}.home-nav-link{margin-right:7vw;font-size:large}.home-nav-left{display:flex;flex-direction:row;justify-self:left;position:absolute;top:0;margin:20px 0 0 30px}.content-page{display:grid;min-height:100vh;width:100vw;text-align:left}.content-content{margin:20px 30px;min-height:100vh}.phone-sidebar-menu{width:100%;padding:20px 30px;border-bottom:1px solid rgba(255,255,255,.3);top:0;position:sticky}.phone-sidebar{position:absolute;left:0;height:calc(100vh - 30px);width:50%;border-right:1px solid rgba(255,255,255,.3);border-top-right-radius:1rem;border-bottom-right-radius:1rem;padding:30px 30px 0}.phone-sidebar>ul{background-color:transparent;padding:0}.phone-sidebar>ul>button{margin:2px;background-color:inherit}.content-sidebar-dark,.content-sidebar-light{height:100vh;min-height:100vh;background-color:#1b1b1b;padding:0 20px;position:sticky;top:0}.content-sidebar-dark>ul,.content-sidebar-light>ul{list-style-type:none;padding-left:0}.content-sidebar-dark>ul>button,.content-sidebar-light>ul>button{width:100%;justify-self:center;padding:.5rem;border-radius:.8rem;background-color:transparent;transition:background-color .2s ease;margin:2px 0;border:1px solid transparent;font-size:medium}.content-sidebar-dark>ul>button:hover,#sidebar-active-dark{background-color:#0e0e0e;border:1px solid rgba(255,255,255,.1);transition:background-color .2s ease}.content-sidebar-light>ul>button:hover,#sidebar-active-light{background-color:#cacaca;border:1px solid rgba(255,255,255,.1);transition:background-color .2s ease}.content-sidebar-btn{width:100%;text-align:left;color:inherit}.content-list{display:flex;width:min-content;top:0}.content-list-block{position:relative;font-size:medium;text-align:left;width:200px;aspect-ratio:1 / 1;margin:5px;padding:0 10px;top:0}.content-notes{height:auto;display:block}.note-page-content{margin:50px 20%}.note-page-textarea{background-color:transparent;outline:none;border-color:transparent;width:100%;resize:none;height:auto;font-family:inherit;font-weight:500}.note-page-textarea.h1{font-size:2rem;font-weight:600;min-height:2.5rem}.settings-content{width:100%;max-width:900px;padding:30px 0;justify-self:center}.settings-content-header{display:grid;grid-template-columns:auto auto}.settings-content-logout{justify-self:right;border-radius:1rem;color:inherit}.settings-content-options{padding:20px;border-radius:1rem}.settings-content-row{margin:auto auto 20px;border-radius:1rem;padding:10px}.login-page{height:100vh;justify-self:center;place-items:center;width:100vw;top:0}.login-page-content{position:absolute;top:50%;left:50%;width:auto;transform:translate(-50%,-50%);border-radius:1rem;padding:10px;overflow-x:hidden;border:1px solid rgba(255,255,255,.3)}.login-form>*{margin:10px;width:300px}.signup-page{height:100vh;justify-self:center;place-items:center;width:100vw;top:0}.signup-page-content{position:absolute;top:50%;left:50%;width:auto;transform:translate(-50%,-50%);border-radius:1rem;padding:10px;overflow-x:hidden;border:1px solid rgba(255,255,255,.3)}.signup-form>*{margin:10px;width:300px}.options-dropdown-bg{width:100vw;height:100vh;position:fixed;top:0;background-color:transparent;left:0;z-index:1}.h1{font-size:2em}.h2{font-size:1.5em}.primary-bg-dark{background-color:#0e0e0e;color:#ffffffde}.secondary-bg-dark{background-color:#1b1b1b;color:#ffffffde}.primary-bg-light{background-color:#cacaca;color:#0e0e0e}.secondary-bg-light{background-color:#dadada;color:#0e0e0e}.danger-outline{color:inherit;border:1px solid #a31515}.danger-outline:hover{color:inherit;border:1px solid #c24a4a}.light{color:#0e0e0e;background-color:#e4e4e4}.dark{color:#ffffffde;background-color:#0e0e0e}.scrollable-x{height:300px;overflow-x:auto;border-radius:1rem;padding:10px}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;border:1px solid rgba(255,255,255,.3);border-radius:1rem}.modal-bg{position:fixed;width:100vw;height:100vh;left:0;top:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0003}.scrollable-y{height:auto;overflow-y:auto;border-radius:1rem;padding:10px}.scrollable::-webkit-scrollbar-track{background-color:transparent}.highlight{background-color:#0548ff;color:#fff;display:inline}.blinking-cursor{display:inline-block;height:100%;color:#fff;background-color:#fff;animation:blinking-cursor 1s infinite;width:2px;margin-left:10px}@keyframes blinking-cursor{0%,to{opacity:1}50%{opacity:0}}.triangle-up-dark{width:0;height:0;border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-bottom:.4rem solid #1b1b1b}.triangle-up-light{width:0;height:0;border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-bottom:.4rem solid #cacaca}@media screen and (min-width:1000px){.monitor{display:none}.content-page{grid-template-columns:300px minmax(100px,auto)}.reverse-phone,.reverse-tablet{display:none}}@media screen and (max-width:1000px){.monitor,.laptop{display:none}.content-page{grid-template-columns:230px minmax(100px,auto)}.reverse-phone,.reverse-tablet{display:none}}@media screen and (max-width:800px){.content-page{grid-template-columns:200px minmax(100px,auto)}.laptop,.monitor,.tablet,.reverse-phone{display:none}.reverse-tablet{display:block}}@media screen and (max-width:600px){.content-page{grid-template-columns:minmax(100px,100vw)}.phone,.tablet,.monitor,.laptop{display:none}.phone-sidebar-menu,.phone-sidebar,.reverse-phone,.reverse-tablet{display:block}}