/* start.css -- the start screen (start.js, S-0000-0562). Only core.css tokens. */

.start-root { height: 100%; overflow: auto; background: var(--bg); display: flex; justify-content: center; }
.start-box { width: min(760px, 100% - 48px); padding: 64px 0 40px; font: var(--ui-fs) var(--font-ui); color: var(--text); }
.start-h { font-size: calc(var(--ui-fs) * 2); font-weight: normal; color: var(--text-strong); margin: 0 0 8px; }
.start-sub { color: var(--text-dim); margin: 0 0 22px; }
.start-input {
  width: 100%; box-sizing: border-box; resize: vertical; min-height: 110px;
  background: var(--surface2); color: var(--text-strong); border: 1px solid var(--rule); border-radius: 6px;
  padding: 12px 14px; font: var(--ui-fs) var(--font-ui); line-height: 1.45;
}
.start-input:focus { outline: 1px solid var(--focus); border-color: var(--focus); }
.start-row { display: flex; justify-content: space-between; align-items: center; margin: 14px 0 10px; gap: 12px; }
.start-ai { color: var(--text-dim); }
.start-ok { color: var(--ok); }
.start-free { color: var(--text); }
.start-go {
  background: var(--accent); color: var(--accent-tx); border: 0; border-radius: 4px;
  padding: 9px 18px; font: var(--ui-fs) var(--font-ui); cursor: pointer;
}
.start-go:hover { background: var(--accent-hi); }
.start-go:disabled { opacity: .6; cursor: default; }
.start-msg { margin: 4px 0 18px; color: var(--text); }
.start-msg.bad { color: var(--danger-tx); }
.start-label { color: var(--text-dim); font-size: calc(var(--ui-fs) * 12 / 13); text-transform: uppercase; letter-spacing: .05em; margin: 26px 0 10px; }
.start-chips { display: flex; flex-wrap: wrap; gap: 8px 8px; }
.start-chip {
  border: 1px solid var(--rule); border-radius: 16px; background: var(--surface);
  color: var(--text); padding: 7px 14px; font: calc(var(--ui-fs) * 14 / 15) var(--font-ui); cursor: pointer; text-align: left;
}
.start-chip:hover { border-color: var(--focus); color: var(--text-strong); }
.start-more { margin-top: 26px; border-top: 1px solid var(--rule); padding-top: 16px; color: var(--text-dim); }
.start-link { color: var(--accent-hi); text-decoration: none; cursor: pointer; white-space: nowrap; }
.start-link:hover { text-decoration: underline; }
.start-step { background: var(--surface); border: 1px solid var(--rule); border-radius: 8px; padding: 12px 14px; margin: 0 0 10px; line-height: 1.5; }
.start-step b { color: var(--text-strong); }

/* Help > What's New (S-0000-0573): one card per release; a dot on Help until it is opened */
.wn-release { display: block; }
.wn-date { display: block; margin-bottom: 4px; }
.wn-list { margin: 0; padding-left: 20px; }
.wn-list li { margin: 2px 0; }
body.whatsnew-unseen #menubar .menu[data-menu="Help"] { position: relative; }
body.whatsnew-unseen #menubar .menu[data-menu="Help"]::after { content: ""; position: absolute; top: 5px; right: 2px; width: 7px; height: 7px; border-radius: 50%; background: var(--accent-hi); }