.task-scroll {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: auto;
  scrollbar-width: thin;
  padding-right: 2px;
}
.todo-list, .month-todo-list { flex: 0 0 auto; gap: 0; }
.todo-item {
  grid-template-columns: minmax(0, 1fr);
  min-height: 27px;
  padding: 1px 0 1px 2px;
  line-height: 1.28;
}
.month-todo-item {
  grid-template-columns: minmax(0, 1fr);
  min-height: 22px;
  line-height: 1.25;
}
.library-row { min-height: 30px; }
.library-content {
  min-height: 30px;
  padding: 2px;
  line-height: 1.35;
  white-space: pre-wrap;
}
.todo-text { min-width: 0; font-size: 15px; white-space: pre-wrap; }
.month-todo-text { font-size: 13px; }
.add-entry {
  flex: 1 0 25px;
  width: 100%;
  min-height: 25px;
  padding: 0 2px;
  border: 0;
  background: transparent;
  cursor: text;
}
.editor-form { flex: 0 0 auto; }
.entry-textarea {
  resize: none;
  overflow-y: auto;
  white-space: pre-wrap;
}
.inline-entry-editor { display: block; width: 100%; }
.inline-entry-editor .text-input { min-height: 27px; padding: 3px 2px; font-size: 15px; }
.month-todo-item .inline-entry-editor .text-input { font-size: 13px; }
.month-composer .text-input { font-size: 13px; }
.entry-full-preview {
  position: fixed;
  z-index: 1000;
  width: max-content;
  max-width: min(420px, calc(100vw - 16px));
  max-height: min(260px, calc(100vh - 16px));
  overflow: auto;
  padding: 9px 11px;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  background: #fff;
  color: #344156;
  box-shadow: 0 10px 32px rgba(42,72,110,.14);
  font-size: 13px;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  pointer-events: none;
}
.entry-full-preview.completion-hint {
  padding: 6px 9px;
  color: #7c899a;
  font-size: 12px;
}
.library-add-entry { margin-top: 1px; }
@media (display-mode: standalone) { textarea { -webkit-user-select: text; user-select: text; } }