feat(w4): ship v1.5.0 timeline, character arc, and compliance

Co-authored-by: Cursor <cursoragent@cursor.com>

src/renderer/styles/layout.css

@@ -2473,3 +2473,104 @@
 .read-mode-font-eye-care .read-mode-chapter-title {
   color: #3d3428;
 }
+
+.timeline-list {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.timeline-item {
+  padding: 12px 14px;
+  border: 1px solid var(--border-color);
+  border-radius: 8px;
+  background: var(--bg-secondary);
+}
+
+.timeline-item--conflict {
+  border-color: #e05252;
+  background: rgba(224, 82, 82, 0.08);
+}
+
+.timeline-item-main {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.timeline-item-meta {
+  font-size: 12px;
+  color: var(--text-muted);
+}
+
+.timeline-conflict-msg {
+  margin-top: 8px;
+  font-size: 12px;
+  color: #e05252;
+}
+
+.character-arc-panel {
+  margin-top: 16px;
+  padding: 14px;
+  border-top: 1px solid var(--border-color);
+}
+
+.arc-node-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.arc-node-item {
+  padding: 10px 12px;
+  border: 1px solid var(--border-color);
+  border-radius: 6px;
+  background: var(--bg-secondary);
+}
+
+.arc-node-title {
+  font-weight: 600;
+  margin-bottom: 4px;
+}
+
+.arc-node-content {
+  font-size: 13px;
+  color: var(--text-muted);
+  margin-bottom: 8px;
+}
+
+.compliance-underline {
+  text-decoration: underline wavy #e05252;
+  text-underline-offset: 3px;
+}
+
+.ref-detail-drawer {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: min(360px, 90%);
+  height: 100%;
+  background: var(--bg-primary);
+  border-left: 1px solid var(--border-color);
+  box-shadow: -4px 0 16px rgba(0, 0, 0, 0.08);
+  padding: 16px;
+  z-index: 5;
+  overflow-y: auto;
+}
+
+.custom-slash-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+}
+
+.custom-slash-row {
+  display: grid;
+  grid-template-columns: 1fr 2fr auto;
+  gap: 8px;
+  align-items: center;
+}