body { font-family: -apple-system, sans-serif; margin: 0; padding: 12px; background: var(--tg-theme-bg-color, #fff); color: var(--tg-theme-text-color, #000); }
header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
ul#list { list-style: none; padding: 0; }
ul#list li { display: flex; justify-content: space-between; padding: 10px; border-bottom: 1px solid #eee; }
li.empty { justify-content: center; color: #888; }
dialog { border: none; border-radius: 12px; padding: 16px; width: 90%; max-width: 420px; }
form { display: flex; flex-direction: column; gap: 8px; }
button { padding: 10px; border-radius: 8px; border: none; background: var(--tg-theme-button-color, #2481cc); color: var(--tg-theme-button-text-color, #fff); }