Inline question choices, compact one-click inbox cards, drop snooze

web/style.css

@@ -724,6 +724,21 @@ details.note summary {
   cursor: pointer;
 }
 
+.md-details {
+  margin: 6px 0;
+}
+
+.md-details summary {
+  cursor: pointer;
+  color: var(--accent);
+}
+
+.md-details-body {
+  margin-top: 4px;
+  padding-left: 10px;
+  border-left: 1px solid var(--border);
+}
+
 .folded-turn {
   display: flex;
   flex-direction: column;
@@ -753,6 +768,10 @@ details.note .md {
   display: none;
 }
 
+.compose textarea {
+  height: calc(4.5lh + 14px);
+}
+
 .compose-actions {
   display: flex;
   justify-content: flex-end;
@@ -965,18 +984,6 @@ pre.diff .meta {
   font-size: 12px;
 }
 
-.submit-bar {
-  padding: 8px 16px;
-}
-
-.submit-bar:empty {
-  display: none;
-}
-
-.submit-bar button {
-  width: 100%;
-}
-
 .inbox-list {
   flex: 1;
   overflow-y: auto;
@@ -1097,43 +1104,81 @@ pre.diff .meta {
 }
 
 .card-actions {
-  margin-top: 10px;
-  padding-top: 8px;
-  border-top: 1px solid var(--border);
+  margin-top: 6px;
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 6px;
 }
 
-.modes {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 2px;
-}
-
-.modes button {
-  font-size: 11px;
-  padding: 2px 8px 3px;
-}
-
-.options,
-.snooze {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.option,
-.snooze label {
+.option {
   cursor: pointer;
 }
 
-.option input,
-.snooze input {
+.option input {
   width: auto;
   accent-color: var(--accent);
 }
 
+.md li.choice {
+  list-style: none;
+}
+
+.md li.choice + li.choice {
+  margin-top: 4px;
+}
+
+.pick {
+  display: block;
+  padding: 4px 10px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  cursor: pointer;
+}
+
+.pick:hover,
+.pick:focus-visible {
+  border-color: var(--accent);
+  outline: none;
+}
+
+.pick[hidden] {
+  display: none;
+}
+
+.pick.other {
+  color: var(--muted);
+}
+
+.card.submitting .pick {
+  cursor: progress;
+  opacity: 0.6;
+}
+
+.submit-row {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.reply-row {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+}
+
+.reply-row .text-entry {
+  flex: 1;
+}
+
+.text-editor {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.text-editor[hidden] {
+  display: none;
+}
+
 .recommended {
   margin-left: 8px;
   font-size: 11px;