/* Seeds of inspiration + daily harvest: dense, small-phone first (iPhone 15). 24px minimum hit areas, no big buttons. Light and dark. */
.sl-root { font: 13px/1.35 system-ui, -apple-system, sans-serif; color: var(--ink, #1b1f24); padding: 8px 10px; max-width: 640px; margin: 0 auto; }
.sl-h { font-size: 16px; margin: 4px 0; } .sl-h2 { font-size: 13px; font-weight: 600; margin: 10px 0 4px; }
.sl-sub, .sl-count, .sl-msg { font-size: 12px; color: var(--muted, #5b6672); margin: 3px 0; } .sl-msg:empty { display: none; } .sl-msg { color: var(--ink, #1b1f24); background: var(--note, #eef4fb); padding: 3px 6px; border-radius: 4px; }
.sl-filters { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: center; margin: 4px 0; }
.sl-in { min-height: 28px; font-size: 13px; padding: 2px 6px; border: 1px solid var(--line, #c8d0d9); border-radius: 4px; background: var(--card, #fff); color: inherit; flex: 1 1 120px; min-width: 0; }
.sl-ta { width: 100%; box-sizing: border-box; resize: vertical; } .sl-chk { font-size: 12px; display: inline-flex; align-items: center; min-height: 24px; gap: 2px; }
.sl-list { list-style: none; margin: 4px 0; padding: 0; display: flex; flex-direction: column; gap: 5px; }
.sl-card { border: 1px solid var(--line, #d5dbe2); border-radius: 6px; padding: 5px 7px; background: var(--card, #fff); margin: 4px 0; } .sl-dim { opacity: .6; }
.sl-top { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; font-size: 11px; } .sl-niche { font-weight: 600; text-transform: uppercase; letter-spacing: .03em; color: var(--accent, #1f5fa8); }
.sl-state { font-size: 11px; padding: 0 5px; border-radius: 8px; background: var(--chip, #e8edf2); } .sl-used, .sl-queued { background: #dff3e4; } .sl-proposed, .sl-assigned { background: #fdf0d0; } .sl-tag { font-size: 11px; color: var(--muted, #5b6672); }
.sl-title { font-weight: 600; margin: 2px 0; } .sl-q, .sl-angle { font-size: 12px; margin: 2px 0; }
.sl-actions, .sl-row { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 4px; }
.sl-btn { min-height: 26px; min-width: 24px; font-size: 12px; padding: 2px 8px; border: 1px solid var(--line, #b9c3ce); border-radius: 4px; background: var(--card, #fff); color: inherit; cursor: pointer; }
.sl-btn:disabled { opacity: .45; cursor: default; } .sl-primary { background: var(--accent, #1f5fa8); color: #fff; border-color: transparent; } .sl-on { background: #dff3e4; border-color: #7fbf90; }
.sl-step { display: flex; justify-content: space-between; align-items: center; gap: 6px; font-size: 12px; min-height: 26px; } .sl-sig { font-size: 12px; margin: 1px 0; padding-left: 6px; border-left: 2px solid var(--line, #c8d0d9); }
.sl-draft summary { cursor: pointer; font-size: 12px; min-height: 24px; } .sl-pre { white-space: pre-wrap; font: 12px/1.35 system-ui, sans-serif; margin: 2px 0; } .sl-empty { color: var(--muted, #5b6672); }
@media (prefers-color-scheme: dark) { .sl-root { color: #e6eaee; } .sl-card, .sl-in, .sl-btn { background: #1d2329; border-color: #38424d; } .sl-msg { background: #23303d; color: #e6eaee; } .sl-state { background: #2b343d; } .sl-used, .sl-queued, .sl-on { background: #1f3a29; } .sl-proposed, .sl-assigned { background: #3d3216; } .sl-primary { background: #3b82d6; } }