/* A small collector's terminal, separate from the binder and its artwork. */
.field-notes .field-log {
  --console-bg: #202620;
  --console-line: #465246;
  --console-text: #e1e7dc;
  --console-muted: #b1bfb0;
  --console-accent: #bfd3b5;
  background: var(--console-bg);
  color: var(--console-text);
  border: 1px solid #394438;
  border-radius: 5px;
  padding: 20px 20px 0;
  box-shadow: 0 10px 22px #20262012;
  height: 720px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.field-notes .field-log > :not(.thought-player) { flex-shrink: 0; }
.field-notes .field-log-head { align-items: center; }
.field-notes .collector-identity { gap: 12px; }
.field-notes .collector-avatar {
  width: 39px; height: 39px; border-radius: 2px;
  color: #c5d8bd; border-color: #52634e; background: #2a362a;
}
.field-notes .collector-identity h3 {
  color: #edf1e9; font: 500 20px/1.1 'Pixelify Sans', sans-serif;
  letter-spacing: 0; margin-top: 4px;
}
.field-notes .collector-identity .field-kicker,
.field-notes .field-kicker,
.field-notes .field-state,
.field-notes .thought-now-label,
.field-notes .thought-counter,
.field-notes .thought-stream-head,
.field-notes .thought-entry-meta,
.field-notes .thought-entry-icon,
.field-notes .thought-controls > span,
.field-notes .field-market-head,
.field-notes #research-time {
  font-family: 'Pixelify Sans', sans-serif;
  letter-spacing: .045em;
  font-weight: 500;
}
.field-notes .collector-identity .field-kicker { color: #b1c1aa; font-size: 10px; }
.field-notes .demo-badge { background: #354436; color: #d1e1ca; padding: 6px 8px; border: 1px solid #576852; border-radius: 2px; }
.field-notes .thoughts-disclosure { color: var(--console-muted); font-size: 11px; line-height: 1.55; margin: 16px 0; }
.field-notes .thought-player { background: transparent; border: 0; padding: 0; border-radius: 0; display: flex; flex-direction: column; flex: 1 1 0; min-height: 0; }
.field-notes .thought-player > :not(.thought-stream) { flex-shrink: 0; }
.field-notes .thought-now { align-items: flex-start; gap: 11px; padding: 14px 12px; background: #2a3429; border: 1px solid #485b44; min-height: 0; }
.field-notes .thought-pulse { background: #bfd4b5; box-shadow: 0 0 0 3px #556c50; }
.field-notes .thought-now-label, .field-notes .thought-counter { color: #b5c6ae; font-size: 10px; }
.field-notes .thought-now strong { color: #f0f3ed; font-size: 15px; line-height: 1.35; }
.field-notes .thought-stage-detail { color: #c1cdbd; font-size: 11px; }
.field-notes .thought-progress { margin: 0; background: #43523f; height: 3px; }
.field-notes .thought-progress span { background: #aac8a0; }
.field-notes .thought-stream-head { padding: 17px 0 4px; color: #b4c3ad; font-size: 10px; }
.field-notes .thought-stream {
  flex: 1 1 0;
  min-height: 0;
  height: auto;
  overflow-y: auto;
  overflow-anchor: none;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #829a79 #344034;
  padding-right: 8px;
}
.field-notes .thought-stream:focus-visible { outline: 2px solid #c3d9b9; outline-offset: 3px; }
.field-notes .thought-entry { border-color: var(--console-line); grid-template-columns: 26px minmax(0, 1fr); gap: 10px; padding: 13px 0; }
.field-notes .thought-entry-icon { background: #303b2e; color: #cadac3; border: 1px solid #53644e; border-radius: 2px; font-size: 10px; width: 25px; height: 25px; }
.field-notes .thought-entry-meta { color: #bcd1b2; font-size: 10px; }
.field-notes .thought-entry-meta span { color: #a5b4a0; font-size: 9px; }
.field-notes .thought-entry p { color: var(--console-text); font: 400 12px/1.65 var(--font); margin-top: 6px; }
.field-notes .thought-entry.is-writing p::after { content: ''; display: inline-block; width: 6px; height: 1em; margin-left: 3px; vertical-align: -0.15em; background: #b8d2ad; animation: thought-caret 0.85s steps(2, start) infinite; }
@keyframes thought-caret { 50% { opacity: 0; } }
.field-notes .thought-typing { color: #becfb7; }
.field-notes .typing-mark { background: #303b2e; border-color: #53644e; border-radius: 2px; }
.field-notes .typing-mark span { background: #c6dcbc; }
.field-notes .thought-controls { color: #aabca4; }
.field-notes .thought-controls button { color: #d4e6cc; }
.field-notes .thought-controls button:hover { color: #f5f7f2; text-decoration: underline; }
.field-notes .thought-controls button:focus-visible, .field-notes .field-refresh:focus-visible { outline: 2px solid #c3d9b9; outline-offset: 3px; }
.field-notes .field-market-head { border-color: var(--console-line); color: #b6c7b0; font-size: 10px; }
.field-notes .field-log-content { max-height: 112px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #829a79 #344034; }
.field-notes .field-market-head .field-state { color: #b6c7b0; }
.field-notes .field-placeholder, .field-notes .field-disclosure { color: var(--console-muted); }
.field-notes .research-list li { color: var(--console-text); }
.field-notes .research-list li span { color: #b1c9a8; }
.field-notes .field-error { color: #efbfb3; }
.field-notes .field-log-bottom { border-color: var(--console-line); }
.field-notes .field-refresh { color: #d4e6cc; }
.field-notes .field-refresh:hover { color: #f5f7f2; }
.field-notes #research-time { color: #b0c1aa; font-size: 10px; }
.field-notes .field-disclosure { padding-bottom: 2px; }
.field-notes .thought-player[data-playing="true"] .thought-pulse { animation: console-pulse 2.4s ease-in-out infinite; }
@keyframes console-pulse { 0%,100% { box-shadow: 0 0 0 3px #50654a; } 50% { box-shadow: 0 0 0 5px #50654a80; } }
@media(min-width:1100px) { .collection-layout .field-log { padding: 20px 20px 0; } .collection-layout .thought-player { padding: 0; } }
@media(max-width:700px) { .field-notes .field-log { padding: 18px 16px 0; } }
@media(prefers-reduced-motion:reduce) { .field-notes .thought-player[data-playing="true"] .thought-pulse, .field-notes .thought-entry.is-writing p::after { animation: none; } }
