.deck-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  gap: var(--space-sm);
  min-height: 58px;
  padding: var(--space-xs) var(--space-md);
}
.deck-heading > div {
  min-width: 0;
}
.deck-heading h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.deck-heading p {
  margin: var(--space-2xs) 0 0;
  color: var(--muted-foreground);
  font-size: var(--text-xs);
}
.deck-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-xs);
}
.deck-help,
.deck-save-status,
.deck-column-status {
  color: var(--muted-foreground);
  font-size: var(--text-xs);
  line-height: 1.5;
}
.deck-save-status {
  margin: 0;
  padding: 0 var(--space-md) var(--space-xs);
}
.deck-board {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 328px;
  justify-content: start;
  flex: 1;
  min-height: 0;
  gap: var(--space-xs);
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 var(--space-xs) var(--space-xs);
  scroll-snap-type: x proximity;
  scrollbar-color: var(--control-border) var(--canvas);
}
.deck-column {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: var(--paper);
  scroll-snap-align: start;
}
.deck-column-header {
  position: relative;
  flex-shrink: 0;
  padding: var(--space-xs) var(--space-sm);
  border-bottom: var(--rule-hairline) solid var(--border);
  background: var(--surface);
}
.deck-column-title {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}
.deck-column h2 {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: var(--text-base);
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.deck-column-label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-xs);
  color: var(--muted-foreground);
  font-size: var(--text-xs);
}
.deck-column-label span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.deck-source-label {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
}
.deck-source-label svg {
  width: 14px;
  height: 14px;
}
.deck-query {
  margin: var(--space-2xs) 0;
  font-size: var(--text-xs);
  color: var(--muted-foreground);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.deck-column-status {
  margin: var(--space-2xs) 0 0;
  font-variant-numeric: tabular-nums;
}
.deck-column-results {
  min-height: 0;
  overflow-y: auto;
  scrollbar-gutter: stable;
  flex: 1;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--control-border) var(--paper);
}
.deck-message {
  padding: var(--space-md);
  color: var(--muted-foreground);
  font-size: var(--text-sm);
  line-height: 1.6;
}
.research-post {
  padding: var(--space-sm);
  border-bottom: var(--rule-hairline) solid var(--border);
  overflow-wrap: anywhere;
}
.research-post header {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}
.research-post header > div {
  min-width: 0;
}
.research-post strong {
  font-size: var(--text-sm);
}
.research-post-text,
.research-post blockquote p {
  white-space: pre-wrap;
  line-height: 1.55;
  font-size: var(--text-sm);
  margin: var(--space-xs) 0;
}
.research-post blockquote {
  margin: var(--space-sm) 0;
  padding: var(--space-sm);
  border: var(--rule-hairline) solid var(--border);
  border-radius: var(--radius-sm);
}
.research-post footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-xs);
  margin-top: var(--space-sm);
  color: var(--muted-foreground);
  font-size: var(--text-xs);
}
.research-post a {
  color: var(--primary);
  text-underline-offset: 0.2em;
}
.research-media {
  display: block;
  width: 100%;
  max-height: 20rem;
  object-fit: contain;
  margin-block: var(--space-xs);
  border-radius: var(--radius-sm);
}
.deck-editor {
  margin: 0;
  padding: 0;
}
.deck-editor-fields,
.deck-source-fields {
  display: grid;
  gap: var(--space-md);
}
.deck-source-fields {
  margin-block: var(--space-md);
}
.deck-editor label,
.deck-rename label {
  display: grid;
  gap: var(--space-xs);
  font-size: var(--text-sm);
  min-width: 0;
}
.deck-editor .deck-checkbox {
  display: flex;
  align-items: center;
  min-height: 40px;
  margin-bottom: var(--space-sm);
}
.deck-rename {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: var(--space-sm);
  margin: 0;
}
.deck-rename label {
  flex: 1 1 100%;
}
.deck-error {
  color: var(--destructive);
  font-size: var(--text-sm);
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.reader > .deck-error {
  margin: 0;
  padding: var(--space-xs) var(--space-md);
}
.deck-undo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-xs) var(--space-md);
  overflow-wrap: anywhere;
  font-size: var(--text-sm);
}
.deck-undo p {
  margin: 0;
}
.deck-empty {
  margin: auto;
  max-width: 32rem;
  padding: var(--space-lg);
}
.deck-empty p {
  color: var(--muted-foreground);
  line-height: 1.7;
  margin-bottom: var(--space-lg);
}
.deck-workspaces {
  min-width: 0;
}
.deck-workspaces > .deck-actions {
  align-items: stretch;
}
.deck-workspaces > .deck-actions > label {
  width: 100%;
  color: var(--muted-foreground);
  font-size: var(--text-xs);
}
.deck-workspaces > .deck-actions > [data-slot="native-select-wrapper"] {
  flex: 1 1 100%;
}
.deck-workspaces > .deck-actions > button {
  flex: 1;
}
.deck-list-choices {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
}
.app-deck .sidebar-add {
  width: 100%;
}
@media (max-width: 767px) {
  .deck-heading {
    min-height: 52px;
    padding-inline: var(--space-sm);
  }
  .deck-heading .deck-actions {
    flex-wrap: nowrap;
  }
  .deck-board {
    grid-auto-columns: min(328px, 100%);
  }
}
.deck-count {
  color: var(--muted-foreground);
  font-size: var(--text-xs);
}
.research-post header time {
  display: block;
  color: var(--muted-foreground);
  font-size: var(--text-xs);
}
.deck-column-status {
  text-align: right;
}
.research-post header > div:not([data-slot="avatar"]) {
  flex: 1;
}
.research-post header time {
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
}
.research-post footer a {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
}
.research-post footer svg {
  width: 14px;
  height: 14px;
}