/* Liszt styles */
/* -------------------------------------------------- */
/* Base */
/* -------------------------------------------------- */
* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: mdlorien, sans-serif;
  font-variant-numeric: oldstyle-nums;
}

html {
  height: 100%;
}

body {
  -webkit-font-feature-settings: "liga";
  font-size: 1.05em;
  margin: 0;
  line-height: 1.4em;
  padding: 0;
  text-rendering: optimizeLegibility;
}
@media screen and (min-width: 600px) {
  body {
    font-size: 1.1em;
  }
}

article, aside, figure, figcaption, footer, header, hgroup, menu, nav, section, main {
  display: block;
}

.wrapper {
  width: 100%;
}

hr {
  background: #ccc;
  border-width: 0;
  height: 1px;
  margin: 2em auto;
  text-align: center;
  width: 100%;
}

/*
p {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
*/
.hidden {
  display: none;
}

/*
@font-face {
    font-family: 'Charter';
	src: url('../fonts/charter/charter_bold_italic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Charter';
	src: url('../fonts/charter/charter_bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Charter';
    src: url('../fonts/charter/charter_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Charter';
    src: url('../fonts/charter/charter_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/
/*
@font-face {
  font-family: 'SSP';
  src: url('../fonts/SourceSerifPro-It.otf.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'SSP';
  src: url('../fonts/SourceSerifPro-Regular.otf.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'sirbaotf';
  src: url('../fonts/Sirba-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'sirbaotf';
  src: url('../fonts/Sirba-Italic.otf') format('opentype');
  font-weight: normal;
  font-style: italic;
}
*/
@font-face {
  font-family: "mdlorien";
  src: url("../fonts/MDLorienTrial-Book.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "mdlorien";
  src: url("../fonts/MDLorienTrial-BookItalic.otf") format("opentype");
  font-weight: normal;
  font-style: italic;
}
/* Login page */
form.login {
  margin-top: 1em;
  padding-bottom: 1em;
}

form.login .group label {
  color: #888;
  display: block;
  margin-bottom: 0.2em;
}

form.login .group section {
  margin-bottom: 1em;
}

form.login .group section input[type=text] {
  font-size: 1.3em;
  padding: 3px 5px;
}

form.login .group section input[type=password] {
  font-size: 1.3em;
  padding: 3px 5px;
}

form.login input.button {
  background: #64a7c9;
  border: none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 1em;
  padding: 4px 10px 6px;
  -webkit-appearance: none;
}

form.login input.button:hover {
  background: #444;
}

#page header[role=banner] {
  background: #323539;
  padding: 0 20px;
  -webkit-user-select: none;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
}
#page header[role=banner] > .container {
  display: flex;
}
#page header[role=banner] > .container .controls {
  margin-right: -10px;
}
#page header[role=banner] > .container .controls.left {
  flex: 1;
  margin-left: -10px;
  margin-right: 0;
}
#page header[role=banner] > .container .controls a {
  color: #a5b0c0;
  cursor: pointer;
  pointer-events: initial;
  display: inline-block;
  font-size: 1.5em;
  padding: 13px 10px 14px;
  text-decoration: none;
}
#page header[role=banner] > .container .controls a:hover {
  color: #f0f2f4;
}
#page header[role=banner] > .container .controls a.menu {
  line-height: 11px;
  vertical-align: top;
}
#page header[role=banner] > .container .controls a svg {
  cursor: pointer;
  height: 0.8em;
  width: 0.8em;
}
#page header[role=banner] > .container .controls a svg path {
  fill: #a5b0c0;
}
@media screen and (min-width: 500px) {
  #page header[role=banner] > .container .controls a svg path {
    fill: #353e4b;
  }
}
#page header[role=banner] > .container .controls a svg:hover path {
  fill: #f0f2f4;
}
@media screen and (max-width: 500px) {
  #page header[role=banner] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 392093290;
  }
  #page header[role=banner] > .container .controls {
    display: flex;
    gap: 12px;
  }
  #page header[role=banner] > .container .controls a {
    background: #191919;
    border: solid 1px #050505;
    border-radius: 100%;
    box-shadow: 0 5px 12px #050505, 0 3px 5px rgba(255, 255, 255, 0.03) inset;
    color: #444 !important;
    padding-top: 20px;
    margin-top: 20px;
    margin-bottom: 55px;
    width: 70px;
    height: 70px;
    text-align: center;
  }
  #page header[role=banner] > .container .controls a svg path {
    fill: #444 !important;
  }
  #page header[role=banner] > .container .controls a.menu {
    line-height: inherit;
    padding-top: 15px;
  }
  #page header[role=banner] > .container .controls a.search-button {
    padding-top: 23px;
  }
  #page header[role=banner] > .container .controls:first-child a:first-child {
    margin-left: 10px;
  }
  #page header[role=banner] > .container .controls:last-child {
    margin-right: 0px;
  }
}

section#page-header {
  background: #323539;
  border-bottom: solid 15px #eaeaea;
  padding: 5px 20px 15px;
  /* Page title */
}
section#page-header h1 {
  color: #222;
  font-size: 1.15em;
  font-weight: normal;
  margin: 0;
  line-height: 1.1em;
  -webkit-user-select: none;
  /*
  span.today {
    @include header-color($today-color);
  }
   */
}
section#page-header h1 a {
  font-size: 1.3em;
  text-decoration: none;
}
section#page-header h1 a:hover {
  color: #444;
}
section#page-header h1 a.context {
  color: #fff;
  color: #455b6f;
}
section#page-header h1 a.context span.selector {
  color: #d0356b;
  margin-right: 1px;
}
section#page-header h1 a.context:hover {
  color: #d95e89;
}
section#page-header h1 a.list {
  color: #fff;
  color: #455b6f;
}
section#page-header h1 a.list span.selector {
  color: #0f97d2;
  margin-right: 1px;
}
section#page-header h1 a.list:hover {
  color: #24b3f0;
}
section#page-header h1 a.tag {
  color: #fff;
  color: #455b6f;
}
section#page-header h1 a.tag span.selector {
  color: #9663c9;
  margin-right: 1px;
}
section#page-header h1 a.tag:hover {
  color: #af89d6;
}
section#page-header h1 a.starred {
  color: #fff;
  color: #455b6f;
}
section#page-header h1 a.starred span.selector {
  color: #f18579;
  margin-right: 1px;
}
section#page-header h1 a.starred:hover {
  color: #f6afa7;
}
section#page-header h1 a.today {
  color: #fff;
  color: #455b6f;
}
section#page-header h1 a.today span.selector {
  color: #9979f1;
  margin-right: 1px;
}
section#page-header h1 a.today:hover {
  color: #bca7f6;
}
section#page-header h1 .main {
  display: block;
  font-size: 1.4em !important;
  font-style: italic;
  line-height: 1em;
}
section#page-header h1 a + .main {
  margin-top: 7px;
}
section#page-header h1 span.context {
  color: #555;
}
section#page-header h1 span.list {
  color: #3c4458;
  margin-top: 20px;
}
section#page-header h1 span.tag {
  color: #777;
  color: #455b6f;
}
section#page-header h1 span.tag span.selector {
  color: #9663c9;
  margin-right: 1px;
}
section#page-header h1 span.starred {
  color: #777;
  color: #455b6f;
}
section#page-header h1 span.starred span.selector {
  color: #f18579;
  margin-right: 1px;
}

.container {
  margin: 0px auto;
  max-width: 510px;
}

/* Navigation */
/* -------------------------------------------------- */
nav[role=menu] {
  --menu-width: 220px;
  transition: transform 0.3s cubic-bezier(0.2, 0.3, 0.25, 0.9);
  transform: translate3d(var(--menu-width), 0, 0);
  -webkit-overflow-scrolling: touch;
  background: #2e2e2e;
  font-size: 1.35em;
  line-height: 1.75em;
  overflow: hidden;
  overflow-y: auto;
  padding-bottom: 5rem;
  padding-top: 1em;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: var(--menu-width);
  z-index: 999999999999;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (min-width: 500px) {
  nav[role=menu] {
    padding-bottom: 1em;
  }
}
nav[role=menu] a {
  color: #fff;
  display: block;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 0.3em 25px;
  text-align: right;
  text-decoration: none;
}
nav[role=menu] a:hover {
  background: #592626;
  color: #fff;
}
nav[role=menu] a span.selector {
  color: #bc4b51;
  margin-right: 1px;
}
nav[role=menu] > span {
  color: #fff;
  cursor: pointer;
  display: block;
  padding: 0.3em 25px;
  text-align: right;
  text-decoration: none;
}
nav[role=menu] > span:hover {
  background: #363636;
  color: #fff;
}
nav[role=menu] .group + .group {
  margin-top: 1em;
}
nav[role=menu] .group.system a {
  color: #bbd2e2;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 0.1em 25px;
}
nav[role=menu] .group.system span {
  font-size: 0.9em;
}
nav[role=menu] .group.system.inline {
  text-align: right;
  padding-right: 12px;
}
nav[role=menu] .group.system.inline a {
  display: inline-block;
  padding: 0 12px 0 13px;
}
nav[role=menu] .group > div {
  padding-left: -25px;
  padding-right: -25px;
  text-align: right;
}
nav[role=menu] .group h2 {
  color: #444;
  font-size: 0.8em;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 1em;
  padding: 0 25px;
  text-align: right;
  text-transform: uppercase;
}
nav[role=menu] .group .context a {
  padding-bottom: 0.3rem;
  padding-top: 0.1rem;
}
nav[role=menu] .group a.today {
  padding-bottom: 0.7rem;
  padding-top: 0.5rem;
}

.mask {
  bottom: 0;
  cursor: pointer;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 50000;
}

#page {
  transition: opacity 0.3s, filter 0.3s;
}

body.active-nav nav[role=menu] {
  transform: translate3d(0, 0, 0);
  -webkit-user-select: none;
}
body.active-nav #page {
  opacity: 0.3;
  filter: blur(7px);
  box-shadow: -1px 0 25px rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}
body.active-nav #page .mask {
  display: block;
}

/* Trays */
/* -------------------------------------------------- */
.tray {
  display: none;
  padding: 0 20px;
}

/* Search tray */
#search-tray {
  background: #43709d;
  color: #fff;
}
#search-tray input[type=text] {
  background: none;
  border: none;
  color: #fff;
  font-size: 1.4em;
  padding: 20px 0;
  width: 100%;
}
#search-tray input[type=text]:focus {
  outline: none;
}
@media screen and (max-width: 500px) {
  #search-tray {
    position: fixed;
    bottom: 133px;
    left: 0;
    right: 0;
    z-index: 392093290;
  }
}

/* Add tray */
#add-tray {
  border-bottom: solid 5px #83afce;
}
#add-tray .container {
  position: relative;
}
#add-tray textarea {
  border: none;
  font-size: 1.4rem;
  line-height: 1.3;
  min-height: 180px;
  padding: 15px 0px 10px;
  resize: none;
  width: 100%;
}
#add-tray textarea:focus {
  outline: none;
}
#add-tray .buttons {
  display: flex;
  justify-content: flex-end;
  justify-content: end;
  padding-bottom: 15px;
}
#add-tray a#save-button {
  background: #111;
  border: solid 1px #222;
  border-radius: 5px;
  bottom: 15px;
  color: #666;
  font-size: 1.2em;
  padding: 7px 19px 11px;
  position: absolute;
  right: 0px;
  text-decoration: none;
}
#add-tray a#save-button:hover {
  background: #000;
}
@media screen and (max-width: 500px) {
  #add-tray {
    position: fixed;
    bottom: 147px;
    left: 0;
    right: 0;
    background: rgba(38, 38, 38, 0.4);
    border-bottom: solid 1px #000;
    z-index: 392093290;
  }
  #add-tray textarea {
    margin: 0 -5px;
  }
}

body.add-tray main#content {
  filter: blur(6px);
  opacity: 0.2;
}

/* Content */
/* -------------------------------------------------- */
main#content {
  background: #1c1f21;
  padding: 20px;
  padding-bottom: 100px;
  transition: filter 0.3s, opacity 0.3s;
  /* Home page */
  /* Lists */
  /* Items */
  /* Search results */
}
@media screen and (max-width: 500px) {
  main#content {
    padding-bottom: 220px;
  }
}
main#content .links {
  font-size: 1.2em;
}
@media screen and (max-width: 500px) {
  main#content .links {
    padding-inline: 15px;
  }
}
main#content .links a {
  color: #9663c9;
  text-decoration: none;
}
main#content .links a:hover {
  color: #7039a6;
}
main#content ul.objects {
  list-style: none;
  margin: 0 0 25px 0;
  padding: 0;
  /* When used as heading (contexts on tag page) */
}
@media screen and (min-width: 600px) {
  main#content ul.objects {
    margin-left: -13px;
    margin-right: -13px;
  }
}
main#content ul.objects li {
  align-items: flex-start;
  border-bottom: solid 1px #eee;
  display: flex;
  padding: 8px 15px;
  position: relative;
  transition: filter 0.3s, opacity 0.3s;
  /* Content wrapper */
  /* Star */
  /* Handle */
  /* Subtitle */
  /* Placeholder for sorting */
  /* List editing */
}
@media screen and (min-width: 600px) {
  main#content ul.objects li {
    padding: 13px;
    padding-bottom: 9px;
  }
}
main#content ul.objects li .undo-link {
  bottom: 0;
  color: #ccc;
  display: flex;
  font-size: 1.3rem;
  font-style: italic;
  left: 0;
  opacity: 0;
  place-content: center;
  place-items: center;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s;
  -webkit-user-select: none;
}
main#content ul.objects li.undo .undo-link {
  cursor: pointer;
  opacity: 1;
  pointer-events: all;
  z-index: 90000000;
}
main#content ul.objects li.undo .undo-link.processing {
  opacity: 0;
}
main#content ul.objects li.undo.move .undo-link::after {
  content: "move";
  margin-left: 0.5ch;
}
main#content ul.objects li.edit {
  /*
  .checkbox {
    display: none;
  }
   */
}
main#content ul.objects li.edit .star {
  border: solid 1px #ddd;
  border-radius: 100%;
  color: #ddd;
  font-size: 1.5em;
  padding: 0.5em 0.5em 0.6em;
}
main#content ul.objects li.edit .star.selected {
  border: solid 1px #111;
  background-color: #111;
  color: #fff;
}
main#content ul.objects li.edit .star.hide {
  display: block;
}
main#content ul.objects li > div.wrapper {
  -webkit-flex: 1;
  flex: 1;
  margin-top: -1px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  display: flex;
  flex-direction: column;
  transition: filter 0.3s, opacity 0.3s;
}
@media screen and (min-width: 700px) {
  main#content ul.objects li > div.wrapper {
    margin-top: -2px;
  }
}
main#content ul.objects li > div.wrapper.linked-list {
  align-items: baseline;
  flex-direction: row;
}
main#content ul.objects li > div.wrapper .edit-controls {
  display: none;
}
main#content ul.objects li > div.wrapper .edit-controls textarea {
  border: solid 1px #bbb;
  border-radius: 5px;
  font-size: 21px;
  line-height: 1.3em;
  margin: 0;
  min-height: 100px;
  padding: 7px 10px;
  resize: none;
  width: 100%;
}
@media screen and (min-width: 700px) {
  main#content ul.objects li > div.wrapper .edit-controls textarea {
    font-size: 23px;
  }
}
main#content ul.objects li > div.wrapper .edit-controls textarea:focus {
  outline: none;
}
main#content ul.objects li > div.wrapper .edit-controls .item-metadata,
main#content ul.objects li > div.wrapper .edit-controls .list-metadata {
  border: solid 1px #bbb;
  border-radius: 5px;
  margin: 0;
  resize: none;
  width: 100%;
  color: #666;
  font-size: 1.3rem;
  line-height: 1.1;
  max-height: 2.7rem;
  min-height: 0;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
@media screen and (min-width: 700px) {
  main#content ul.objects li > div.wrapper .edit-controls .item-metadata,
main#content ul.objects li > div.wrapper .edit-controls .list-metadata {
    line-height: 1.3;
    max-height: 2.9rem;
  }
}
main#content ul.objects li > div.wrapper .edit-controls .group {
  align-items: center;
  display: flex;
  font-size: 0.8em;
}
main#content ul.objects li > div.wrapper .edit-controls .group label {
  font-style: italic;
  margin-right: 10px;
  max-width: 60px;
}
main#content ul.objects li > div.wrapper .edit-controls .group input[type=text] {
  border: solid 1px #ccc;
  border-radius: 2px;
  flex: 1;
  font-size: 1.5em;
  line-height: 1.1em;
  padding: 2px 5px;
}
main#content ul.objects li > div.wrapper .edit-controls .group input[type=text]:focus {
  outline: none;
}
main#content ul.objects li > div.wrapper .edit-controls .group + .group {
  margin-top: 10px;
}
main#content ul.objects li > div.wrapper .edit-controls .group.context input {
  color: #d0356b;
}
main#content ul.objects li > div.wrapper .edit-controls .group.list input {
  color: #0f97d2;
}
main#content ul.objects li > div.wrapper .edit-controls .group.tag input {
  color: #9663c9;
}
main#content ul.objects li > div.wrapper .edit-controls .meta {
  border: solid 1px #ddd;
  border-radius: 3px;
  display: -webkit-flex;
  display: flex;
  margin: 0.5em 0 1.5em;
  padding: 5px 9px;
}
main#content ul.objects li > div.wrapper .edit-controls .meta .left {
  -webkit-flex: 1;
  flex: 1;
}
main#content ul.objects li > div.wrapper .edit-controls .meta .right {
  -webkit-flex: 1;
  flex: 1;
  text-align: right;
}
main#content ul.objects li > div.wrapper .list-wrapper {
  display: flex;
}
main#content ul.objects li > div.wrapper .buttons {
  display: flex;
  gap: 10px;
  margin-top: 0;
  padding: 0.3rem 1rem 0.6rem;
  -webkit-user-select: none;
}
main#content ul.objects li > div.wrapper .buttons .button {
  background: none;
  border: solid 1px #222;
  border-radius: 0.3rem;
  color: #fff;
  flex: 1;
  font-family: -apple-system;
  font-size: 0.9rem;
  font-variant-caps: all-small-caps;
  letter-spacing: 0.03rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
main#content ul.objects li > div.wrapper .buttons .button.progress {
  background: #6c2748 !important;
  color: #fff !important;
}
main#content ul.objects li > div.wrapper .buttons:not(.move-buttons) .button {
  padding-block: 3px 6px;
  padding-inline: 2px;
}
main#content ul.objects li > div.wrapper .buttons.move-buttons {
  display: flex;
  line-height: 2.2;
  gap: 12px;
  margin-top: 0;
  padding: 0;
  padding-right: 1rem;
}
@media screen and (min-width: 700px) {
  main#content ul.objects li > div.wrapper .buttons.move-buttons {
    height: inherit;
  }
}
main#content ul.objects li > div.wrapper .buttons.move-buttons .button {
  background: inherit;
  border: none;
  color: #85a96c;
  color: #b8a764;
  color: #e9c46a;
  display: inline-flex;
  flex: auto;
  font-variant-caps: initial;
  letter-spacing: 0;
  line-height: 1.2em;
  padding-block: 6px 4px;
  place-content: center;
}
main#content ul.objects li > div.wrapper .buttons.move-buttons .button:hover {
  color: #ccc;
}
@media screen and (min-width: 700px) {
  main#content ul.objects li > div.wrapper .buttons.move-buttons .button {
    font-size: 1rem;
    padding: 4px 10px 6px;
  }
}
main#content ul.objects li > div.wrapper .buttons.search-results {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  line-height: 2.2;
  margin: 0.3rem 1rem 0 1rem;
  max-height: 6rem;
  padding: 0;
  overflow: auto;
  text-align: right;
}
main#content ul.objects li > div.wrapper .buttons.search-results .button {
  border: solid 1px #222;
  color: #85a96c;
  color: #b8a764;
  color: #e9c46a;
  display: inline-flex;
  flex: auto;
  font-variant-caps: inherit;
  letter-spacing: 0;
  line-height: 1.2em;
  margin: 0;
  padding: 3px 10px 5px;
  place-content: center;
}
main#content ul.objects li > div.wrapper .buttons.search-results .button:hover {
  background: #333;
}
@media screen and (min-width: 700px) {
  main#content ul.objects li > div.wrapper .buttons.search-results .button {
    font-size: 1rem;
    padding: 4px 10px 6px;
  }
}
main#content ul.objects li > div.wrapper .buttons.duration-buttons {
  display: block;
  margin-top: 0.5em;
  flex-wrap: wrap;
  line-height: 2.2em;
  text-align: right;
}
main#content ul.objects li > div.wrapper .buttons.duration-buttons .button {
  padding: 7px 13px 10px;
}
main#content ul.objects li > div.wrapper .buttons.duration-buttons .button.selected {
  background: #5a748a;
}
main#content ul.objects li.undo > div.wrapper {
  filter: blur(2px);
  opacity: 0.2;
}
main#content ul.objects li .checkbox {
  transition: filter 0.3s, opacity 0.3s;
}
main#content ul.objects li.undo > .checkbox {
  filter: blur(2px);
  opacity: 0.2;
}
main#content ul.objects li .journal, main#content ul.objects li .mandatory {
  transition: filter 0.3s, opacity 0.3s;
}
main#content ul.objects li.undo > .journal, main#content ul.objects li.undo > .mandatory {
  filter: blur(2px);
  opacity: 0.2;
}
@media screen and (max-width: 700px) {
  main#content ul.objects li.edit > div.wrapper .edit-controls {
    background: #1a1a1a;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    justify-content: end;
    padding: 0;
    transition: background 0.25s;
    z-index: 39029023909;
  }
}
main#content ul.objects li .star {
  -webkit-user-select: none;
  color: #f18579;
  cursor: pointer;
  font-size: 1.2em;
  margin-left: 10px;
  margin-top: 1px;
}
main#content ul.objects li .star.hide {
  display: none;
}
main#content ul.objects li .star:hover {
  color: #515761;
}
main#content ul.objects li .handle {
  -webkit-user-select: none;
  color: #bbb;
  cursor: move;
  font-size: 1.7em;
  margin-left: 8px;
  display: none;
}
main#content ul.objects li .duration {
  background: #181818;
  color: #333;
  padding: 1px 10px 3px;
  border-radius: 100%;
  margin-left: 5px;
  -webkit-user-select: none;
}
main#content ul.objects li .journal {
  -webkit-user-select: none;
  background: #222;
  border-radius: 3pt;
  color: #c34b4b;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.8rem;
  font-weight: 300;
  line-height: 1.2;
  margin-right: 10px;
  margin-top: 4px;
  padding: 1px 4px 3px;
  text-align: center;
}
main#content ul.objects li .mandatory {
  -webkit-user-select: none;
  background: #ffd22e;
  border-radius: 50px;
  color: #a72f2f;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.05;
  margin-right: 10px;
  margin-top: 3px;
  padding: 0px 4px 3px;
  text-align: center;
  width: 2.5rem;
  height: 1.2rem;
}
main#content ul.objects li label a {
  color: #507177;
  font-style: italic;
}
main#content ul.objects li label a:hover {
  color: #314649;
}
main#content ul.objects li span.subtitle {
  color: #595959;
  display: block;
  font-size: 1.1em;
  font-style: italic;
  line-height: 1.15em;
  margin-top: 0.5em;
  word-wrap: break-word;
  -webkit-user-select: none;
}
main#content ul.objects li span.subtitle a {
  color: #595959;
  text-decoration: none;
}
main#content ul.objects li span.subtitle a.context {
  color: #d0356b;
}
main#content ul.objects li span.subtitle a.context:hover {
  color: #95234b;
}
main#content ul.objects li span.subtitle a.list {
  color: #0f97d2;
}
main#content ul.objects li span.subtitle a.list:hover {
  color: #0a648a;
}
main#content ul.objects li span.subtitle.list a {
  color: #a94d67;
}
main#content ul.objects li span.subtitle.list a:hover {
  color: #444;
}
main#content ul.objects li.placeholder {
  background: #eee;
}
main#content ul.objects li.list > div.wrapper .edit-controls > span {
  margin-right: 10px;
}
main#content ul.objects li.list > div.wrapper .edit-controls input[type=checkbox] {
  -webkit-user-select: none;
  -webkit-appearance: none;
  border: solid 1px #888;
  border-radius: 2px;
  cursor: pointer;
  font-size: 1.2em;
  margin: 0 4px -2px 0;
  min-width: 16px;
  width: 16px;
  height: 16px;
}
main#content ul.objects li.list > div.wrapper .edit-controls input[type=checkbox]:focus {
  outline: none;
}
main#content ul.objects li.list > div.wrapper .edit-controls input[type=checkbox]:hover {
  border-color: #111;
}
main#content ul.objects li.list > div.wrapper .edit-controls input[type=checkbox]:checked {
  background: #d41111;
  border-color: #d41111;
}
main#content ul.objects li.list > div.wrapper .edit-controls input[type=checkbox]:checked:hover {
  background: #111;
  border-color: #111;
}
main#content ul.objects li.list > div.wrapper .edit-controls label {
  color: #888;
}
main#content ul.objects li.list > div.wrapper .edit-controls textarea.list-name {
  font-size: 1.4em;
  line-height: 1.2em;
  margin: 0 -5px;
  max-height: 1.4em;
  padding: 0 5px;
}
main#content ul.objects.heading {
  margin-bottom: 0;
}
main#content ul.lists {
  /* Context-specific stuff */
}
main#content ul.lists li.list {
  /* List name */
}
main#content ul.lists li.list .wrapper > a {
  color: #0f97d2;
  display: block;
  font-size: 1.4em;
  line-height: 1.1em;
  text-decoration: none;
}
main#content ul.lists li.list .wrapper > a:hover {
  color: #0a648a;
}
main#content ul.lists li.list .wrapper .subtitle {
  -webkit-user-select: none;
  cursor: pointer;
}
main#content ul.lists li.list .wrapper .subtitle:hover {
  color: #888;
}
main#content ul.lists li.list.edit {
  border-radius: 5px;
  box-shadow: 0 0 15px #999;
  padding: 13px;
}
main#content ul.lists li.list.edit .handle {
  display: none;
}
main#content ul.lists.contexts li.list a {
  color: #d0356b;
}
main#content ul.lists.contexts li.list a:hover {
  color: #95234b;
}
@keyframes selecteditem {
  from {
    background: #20131a;
  }
  to {
    background: #331926;
  }
}
main#content ul.items li.empty {
  background: #eee;
  border-radius: 5px;
  min-height: 2em;
}
main#content ul.items li.item {
  /* Checkbox */
  /* Label */
}
main#content ul.items li.item .checkbox {
  -webkit-user-select: none;
  -webkit-appearance: none;
  border: solid 1px #ccc;
  border-radius: 2px;
  cursor: pointer;
  font-size: 1.2em;
  margin: 1px 11px 0 0;
  min-width: 25px;
  width: 25px;
  height: 25px;
}
main#content ul.items li.item .checkbox:focus {
  outline: none;
}
main#content ul.items li.item .checkbox.checked {
  background: #d41111;
  border-color: #d41111;
}
main#content ul.items li.item .checkbox.checked:hover {
  background: #246189;
  border-color: #246189;
}
main#content ul.items li.item label {
  color: #333333;
  cursor: pointer;
  display: block;
  flex: 1;
  font-size: 1.4rem;
  line-height: 1.3;
  text-indent: -1.25rem;
  margin-left: 1.25rem;
  user-select: none;
  -webkit-user-select: none;
}
@media screen and (min-width: 700px) {
  main#content ul.items li.item label {
    font-size: 1.5rem;
  }
}
main#content ul.items li.item label .context {
  color: #a96287;
  color: #874b6a;
  color: #9663c9;
  font-style: italic;
}
main#content ul.items li.item .item-time {
  color: #a8486d;
  font-size: 1.2rem;
  font-style: italic;
  margin-left: 5px;
}
main#content ul.items li.item .tags {
  display: flex;
  gap: 6px;
  margin-left: 10px;
  margin-top: 7px;
}
main#content ul.items li.item .tag {
  background: none;
  border: none;
  color: #666;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 7pt;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  -webkit-user-select: none;
}
main#content ul.items li.item .tag:hover {
  color: #999;
}
main#content ul.items li.item .tag.tag-laptop {
  color: #9c5454;
}
main#content ul.items li.item .tag.tag-errand {
  color: #798156;
}
main#content ul.items li.item .tag.tag-phone {
  color: #587e5c;
}
main#content ul.items li.item .tag.tag-thinking {
  color: #333638;
}
main#content ul.items li.item .tag.tag-house {
  color: #93537d;
}
main#content ul.items li.item .tag.tag-msg {
  color: #527898;
}
main#content ul.items li.item .tag.tag-church {
  color: #867d50;
}
main#content ul.items li.item .tag.tag-art {
  color: #88599b;
}
main#content ul.items li.item .tag.tag-writing {
  color: #655893;
}
main#content ul.items li.item .tag.tag-blog {
  color: #628693;
}
main#content ul.items li.item .tag.tag-notes {
  color: #5a877c;
}
main#content ul.items li.item .tag.tag-num {
  align-self: end;
  background: #57232f;
  border-radius: 2px;
  color: #de7c89;
  padding-left: 0;
  padding-right: 0;
  width: 0.5rem;
  height: 0.9em;
}
main#content ul.items li.item .tag.tag-num + .tag-num {
  margin-left: -4px;
}
main#content ul.items li.item .wrapper a.linked-list {
  color: #85a96c;
  color: #b74848;
  color: #bc4b51;
  font-style: italic;
  text-decoration: none;
}
main#content ul.items li.item .wrapper a.linked-list:hover {
  color: #888;
}
main#content ul.items li.item .wrapper.linked-list {
  flex-wrap: wrap;
}
main#content ul.items li.item .wrapper.linked-list label {
  flex: initial;
  margin-right: 10px;
}
main#content ul.items li.item.waiting label {
  color: #999;
  font-style: italic;
}
main#content ul.items li.item.urgent {
  font-weight: 600;
}
main#content ul.items li.item.urgent .subtitle {
  font-weight: 300;
}
main#content ul.items li.item.separator {
  background: none;
  padding-top: 10px;
  margin-top: 0;
}
main#content ul.items li.item.separator .checkbox {
  background-color: #181818;
  border: none;
  border-radius: 0;
  width: 30px;
  height: 8px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
}
main#content ul.items li.item.separator > div.wrapper {
  margin-top: 0 !important;
}
main#content ul.items li.item.separator .wrapper label {
  max-height: 8px;
  background: #1e1e1e;
}
@media screen and (min-width: 500px) {
  main#content ul.items li.item.separator {
    background: #111;
  }
  main#content ul.items li.item.separator .checkbox {
    background: #222;
  }
}
main#content ul.items li.item.edit .checkbox {
  opacity: 0.3;
  display: none;
}
main#content ul.items li.item.edit .handle {
  display: none;
}
main#content ul.items li.item.edit .duration {
  display: none;
}
main#content ul.items li.item.edit .journal {
  display: none;
}
main#content ul.items li.item.edit .mandatory {
  display: none;
}
main#content ul.items li.item.selected {
  background: #000;
  border-radius: 3px;
  animation-duration: 0.5s;
  animation-name: selecteditem;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  transition-timing-function: ease-in-out;
}
main#content ul.items li.item.selected label {
  color: #ddd;
}
main#content ul.items li.item.selected.edit {
  animation-name: none;
}
@media screen and (max-width: 500px) {
  main#content ul.items li.item.selected {
    padding-left: 25px;
    padding-right: 25px;
    margin-left: -10px;
    margin-right: -10px;
  }
}
main#content ul.items li.item.selected .duration {
  background: #1a1a1a;
  color: #333333;
}
main#content ul.items li.item.selected .checkbox {
  background: #993355;
  border: none;
  animation-duration: 1s;
  animation-name: selecteditem;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
main#content ul.items li.item.selected .subtitle {
  color: #4d4d4d;
}
main#content ul.items li.item.selected .subtitle a {
  color: #666666;
}
main#content ul.items.starred .subtitle {
  color: #595959;
  font-size: 1.1em;
  line-height: 1.3em;
}
main#content ul.items.starred li.item label {
  display: inline;
}
main#content ul.items.starred .subtitle.selector {
  display: inline;
  font-size: 1em;
  margin-top: 3px;
}
main#content ul.items.starred .subtitle.selector a.list {
  color: #a9a9a9;
}
main#content .group {
  min-height: 1em;
  position: relative;
}
main#content .group:first-of-type h2.starredroot:first-of-type, main#content .group:first-of-type h2.todayroot:first-of-type {
  margin-top: 0.5em;
}
@media screen and (max-width: 500px) {
  main#content .group:first-of-type h2.todayroot:first-of-type {
    margin-top: 0;
  }
}
main#content .group h2.contextview, main#content .group h2.starredroot, main#content .group h2.todayroot {
  color: #54606d;
  color: #c0d08a;
  font-size: 1.3em;
  font-style: italic;
  font-weight: normal;
  margin: 1.75em 0 0.5em;
}
main#content .group h2.contextview a, main#content .group h2.starredroot a, main#content .group h2.todayroot a {
  color: #54606d;
  text-decoration: none;
}
main#content .group h2.contextview a:hover, main#content .group h2.starredroot a:hover, main#content .group h2.todayroot a:hover {
  color: #222;
}
@media screen and (min-width: 820px) {
  main#content .group {
    margin-top: 1.5em;
    margin-bottom: 3em;
  }
  main#content .group:first-of-type {
    margin-top: 0.5em;
  }
  main#content .group h2.contextview, main#content .group h2.starredroot, main#content .group h2.todayroot {
    margin: 0.6em 0 0;
    margin-left: -240px;
    position: absolute;
    text-align: right;
    width: 200px;
  }
  main#content .group:first-child h2.contextview {
    margin-top: 0.6em;
  }
}
main#content .group:first-child h2.contextview {
  margin-top: 0.5em;
}
main#content .results h2 {
  border-bottom: solid 1px #ddd;
  color: #ccc;
  font-size: 1em;
  font-weight: 400;
  margin: 0 0 1em;
  padding-bottom: 1px;
}

/* Overview */
/* -------------------------------------------------- */
#overview h2 {
  font-size: 0.9em;
  font-weight: normal;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
#overview ul.entries + ul.entries {
  border-top: solid 1px #ddd;
  margin-top: 2.5em;
  padding-top: 1em;
}
#overview ul.entries {
  font-size: 1.2em;
  line-height: 1.3em;
  list-style: none;
  margin: 0;
  padding: 0;
}
#overview ul.entries li a {
  text-decoration: none;
}
#overview ul.entries li span {
  color: #bbb;
  font-size: 0.8em;
  line-height: 1.1em;
  margin-left: 1px;
}
#overview ul.entries li.context:first-child {
  margin-top: 1em;
}
#overview ul.entries li.indent-1 {
  margin-left: 20px;
}
#overview ul.entries li.indent-2 {
  margin-left: 40px;
}
#overview ul.entries li.context {
  color: #777;
  color: #455b6f;
  font-size: 1.1em;
  margin-top: 2em;
}
#overview ul.entries li.context span.selector {
  color: #d0356b;
  margin-right: 1px;
}
#overview ul.entries li.context a {
  color: #d0356b;
}
#overview ul.entries li.list {
  color: #777;
  color: #455b6f;
  margin-top: 5px;
}
#overview ul.entries li.list span.selector {
  color: #0f97d2;
  margin-right: 1px;
}
#overview ul.entries li.list a {
  color: #0f97d2;
}

body main#content ul.starred li:last-child {
  border-bottom: none;
}

body main#content ul.objects li:last-child {
  border-bottom: none;
}

body section#page-header h1 span.today span.selector {
  font-size: 0.7em !important;
  line-height: 1em;
}
@media screen and (min-width: 600px) {
  body section#page-header h1 span.today span.selector {
    font-size: 1em !important;
    line-height: 1em;
  }
}

/* Dark mode */
/* -------------------------------------------------- */
body {
  background: #111;
}
body nav[role=menu] {
  background: rgba(0, 0, 0, 0.3);
}
body #page header[role=banner] {
  background: #0a0a0a;
}
@media screen and (max-width: 500px) {
  body #page header[role=banner] {
    background: none;
  }
}
body #page header[role=banner] > .container .controls a {
  color: #333;
}
body #page header[role=banner] > .container .controls a svg path {
  fill: #333;
}
body #page header[role=banner] > .container .controls a:hover {
  color: #fff;
}
@media screen and (min-width: 500px) {
  body #page header[role=banner] {
    display: none;
    font-size: 0.7em;
    position: absolute;
    z-index: 9000000;
  }
  body #page header[role=banner] > .container .controls a {
    padding-top: 5px;
  }
  body #page header[role=banner] > .container .controls span {
    padding-top: 5px;
  }
  body #page header[role=banner] > .container .controls a.menu {
    line-height: 15px;
  }
}
body section#page-header {
  background: #111;
  border-bottom: none;
}
body section#page-header h1 span.context span.selector {
  color: #333;
}
body section#page-header h1 .list span.selector {
  color: #2c2f35;
}
body #add-tray {
  border-bottom-color: #000;
}
body #add-tray textarea {
  background: none;
  color: #ccc;
}
body #search-tray {
  background: #1f2630;
}
body main#content {
  background: #111;
}
body main#content ul.objects li {
  border-bottom-color: #181818;
}
body main#content ul.objects li .handle {
  color: #333;
}
body main#content ul.objects li span.subtitle {
  color: #444;
}
body main#content ul.objects li span.subtitle a.list {
  color: #6499af;
}
body main#content ul.objects li span.subtitle.notes {
  color: #555;
  display: flex;
  gap: 8px;
}
body main#content ul.objects li span.subtitle.notes .tags {
  display: flex;
  gap: 3px;
  line-height: 0.5;
}
body main#content ul.objects li span.subtitle.notes a {
  display: inline-block;
  word-break: break-all;
}
body main#content ul.objects li span.subtitle.notes .created-date {
  color: #494949;
  font-size: 1rem;
}
body main#content ul.objects li .star {
  color: #904941;
}
body main#content ul.objects li.placeholder {
  background: #000;
}
body main#content ul.objects li > div.wrapper .edit-controls textarea {
  background: none;
  border: none;
  color: #ddd;
  min-height: 40px;
  padding: 0;
}
body main#content ul.objects li > div.wrapper .edit-controls textarea.list-metadata {
  color: #98b3cd;
}
body main#content ul.objects li > div.wrapper .edit-controls textarea.item-text {
  border-radius: 5px 5px 0 0;
  font-size: 1.4rem;
  margin-bottom: 0;
  padding: 0.7rem 1rem 0.35rem;
}
body main#content ul.objects li > div.wrapper .edit-controls .item-metadata {
  background: inherit;
  border: none;
  border-radius: 0;
  color: #e9c46a !important;
  flex: 1;
  font-family: -apple-system;
  font-size: 0.9rem;
  margin-left: 1rem;
  margin-right: 1rem;
  padding: 0;
  -webkit-appearance: none;
}
body main#content ul.objects li > div.wrapper .edit-controls .item-metadata:focus {
  outline: none;
}
body main#content ul.objects li > div.wrapper .edit-controls .meta {
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0 0 1.5em;
}
body main#content ul.objects li > div.wrapper .buttons .button {
  background: inherit;
  color: #618ea0;
}
body main#content ul.objects li > div.wrapper .buttons .button:hover {
  color: #bbb;
}
body main#content ul.objects li > div.wrapper .buttons .button.cancel {
  color: #555;
}
body main#content ul.objects li > div.wrapper .buttons .button.cancel:hover {
  color: #888;
}
body main#content ul.objects li > div.wrapper .buttons .button.move-to-top {
  color: #74525f;
}
body main#content ul.objects li > div.wrapper .buttons .button.move-to-top:hover {
  color: #888;
}
body main#content ul.objects li > div.wrapper .buttons .button.edit {
  color: #656a4d;
}
body main#content ul.objects li > div.wrapper .buttons .button.edit:hover {
  color: #888;
}
body main#content ul.items li.item .checkbox {
  background: #242424;
  border-color: #242424;
}
body main#content ul.items li.item .checkbox:hover {
  background: #000;
  /*border-color: #000; */
}
body main#content ul.items li.item .checkbox.checked {
  background: #57986a;
  border-color: #57986a;
}
body main#content ul.items li.item .checkbox.checked:hover {
  background: #000;
  border-color: #000;
}
body main#content ul.items li.item.streak .checkbox {
  background: #151c23;
  border-color: #111;
}
body main#content ul.items li.item label {
  color: #cccccc;
}
body main#content ul.items li.item.waiting label {
  color: #565c67;
}
body main#content ul.items li.item.edit {
  box-shadow: none;
}
@media screen and (max-width: 700px) {
  body main#content ul.items li.item.edit {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
}
@media screen and (min-width: 700px) {
  body main#content ul.items li.item.edit {
    background: #181818;
    border-radius: 0.3rem;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
  body main#content ul.items li.item.edit div.wrapper .edit-controls textarea.item-text {
    padding: 1.25rem 1.5rem;
  }
  body main#content ul.items li.item.edit div.wrapper .edit-controls .item-metadata {
    font-size: 1.4rem;
    padding: 0.75rem 1rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    max-height: 3.5rem;
    width: calc(100% - 3rem);
  }
  body main#content ul.items li.item.edit .buttons {
    margin-top: 0;
    padding: 0.5rem 1.5rem;
  }
  body main#content ul.items li.item.edit .buttons.move-buttons {
    padding-top: 0.7rem;
    padding-left: 1.2rem;
  }
  body main#content ul.items li.item.edit .buttons .button {
    font-size: 1.2rem;
  }
}
body main#content ul.items li.item.edit .star {
  border-color: #1d2125;
  color: #1d2125;
}
body main#content ul.items li.item.edit .star.selected {
  background: #431d19;
  border-color: #6b2f29;
  color: #ef4f3e;
}
body main#content ul.items li.item.edit .star:hover {
  color: #fff;
}
body main#content ul.items.starred .subtitle.selector a.list {
  color: #40474f;
}
body main#content ul.items.starred .subtitle.selector a.list:hover {
  color: #fff;
}
body main#content .results {
  display: none;
  box-shadow: 0 50px 50px 20px #000;
  z-index: 39203922;
  position: relative;
}
body main#content .results h2 {
  color: #515761;
  border-bottom: none;
}
body main#content ul.lists li.list .wrapper > a {
  color: #81a9bb;
  -webkit-user-select: none;
}
body main#content ul.lists li.list .wrapper > a:hover {
  color: #fff;
}
body main#content ul.lists li.list.edit {
  border-bottom: none;
  box-shadow: 0 0 15px #000;
  margin: 1.4em 0;
}
body main#content ul.lists li.list > div.wrapper .edit-controls textarea.list-name {
  margin: inherit;
  padding: 8px 10px;
}
body main#content ul.lists li.list > div.wrapper .edit-controls label {
  color: #98b3cd;
}
body main#content ul.lists li.list > div.wrapper .edit-controls input[type=checkbox] {
  background: #34393d;
  border-color: #34393d;
}
body main#content .group h2.contextview a {
  color: #86afc1;
  color: #6499af;
}
body main#content .group h2.contextview a:hover {
  color: #fff;
}
body .post-list-controls {
  text-decoration: none;
  -webkit-user-select: none;
}
@media screen and (max-width: 500px) {
  body .post-list-controls {
    padding-left: 15px;
    padding-right: 15px;
  }
}
body .editlink {
  color: #2b2e31;
  display: inline-block;
  margin-right: 15px;
}
body .editlink:hover {
  color: #fff;
}
body .links {
  margin-top: 3rem;
}
body .links a {
  color: #2b2e31 !important;
  display: inline-block;
  margin-right: 20px;
  text-decoration: none;
  -webkit-user-select: none;
}
body .links a:hover {
  color: #fff !important;
}

#recent-items {
  -webkit-user-select: none;
  color: #444;
  font-size: 0.9rem;
  margin-top: 1em;
  padding-top: 0.25em;
}
@media screen and (max-width: 500px) {
  #recent-items {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#recent-items h2 {
  color: #333;
  font-size: 1em;
  font-weight: normal;
  margin: 0.5em 0;
}
#recent-items ul {
  color: #333;
  margin: 0;
  line-height: 1.3;
  list-style: none;
  padding: 0;
}
#recent-items li + li {
  margin-top: 0.5rem;
}
#recent-items a {
  color: #555;
  text-decoration: none;
}
#recent-items a:hover {
  color: #666;
}

main#content ul.objects li span.subtitle {
  margin-top: 4px;
}

.stats-panel * {
  -webkit-user-select: none;
}
.stats-panel .error {
  background: #222;
  border-radius: 5px;
  color: #444;
  font-size: 0.7em;
  line-height: 1.25;
  padding: 10px;
  padding-top: 4px;
  margin-top: 5px;
  max-height: 1.8em;
  overflow: hidden;
}
.stats-panel .blog-stats {
  font-style: italic;
  color: #444;
  font-size: 0.75em;
  margin-top: -1.4em;
  text-align: center;
}
@media screen and (min-width: 700px) {
  .stats-panel .blog-stats {
    margin-top: -1.6em;
  }
}

.preamble {
  color: #444;
  font-size: 0.9rem;
  line-height: 1.3em;
}
.preamble * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.preamble .wrapper {
  margin-top: 15px;
  display: flex;
}
.preamble .wrapper > div {
  flex: 1;
}
.preamble .wrapper > div + div {
  margin-left: 15px;
  text-align: right;
}
.preamble .wrapper + .wrapper {
  margin-top: 15px;
}
.preamble .wrapper .slug {
  color: #555;
  font-size: 0.8em;
  max-width: 60px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.preamble .percentage {
  background: #101010;
  width: 100%;
  border-radius: 1em;
  height: 9px;
  margin-bottom: 4px;
}
@media screen and (min-width: 700px) {
  .preamble .percentage {
    background: #181818;
  }
}
.preamble .percentage .bar {
  height: 100%;
  border-radius: 1em;
}
.preamble .storybook-today {
  text-align: left !important;
}
.preamble .storybook-today .percentage .bar {
  background: #425a7b;
  background: #283c57;
}
.preamble .storybook-overview .percentage .bar {
  background: #5c3f79;
  background: #3c2c4d;
  margin-left: auto;
}
.preamble .reading .percentage .bar {
  background: #667f4d;
  background: #38422a;
}
.preamble .momentum .percentage .bar {
  background: #792335;
  background: #55212c;
  margin-left: auto;
}
.preamble .info {
  color: #555;
  font-size: 0.75em;
  line-height: 1.35em;
}
.preamble .dash {
  color: #222;
}

#page-data + .preamble {
  margin-top: 0.75em;
}

@media screen and (max-width: 500px) {
  main#content .group.daily-review {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.daily-review + .daily-review {
  padding-top: 2.5rem;
}

.daily-review ul {
  color: #373c40;
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.daily-review ul li {
  font-size: 1.35rem;
  line-height: 1.35;
  padding-block: 0.75rem;
}
.daily-review ul li:first-child {
  border-top: none;
}
.daily-review ul li span {
  color: #bfbfbf;
}

.daily-review + a.editlink {
  margin-top: 3rem;
  padding-left: 15px;
}

ul.writing-stats {
  display: flex;
  color: #999;
  margin-top: 0em;
  padding-top: 0;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0.7rem;
  justify-content: space-between;
}
@media screen and (min-width: 700px) {
  ul.writing-stats {
    margin-top: 0.25em;
  }
}
ul.writing-stats * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
ul.writing-stats li {
  list-style: none;
  display: flex;
  flex-direction: column;
  text-align: center;
}
ul.writing-stats li.today {
  text-align: right;
}
ul.writing-stats li.today .label {
  color: #666;
}
ul.writing-stats li.today .value {
  color: #bbb;
}
ul.writing-stats li .label {
  color: #444;
  font-size: 0.5rem;
  letter-spacing: 0.04rem;
  margin-bottom: 0.1rem;
  line-height: 1.1;
}
ul.writing-stats li .value {
  color: #888;
  font-size: 0.9rem;
  font-weight: 450;
  letter-spacing: -0.01rem;
  line-height: 1.3;
}

div.writing-stats {
  display: flex;
  flex-direction: column;
  font-size: 0.7em;
  line-height: 1.2em;
  margin-top: 0.5em;
}
div.writing-stats * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
div.writing-stats .labels, div.writing-stats .story {
  display: flex;
  justify-content: space-between;
}
div.writing-stats .labels {
  color: #444;
  font-size: 0.8em;
  letter-spacing: 0.03em;
}
div.writing-stats .labels .today {
  color: #666 !important;
}
div.writing-stats .story {
  line-height: 1.4em;
}
div.writing-stats .slug {
  color: #555;
  font-style: italic;
  width: 60px;
}
div.writing-stats .label {
  text-align: center;
  width: 40px;
}
div.writing-stats .label.today {
  width: 50px;
  text-align: right;
}
div.writing-stats .value {
  color: #777;
  text-align: center;
  width: 40px;
}
div.writing-stats .value.today {
  color: #bbb !important;
  width: 50px;
  text-align: right;
}

section#page-header h1 span.today.main {
  font-size: 1.2em !important;
  margin-top: -0.4em;
  color: #9ba6ae;
}

form.login .group section input[type=text],
form.login .group section input[type=password] {
  background: #1d1d1d;
  border: none;
  border-radius: 5px;
  color: #fff;
  padding: 10px 14px 12px;
  width: 100%;
}

form.login input.button {
  background: #365a6c;
  font-size: 1.2em;
  padding: 9px 20px 12px;
  width: 100%;
  margin-top: 1em;
}

/* Focus mode */
/* -------------------------------------------------- */
.focus-summary {
  color: #4f304f;
  display: none;
  margin-right: 0.5rem;
}

body.focus .focus-summary {
  display: inline;
}

body main#content ul.items li.item {
  transition: padding-inline 0.3s;
}
body main#content ul.items li.item label {
  transition: font-size 0.3s;
}

body.focus main#content ul.items li.item {
  filter: blur(6px);
  opacity: 0;
}
body.focus main#content ul.items li.item:nth-of-type(1) {
  /*
  li.item:nth-of-type(2),
  li.item:nth-of-type(3),
  li.item:nth-of-type(4),
  li.item:nth-of-type(5) {
    */
  flex-direction: column;
  filter: blur(0);
  gap: 2rem;
  opacity: 1;
  padding-inline: 2rem;
}
body.focus main#content ul.items li.item:nth-of-type(1) label {
  font-size: 1.5rem;
  text-indent: 0;
  margin: 0;
}
body.focus main#content ul.items li.item:nth-of-type(1) .checkbox {
  border-radius: 6px;
  border: none;
  margin: 0;
  width: 100%;
}
body.focus main#content ul.items li.item:nth-of-type(1) .tags {
  display: none;
}

body .pinned-lists {
  height: auto;
  opacity: 1;
  transition: height 0.3s, opacity 0.3s;
}

body.focus .pinned-lists {
  height: 0;
  opacity: 0;
}

body main#content {
  transition: padding-top 0.3s;
}

body.focus main#content {
  padding-top: 16rem;
}

/*
body.focus {
  #page-header {
    opacity: 0.2;
  }

  main#content {
    ul.items:first-of-type {
      & > li {
        opacity: 0.15;
      }

      & > li:first-child {
        opacity: 1.0;
        border-bottom: none;
      }
    }

    h2.todayroot {
      opacity: 0.2;
    }

    .editlink {
      display: none;
      -webkit-user-select: none;
    }

    .links {
      display: none;
      -webkit-user-select: none;
    }
  }

  @media screen and (min-width: 700px) {
    #page header[role=banner] {
      background: none;
    }
  }
}

*/
/* Checkbox tweaks */
body main#content ul.items li.item .tags + .checkbox {
  margin-left: 5px;
}

body main#content ul.items li.item .checkbox {
  background: #181818;
  border: solid #141414 5px;
  border-radius: 100%;
  order: 3;
  margin-left: 15px;
  margin-right: -5px;
  margin-top: -7px;
  margin-bottom: -7px;
  width: 40px;
  height: 40px;
}
@media screen and (min-width: 700px) {
  body main#content ul.items li.item .checkbox {
    border-color: #111;
    /*
    border: solid #1a1a1a 1px;
    margin-left: 0;
    margin-right: 11px;
    margin-bottom: 0px;
    margin-top: -1px;
    order: inherit;
    width: 30px;
    height: 30px;
     */
  }
}

.belt {
  z-index: 999999999;
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  -webkit-user-select: none;
}
.belt.hidden {
  display: none;
}
.belt:not(.hidden) + #page {
  padding-top: 50px;
}
.belt:not(.hidden) + #page section#page-header {
  opacity: 0.2;
  padding-top: 4px;
}
.belt .container {
  display: flex;
  justify-content: space-between;
  padding-right: 15px;
}
.belt .timeleft {
  color: #222;
  font-size: 1.6em;
  text-align: center;
  padding: 12px 20px 4px;
  display: inline-block;
}
@media screen and (min-width: 500px) {
  .belt .timeleft {
    padding: 15px 0px 4px;
  }
}
@media screen and (min-width: 600px) {
  .belt {
    max-width: 570px;
    margin: 5px auto;
    border-radius: 5px;
  }
}
.belt[data-state=running] .timeleft {
  color: #fff;
  display: block;
}
.belt[data-state=running] .buttons a {
  color: #5b6b53;
}
.belt[data-state=running] .buttons a:hover {
  color: #fff;
}
.belt[data-state=paused] .timeleft {
  color: #444;
  display: block;
  font-style: italic;
}
.belt[data-state=paused] .buttons a {
  color: #444;
  font-style: italic;
}
.belt[data-state=paused] .buttons a:hover {
  color: #fff;
}
.belt[data-state=completed] .timeleft {
  display: block;
  color: #27292b;
}
.belt[data-state=completed] .buttons a {
  color: #303336;
}
.belt[data-state=completed] .buttons a:hover {
  color: #fff;
}
.belt[data-state=completed] + #page .mask {
  display: block;
}
.belt[data-state=stopped] .buttons a.belt-stop {
  color: #333;
  cursor: not-allowed;
}
.belt .buttons {
  display: flex;
  justify-content: space-between;
  margin-right: -7px;
}
.belt .buttons a {
  color: #555;
  font-size: 1.3em;
  text-align: center;
  text-decoration: none;
  padding: 12px 15px 15px;
  width: 33%;
}
.belt .buttons a:hover {
  color: #fff;
}
.belt .buttons a:focus {
  outline: none;
}
@media screen and (min-width: 500px) {
  .belt .buttons {
    margin-right: -39px;
  }
  .belt .buttons a {
    padding: 14px 28px 22px;
  }
  .belt:not(.hidden) + #page {
    padding-top: 60px;
  }
  .belt:not(.hidden) + #page header[role=banner] {
    display: none;
  }
}

.belt-command-panel {
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-wrap: wrap;
  left: 0;
  margin: 0px auto;
  max-width: 100%;
  padding: 5px 15px;
  position: fixed;
  right: 0;
  top: 60px;
  z-index: 39209032;
}
.belt-command-panel .container {
  display: flex;
  justify-content: space-between;
  max-width: 540px;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .belt-command-panel .container {
    padding-left: 5px;
    padding-right: 10px;
  }
}
.belt-command-panel.hidden {
  display: none;
}
.belt-command-panel .belt-command {
  color: #82a499;
  padding: 7px 5px 10px;
  border-radius: 3px;
  flex: 1;
  font-size: 1em;
  line-height: 1.2em;
  margin-right: 8px;
  max-width: 60px;
  text-align: center;
  text-decoration: none;
}
.belt-command-panel .belt-command:last-of-type {
  margin-right: 0;
}
@media screen and (min-width: 500px) {
  .belt-command-panel .belt-command {
    max-width: 200px;
  }
}
.belt-command-panel .belt-command.add {
  color: #3f6a5c;
  text-align: left;
}
.belt-command-panel .belt-command.continue {
  flex: 1.25;
  max-width: 200px;
  text-align: right;
}
.belt-command-panel .belt-command:hover {
  color: #eee;
}
@media screen and (min-width: 500px) {
  .belt-command-panel {
    padding-bottom: 8px;
    padding-top: 8px;
  }
}

@media screen and (max-width: 500px) {
  body {
    background: #111;
  }
  body main#content {
    background: #111;
    padding: 0;
    padding-top: 20px;
    padding-bottom: 160px;
  }
  body main#content ul.objects li {
    border-bottom-color: #111;
  }
  body main#content ul.items li.item .checkbox {
    border-color: #111;
  }
  body section#page-header {
    background: #111;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
  }
  body #page header[role=banner] {
    padding-left: 15px;
    padding-right: 15px;
  }
  body #page header[role=banner] + section#page-header {
    padding-top: 0;
    padding-bottom: 0;
  }
  body .login {
    margin-top: 15rem;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 500px) {
  div.search {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
div.search form {
  display: flex;
}
div.search input[type=search] {
  background: #222;
  border-radius: 5px;
  border: none;
  color: #ddd;
  font-size: 1.3rem;
  padding: 0.3rem 0.5rem;
  max-width: 15rem;
  -webkit-appearance: none;
}
div.search input[type=search]:focus {
  outline: none;
}
div.search input[type=submit] {
  -webkit-appearance: none;
  background: #345;
  border-radius: 5px;
  border: none;
  color: #ddd;
  cursor: pointer;
  font-size: 1.2rem;
  padding: 0.2rem 0.8rem 0.3rem;
}
div.search input[type=submit]:hover {
  background: #456;
}
div.search ul.search-results {
  font-size: 1.3rem;
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
}
div.search ul.search-results li {
  color: #ccc;
  line-height: 1.3;
  padding: 0.8rem 0;
}
div.search ul.search-results li + li {
  border-top: solid 1px #222;
}
div.search ul.search-results li a {
  color: #94af74;
  margin-right: 5px;
  text-decoration: none;
}
div.search ul.search-results li a:hover {
  color: #fff;
}
div.search ul.search-results li a.subtext {
  color: #555;
  display: block;
  font-size: 1rem;
  font-style: italic;
  margin-top: 0.2rem;
}
div.search ul.search-results li a.subtext:hover {
  color: #fff;
}

.journal.main {
  margin-top: 1rem;
}

.journal.group h2 {
  margin: 1rem 0 0.5rem;
}

.journal.group h2 a {
  color: #8e9e6b;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: normal;
  padding: 0 15px;
  text-decoration: none;
}
@media screen and (min-width: 500px) {
  .journal.group h2 a {
    font-size: 1.4rem;
    padding: 0;
  }
}

ul.journal-toc {
  margin: 0 15px;
  margin-bottom: 2rem;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 500px) {
  ul.journal-toc {
    margin: 0;
    margin-bottom: 3rem;
  }
}

ul.journal-toc li {
  display: inline;
}

ul.journal-toc li a {
  color: #925d89;
  display: inline-block;
  font-style: italic;
  margin-right: 10px;
  margin-bottom: 5px;
  text-decoration: none;
}

.pinned-lists {
  margin: 0 15px;
  margin-bottom: 0.5rem;
  -webkit-user-select: none;
}
@media screen and (min-width: 500px) {
  .pinned-lists {
    margin: 0;
    margin-bottom: 1rem;
  }
}

.pinned-lists a {
  color: #b74848;
  display: inline-block;
  font-size: 1.1rem;
  font-style: italic;
  margin-right: 0.75rem;
  text-decoration: none;
}

.pinned-lists a.journal {
  color: #53936c;
}

.pinned-lists a.focus {
  color: #7b4c7b;
}

.pinned-lists a:hover {
  color: #fff;
}

.pinned-lists a .count {
  color: #545454;
  font-size: 1rem;
  margin-left: 0.35rem;
}

.focus-list {
  margin: 0 15px;
  margin-top: 0.6rem;
  margin-bottom: 0.5rem;
  -webkit-user-select: none;
}
.focus-list a {
  color: #9aaf6a;
  display: block;
  font-size: 1.2rem;
  font-style: italic;
  line-height: 1.3;
  text-decoration: none;
}
.focus-list a span {
  color: #2c2f35;
  padding-inline: 2px;
}
@media screen and (min-width: 500px) {
  .focus-list {
    margin: 0;
    margin-bottom: 1rem;
  }
}

.now-list {
  font-size: 0.95rem;
  margin-inline: 15px;
  margin-block-end: 0.5rem;
  -webkit-user-select: none;
}
.now-list a {
  align-items: baseline;
  color: #a37da6;
  display: flex;
  gap: 1rem;
  text-decoration: none;
}
.now-list span {
  font-variant-caps: all-small-caps;
  letter-spacing: 0.05rem;
}
.now-list ul {
  display: inline-flex;
  gap: 0.45rem;
  flex-direction: column;
  flex-wrap: wrap;
  font-style: italic;
  line-height: 1.2;
  list-style: none;
  margin: 0;
  padding: 0;
}
.now-list ul li {
  margin-left: 1.25rem;
  text-indent: -1.25rem;
}
@media screen and (min-width: 500px) {
  .now-list {
    margin: 0;
    margin-bottom: 1rem;
  }
}

a.wordcounts {
  display: block;
  -webkit-user-select: none;
  margin-bottom: 10pt;
  text-decoration: none;
}
a.wordcounts ul {
  display: flex;
  list-style: none;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
a.wordcounts ul * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
a.wordcounts ul li {
  display: flex;
  flex-direction: column;
  font-size: 0.8rem;
  gap: 3pt;
  line-height: 1;
  padding: 0;
  text-align: center;
  width: 1.9rem;
}
a.wordcounts ul li .bar-wrapper {
  display: flex;
  flex-direction: column-reverse;
  height: 1.5rem;
}
a.wordcounts ul li .bar-wrapper .bar-value {
  border-radius: 1px;
}
a.wordcounts ul li .value {
  color: #666;
  font-size: 0.65rem;
  margin-top: 1pt;
}
a.wordcounts ul li .value.super-low {
  color: #4e493b;
}
a.wordcounts ul li .value.low {
  color: #685f4b;
}
a.wordcounts ul li .value.medium {
  color: #877b5e;
}
a.wordcounts ul li .value.medium-high {
  color: #a39575;
}
a.wordcounts ul li .value.high {
  color: #b9ae92;
}
a.wordcounts ul li .label {
  color: #333;
  font-size: 0.4rem;
  margin-top: 0;
}
a.wordcounts ul li.today .value {
  color: #bbb;
}
a.wordcounts ul li.today .label {
  color: #444;
}

.item-count {
  color: #c93636;
  font-style: italic;
}
.item-count.items-20 {
  color: #df9f9f;
}
.item-count.items-10 {
  color: #884949;
}
.item-count.items-0 {
  display: none;
}

@media screen and (min-width: 500px) {
  .item-count {
    margin-right: 0;
  }
}
body.refreshing main#content {
  filter: blur(2px);
  opacity: 0.2;
}

.empty-message {
  color: #7f8c69;
  font-size: 1.4rem;
  font-style: italic;
  line-height: 1.3;
  margin-block-end: 1lh;
  padding-inline: 50px;
}
.empty-message a {
  color: #d05d72;
  text-decoration: none;
}

.list-wrapper:has(ul.items li) .empty-message {
  display: none;
}

/*# sourceMappingURL=style.css.map */