html, body {
overflow-x: hidden;
}
body {
background-color: #000000;
color: #fafafa;
font-family: 'Inter', system-ui, sans-serif;
}
.item-row {
transition: background 0.2s ease;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
}
.item-row:hover {
background-color: #27272a;
}
.list-card {
-webkit-touch-callout: none;
}
.item-row.kb-focus {
outline: 2px solid #22c55e;
outline-offset: -2px;
border-radius: 0.75rem;
}
.list-card.kb-focus {
outline: 2px solid #22c55e;
outline-offset: -2px;
border-radius: 0.75rem;
}
#search-input:focus {
outline: 2px solid #22c55e;
outline-offset: -2px;
border-radius: 0.75rem;
}
.checked-item {
opacity: 0.5;
}
.checked-item .item-name {
text-decoration: line-through;
}
.htmx-swapping {
opacity: 0;
transition: opacity 0.15s ease;
}
.toast-enter {
animation: slideUp 0.3s ease;
}
.toast-exit {
animation: slideDown 0.3s ease forwards;
}
.toggle-area .edit-extra {
overflow: hidden;
max-height: 0;
transition: max-height 0.25s ease-out;
}
.toggle-area .edit-extra.edit-extra-open {
max-height: 420px;
}
.toggle-area textarea {
background: transparent !important;
color: inherit;
}
.item-row .item-note {
white-space: pre-wrap;
word-break: break-word;
}
.scrollable-list {
max-height: 70vh;
overflow-y: auto;
scroll-behavior: smooth;
}
.scrollable-list::-webkit-scrollbar {
width: 6px;
}
.scrollable-list::-webkit-scrollbar-track {
background-color: transparent;
}
.scrollable-list::-webkit-scrollbar-thumb {
background-color: #3f3f46;
border-radius: 3px;
}
.scrollable-list::-webkit-scrollbar-thumb:hover {
background-color: #52525b;
}
.shortcuts-panel {
animation: fadeIn 0.15s ease;
}
#long-press-menu-container:not(.hidden) #long-press-menu-inner {
transform: scale(1);
}
#confirm-modal:not(.hidden) > div {
animation: fadeIn 0.15s ease;
}