.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}#root{display:flex}#start{text-align:center}nav{width:5%;border-right:1px solid black;display:flex;flex-direction:column;justify-content:center;gap:1rem}nav img{max-width:100%;cursor:pointer}main{position:relative;padding:1rem;flex-grow:1}main #icons{width:5%;border-right:1px solid black}main #icons img{display:block;margin:auto;cursor:pointer;width:30px}.scroll{height:100%;overflow-y:auto}#main{display:flex;width:95%}#backend-choice button.active{background-color:var(--bai);color:var(--hei)}#backend-choice button{background-color:var(--hui)}#notes #top-row{justify-content:space-between}#notes #top-row h1{margin:auto}#notes .meta{opacity:.7;font-size:.9rem;margin-bottom:1rem}#notes .meta div{margin:0}#notes .note-preview{margin:1rem auto;border:1px solid var(--fg);width:50%;padding:.5rem}#notes .note-preview .title{font-weight:700}#notes .note-preview:hover{background-color:var(--hui)}#composer{width:80%;height:500px;display:flex;flex-direction:column;padding:2rem}#composer input,#composer textarea{display:block;width:100%;outline:none}#composer #top{display:flex;gap:1}#composer #top input{font-size:2rem;font-weight:700;height:2rem;border:none;margin-bottom:1rem;flex-grow:1}#composer input[type=submit]{height:2rem;width:fit-content}textarea{flex-grow:1;resize:none;border:none;outline:medium;outline-color:#000;font-size:1rem}#chips{position:relative;width:100%;border:1px solid rgb(107,114,128);padding:0 .5rem}#chips .chip{display:inline-block;font-size:13px;font-weight:500;color:#0009;line-height:26px;padding:0 12px;border-radius:16px;background-color:#e4e4e4;cursor:pointer;margin:0 2px}#chips .selected-chip,#chips .chip:hover{background-color:#646464}#chips input{border:0;display:inline-block;font-size:16px;height:2rem;line-height:32px;outline:0;margin:0;padding:0!important}#list{width:20%;border-right:1px solid black}#list .entry{padding:1rem;cursor:pointer}#inputs{padding:.5rem}#todos #top-row{justify-content:space-between}#todos #top-row h1{margin:auto}#todos .todo-preview{margin:1rem auto;border:2px solid var(--fg);width:50%;padding:.5rem}#todos .todo-preview .title{font-weight:700}#todos .priority-10,#todos .priority-9,#todos .priority-8,#todos .priority-7{border-color:red}#todos .priority-6,#todos .priority-5,#todos .priority-4{border-color:gold}#todos .todo-preview:hover{background-color:var(--hui)}#todo-composer{width:60%;margin:auto;border:1px solid black;padding:.5rem}#todo-composer input[type=text]{line-height:1.5;width:100%;border:none}#todo-composer .buttons{display:flex;gap:2rem;justify-content:space-between;padding:.3rem 1rem;border-top:1px solid black}#todo-composer .fw{width:90%;display:block}#todo-composer #title{display:flex;justify-content:space-between;gap:1rem}#todo-composer #title input{flex-grow:1;font-size:1.4rem;font-weight:700}#todo-composer #due{width:100%;justify-content:space-between}#todo-composer #due #date{width:50%}#todo-composer #due #date input{width:100%}#todo-composer #due input{border:1px solid var(--fg)}#todo-composer .row{display:flex;gap:1rem}#todo-composer .nb{border:none}#todo-composer textarea{resize:none}#todo-composer input,#todo-composer textarea{outline:none}#todo-composer .del-button{background-color:#8b0000;color:#fff}#todo-composer #error-div{color:red}#todo-composer .reminder-show:hover{background-color:#00000080}#settings section input{display:block;width:100%}#settings section button{display:block;margin:.5rem auto}@media (max-width:600px){#root{flex-direction:column-reverse}nav{border-top:2px solid var(--fg);border-right:none;width:100%;height:40px;flex-direction:row}nav img{max-height:100%}#composer{width:100%;height:100%;padding:0}}