:root{--background: oklch(0.21 0.01 255.61);--foreground: oklch(1 0.01 255.61);--muted-foreground: oklch(87.61% 0.0001 271.152);--card: oklch(23.356% 0.01308 258.405);--border: oklch(35.233% 0.00004 271.152);--accent: oklch(54.78% 0.11273 66.994)}*,*::after,*::before{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:1rem;line-height:1.5;background-color:var(--background);color:var(--foreground)}.notes{display:flex;flex-direction:row;border:1px solid var(--border);border-radius:10px;margin:5rem;transition:margin .15s ease}@media screen and (width <= 800px){.notes{margin-inline:2.5rem}}@media screen and (width <= 580px){.notes{margin-inline:1.5rem}}@media screen and (width <= 420px){.notes{margin-inline:1rem}}.notes__header{display:flex;padding:.5rem;width:100%}.notes__button{display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:center;background:none;outline:2px solid rgba(0,0,0,0);outline-offset:2px;border:1px solid var(--border);border-radius:10px;color:var(--foreground);padding:.25rem 1rem;height:44px;width:100%;white-space:nowrap;cursor:pointer}.notes__button:hover,.notes__button:focus-visible{outline-color:var(--accent)}.notes__button svg{width:16px;height:16px}.notes__sidebar{border-top-left-radius:inherit;border-bottom-left-radius:inherit;background-color:var(--card);width:min(240px,80vw)}.notes__sidebar__header__button{justify-content:flex-start}.notes__sidebar__list{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.notes__sidebar__list__card{display:flex;flex-direction:column;gap:.25rem;outline:2px solid rgba(0,0,0,0);outline-offset:2px;border:1px solid rgba(0,0,0,0);border-radius:10px;padding:.5rem;cursor:pointer;transition:border-color .15s ease}.notes__sidebar__list__card[data-open=true],.notes__sidebar__list__card:hover{border-color:var(--border)}.notes__sidebar__list__card:focus-visible{outline-color:var(--accent);border-color:var(--border)}.notes__sidebar__list__card__title{font-size:1.025rem}.notes__sidebar__list__card__date{display:flex;flex-direction:row;gap:.25rem;align-items:center;color:var(--muted-foreground);font-size:.75rem}.notes__sidebar__list__card__date svg{height:14px;width:14px}.notes__content{flex:1;border-left:1px solid var(--border)}.notes__content__header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:1.5rem;border-bottom:1px solid var(--border)}.notes__content__header__actions{display:flex;flex-direction:row;gap:.5rem}.editor{position:relative;display:flex}.editor__toolbar{position:absolute;top:0;left:0}.editor__canvas{flex:1;display:flex;flex-direction:column}.editor__canvas input{background:none;border:none;outline:none;color:var(--foreground);line-height:1.5;font-size:1rem;padding:0 1rem}.editor__canvas input:first-child{padding-top:1rem}.editor__canvas input:last-child{padding-bottom:1rem}