export declare const OBSERVATION_INBOX_STYLES = "\n        *,\n        *::before,\n        *::after {\n          box-sizing: border-box;\n        }\n        html,\n        body {\n          width: 100vw !important;\n          max-width: 100vw !important;\n          margin: 0 !important;\n          padding: 0 !important;\n        }\n        main {\n          width: min(1440px, calc(100vw - 24px)) !important;\n          max-width: 100% !important;\n          margin: 0 auto !important;\n          padding: 16px 12px 12px !important;\n        }\n        .inbox-shell {\n          margin-top: 12px;\n          background: transparent;\n          border: 0;\n          border-radius: 0;\n          overflow: visible;\n        }\n        .inbox-topbar {\n          display: flex;\n          flex-wrap: wrap;\n          align-items: center;\n          justify-content: space-between;\n          gap: 10px 14px;\n          padding: 10px 14px;\n          background: var(--bg-surface);\n          border: 1px solid var(--border);\n          border-radius: 10px;\n          margin-bottom: 12px;\n        }\n        .inbox-topbar-meta {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 6px 14px;\n          color: var(--text-muted);\n          font-size: 12px;\n          line-height: 1.5;\n        }\n        .inbox-chip-bar {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 6px;\n        }\n        .inbox-chip {\n          padding: 4px 10px;\n          border: 1px solid var(--border);\n          background: var(--bg-surface);\n          color: var(--text-secondary);\n          font-size: 12px;\n          border-radius: 999px;\n          cursor: pointer;\n          line-height: 1.5;\n        }\n        .inbox-chip:hover { color: var(--text-primary); border-color: var(--border-hover, var(--border)); }\n        .inbox-chip.is-active {\n          background: var(--accent);\n          color: #fff;\n          border-color: var(--accent);\n        }\n        .inbox-search-bar {\n          display: grid;\n          grid-template-columns: minmax(180px, 1fr) minmax(220px, 1.2fr) auto auto;\n          align-items: end;\n          gap: 8px;\n          width: 100%;\n        }\n        .inbox-search-field {\n          display: flex;\n          flex-direction: column;\n          gap: 4px;\n          min-width: 0;\n          color: var(--text-muted);\n          font-size: 11px;\n          line-height: 1.3;\n        }\n        .inbox-search-field input {\n          width: 100%;\n          min-width: 0;\n          padding: 7px 9px;\n          border: 1px solid var(--border);\n          border-radius: 7px;\n          background: var(--bg);\n          color: var(--text-primary);\n          font-size: 12px;\n          outline: none;\n        }\n        .inbox-search-field input:focus {\n          border-color: var(--accent);\n          box-shadow: 0 0 0 2px rgba(37,99,235,.12);\n        }\n        .inbox-search-clear {\n          padding: 7px 10px;\n          border: 1px solid var(--border);\n          border-radius: 7px;\n          background: var(--bg-surface);\n          color: var(--text-secondary);\n          font-size: 12px;\n          cursor: pointer;\n        }\n        .inbox-search-clear:hover { color: var(--text-primary); border-color: var(--border-hover, var(--border)); }\n        .inbox-search-count {\n          color: var(--text-muted);\n          font-size: 12px;\n          white-space: nowrap;\n          padding-bottom: 8px;\n        }\n        .inbox-split {\n          display: grid;\n          grid-template-columns: minmax(240px, 280px) minmax(0, 1fr);\n          gap: 12px;\n          align-items: start;\n        }\n        .inbox-left {\n          background: var(--bg-surface);\n          border: 1px solid var(--border);\n          border-radius: 10px;\n          position: sticky;\n          top: 12px;\n          max-height: calc(100vh - 24px);\n          overflow: auto;\n        }\n        .inbox-card-list {\n          list-style: none;\n          margin: 0;\n          padding: 0;\n        }\n        .inbox-card {\n          padding: 12px 14px;\n          border-bottom: 1px solid var(--border);\n          cursor: pointer;\n          display: flex;\n          flex-direction: column;\n          gap: 6px;\n          position: relative;\n        }\n        .inbox-card:hover { background: var(--bg-muted, rgba(0,0,0,.04)); }\n        .inbox-card.is-active {\n          background: var(--info-bg, rgba(79,70,229,.08));\n        }\n        .inbox-card.is-active::before {\n          content: '';\n          position: absolute;\n          left: 0; top: 0; bottom: 0;\n          width: 3px;\n          background: var(--accent);\n        }\n        .inbox-card-empty {\n          padding: 24px 16px;\n          color: var(--text-muted);\n          font-size: 12px;\n          text-align: center;\n        }\n        .inbox-no-results {\n          padding: 24px 16px;\n          border: 1px solid var(--border);\n          border-radius: 10px;\n          background: var(--bg-surface);\n          color: var(--text-muted);\n          text-align: center;\n          font-size: 13px;\n        }\n        .inbox-card-row { display: flex; align-items: center; gap: 8px; }\n        .inbox-card-row-title { font-size: 13px; color: var(--text-primary); }\n        .inbox-card-priority {\n          width: 8px; height: 8px; border-radius: 50%;\n          flex-shrink: 0;\n          background: var(--text-faint);\n        }\n        .inbox-card.is-priority-high .inbox-card-priority { background: var(--red); }\n        .inbox-card.is-priority-medium .inbox-card-priority { background: var(--yellow); }\n        .inbox-card.is-priority-low .inbox-card-priority { background: var(--green); }\n        .inbox-card-title {\n          flex: 1;\n          font-weight: 600;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n        .inbox-card-goal {\n          padding-left: 16px;\n          color: var(--text-primary);\n          font-size: 12px;\n          line-height: 1.45;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n        .inbox-card-story {\n          padding-left: 16px;\n          color: var(--text-secondary);\n          font-size: 11px;\n          line-height: 1.45;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n        .inbox-card-state {\n          font-size: 11px;\n          padding: 2px 6px;\n          border-radius: 999px;\n          flex-shrink: 0;\n        }\n        .inbox-card-state.is-agree { background: var(--green-bg); color: var(--green); }\n        .inbox-card-state.is-reject { background: var(--red-bg); color: var(--red); }\n        .inbox-card-state.is-note { background: var(--yellow-bg); color: var(--yellow); }\n        .inbox-card-state.is-reviewed { background: var(--info-bg); color: var(--accent); }\n        .inbox-card-dots {\n          display: flex;\n          gap: 4px;\n        }\n        .inbox-card-dot {\n          width: 10px; height: 10px;\n          border-radius: 50%;\n          background: var(--border);\n          display: inline-block;\n        }\n        .inbox-card-dot.is-ok { background: var(--green); }\n        .inbox-card-dot.is-attention { background: var(--red); }\n        .inbox-card-dot.is-unknown { background: var(--yellow); }\n        .inbox-card-chips {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 4px;\n        }\n        .inbox-card-chip {\n          font-size: 11px;\n          padding: 2px 6px;\n          border-radius: 4px;\n          background: var(--bg-soft, rgba(0,0,0,.04));\n          color: var(--text-secondary);\n          line-height: 1.4;\n        }\n        .inbox-card-chip.is-attention { background: var(--red-bg); color: var(--red); }\n        .inbox-card-meta {\n          font-size: 11px;\n          color: var(--text-muted);\n          gap: 12px;\n          flex-wrap: wrap;\n        }\n        .inbox-right {\n          padding: 0;\n          background: transparent;\n          overflow: visible;\n        }\n        @media (max-width: 820px) {\n          .inbox-search-bar {\n            grid-template-columns: 1fr;\n            align-items: stretch;\n          }\n          .inbox-search-count {\n            padding-bottom: 0;\n          }\n        }\n        .inbox-detail-pane { display: none; }\n        .inbox-detail-pane.is-active { display: block; }\n        .inbox-detail-empty-pane {\n          padding: 24px;\n          color: var(--text-muted);\n          font-size: 13px;\n          text-align: center;\n        }\n        .inbox-detail-actions {\n          position: sticky;\n          top: 0;\n          z-index: 5;\n          background: var(--bg-surface);\n          border: 1px solid var(--border);\n          border-radius: 8px;\n          padding: 10px 12px;\n          margin-bottom: 12px;\n          box-shadow: var(--shadow-sm, 0 1px 3px rgba(0,0,0,.06));\n        }\n        .inbox-detail-actions-row {\n          display: flex;\n          justify-content: space-between;\n          align-items: baseline;\n          gap: 10px;\n          margin-bottom: 8px;\n        }\n        .inbox-detail-actions-title { font-size: 13px; color: var(--text-primary); }\n        .inbox-detail-actions-meta { font-size: 11px; color: var(--text-muted); }\n        .inbox-detail-actions-buttons { display: flex; gap: 6px; flex-wrap: wrap; }\n        .inbox-action-button {\n          padding: 4px 12px;\n          border: 1px solid var(--border);\n          background: var(--bg-surface);\n          color: var(--text-secondary);\n          font-size: 12px;\n          border-radius: 4px;\n          cursor: pointer;\n        }\n        .inbox-action-button:hover { color: var(--text-primary); border-color: var(--border-hover, var(--border)); }\n        .inbox-action-button.is-active[data-inbox-verdict=\"real_issue\"] { background: var(--green-bg); color: var(--green); border-color: var(--green); }\n        .inbox-action-button.is-active[data-inbox-verdict=\"not_issue\"] { background: var(--red-bg); color: var(--red); border-color: var(--red); }\n        .inbox-action-button.is-active[data-inbox-verdict=\"needs_more_context\"] { background: var(--yellow-bg); color: var(--yellow); border-color: var(--yellow); }\n        .inbox-note-editor {\n          margin-top: 8px;\n          display: none;\n        }\n        .inbox-note-textarea {\n          width: 100%;\n          font-family: -apple-system, BlinkMacSystemFont, \"PingFang SC\", \"Microsoft YaHei\", sans-serif;\n          font-size: 12px;\n          padding: 8px;\n          border: 1px solid var(--border);\n          border-radius: 4px;\n          background: var(--bg-surface);\n          color: var(--text-primary);\n          resize: vertical;\n          box-sizing: border-box;\n        }\n        .inbox-note-editor-buttons {\n          margin-top: 6px;\n          display: flex;\n          gap: 6px;\n          justify-content: flex-end;\n        }\n        .inbox-note-save,\n        .inbox-note-cancel {\n          padding: 4px 10px;\n          font-size: 12px;\n          border: 1px solid var(--border);\n          background: var(--bg-surface);\n          color: var(--text-secondary);\n          border-radius: 4px;\n          cursor: pointer;\n        }\n        .inbox-note-save { background: var(--accent); color: #fff; border-color: var(--accent); }\n        .inbox-detail-empty {\n          color: var(--text-muted);\n          font-size: 12px;\n          padding: 12px;\n        }\n        .timeline-row.is-flash,\n        [data-message-uuid].is-flash {\n          animation: inboxEvidenceFlash 1.6s ease-out;\n        }\n        @keyframes inboxEvidenceFlash {\n          0% { background: var(--yellow-bg); }\n          70% { background: var(--yellow-bg); }\n          100% { background: transparent; }\n        }\n        .context-chain-nav {\n          position: sticky;\n          top: 0;\n          z-index: 3;\n          display: flex;\n          gap: 6px;\n          padding: 8px 10px;\n          background: var(--bg-surface);\n          border: 1px solid var(--border);\n          border-radius: 8px;\n          margin-bottom: 8px;\n          font-size: 12px;\n          align-items: center;\n          flex-wrap: wrap;\n        }\n        .context-chain-nav a {\n          padding: 4px 10px;\n          color: var(--text-secondary);\n          text-decoration: none;\n          border-radius: 999px;\n          border: 1px solid var(--border);\n          background: var(--bg-surface);\n          flex-shrink: 0;\n        }\n        .context-chain-nav a:hover { color: var(--accent); border-color: var(--accent); }\n        .context-chain-nav-hint {\n          margin-left: auto;\n          color: var(--text-muted);\n          font-size: 11px;\n        }\n        .runtime-step-list {\n          list-style: none;\n          padding: 0;\n          margin: 0;\n          display: flex;\n          flex-direction: column;\n          gap: 4px;\n        }\n        .runtime-step {\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg-surface);\n        }\n        .runtime-step.runtime-passed { border-left: 3px solid var(--green); }\n        .runtime-step.runtime-attention { border-left: 3px solid var(--red); }\n        .runtime-step.runtime-manual_review { border-left: 3px solid var(--yellow); }\n        .runtime-step.is-depth-1,\n        .runtime-rule-node.is-depth-1 {\n          margin-left: 18px;\n        }\n        .runtime-step.is-depth-2,\n        .runtime-rule-node.is-depth-2 {\n          margin-left: 34px;\n        }\n        .runtime-step.is-depth-3,\n        .runtime-rule-node.is-depth-3 {\n          margin-left: 50px;\n        }\n        .runtime-step.is-depth-1 .runtime-step-index,\n        .runtime-rule-node.is-depth-1 .runtime-rule-node-head span {\n          opacity: .78;\n        }\n        .runtime-step-head {\n          display: flex;\n          align-items: center;\n          gap: 8px;\n          padding: 6px 10px;\n          font-size: 12px;\n        }\n        .runtime-step-index {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          min-width: 38px;\n          height: 20px;\n          padding: 0 6px;\n          background: var(--bg-muted, rgba(0,0,0,.04));\n          color: var(--text-secondary);\n          font-size: 11px;\n          border-radius: 4px;\n          flex-shrink: 0;\n        }\n        .runtime-step-name { flex: 1; color: var(--text-primary); min-width: 0; }\n        .runtime-step-state { font-size: 14px; flex-shrink: 0; }\n        .runtime-step-detail { border-top: 1px solid var(--border); padding: 0 10px 8px; }\n        .runtime-step-detail > summary {\n          padding: 6px 0;\n          cursor: pointer;\n          font-size: 11px;\n          color: var(--text-muted);\n          list-style: revert;\n        }\n        .runtime-step-detail > summary:hover { color: var(--text-primary); }\n        .runtime-step-detail-body { font-size: 12px; color: var(--text-secondary); line-height: 1.5; }\n        .runtime-step-detail-body code { font-size: 11px; padding: 1px 4px; background: var(--bg-muted, rgba(0,0,0,.04)); border-radius: 3px; }\n        .runtime-step-detail-body p { margin: 4px 0 0; }\n        .runtime-step-detail-body ul { margin: 4px 0 0; padding-left: 18px; }\n        .runtime-rule-lite {\n          display: flex;\n          flex-direction: column;\n          gap: 10px;\n        }\n        .runtime-rule-three-col {\n          display: grid;\n          grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) minmax(220px, 1fr);\n          gap: 10px;\n          align-items: stretch;\n        }\n        .runtime-rule-column {\n          min-width: 0;\n          height: 420px;\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg-surface);\n          padding: 9px;\n          overflow: auto;\n        }\n        .runtime-rule-column h5 {\n          margin: 0 0 8px;\n          font-size: 12px;\n          color: var(--text-primary);\n        }\n        .runtime-rule-column h6 {\n          margin: 0 0 6px;\n          font-size: 11px;\n          color: var(--text-secondary);\n        }\n        .runtime-rule-column-hint {\n          margin: -2px 0 8px;\n          color: var(--text-muted);\n          font-size: 10px;\n          line-height: 1.4;\n        }\n        .runtime-rule-column-group + .runtime-rule-column-group {\n          margin-top: 12px;\n          padding-top: 10px;\n          border-top: 1px solid var(--border);\n        }\n        .runtime-rule-flow-block {\n          display: grid;\n          gap: 7px;\n        }\n        .runtime-rule-flow-block + .runtime-rule-flow-block {\n          margin-top: 10px;\n        }\n        .runtime-rule-flow-title {\n          display: grid;\n          gap: 2px;\n          color: var(--text-primary);\n          font-size: 11px;\n          font-weight: 650;\n        }\n        .runtime-rule-flow-title span {\n          color: var(--text-muted);\n          font-size: 10px;\n          font-weight: 500;\n        }\n        .runtime-rule-node-list {\n          list-style: none;\n          margin: 0;\n          padding: 0;\n          display: grid;\n          gap: 7px;\n        }\n        .runtime-rule-node {\n          position: relative;\n          display: grid;\n          gap: 4px;\n          padding: 7px 8px 7px 20px;\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg-muted, rgba(0,0,0,.03));\n        }\n        .runtime-rule-node::before {\n          content: '';\n          position: absolute;\n          left: 8px;\n          top: 12px;\n          bottom: -9px;\n          width: 1px;\n          background: var(--border);\n        }\n        .runtime-rule-node::after {\n          content: '';\n          position: absolute;\n          left: 5px;\n          top: 12px;\n          width: 7px;\n          height: 7px;\n          border-radius: 50%;\n          background: var(--text-muted);\n        }\n        .runtime-rule-node.is-hit {\n          border-color: var(--accent);\n          background: var(--bg-surface);\n        }\n        .runtime-rule-node.is-hit::after {\n          background: var(--accent);\n        }\n        .runtime-rule-node.is-attention {\n          border-color: rgba(185, 28, 28, .35);\n          background: rgba(185, 28, 28, .04);\n        }\n        .runtime-rule-node.is-attention::after {\n          background: #b91c1c;\n        }\n        .runtime-rule-node-head {\n          display: grid;\n          grid-template-columns: auto minmax(0, 1fr) auto;\n          gap: 6px;\n          align-items: start;\n        }\n        .runtime-rule-node-head span,\n        .runtime-rule-node-head em {\n          color: var(--text-muted);\n          font-size: 10px;\n          font-style: normal;\n          white-space: nowrap;\n        }\n        .runtime-rule-node-head strong {\n          color: var(--text-primary);\n          font-size: 11px;\n          line-height: 1.35;\n          font-weight: 650;\n        }\n        .runtime-rule-node p {\n          margin: 0;\n          color: var(--text-muted);\n          font-size: 10px;\n          line-height: 1.4;\n        }\n        .runtime-rule-node-evidence {\n          color: var(--text-muted);\n          font-size: 10px;\n        }\n        .runtime-rule-node-evidence summary {\n          cursor: pointer;\n          color: var(--text-secondary);\n          font-size: 10px;\n        }\n        .runtime-rule-node-evidence ul {\n          margin: 4px 0 0;\n          padding-left: 16px;\n        }\n        .runtime-rule-source-hints {\n          display: grid;\n          gap: 3px;\n          color: var(--text-muted);\n          font-size: 10px;\n        }\n        .runtime-rule-source-hints span {\n          color: var(--text-secondary);\n          font-weight: 650;\n        }\n        .runtime-rule-source-hints ul,\n        .runtime-rule-node-model ul {\n          margin: 0;\n          padding-left: 15px;\n        }\n        .runtime-rule-match-spec {\n          color: var(--text-secondary) !important;\n        }\n        .runtime-rule-execution-list {\n          margin-top: 6px;\n        }\n        .runtime-rule-execution-item.is-hit {\n          border-left: 3px solid var(--green);\n        }\n        .runtime-rule-execution-item.is-attention {\n          border-left: 3px solid var(--red);\n        }\n        .runtime-rule-node-model {\n          margin-top: 6px;\n          padding: 6px 7px;\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg-surface);\n        }\n        .runtime-rule-node-model strong {\n          display: block;\n          color: var(--text-primary);\n          font-size: 10px;\n          margin-bottom: 3px;\n        }\n        .runtime-rule-node-model.is-muted {\n          color: var(--text-muted);\n        }\n        .runtime-rule-node-model-detail {\n          margin-top: 3px;\n          color: var(--text-muted);\n          font-size: 10px;\n        }\n        .runtime-rule-node-model-detail summary {\n          cursor: pointer;\n          color: var(--text-secondary);\n          list-style: none;\n        }\n        .runtime-rule-node-model-detail summary::-webkit-details-marker {\n          display: none;\n        }\n        .runtime-rule-node-model-detail div {\n          display: -webkit-box;\n          -webkit-line-clamp: 2;\n          -webkit-box-orient: vertical;\n          overflow: hidden;\n          margin-top: 3px;\n        }\n        .runtime-rule-node-model-detail[open] div {\n          display: block;\n          overflow: visible;\n        }\n        .runtime-rule-node-model-detail p {\n          margin: 0 0 3px;\n        }\n        .runtime-node-model-failed,\n        .runtime-node-model-degraded {\n          border-color: rgba(185, 28, 28, .25);\n          background: rgba(185, 28, 28, .04);\n        }\n        .runtime-node-model-passed {\n          border-color: rgba(37, 99, 235, .25);\n          background: rgba(37, 99, 235, .04);\n        }\n        .runtime-rule-source-path {\n          font-size: 11px;\n          color: var(--text-muted);\n          margin-bottom: 6px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n        .runtime-rule-source {\n          max-height: 360px;\n          overflow: auto;\n          margin: 0;\n          padding: 8px;\n          border: 1px solid var(--border);\n          border-radius: 5px;\n          background: var(--bg-muted, rgba(0,0,0,.04));\n          color: var(--text-secondary);\n          font-size: 11px;\n          line-height: 1.45;\n          white-space: pre-wrap;\n        }\n        .runtime-rule-breakdown-item {\n          position: relative;\n          border: 1px solid var(--border);\n          border-radius: 5px;\n          padding: 6px 7px 6px 20px;\n          background: var(--bg-muted, rgba(0,0,0,.03));\n        }\n        .runtime-rule-breakdown-item::before {\n          content: '';\n          position: absolute;\n          left: 8px;\n          top: 10px;\n          bottom: -8px;\n          width: 1px;\n          background: var(--border);\n        }\n        .runtime-rule-breakdown-item::after {\n          content: '';\n          position: absolute;\n          left: 5px;\n          top: 11px;\n          width: 7px;\n          height: 7px;\n          border-radius: 50%;\n          background: var(--text-muted);\n        }\n        .runtime-rule-breakdown-item.is-model::after {\n          background: var(--accent);\n        }\n        .runtime-rule-breakdown-item + .runtime-rule-breakdown-item {\n          margin-top: 6px;\n        }\n        .runtime-rule-breakdown-item strong {\n          display: block;\n          font-size: 11px;\n          margin-bottom: 3px;\n        }\n        .runtime-rule-breakdown-item p {\n          margin: 0 0 4px;\n          font-size: 10px;\n          color: var(--text-muted);\n        }\n        .runtime-rule-breakdown-item ol {\n          margin: 0;\n          padding: 0;\n          list-style: none;\n          display: flex;\n          flex-direction: column;\n          gap: 3px;\n        }\n        .runtime-rule-breakdown-item li {\n          display: flex;\n          gap: 5px;\n          font-size: 10px;\n          color: var(--text-secondary);\n          line-height: 1.35;\n        }\n        .runtime-rule-breakdown-item li span {\n          flex-shrink: 0;\n          width: 16px;\n          height: 16px;\n          border: 1px solid var(--border);\n          border-radius: 50%;\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          font-size: 9px;\n          color: var(--text-muted);\n          background: var(--bg-surface);\n        }\n        .runtime-rule-breakdown-list {\n          margin: 0;\n          padding: 0;\n          list-style: none;\n          display: flex;\n          flex-direction: column;\n          gap: 6px;\n        }\n        .runtime-rule-breakdown-list li {\n          border: 1px solid var(--border);\n          border-radius: 5px;\n          padding: 7px;\n          background: var(--bg-muted, rgba(0,0,0,.03));\n        }\n        .runtime-rule-breakdown-list strong,\n        .runtime-rule-breakdown-list span {\n          display: block;\n          font-size: 10px;\n          line-height: 1.35;\n        }\n        .runtime-rule-model-list {\n          display: grid;\n          gap: 6px;\n          margin-top: 6px;\n        }\n        .runtime-rule-model-list > em {\n          color: var(--text-muted);\n          font-style: normal;\n          font-size: 10px;\n        }\n        .runtime-rule-breakdown-list span {\n          margin-top: 3px;\n          color: var(--text-muted);\n        }\n        @media (max-width: 1100px) {\n          .runtime-rule-three-col {\n            grid-template-columns: 1fr;\n          }\n        }\n        .runtime-rule-lite-notice {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 6px;\n          font-size: 12px;\n          color: var(--text-secondary);\n        }\n        .runtime-rule-lite-notice span {\n          border: 1px solid var(--border);\n          border-radius: 5px;\n          background: var(--bg-muted, rgba(0,0,0,.04));\n          padding: 4px 7px;\n        }\n        .runtime-rule-lite-section h5 {\n          margin: 0 0 6px;\n          font-size: 12px;\n          font-weight: 650;\n          color: var(--text-primary);\n        }\n        .inbox-rule-flow-overview .runtime-step {\n          border-left: 1px solid var(--border);\n          box-shadow: none;\n        }\n        .inbox-rule-flow-overview .runtime-step.runtime-passed,\n        .inbox-rule-flow-overview .runtime-step.runtime-attention,\n        .inbox-rule-flow-overview .runtime-step.runtime-manual_review {\n          border-left-color: var(--border);\n        }\n        .inbox-rule-flow-overview .runtime-step-state {\n          width: 18px;\n          height: 18px;\n          border: 1px solid var(--border);\n          border-radius: 50%;\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          font-size: 11px;\n          color: var(--text-secondary);\n          background: var(--bg-surface);\n        }\n        .inbox-detail-header {\n          padding: 12px 14px;\n          border: 1px solid var(--border);\n          border-radius: 8px;\n          background: var(--bg-surface);\n          margin-bottom: 12px;\n        }\n        .inbox-detail-header-title { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: baseline; }\n        .inbox-detail-header-title strong { font-size: 13px; color: var(--text-primary); }\n        .inbox-detail-header-title span { font-size: 12px; color: var(--text-secondary); }\n        .inbox-detail-header-meta { margin-top: 6px; display: flex; flex-wrap: wrap; gap: 12px; font-size: 12px; color: var(--text-muted); }\n        .inbox-section {\n          margin-bottom: 14px;\n          padding: 12px 14px;\n          border: 1px solid var(--border);\n          border-radius: 8px;\n          background: var(--bg-surface);\n          display: flex;\n          flex-direction: column;\n          min-height: 0;\n          box-sizing: border-box;\n          width: 100%;\n          scroll-margin-top: 96px;\n        }\n        .inbox-detail-main { width: 100%; box-sizing: border-box; }\n        .inbox-detail-pane.is-active { display: block; }\n        .inbox-detail-pane { display: none; box-sizing: border-box; }\n        .inbox-session-tabs {\n          display: flex;\n          gap: 6px;\n          flex-wrap: nowrap;\n          overflow-x: auto;\n          overflow-y: hidden;\n          white-space: nowrap;\n          -webkit-overflow-scrolling: touch;\n          margin-bottom: 12px;\n          padding: 8px 10px;\n          background: var(--bg-surface);\n          border: 1px solid var(--border);\n          border-radius: 8px;\n        }\n        .inbox-session-tab-item {\n          flex: 0 0 auto;\n          display: inline-flex;\n          align-items: stretch;\n          max-width: 360px;\n          position: relative;\n          padding-top: 8px;\n        }\n        .inbox-session-tab {\n          flex: 1 1 auto;\n          min-width: 0;\n          padding: 4px 9px;\n          border: 1px solid var(--border);\n          background: var(--bg-surface);\n          color: var(--text-secondary);\n          font-size: 11px;\n          border-radius: 999px;\n          cursor: pointer;\n          line-height: 1.5;\n          font-family: ui-monospace, monospace;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n        .inbox-session-flow-chip {\n          flex: 0 0 auto;\n          margin-left: -1px;\n          padding: 4px 7px;\n          border: 1px solid var(--border);\n          background: var(--info-bg, rgba(79,70,229,.08));\n          color: var(--accent);\n          font-size: 11px;\n          border-radius: 0 999px 999px 0;\n          cursor: pointer;\n          line-height: 1.5;\n        }\n        .inbox-session-tab-item .inbox-session-tab {\n          border-radius: 999px 0 0 999px;\n        }\n        .inbox-session-flow-chip:hover {\n          border-color: var(--accent);\n          background: rgba(79,70,229,.14);\n        }\n        .inbox-session-tab:hover { color: var(--text-primary); border-color: var(--border-hover, var(--border)); }\n        .inbox-session-tab.is-active { background: var(--accent); color: #fff; border-color: var(--accent); }\n        .inbox-session-tab.is-priority-high:not(.is-active) { border-left: 3px solid var(--red); }\n        .inbox-session-tab.is-priority-medium:not(.is-active) { border-left: 3px solid var(--yellow); }\n        .inbox-session-tab.is-priority-low:not(.is-active) { border-left: 3px solid var(--green); }\n        .inbox-session-tab-alerts {\n          position: absolute;\n          top: 0;\n          right: 4px;\n          display: inline-flex;\n          gap: 4px;\n          max-width: calc(100% - 12px);\n          pointer-events: none;\n          z-index: 2;\n        }\n        .inbox-session-tab-alerts span {\n          display: inline-block;\n          max-width: 92px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          padding: 1px 5px;\n          border: 1px solid var(--red);\n          border-radius: 999px;\n          background: var(--red-bg);\n          color: var(--red);\n          font-size: 9px;\n          line-height: 1.25;\n          font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n          box-shadow: var(--shadow-sm, 0 1px 3px rgba(0,0,0,.08));\n        }\n        .inbox-session-panes { width: 100%; }\n        .inbox-session-pane { display: none; width: 100%; box-sizing: border-box; }\n        .inbox-session-pane.is-active { display: block; }\n        .inbox-session-pane:not(.is-active) .inbox-detail-nav { display: none; }\n        .inbox-session-meta {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 10px 14px;\n          padding: 8px 12px;\n          background: var(--bg-soft, rgba(0,0,0,.03));\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          margin-bottom: 12px;\n          font-size: 12px;\n          color: var(--text-secondary);\n        }\n        .inbox-session-meta code { font-size: 11px; padding: 1px 5px; background: var(--bg-surface); border: 1px solid var(--border); border-radius: 4px; }\n        .inbox-section-head { display: flex; align-items: baseline; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; }\n        .inbox-section-head-clickable { cursor: pointer; user-select: none; margin: -4px -6px 8px; padding: 4px 6px; border-radius: 6px; }\n        .inbox-section-head-clickable:hover { background: var(--bg-soft, rgba(0,0,0,.04)); }\n        .inbox-section.is-collapsed .inbox-section-head-clickable { margin-bottom: 0; }\n        .inbox-section-head h3 { font-size: 13px; margin: 0; color: var(--text-primary); flex-shrink: 0; }\n        .inbox-section-summary {\n          font-size: 11px;\n          padding: 2px 8px;\n          border-radius: 999px;\n          border: 1px solid var(--border);\n          background: var(--bg-surface);\n          color: var(--text-secondary);\n          flex-shrink: 0;\n        }\n        .inbox-section-summary.is-attention { background: var(--red-bg); border-color: var(--red); color: var(--red); }\n        .inbox-section-summary.is-ok { background: var(--green-bg); border-color: var(--green); color: var(--green); }\n        .inbox-section-summary.is-neutral { background: var(--info-bg, rgba(79,70,229,.08)); border-color: var(--accent); color: var(--accent); }\n        .inbox-section-hint { font-size: 11px; color: var(--text-muted); flex: 1 1 auto; min-width: 0; }\n        .inbox-section-review {\n          position: relative;\n          margin-left: auto;\n          flex: 0 0 auto;\n        }\n        .inbox-section-review + .inbox-section-toggle { margin-left: 0; }\n        .inbox-section-review-button {\n          list-style: none;\n          cursor: pointer;\n          padding: 4px 10px;\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg-surface);\n          color: var(--text-secondary);\n          font-size: 12px;\n          line-height: 1.2;\n        }\n        .inbox-section-review-button::-webkit-details-marker { display: none; }\n        .inbox-section-review[open] .inbox-section-review-button,\n        .inbox-section-review-button:hover {\n          border-color: var(--accent);\n          color: var(--accent);\n          background: var(--info-bg, rgba(79,70,229,.08));\n        }\n        .inbox-section-review-panel {\n          position: absolute;\n          top: calc(100% + 6px);\n          right: 0;\n          z-index: 35;\n          width: min(420px, calc(100vw - 32px));\n          max-height: min(70vh, 620px);\n          overflow-y: auto;\n          padding: 10px 12px;\n          border: 1px solid var(--border);\n          border-radius: 8px;\n          background: var(--bg-surface);\n          box-shadow: var(--shadow-lg, 0 12px 30px rgba(0,0,0,.16));\n        }\n        .inbox-manual-review-groups {\n          margin-top: 10px;\n          padding-top: 10px;\n          border-top: 1px solid var(--border);\n          display: flex;\n          flex-direction: column;\n          gap: 10px;\n        }\n        .inbox-manual-review-group {\n          display: flex;\n          flex-direction: column;\n          gap: 6px;\n        }\n        .inbox-manual-review-group > strong {\n          font-size: 12px;\n          color: var(--text-primary);\n        }\n        .inbox-section-toggle {\n          margin-left: auto;\n          font-size: 11px;\n          padding: 2px 8px;\n          border: 1px solid var(--border);\n          background: var(--bg-surface);\n          color: var(--text-secondary);\n          border-radius: 4px;\n          cursor: pointer;\n          flex-shrink: 0;\n        }\n        .inbox-section-toggle:hover { color: var(--text-primary); }\n        .inbox-section-body { /* no internal scroll; let the page handle it */ }\n        .inbox-section.is-collapsed .inbox-section-body { display: none; }\n        .inbox-section.is-collapsed { padding-bottom: 8px; }\n        .inbox-detail-body-grid { display: block; position: relative; }\n        .inbox-detail-main { min-width: 0; }\n        .inbox-detail-nav {\n          position: fixed;\n          top: 120px;\n          right: 16px;\n          width: 132px;\n          display: flex;\n          flex-direction: column;\n          gap: 5px;\n          padding: 0;\n          border: 0;\n          border-radius: 0;\n          background: transparent;\n          box-shadow: none;\n          font-size: 12px;\n          z-index: 80;\n        }\n        .inbox-detail-pane:not(.is-active) .inbox-detail-nav { display: none; }\n        .inbox-detail-nav a {\n          padding: 6px 10px;\n          color: var(--text-primary);\n          text-decoration: none;\n          border-radius: 6px;\n          background: rgba(255, 255, 255, 0.92);\n          border: 1px solid var(--border);\n          box-shadow: var(--shadow-sm, 0 1px 3px rgba(0,0,0,.08));\n          backdrop-filter: blur(6px);\n          -webkit-backdrop-filter: blur(6px);\n          line-height: 1.4;\n          font-weight: 500;\n        }\n        .inbox-detail-nav a.is-sub {\n          margin-left: 10px;\n          padding-top: 4px;\n          padding-bottom: 4px;\n          color: var(--text-muted);\n          font-size: 10px;\n        }\n        .inbox-detail-nav a:hover {\n          background: var(--info-bg, rgba(79,70,229,.12));\n          color: var(--accent);\n          border-color: var(--accent);\n        }\n        .inbox-detail-nav a.is-active {\n          background: var(--accent);\n          color: #fff;\n          border-color: var(--accent);\n          font-weight: 600;\n        }\n        @media (max-width: 1080px) {\n          .inbox-detail-nav { display: none !important; }\n        }\n        .inbox-flow-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0; }\n        .inbox-flow-timeline {\n          position: relative;\n        }\n        .inbox-flow-item {\n          display: grid;\n          grid-template-columns: 58px 28px minmax(0, 1fr);\n          gap: 8px;\n          align-items: stretch;\n          position: relative;\n          min-width: 0;\n        }\n        .inbox-flow-item::before {\n          content: '';\n          position: absolute;\n          left: 71px;\n          top: 0;\n          bottom: 0;\n          width: 2px;\n          background: var(--border);\n        }\n        .inbox-flow-item:first-child::before { top: 14px; }\n        .inbox-flow-item:last-child::before { bottom: calc(100% - 14px); }\n        .inbox-flow-time {\n          padding-top: 6px;\n          color: var(--text-muted);\n          font-size: 11px;\n          line-height: 1.3;\n          text-align: right;\n          font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n          white-space: nowrap;\n        }\n        .inbox-flow-rail {\n          position: relative;\n          display: flex;\n          justify-content: center;\n          padding-top: 2px;\n          z-index: 1;\n        }\n        .inbox-flow-anchor {\n          display: flex;\n          align-items: stretch;\n          padding: 0 0 10px;\n          text-decoration: none;\n          color: var(--text-primary);\n          min-width: 0;\n        }\n        .inbox-flow-anchor .inbox-flow-body {\n          width: 100%;\n          border: 1px solid var(--border);\n          border-radius: 7px;\n          background: var(--bg-surface);\n          padding: 8px 10px;\n          box-sizing: border-box;\n          min-width: 0;\n        }\n        .inbox-flow-item.is-priority-high .inbox-flow-body { border-left: 3px solid var(--red); }\n        .inbox-flow-item.is-priority-medium .inbox-flow-body { border-left: 3px solid var(--yellow); }\n        .inbox-flow-item.is-priority-low .inbox-flow-body { border-left: 3px solid var(--green); }\n        .inbox-flow-item.is-current .inbox-flow-body {\n          background: var(--info-bg, rgba(37,99,235,.08));\n          border-color: rgba(37,99,235,.28);\n        }\n        .inbox-flow-anchor:hover .inbox-flow-body { background: var(--bg-muted, rgba(0,0,0,.04)); }\n        .inbox-flow-item.is-current .inbox-flow-anchor:hover .inbox-flow-body { background: var(--info-bg, rgba(37,99,235,.08)); }\n        .inbox-flow-index {\n          width: 22px; height: 22px;\n          border-radius: 50%;\n          background: var(--accent);\n          color: #fff;\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          font-size: 12px;\n          font-weight: 600;\n          flex-shrink: 0;\n          box-shadow: 0 0 0 3px var(--bg-surface);\n        }\n        .inbox-flow-title { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }\n        .inbox-flow-title strong { font-size: 13px; }\n        .inbox-flow-title em { font-style: normal; font-size: 11px; padding: 1px 6px; background: var(--info-bg); color: var(--accent); border-radius: 999px; }\n        .inbox-flow-priority { font-size: 11px; color: var(--text-muted); }\n        .inbox-flow-meta {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 6px 10px;\n          font-size: 11px;\n          color: var(--text-muted);\n          margin-top: 4px;\n        }\n        .inbox-flow-range {\n          margin-top: 3px;\n          color: var(--text-secondary);\n          font-size: 11px;\n          line-height: 1.4;\n          word-break: break-word;\n        }\n        .inbox-flow-slices,\n        .inbox-flow-dispatches,\n        .inbox-flow-episodes { margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--border); }\n        .inbox-flow-slices h4,\n        .inbox-flow-dispatches h4,\n        .inbox-flow-episodes h4 { font-size: 12px; margin: 0 0 6px; color: var(--text-secondary); }\n        .inbox-flow-slice,\n        .inbox-flow-dispatch {\n          padding: 6px 8px;\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg-soft, rgba(0,0,0,.03));\n          margin-bottom: 6px;\n          font-size: 12px;\n        }\n        .inbox-flow-slice strong,\n        .inbox-flow-dispatch strong { font-size: 12px; color: var(--text-primary); display: block; }\n        .inbox-flow-slice span,\n        .inbox-flow-dispatch span { font-size: 11px; color: var(--text-muted); }\n        .inbox-flow-slice p { margin: 4px 0 0; color: var(--text-secondary); line-height: 1.5; font-size: 12px; }\n        .inbox-flow-episode {\n          display: grid;\n          gap: 8px;\n          margin-bottom: 8px;\n          padding: 8px;\n          border: 1px solid var(--border);\n          border-radius: 7px;\n          background: var(--bg);\n        }\n        .inbox-flow-episode-head {\n          display: grid;\n          grid-template-columns: 64px minmax(0,1fr);\n          gap: 8px;\n          align-items: baseline;\n        }\n        .inbox-flow-episode-head strong { font-size: 12px; color: var(--text-primary); }\n        .inbox-flow-episode-head span {\n          min-width: 0;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          color: var(--text-secondary);\n          font-size: 12px;\n        }\n        .inbox-flow-episode-track {\n          display: flex;\n          gap: 6px;\n          overflow-x: auto;\n          padding-bottom: 2px;\n        }\n        .inbox-flow-episode-segment {\n          flex: 0 0 145px;\n          display: grid;\n          gap: 2px;\n          padding: 7px 8px;\n          border: 1px solid var(--border);\n          border-top: 3px solid var(--text-muted);\n          border-radius: 6px;\n          background: var(--bg-surface);\n        }\n        .inbox-flow-episode-segment.is-current {\n          border-top-color: var(--accent);\n          background: var(--info-bg);\n        }\n        .inbox-flow-episode-segment em {\n          font-style: normal;\n          color: var(--text-muted);\n          font-size: 10px;\n        }\n        .inbox-flow-episode-segment strong {\n          color: var(--text-primary);\n          font-size: 12px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n        .inbox-flow-episode-segment span,\n        .inbox-flow-episode-feedback span,\n        .inbox-flow-episode-feedback em {\n          color: var(--text-muted);\n          font-size: 11px;\n          font-style: normal;\n        }\n        .inbox-flow-episode-feedback {\n          display: grid;\n          gap: 5px;\n        }\n        .inbox-flow-episode-feedback div {\n          display: grid;\n          grid-template-columns: 54px minmax(0,1fr);\n          gap: 6px;\n          align-items: start;\n          padding: 5px 6px;\n          border: 1px dashed var(--border);\n          border-radius: 6px;\n          background: var(--bg-surface);\n        }\n        .inbox-flow-episode-feedback strong {\n          color: var(--text-secondary);\n          font-size: 12px;\n          line-height: 1.45;\n        }\n        .inbox-flow-episode-feedback em {\n          grid-column: 2;\n        }\n        .inbox-execution-overview {\n          margin: 10px 0;\n          border: 1px solid var(--border);\n          border-radius: 8px;\n          background: var(--bg-surface);\n        }\n        .inbox-execution-overview > summary {\n          cursor: pointer;\n          padding: 8px 10px;\n          color: var(--text-primary);\n          font-size: 12px;\n          font-weight: 700;\n        }\n        .inbox-execution-overview[open] > summary { border-bottom: 1px solid var(--border); }\n        .inbox-execution-overview-body {\n          display: grid;\n          gap: 8px;\n          padding: 8px;\n        }\n        .inbox-execution-overview-note {\n          margin: 0;\n          color: var(--text-muted);\n          font-size: 10px;\n          line-height: 1.45;\n        }\n        .inbox-execution-episode {\n          display: grid;\n          gap: 8px;\n          min-width: 0;\n          border: 1px solid var(--border);\n          border-radius: 7px;\n          background: var(--bg);\n          padding: 0;\n        }\n        .inbox-execution-episode-head {\n          display: grid;\n          grid-template-columns: 104px minmax(0,1fr) auto;\n          gap: 8px;\n          align-items: baseline;\n          padding: 7px 8px;\n          cursor: pointer;\n          list-style: none;\n        }\n        .inbox-execution-episode-head::-webkit-details-marker { display: none; }\n        .inbox-execution-episode-head::after {\n          content: \"\u5C55\u5F00\";\n          justify-self: end;\n          color: var(--text-muted);\n          font-size: 10px;\n        }\n        .inbox-execution-episode[open] > .inbox-execution-episode-head {\n          border-bottom: 1px solid var(--border);\n        }\n        .inbox-execution-episode[open] > .inbox-execution-episode-head::after { content: \"\u6536\u8D77\"; }\n        .inbox-execution-episode-head strong {\n          color: var(--text-primary);\n          font-size: 11px;\n        }\n        .inbox-execution-episode-head span {\n          min-width: 0;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          color: var(--text-secondary);\n          font-size: 11px;\n        }\n        .inbox-execution-episode-body {\n          display: grid;\n          gap: 8px;\n          padding: 8px;\n        }\n        .inbox-execution-timeline {\n          position: relative;\n          display: grid;\n          gap: 8px;\n          margin: 0;\n          padding: 0 0 0 16px;\n          list-style: none;\n        }\n        .inbox-execution-skill-children {\n          position: relative;\n          display: grid;\n          gap: 6px;\n          margin: 6px 0 0 24px;\n          padding: 0 0 0 16px;\n          list-style: none;\n        }\n        .inbox-execution-timeline::before,\n        .inbox-execution-skill-children::before {\n          content: \"\";\n          position: absolute;\n          left: 6px;\n          top: 9px;\n          bottom: 9px;\n          width: 1px;\n          background: var(--border);\n        }\n        .inbox-execution-node {\n          position: relative;\n          display: grid;\n          gap: 5px;\n          min-width: 0;\n        }\n        .inbox-execution-node::before {\n          content: \"\";\n          position: absolute;\n          left: -13px;\n          top: 8px;\n          width: 7px;\n          height: 7px;\n          border-radius: 999px;\n          background: var(--text-muted);\n          box-shadow: 0 0 0 3px var(--bg-surface);\n        }\n        .inbox-execution-node.is-current::before { background: var(--accent); }\n        .inbox-execution-node.is-child::before {\n          background: var(--bg-surface);\n          border: 1px solid var(--border);\n        }\n        .inbox-execution-node-main {\n          display: grid;\n          grid-template-columns: 28px minmax(0,1fr);\n          gap: 6px;\n          align-items: start;\n          padding: 5px 7px;\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg);\n        }\n        .inbox-execution-node.is-current .inbox-execution-node-main {\n          border-color: var(--accent);\n          background: var(--info-bg, rgba(79,70,229,.08));\n        }\n        .inbox-execution-node-index {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          min-width: 16px;\n          width: auto;\n          height: 16px;\n          padding: 0 4px;\n          border-radius: 999px;\n          background: var(--bg-surface);\n          border: 1px solid var(--border);\n          color: var(--text-muted);\n          font-size: 10px;\n        }\n        .inbox-execution-node-main em,\n        .inbox-execution-links span,\n        .inbox-execution-feedback-item span,\n        .inbox-execution-feedback-item em {\n          color: var(--text-muted);\n          font-size: 10px;\n          font-style: normal;\n        }\n        .inbox-execution-node-main strong {\n          display: block;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          color: var(--text-primary);\n          font-size: 11px;\n        }\n        .inbox-execution-node-main em {\n          display: block;\n          margin-top: 1px;\n        }\n        .inbox-execution-links {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 6px;\n        }\n        .inbox-execution-links span {\n          padding: 2px 6px;\n          border: 1px solid var(--border);\n          border-radius: 999px;\n          background: var(--bg);\n        }\n        .inbox-execution-node-children {\n          display: grid;\n          gap: 4px;\n          margin-left: 24px;\n        }\n        .inbox-execution-feedback-item {\n          display: grid;\n          grid-template-columns: 54px minmax(0,1fr);\n          gap: 6px;\n          padding: 4px 6px;\n          border: 1px dashed var(--border);\n          border-radius: 6px;\n          background: var(--bg);\n        }\n        .inbox-execution-feedback-item p {\n          margin: 0;\n          color: var(--text-secondary);\n          font-size: 11px;\n          line-height: 1.45;\n        }\n        .inbox-execution-feedback-item em { grid-column: 2; }\n        .inbox-rule-flow-overview .inbox-skill-chain {\n          margin: 0;\n          padding: 10px;\n        }\n        .inbox-skill-block {\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg-soft, rgba(0,0,0,.02));\n          padding: 10px 12px;\n          margin-bottom: 10px;\n          scroll-margin-top: 12px;\n        }\n        .inbox-skill-block:last-child { margin-bottom: 0; }\n        .inbox-skill-head { display: flex; flex-wrap: wrap; gap: 6px 12px; justify-content: space-between; align-items: baseline; margin-bottom: 8px; }\n        .inbox-skill-head h4 { font-size: 13px; margin: 0; color: var(--text-primary); }\n        .inbox-skill-title-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }\n        .inbox-skill-type {\n          display: inline-flex;\n          align-items: center;\n          min-height: 20px;\n          padding: 1px 7px;\n          border: 1px solid var(--border);\n          border-radius: 999px;\n          background: var(--bg-surface);\n          color: var(--text-secondary);\n          font-size: 11px;\n          line-height: 1.4;\n          font-weight: 650;\n        }\n        .inbox-skill-subtitle { font-size: 12px; color: var(--text-secondary); }\n        .inbox-skill-summary { margin: 4px 0 0; font-size: 12px; color: var(--text-secondary); line-height: 1.5; }\n        .inbox-skill-empty { color: var(--text-muted); font-size: 12px; margin: 4px 0; }\n        .inbox-trust-layer {\n          display: flex;\n          flex-wrap: wrap;\n          align-items: center;\n          gap: 6px;\n          margin: 8px 0;\n          padding: 8px;\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg-surface);\n        }\n        .inbox-data-health,\n        .inbox-trust-fact {\n          display: inline-flex;\n          align-items: center;\n          min-height: 22px;\n          padding: 2px 8px;\n          border-radius: 999px;\n          font-size: 11px;\n          line-height: 1.4;\n          border: 1px solid var(--border);\n          background: var(--bg-soft, rgba(0,0,0,.03));\n          color: var(--text-secondary);\n        }\n        .inbox-data-health { font-weight: 700; }\n        .inbox-data-health.is-ok { border-color: var(--green); background: var(--green-bg); color: var(--green); }\n        .inbox-data-health.is-attention { border-color: var(--red); background: var(--red-bg); color: var(--red); }\n        .inbox-data-health.is-unknown { border-color: var(--yellow); background: var(--yellow-bg); color: var(--yellow); }\n        .inbox-data-health.is-degraded { border-color: var(--red); background: var(--red-bg); color: var(--red); }\n        .inbox-review-layer { margin-top: 10px; }\n        .inbox-type-summary { margin: 0 0 6px; color: var(--text-secondary); font-size: 12px; line-height: 1.5; }\n        .inbox-review-layer-title {\n          font-size: 11px;\n          font-weight: 700;\n          color: var(--text-muted);\n          margin-bottom: 6px;\n        }\n        .inbox-parent-status-row {\n          display: grid;\n          grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n          gap: 8px;\n        }\n        .inbox-parent-status {\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg-surface);\n          padding: 7px 8px;\n          display: grid;\n          gap: 4px;\n          min-width: 0;\n        }\n        .inbox-parent-status.is-ok { border-color: var(--green); }\n        .inbox-parent-status.is-attention,\n        .inbox-parent-status.is-degraded { border-color: var(--red); }\n        .inbox-parent-status.is-unknown { border-color: var(--yellow); }\n        .inbox-parent-status.is-not-applicable { opacity: .78; }\n        .inbox-parent-status span { font-size: 12px; font-weight: 700; color: var(--text-primary); }\n        .inbox-parent-status em { font-style: normal; font-size: 11px; color: var(--text-muted); }\n        .inbox-review-suggestions {\n          margin-top: 10px;\n          border-top: 1px dashed var(--border);\n          padding-top: 8px;\n        }\n        .inbox-review-suggestions .inbox-action-suggestion-list { margin-top: 6px; }\n        .inbox-answer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; }\n        .inbox-answer {\n          padding: 8px 10px;\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg-surface);\n        }\n        .inbox-answer.is-attention { border-color: var(--red); }\n        .inbox-answer.is-unknown { border-color: var(--yellow); }\n        .inbox-answer.is-ok { border-color: var(--green); }\n        .inbox-answer.is-degraded { border-color: var(--red); background: var(--red-bg); }\n        .inbox-answer.is-not-applicable { border-color: var(--border); opacity: .82; }\n        .inbox-answer-head { display: flex; gap: 8px; justify-content: space-between; align-items: baseline; margin-bottom: 4px; }\n        .inbox-answer-head strong { font-size: 12px; color: var(--text-primary); }\n        .inbox-answer p { margin: 0; font-size: 12px; color: var(--text-secondary); line-height: 1.5; }\n        .inbox-answer-context {\n          margin-top: 6px;\n          padding: 6px 8px;\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg-soft, rgba(0,0,0,.03));\n          display: grid;\n          gap: 6px;\n        }\n        .inbox-answer-context div {\n          display: grid;\n          grid-template-columns: 68px minmax(0,1fr);\n          gap: 8px;\n          align-items: start;\n        }\n        .inbox-answer-context span {\n          font-size: 11px;\n          font-weight: 700;\n          color: var(--text-muted);\n          line-height: 1.45;\n        }\n        .inbox-answer-context strong {\n          font-size: 12px;\n          line-height: 1.45;\n          color: var(--text-primary);\n          font-weight: 600;\n          word-break: break-word;\n        }\n        .inbox-answer-checklist {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 5px;\n          margin-top: 6px;\n        }\n        .inbox-answer-checklist.is-grouped {\n          display: grid;\n          gap: 7px;\n        }\n        .inbox-answer-check-group {\n          display: grid;\n          gap: 4px;\n        }\n        .inbox-answer-check-group > strong {\n          color: var(--text-muted);\n          font-size: 11px;\n          font-weight: 650;\n        }\n        .inbox-answer-check-group > div {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 5px;\n        }\n        .inbox-answer-check {\n          display: inline-flex;\n          align-items: center;\n          gap: 4px;\n          max-width: 100%;\n          padding: 3px 7px;\n          border: 1px solid var(--border);\n          border-radius: 999px;\n          background: var(--bg-soft, rgba(0,0,0,.03));\n          color: var(--text-secondary);\n          font-size: 11px;\n          line-height: 1.45;\n        }\n        .inbox-answer-check em {\n          color: var(--text-muted);\n          font-style: normal;\n          font-size: 10px;\n          border-left: 1px solid var(--border);\n          padding-left: 5px;\n        }\n        .inbox-answer-check.is-detected {\n          border-color: var(--accent);\n          background: var(--bg-surface);\n          color: var(--text-primary);\n        }\n        .inbox-answer-check.is-detected .inbox-answer-check-icon {\n          color: var(--accent);\n        }\n        .inbox-answer-check.is-absent {\n          color: var(--text-muted);\n          background: transparent;\n          border-color: var(--border);\n        }\n        .inbox-answer-check.is-absent .inbox-answer-check-icon {\n          color: var(--text-muted);\n        }\n        .inbox-answer-check-icon {\n          flex: 0 0 auto;\n          font-size: 9px;\n          line-height: 1;\n        }\n        .manual-correction-panel {\n          margin-top: 8px;\n          padding-top: 8px;\n          border-top: 1px dashed var(--border);\n          display: flex;\n          flex-direction: column;\n          gap: 6px;\n        }\n        .manual-correction-panel.is-in-review-popover {\n          margin-top: 0;\n          padding-top: 0;\n          border-top: 0;\n        }\n        .manual-correction-title {\n          font-size: 11px;\n          color: var(--text-muted);\n          font-weight: 650;\n        }\n        .manual-correction-actions {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 5px;\n        }\n        .manual-correction-button {\n          border: 1px solid var(--border);\n          background: var(--bg-surface);\n          color: var(--text-secondary);\n          border-radius: 999px;\n          padding: 3px 8px;\n          font-size: 11px;\n          line-height: 1.45;\n          cursor: pointer;\n          max-width: 100%;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n        .manual-correction-button:hover {\n          color: var(--text-primary);\n          border-color: var(--accent);\n        }\n        .manual-correction-button.is-marked {\n          background: var(--info-bg);\n          color: var(--accent);\n          border-color: var(--accent);\n          font-weight: 650;\n        }\n        .manual-correction-popover {\n          position: fixed;\n          z-index: 10000;\n          background: var(--bg-surface);\n          color: var(--text-primary);\n          border: 1px solid var(--border);\n          box-shadow: var(--shadow-lg);\n          border-radius: 8px;\n          padding: 10px;\n          width: min(320px, calc(100vw - 24px));\n        }\n        .manual-correction-popover-title {\n          font-size: 12px;\n          font-weight: 700;\n          margin-bottom: 4px;\n        }\n        .manual-correction-popover-hint {\n          font-size: 11px;\n          color: var(--text-muted);\n          line-height: 1.45;\n          margin-bottom: 8px;\n        }\n        .manual-correction-popover-actions {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 6px;\n        }\n        .manual-correction-popover-actions button {\n          border: 1px solid var(--border);\n          background: var(--bg);\n          color: var(--text-secondary);\n          border-radius: 6px;\n          padding: 5px 8px;\n          font-size: 12px;\n          cursor: pointer;\n        }\n        .manual-correction-popover-actions button:hover {\n          color: var(--text-primary);\n          border-color: var(--accent);\n        }\n        .inbox-answer-meta {\n          margin-top: 8px;\n          padding: 7px 9px;\n          border: 1px dashed var(--border);\n          border-radius: 6px;\n          background: var(--bg-soft, rgba(0,0,0,.03));\n          font-size: 11px;\n        }\n        .inbox-answer-meta-row { display: flex; gap: 6px; margin-bottom: 4px; line-height: 1.5; }\n        .inbox-answer-meta-row:last-child { margin-bottom: 0; }\n        .inbox-answer-meta-row span { color: var(--text-muted); flex-shrink: 0; }\n        .inbox-answer-meta-row strong { color: var(--text-primary); font-weight: 600; word-break: break-all; }\n        .inbox-answer-meta-row em { color: var(--text-muted); font-style: normal; }\n        .inbox-answer-jump {\n          margin-top: 6px;\n        }\n        .inbox-answer-jump button {\n          font-size: 11px;\n          padding: 3px 8px;\n          border: 1px solid var(--accent);\n          background: var(--bg-surface);\n          color: var(--accent);\n          border-radius: 4px;\n          cursor: pointer;\n        }\n        .inbox-answer-jump button:hover { background: var(--info-bg); }\n        .inbox-answer-evidence {\n          margin-top: 8px;\n        }\n        .inbox-answer-evidence-link {\n          font-size: 11px;\n          padding: 0;\n          border: 0;\n          background: transparent;\n          color: var(--accent);\n          text-decoration: underline;\n          text-underline-offset: 2px;\n          cursor: pointer;\n        }\n        .inbox-answer-evidence-link:hover { color: var(--text-primary); }\n        .inbox-answer-status { font-size: 11px; padding: 1px 6px; border-radius: 999px; flex-shrink: 0; }\n        .inbox-answer-status.is-attention { background: var(--red-bg); color: var(--red); }\n        .inbox-answer-status.is-unknown { background: var(--yellow-bg); color: var(--yellow); }\n        .inbox-answer-status.is-ok { background: var(--green-bg); color: var(--green); }\n        .inbox-answer-status.is-degraded { background: var(--red-bg); color: var(--red); }\n        .inbox-answer-status.is-not-applicable { background: var(--bg-soft); color: var(--text-muted); }\n        .inbox-skill-findings { margin-top: 10px; padding-top: 8px; border-top: 1px dashed var(--border); }\n        .inbox-skill-findings h5 { font-size: 12px; margin: 0 0 6px; color: var(--text-secondary); }\n        .inbox-suggestion-block {\n          margin-top: 10px;\n          padding: 10px 12px;\n          border-radius: 6px;\n          background: var(--green-bg);\n          border-left: 3px solid var(--green);\n          font-size: 12px;\n          color: var(--text-secondary);\n          line-height: 1.55;\n        }\n        details.inbox-suggestion-block > summary {\n          cursor: pointer;\n          list-style: none;\n        }\n        details.inbox-suggestion-block > summary::-webkit-details-marker { display: none; }\n        details.inbox-suggestion-block > summary::before {\n          content: '\u25BE';\n          display: inline-block;\n          margin-right: 6px;\n          color: var(--green);\n          font-size: 11px;\n        }\n        details.inbox-suggestion-block:not([open]) > summary::before { content: '\u25B8'; }\n        .inbox-skill-summary-suggestions {\n          margin: 0 0 12px;\n        }\n        .inbox-skill-summary-suggestions .inbox-suggestion-block {\n          margin-top: 0;\n        }\n        .inbox-suggestion-title {\n          font-size: 12px;\n          color: var(--green);\n          font-weight: 600;\n          margin-bottom: 5px;\n        }\n        .inbox-suggestion-block ul {\n          margin: 0;\n          padding-left: 18px;\n        }\n        .inbox-suggestion-block li { margin-bottom: 3px; }\n        .inbox-suggestion-block li:last-child { margin-bottom: 0; }\n        .inbox-action-suggestion-list {\n          list-style: none;\n          margin: 0;\n          padding: 0;\n          display: grid;\n          gap: 8px;\n        }\n        .inbox-action-suggestion-list.is-compact {\n          gap: 6px;\n        }\n        .inbox-action-suggestion-item {\n          margin: 0;\n        }\n        .inbox-action-suggestion-card {\n          border: 1px solid rgba(90, 122, 147, .18);\n          border-radius: 7px;\n          background: rgba(255, 255, 255, .48);\n          overflow: hidden;\n        }\n        .inbox-action-suggestion-card > summary {\n          list-style: none;\n          cursor: pointer;\n          display: grid;\n          grid-template-columns: auto minmax(0, 1fr) auto;\n          align-items: center;\n          gap: 8px;\n          padding: 8px 10px;\n        }\n        .inbox-action-suggestion-card > summary::-webkit-details-marker { display: none; }\n        .inbox-action-suggestion-card > summary strong {\n          color: var(--text-primary);\n          font-weight: 600;\n          line-height: 1.35;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n        .inbox-action-suggestion-card[open] > summary strong {\n          white-space: normal;\n        }\n        .inbox-action-suggestion-card > summary em {\n          font-style: normal;\n          color: var(--accent);\n          font-size: 11px;\n          white-space: nowrap;\n        }\n        .inbox-action-suggestion-index {\n          width: 18px;\n          height: 18px;\n          border-radius: 50%;\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          background: var(--green-bg);\n          color: var(--green);\n          font-size: 11px;\n          font-weight: 700;\n        }\n        .inbox-action-suggestion-body {\n          border-top: 1px solid rgba(90, 122, 147, .14);\n          padding: 8px 10px 10px 36px;\n          display: grid;\n          gap: 7px;\n        }\n        .inbox-action-suggestion-detail {\n          display: flex;\n          align-items: baseline;\n          gap: 8px;\n          color: var(--text-secondary);\n        }\n        .inbox-action-suggestion-detail span {\n          display: inline-flex;\n          flex: 0 0 auto;\n          padding: 1px 6px;\n          border-radius: 999px;\n          background: rgba(90, 122, 147, .14);\n          color: var(--accent);\n          font-size: 11px;\n          font-weight: 700;\n        }\n        .inbox-action-suggestion-detail.is-acceptance span {\n          background: var(--green-bg);\n          color: var(--green);\n        }\n        .inbox-action-suggestion-detail p {\n          flex: 1 1 auto;\n          margin: 0;\n          line-height: 1.5;\n          min-width: 0;\n        }\n        .inbox-flow-popover {\n          position: fixed;\n          z-index: 240;\n          width: min(560px, calc(100vw - 32px));\n          max-height: min(620px, calc(100vh - 48px));\n          overflow: auto;\n          padding: 12px;\n          border: 1px solid var(--border);\n          border-radius: 10px;\n          background: var(--bg-surface);\n          box-shadow: var(--shadow-md, 0 8px 24px rgba(0,0,0,.16));\n        }\n        .inbox-flow-popover-close {\n          position: sticky;\n          top: 0;\n          float: right;\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg-surface);\n          color: var(--text-secondary);\n          padding: 3px 8px;\n          cursor: pointer;\n          font-size: 12px;\n        }\n        .inbox-flow-popover-head {\n          display: flex;\n          flex-wrap: wrap;\n          align-items: center;\n          gap: 8px;\n          margin-bottom: 10px;\n          padding-right: 48px;\n        }\n        .inbox-flow-popover-head strong {\n          color: var(--text-primary);\n          font-size: 13px;\n        }\n        .inbox-flow-popover-body {\n          display: grid;\n          gap: 10px;\n        }\n        .inbox-finding {\n          padding: 8px 10px;\n          border-radius: 6px;\n          margin-bottom: 6px;\n          border: 1px solid var(--border);\n          background: var(--bg-surface);\n        }\n        .inbox-finding.is-attention { background: var(--red-bg); border-color: var(--red); border-left: 4px solid var(--red); }\n        .inbox-finding.is-sample { background: var(--yellow-bg); border-color: var(--yellow); border-left: 4px solid var(--yellow); }\n        .inbox-finding.is-normal { border-left: 4px solid var(--text-faint); }\n        .inbox-finding.is-clickable { cursor: pointer; transition: transform .12s; }\n        .inbox-finding.is-clickable:hover { transform: translateX(2px); }\n        .inbox-finding-head { display: flex; gap: 8px; justify-content: space-between; align-items: baseline; margin-bottom: 4px; flex-wrap: wrap; }\n        .inbox-finding-head strong { font-size: 12px; color: var(--text-primary); }\n        .inbox-finding-head-right { display: flex; gap: 6px; align-items: baseline; }\n        .inbox-finding-rule { font-size: 11px; padding: 1px 6px; border-radius: 4px; background: var(--bg-surface); border: 1px solid var(--border); color: var(--text-secondary); }\n        .inbox-finding-level { font-size: 11px; color: var(--text-muted); }\n        .inbox-finding-action { font-size: 11px; color: var(--accent); }\n        .inbox-finding p { margin: 0; font-size: 12px; color: var(--text-secondary); line-height: 1.5; }\n        .inbox-metric-grid {\n          display: grid;\n          grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));\n          gap: 6px;\n          margin-bottom: 10px;\n        }\n        .inbox-metric-card {\n          padding: 7px 9px;\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg-surface);\n          text-align: left;\n          cursor: pointer;\n          font-family: inherit;\n          color: inherit;\n          transition: background-color .12s, border-color .12s;\n        }\n        .inbox-metric-card:hover { background: var(--info-bg, rgba(79,70,229,.06)); border-color: var(--accent); }\n        .inbox-metric-card:hover .inbox-metric-card-hint { color: var(--accent); }\n        .inbox-metric-card.is-anomaly { border-left: 3px solid var(--red); }\n        .inbox-metric-card.is-anomaly strong { color: var(--red); }\n        .inbox-metric-card > span { display: block; font-size: 11px; color: var(--text-muted); }\n        .inbox-metric-card > strong { font-size: 14px; color: var(--text-primary); display: block; margin-top: 1px; }\n        .inbox-metric-card-hint {\n          display: block;\n          margin-top: 4px;\n          font-size: 10px;\n          font-style: normal;\n          color: var(--text-faint);\n          letter-spacing: 0.04em;\n        }\n        .inbox-metric-grid-wrap { margin-bottom: 10px; }\n        .inbox-metric-hint {\n          font-size: 11px;\n          color: var(--text-muted);\n          margin-bottom: 6px;\n          padding: 4px 8px;\n          border-left: 2px solid var(--accent);\n          background: var(--info-bg, rgba(79,70,229,.06));\n          border-radius: 0 4px 4px 0;\n        }\n        #inbox-metric-popover {\n          position: fixed;\n          top: 50%;\n          right: 40px;\n          transform: translateY(-50%);\n          width: 360px;\n          max-height: 480px;\n          background: var(--bg-surface);\n          border: 1px solid var(--border);\n          border-radius: 10px;\n          box-shadow: var(--shadow-md, 0 2px 12px rgba(0,0,0,.12));\n          z-index: 200;\n          padding: 0;\n          overflow: hidden;\n          display: none;\n          flex-direction: column;\n        }\n        #inbox-metric-popover.is-open { display: flex; }\n        .inbox-metric-popover-head {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          padding: 10px 14px;\n          border-bottom: 1px solid var(--border);\n          background: var(--bg-muted, var(--bg-surface));\n        }\n        .inbox-metric-popover-head strong { font-size: 14px; color: var(--text-primary); }\n        .inbox-metric-popover-close {\n          border: 1px solid var(--border);\n          background: var(--bg-surface);\n          color: var(--text-secondary);\n          padding: 3px 10px;\n          border-radius: 4px;\n          font-size: 12px;\n          cursor: pointer;\n        }\n        .inbox-metric-popover-body {\n          padding: 12px 14px;\n          overflow-y: auto;\n          flex: 1;\n          font-size: 12px;\n          color: var(--text-secondary);\n          line-height: 1.55;\n        }\n        .inbox-metric-popover-value {\n          font-size: 22px;\n          font-weight: 700;\n          color: var(--text-primary);\n          margin-bottom: 6px;\n        }\n        .inbox-metric-popover-value.is-anomaly { color: var(--red); }\n        .inbox-metric-popover-note { margin: 0 0 10px; }\n        .inbox-metric-popover-list {\n          list-style: none;\n          padding: 0;\n          margin: 0 0 10px;\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          overflow: hidden;\n        }\n        .inbox-metric-popover-list li {\n          display: flex;\n          justify-content: space-between;\n          padding: 6px 10px;\n          border-bottom: 1px solid var(--border);\n          font-size: 12px;\n        }\n        .inbox-metric-popover-list li:last-child { border-bottom: 0; }\n        .inbox-metric-popover-list li span { font-family: ui-monospace, monospace; color: var(--text-primary); }\n        .inbox-metric-popover-jump {\n          width: 100%;\n          padding: 7px 10px;\n          background: var(--red-bg);\n          color: var(--red);\n          border: 1px solid var(--red);\n          border-radius: 6px;\n          font-size: 12px;\n          cursor: pointer;\n        }\n        @media (max-width: 720px) {\n          #inbox-metric-popover {\n            top: auto;\n            right: 12px;\n            left: 12px;\n            bottom: 12px;\n            width: auto;\n            transform: none;\n          }\n        }\n        .inbox-skill-chain { margin-top: 8px; }\n        .inbox-evidence-block {\n          margin-top: 12px;\n          border: 1px solid var(--border);\n          border-radius: 8px;\n          background: var(--bg-surface);\n        }\n        .inbox-evidence-block > summary {\n          padding: 8px 12px;\n          cursor: pointer;\n          font-size: 13px;\n          color: var(--text-primary);\n          font-weight: 600;\n          list-style: revert;\n        }\n        .inbox-evidence-block[open] > summary { border-bottom: 1px solid var(--border); }\n        .inbox-evidence-grid {\n          display: grid;\n          grid-template-columns: minmax(0, .55fr) minmax(0, 1.45fr);\n          gap: 12px;\n          padding: 12px;\n        }\n        .inbox-evidence-grid h4 {\n          font-size: 12px;\n          margin: 6px 0 6px;\n          color: var(--text-primary);\n        }\n        .inbox-evidence-grid h4:first-child { margin-top: 0; }\n        @media (max-width: 960px) {\n          .inbox-split { grid-template-columns: 1fr; }\n          .inbox-left { border-right: 0; border-bottom: 1px solid var(--border); max-height: 50vh; }\n          .inbox-right { max-height: none; }\n          .inbox-evidence-grid { grid-template-columns: 1fr; }\n        }\n        body > * {\n          max-width: 100vw !important;\n        }\n        .observe-report-root {\n          font-size: 12px !important;\n          line-height: 1.45;\n        }\n        .observe-report-root h1 { font-size: 20px !important; }\n        .observe-report-root h2 { font-size: 14px !important; }\n        .observe-report-root h3 { font-size: 12px !important; }\n        .lang-toggle {\n          top: auto !important;\n          right: 16px !important;\n          bottom: 16px !important;\n          padding: 5px 10px !important;\n          font-size: 11px !important;\n          opacity: .72;\n          z-index: 90;\n        }\n        .lang-toggle:hover { opacity: 1; }\n        .observe-report-root table { font-size: 12px !important; }\n        .observe-report-root th {\n          font-size: 10.5px !important;\n          padding: 7px 8px !important;\n        }\n        .observe-report-root td {\n          font-size: 11.5px !important;\n          padding: 7px 8px !important;\n        }\n        .observe-report-root button,\n        .observe-report-root input {\n          font-size: 12px !important;\n        }\n        .observe-report-root,\n        .observe-report-root section,\n        .observe-report-root details,\n        .observe-report-root summary,\n        .observe-report-root div,\n        .observe-report-root article {\n          min-width: 0;\n        }\n        .observe-report-root pre,\n        .observe-report-root code {\n          max-width: 100%;\n        }\n        .observe-table-wrap {\n          width: 100%;\n          max-width: 100%;\n          min-width: 0;\n          overflow-x: auto !important;\n          overflow-y: visible;\n          -webkit-overflow-scrolling: touch;\n          overscroll-behavior-x: contain;\n        }\n        .experience-layer-scroll {\n          max-height: 80vh;\n          overflow: auto !important;\n          overscroll-behavior: contain;\n        }\n        .experience-top-insight {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          gap: 12px;\n          margin: 0 0 12px;\n          padding: 10px 12px;\n          border: 1px solid rgba(202,138,4,.40);\n          border-radius: 8px;\n          background: rgba(202,138,4,.10);\n          color: var(--text-secondary);\n          font-size: 12px;\n          line-height: 1.5;\n        }\n        .experience-top-insight strong {\n          margin-right: 8px;\n          color: #a16207;\n          font-weight: 750;\n        }\n        .experience-insight-cta,\n        .review-inline-cta {\n          border: 1px solid rgba(37,99,235,.30);\n          border-radius: 999px;\n          background: var(--accent);\n          color: #fff;\n          cursor: pointer;\n          font-weight: 750;\n          white-space: nowrap;\n        }\n        .experience-insight-cta {\n          padding: 5px 10px;\n          font-size: 12px;\n        }\n        .review-inline-cta {\n          margin-top: 4px;\n          padding: 2px 6px;\n          font-size: 10px !important;\n          line-height: 1.25;\n        }\n        .experience-insight-cta:hover,\n        .review-inline-cta:hover {\n          filter: brightness(.96);\n        }\n        .observe-fit-table,\n        #observe-tab-review table,\n        #observe-tab-raw table {\n          width: 100% !important;\n          table-layout: fixed;\n        }\n        .review-bucket-table { min-width: 980px !important; }\n        .experience-skill-table { min-width: 1760px !important; }\n        .experience-session-table { min-width: 1680px !important; }\n        .skill-health-table { min-width: 1360px !important; }\n        .action-table { min-width: 820px !important; }\n        .raw-observation-table { min-width: 1040px !important; }\n        .scoring-guide-table { min-width: 720px !important; }\n        .observe-fit-table col,\n        #observe-tab-review col,\n        #observe-tab-raw col {\n          width: auto !important;\n        }\n        .experience-skill-table col:nth-child(1) { width: 11% !important; }\n        .experience-skill-table col:nth-child(2) { width: 4% !important; }\n        .experience-skill-table col:nth-child(3) { width: 4% !important; }\n        .experience-skill-table col:nth-child(4) { width: 4% !important; }\n        .experience-skill-table col:nth-child(5) { width: 25% !important; }\n        .experience-skill-table col:nth-child(6) { width: 34% !important; }\n        .experience-skill-table col:nth-child(7) { width: 13% !important; }\n        .experience-skill-table col:nth-child(8) { width: 5% !important; }\n        .experience-session-table col:nth-child(1) { width: 12% !important; }\n        .experience-session-table col:nth-child(2) { width: 12% !important; }\n        .experience-session-table col:nth-child(3) { width: 10% !important; }\n        .experience-session-table col:nth-child(4) { width: 16% !important; }\n        .experience-session-table col:nth-child(5) { width: 14% !important; }\n        .experience-session-table col:nth-child(6) { width: 10% !important; }\n        .experience-session-table col:nth-child(7) { width: 20% !important; }\n        .experience-session-table col:nth-child(8) { width: 6% !important; }\n        .session-time-cell {\n          min-width: 300px;\n          line-height: 1.45;\n        }\n        .session-time-cell div:first-child {\n          font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace;\n          color: var(--text-secondary);\n          word-break: keep-all;\n          overflow-wrap: normal;\n        }\n        .observe-fit-table th,\n        .observe-fit-table td,\n        #observe-tab-review table th,\n        #observe-tab-review table td,\n        #observe-tab-raw table th,\n        #observe-tab-raw table td {\n          overflow-wrap: anywhere;\n          word-break: break-word;\n          min-width: 0;\n          white-space: normal;\n        }\n\t        #signal-global-tooltip {\n\t          position: fixed;\n\t          z-index: 9999;\n          display: none;\n          width: min(360px, calc(100vw - 32px));\n          padding: 10px 12px;\n          background: var(--bg-surface);\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          box-shadow: 0 8px 24px rgba(0,0,0,.18);\n          color: var(--text-primary);\n          font-size: 12px;\n          line-height: 1.5;\n          white-space: normal;\n\t          pointer-events: none;\n\t          font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;\n\t        }\n\t        #timeline-fulltext-tooltip {\n\t          position: fixed;\n\t          z-index: 2147483000;\n\t          display: none;\n\t          inset: 0;\n\t          align-items: center;\n\t          justify-content: center;\n\t          padding: 24px;\n\t          background: rgba(15,23,42,.32);\n\t          color: var(--text-primary);\n\t        }\n\t        #timeline-fulltext-tooltip.is-open {\n\t          display: flex;\n        }\n\t        #timeline-fulltext-tooltip .timeline-fulltext-dialog {\n\t          width: min(860px, calc(100vw - 48px));\n\t          max-height: min(82vh, 760px);\n\t          background: var(--bg-surface);\n\t          border: 1px solid var(--border);\n\t          border-radius: 10px;\n\t          box-shadow: 0 24px 72px rgba(15,23,42,.45);\n\t          display: flex;\n\t          flex-direction: column;\n\t          overflow: hidden;\n\t          opacity: 1;\n\t          isolation: isolate;\n        }\n\t        #timeline-fulltext-tooltip .timeline-fulltext-header {\n\t          display: flex;\n\t          align-items: center;\n\t          justify-content: space-between;\n\t          gap: 12px;\n\t          padding: 12px 14px;\n\t          border-bottom: 1px solid var(--border);\n\t          font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;\n\t          background: var(--bg-muted);\n\t        }\n\t        #timeline-fulltext-tooltip strong {\n\t          display: block;\n\t          margin: 0;\n\t          color: var(--text-primary);\n\t          font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;\n\t          font-size: 12px;\n\t        }\n\t        #timeline-fulltext-tooltip .timeline-fulltext-close {\n\t          flex: 0 0 auto;\n\t          border: 1px solid var(--border);\n\t          border-radius: 6px;\n\t          background: var(--bg);\n\t          color: var(--text-secondary);\n\t          padding: 4px 9px;\n\t          cursor: pointer;\n\t          font-size: 12px;\n\t        }\n\t        #timeline-fulltext-tooltip .timeline-fulltext-body {\n\t          flex: 1 1 auto;\n\t          min-height: 0;\n\t          overflow: auto;\n\t          padding: 14px 16px;\n\t          white-space: pre-wrap;\n\t          word-break: break-word;\n\t          font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n\t          font-size: 11px;\n\t          line-height: 1.58;\n        }\n        #experience-detail-modal {\n          position: fixed;\n          z-index: 2147482000;\n          display: none;\n          inset: 0;\n          align-items: center;\n          justify-content: center;\n          padding: 24px;\n          background: rgba(15,23,42,.32);\n        }\n        #experience-detail-modal.is-open {\n          display: flex;\n        }\n        #experience-detail-modal .experience-detail-dialog {\n          width: min(1180px, calc(100vw - 48px));\n          height: min(86vh, 900px);\n          display: flex;\n          flex-direction: column;\n          background: var(--bg-surface);\n          border: 1px solid var(--border);\n          border-radius: 10px;\n          box-shadow: 0 24px 72px rgba(15,23,42,.45);\n          overflow: hidden;\n        }\n        #experience-detail-modal .experience-detail-modal-header {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          gap: 12px;\n          padding: 12px 14px;\n          border-bottom: 1px solid var(--border);\n          background: var(--bg-muted);\n        }\n        #experience-detail-modal .experience-detail-modal-title {\n          min-width: 0;\n          font-size: 13px;\n          font-weight: 650;\n          color: var(--text-primary);\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n        #experience-detail-modal .experience-detail-modal-close {\n          flex: 0 0 auto;\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg);\n          color: var(--text-secondary);\n          padding: 4px 9px;\n          cursor: pointer;\n          font-size: 12px;\n        }\n        #experience-detail-modal .experience-detail-modal-body {\n          flex: 1 1 auto;\n          min-height: 0;\n          overflow: hidden;\n          padding: 0;\n        }\n        #experience-detail-modal .experience-detail-shell {\n          height: 100%;\n          max-height: 100%;\n          min-height: 0;\n          display: flex;\n          flex-direction: column;\n          overflow: hidden;\n        }\n        .context-chain-button {\n          display: inline-flex;\n          flex-direction: column;\n          align-items: center;\n          gap: 2px;\n          border: 1px solid rgba(37,99,235,.28);\n          background: rgba(37,99,235,.09);\n          color: var(--accent);\n          border-radius: 7px;\n          padding: 5px 7px;\n          font-size: 11px;\n          font-weight: 700;\n          cursor: pointer;\n          white-space: nowrap;\n          max-width: 100%;\n        }\n        .context-chain-button > span {\n          max-width: 100%;\n        }\n        .context-chain-button:hover {\n          background: rgba(37,99,235,.14);\n        }\n        .context-chain-button.has-advisory {\n          border-color: rgba(202,138,4,.40);\n          background: rgba(202,138,4,.10);\n          color: #a16207;\n        }\n        .context-chain-button.has-advisory:hover {\n          background: rgba(202,138,4,.18);\n        }\n        .context-chain-button-icon {\n          font-size: 12px;\n          line-height: 1;\n        }\n        .context-chain-button-main {\n          display: inline-flex;\n          align-items: center;\n          gap: 3px;\n        }\n        .context-chain-button-ok {\n          display: block;\n          max-width: 100%;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          color: var(--text-muted);\n          font-size: 10px;\n          font-weight: 650;\n          line-height: 1.2;\n        }\n        .context-chain-button-advisory-list {\n          display: flex;\n          flex-direction: column;\n          gap: 1px;\n          max-width: 100%;\n          min-width: 0;\n        }\n        .context-chain-button-advisory {\n          display: block;\n          max-width: 100%;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          font-size: 10px;\n          font-weight: 650;\n          line-height: 1.2;\n          color: #a16207;\n        }\n        .context-chain-button-ok {\n          color: var(--green);\n        }\n        .context-chain-grid {\n          height: 100%;\n          min-height: 0;\n          display: grid;\n          grid-template-columns: minmax(280px,1.1fr) minmax(260px,.95fr) minmax(240px,.85fr) minmax(260px,.95fr);\n          gap: 12px;\n          overflow: auto;\n        }\n        .context-chain-panel {\n          min-width: 0;\n          min-height: 0;\n          overflow: auto;\n          border: 1px solid var(--border);\n          border-radius: 9px;\n          background: var(--bg-surface);\n          padding: 12px;\n          color: var(--text-secondary);\n        }\n        .context-chain-panel h3 {\n          margin: 0 0 9px;\n          color: var(--text-primary);\n          font-size: 13px;\n        }\n        .context-chain-panel h4 {\n          margin: 12px 0 6px;\n          color: var(--text-primary);\n          font-size: 12px;\n        }\n        .context-chain-panel pre {\n          margin: 6px 0 0;\n          padding: 10px;\n          max-height: 420px;\n          overflow: auto;\n          white-space: pre-wrap;\n          word-break: break-word;\n          border: 1px solid var(--border);\n          border-radius: 7px;\n          background: var(--bg-muted);\n          color: var(--text-primary);\n          font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n          font-size: 11px;\n          line-height: 1.55;\n        }\n        .skill-md-source {\n          position: relative;\n        }\n        .skill-md-highlight {\n          border-radius: 3px;\n          padding: 0 2px;\n          box-decoration-break: clone;\n          -webkit-box-decoration-break: clone;\n          text-decoration: underline;\n          text-decoration-thickness: 2px;\n          text-underline-offset: 3px;\n        }\n        .skill-md-highlight-rule {\n          background: rgba(245, 158, 11, .16);\n          text-decoration-color: rgba(217, 119, 6, .75);\n        }\n        .skill-md-highlight-workflow {\n          background: rgba(14, 165, 233, .14);\n          text-decoration-color: rgba(2, 132, 199, .75);\n        }\n        .skill-md-annotation {\n          display: grid;\n          grid-template-columns: 22px minmax(0,1fr);\n          gap: 7px;\n          align-items: start;\n          margin: 4px 0 7px;\n          padding: 6px 8px;\n          border: 1px solid rgba(107,114,128,.45);\n          border-left: 3px solid var(--accent);\n          border-radius: 7px;\n          background: var(--bg-surface);\n          color: var(--text-secondary);\n          font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;\n          font-size: 11px;\n          line-height: 1.45;\n          white-space: normal;\n        }\n        .skill-md-annotation.is-confirmed {\n          border-color: rgba(34, 197, 94, .45);\n          border-left-color: var(--green);\n          background: rgba(34, 197, 94, .08);\n        }\n        .skill-md-annotation.is-rejected {\n          opacity: .62;\n          border-color: rgba(239, 68, 68, .35);\n          border-left-color: var(--red);\n          background: rgba(239, 68, 68, .06);\n        }\n        .soft-standard-modal-item.is-confirmed {\n          border-color: rgba(34, 197, 94, .45);\n          border-left: 3px solid var(--green);\n          background: rgba(34, 197, 94, .08);\n        }\n        .soft-standard-modal-item.is-rejected {\n          opacity: .62;\n          border-color: rgba(239, 68, 68, .35);\n          border-left: 3px solid var(--red);\n          background: rgba(239, 68, 68, .06);\n        }\n        .skill-md-annotation-icon {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          width: 20px;\n          min-height: 20px;\n          font-size: 16px;\n          line-height: 1;\n        }\n        .skill-md-annotation-content {\n          min-width: 0;\n          display: block;\n        }\n        .skill-md-annotation-actions {\n          display: flex;\n          flex-wrap: wrap;\n          align-items: center;\n          gap: 5px;\n          margin-top: 5px;\n        }\n        .skill-md-annotation-actions span {\n          color: var(--text-muted);\n          font-size: 10px;\n        }\n        .skill-md-annotation-actions button,\n        .soft-standard-actions button {\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg);\n          color: var(--text-secondary);\n          padding: 3px 7px;\n          font-size: 11px;\n          cursor: pointer;\n        }\n        .skill-md-annotation-actions button:hover,\n        .soft-standard-actions button:hover {\n          border-color: var(--accent);\n          color: var(--text-primary);\n        }\n        .skill-md-unlocated {\n          margin-top: 8px;\n          border: 1px solid var(--border);\n          border-radius: 7px;\n          background: var(--bg-muted);\n          padding: 8px 10px;\n        }\n        .skill-md-unlocated summary {\n          cursor: pointer;\n          color: var(--text-secondary);\n          font-size: 12px;\n          font-weight: 650;\n        }\n        .standard-checklist,\n        .workflow-line-list {\n          display: flex;\n          flex-direction: column;\n          gap: 8px;\n        }\n        .standard-check-item {\n          display: grid;\n          grid-template-columns: 24px minmax(0,1fr);\n          gap: 8px;\n          padding: 9px;\n          border: 1px solid var(--border);\n          border-radius: 8px;\n          background: var(--bg-muted);\n        }\n        .standard-check-marker {\n          width: 20px;\n          height: 20px;\n          border-radius: 6px;\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          background: rgba(34, 197, 94, .12);\n          color: var(--green);\n          font-size: 12px;\n          font-weight: 800;\n        }\n        .standard-check-body {\n          min-width: 0;\n        }\n        .standard-check-title {\n          display: flex;\n          flex-direction: column;\n          gap: 4px;\n        }\n        .standard-check-title strong {\n          color: var(--text-primary);\n          font-size: 12px;\n          line-height: 1.4;\n        }\n        .standard-check-expectation {\n          margin-top: 5px;\n          color: var(--text-muted);\n          font-size: 11px;\n          line-height: 1.45;\n        }\n        .workflow-line {\n          padding: 9px;\n          border: 1px solid var(--border);\n          border-radius: 8px;\n          background: var(--bg-muted);\n        }\n        .workflow-line-head {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          gap: 8px;\n        }\n        .workflow-line-head strong {\n          color: var(--text-primary);\n          font-size: 12px;\n        }\n        .workflow-line-head span,\n        .workflow-line-desc {\n          color: var(--text-muted);\n          font-size: 11px;\n        }\n        .workflow-line-desc {\n          margin-top: 4px;\n          line-height: 1.45;\n        }\n        .workflow-node-line {\n          position: relative;\n          display: flex;\n          flex-direction: column;\n          gap: 7px;\n          margin-top: 8px;\n          padding-left: 12px;\n        }\n        .workflow-node-line::before {\n          content: \"\";\n          position: absolute;\n          left: 21px;\n          top: 12px;\n          bottom: 12px;\n          width: 1px;\n          background: var(--border);\n        }\n        .workflow-node {\n          position: relative;\n          display: grid;\n          grid-template-columns: 22px minmax(0,1fr);\n          gap: 8px;\n          align-items: start;\n        }\n        .workflow-node-index {\n          z-index: 1;\n          width: 20px;\n          height: 20px;\n          border-radius: 999px;\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          background: var(--accent);\n          color: white;\n          font-size: 10px;\n          font-weight: 800;\n        }\n        .workflow-node-card {\n          display: flex;\n          flex-direction: column;\n          gap: 3px;\n          padding: 6px 7px;\n          border: 1px solid rgba(107,114,128,.35);\n          border-radius: 7px;\n          background: var(--bg-surface);\n        }\n        .workflow-node-card strong {\n          color: var(--text-primary);\n          font-size: 12px;\n          line-height: 1.35;\n        }\n        .workflow-node-card span {\n          color: var(--text-secondary);\n          font-size: 11px;\n          line-height: 1.45;\n        }\n        .probe-anomaly {\n          padding: 9px 10px;\n          border: 1px solid rgba(202, 138, 4, .35);\n          border-radius: 8px;\n          background: rgba(202, 138, 4, .08);\n        }\n        .probe-anomaly strong,\n        .probe-anomaly span {\n          display: block;\n        }\n        .probe-anomaly strong {\n          color: #a16207;\n          font-size: 12px;\n        }\n        .probe-anomaly span {\n          margin-top: 4px;\n          color: var(--text-secondary);\n          font-size: 11px;\n          line-height: 1.45;\n        }\n        .probe-log {\n          margin-top: 12px;\n          border-top: 1px solid var(--border);\n          padding-top: 9px;\n        }\n        .probe-log summary {\n          cursor: pointer;\n          color: var(--text-primary);\n          font-size: 12px;\n          font-weight: 700;\n        }\n        .review-log-meta {\n          display: grid;\n          gap: 5px;\n          padding: 8px 9px;\n          border: 1px solid var(--border);\n          border-radius: 8px;\n          background: var(--bg-muted);\n          color: var(--text-muted);\n          font-size: 11px;\n          line-height: 1.4;\n        }\n        .review-log-group {\n          margin-top: 10px;\n        }\n        .review-log-group h4 {\n          margin-bottom: 5px;\n        }\n        .review-log-group ul {\n          margin-left: 0;\n          list-style: none;\n        }\n        .review-log-group li {\n          padding: 6px 7px;\n          border: 1px solid var(--border);\n          border-radius: 7px;\n          background: var(--bg-muted);\n        }\n        .review-log-group li span {\n          display: block;\n          color: var(--text-muted);\n          font-size: 10px;\n          margin-bottom: 2px;\n        }\n        .review-log-group li strong {\n          display: block;\n          color: var(--text-primary);\n          font-size: 11px;\n          line-height: 1.4;\n        }\n        .context-chain-panel ol,\n        .context-chain-panel ul {\n          margin: 6px 0 0 18px;\n          padding: 0;\n        }\n        .context-chain-panel li {\n          margin: 0 0 8px;\n          font-size: 12px;\n          line-height: 1.5;\n        }\n        .skill-chain-advisory {\n          margin: 6px 0 0;\n          padding: 10px 12px;\n          border: 1px solid rgba(202, 138, 4, .35);\n          border-radius: 8px;\n          background: rgba(202, 138, 4, .08);\n          color: var(--text-secondary);\n          font-size: 12px;\n          line-height: 1.55;\n        }\n        .skill-chain-advisory-message {\n          color: var(--text-primary);\n          font-weight: 600;\n        }\n        .skill-chain-advisory-example {\n          margin-top: 6px;\n        }\n        .skill-chain-advisory-example > summary {\n          cursor: pointer;\n          color: var(--accent);\n          font-size: 11px;\n          font-weight: 600;\n          list-style: none;\n          user-select: none;\n        }\n        .skill-chain-advisory-example > summary::marker { content: ''; }\n        .skill-chain-advisory-example > summary::-webkit-details-marker { display: none; }\n        .skill-chain-advisory-example > summary::before {\n          content: '\u25B8 ';\n          display: inline-block;\n          margin-right: 2px;\n        }\n        .skill-chain-advisory-example[open] > summary::before { content: '\u25BE '; }\n        .skill-chain-advisory-example pre {\n          margin: 6px 0 0;\n          padding: 10px;\n          max-height: 280px;\n          overflow: auto;\n          white-space: pre;\n          word-break: keep-all;\n\t          border: 1px solid var(--border);\n\t          border-radius: 7px;\n\t          background: var(--bg-muted);\n\t          color: var(--text-primary);\n          font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n          font-size: 11px;\n          line-height: 1.55;\n        }\n        .skill-chain-advisory-cmd-wrap {\n          margin-top: 8px;\n        }\n        .skill-chain-advisory-cmd-label {\n          font-size: 11px;\n          color: var(--text-muted);\n          margin-bottom: 4px;\n        }\n        .skill-chain-advisory-cmd-row {\n          display: flex;\n          align-items: stretch;\n          gap: 6px;\n        }\n        .skill-chain-advisory-cmd {\n          flex: 1;\n          padding: 6px 8px;\n          border-radius: 6px;\n\t          border: 1px solid var(--border);\n\t          background: var(--bg-muted);\n\t          color: var(--text-primary);\n          font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n          font-size: 11px;\n          line-height: 1.4;\n          overflow-x: auto;\n          white-space: nowrap;\n        }\n        .skill-chain-advisory-copy-btn {\n          padding: 4px 10px;\n          border-radius: 6px;\n          border: 1px solid var(--border);\n          background: var(--bg-surface);\n          color: var(--text-primary);\n          font-size: 11px;\n          font-weight: 600;\n          cursor: pointer;\n        }\n        .skill-chain-advisory-copy-btn:hover {\n          background: rgba(37,99,235,.10);\n          border-color: rgba(37,99,235,.30);\n          color: var(--accent);\n        }\n        .skill-chain-advisory-copy-btn.is-copied {\n          background: rgba(34,197,94,.10);\n          border-color: rgba(34,197,94,.32);\n          color: var(--green);\n        }\n        .assistive-advisory-row {\n          margin-top: 5px;\n          display: flex;\n          flex-wrap: wrap;\n          gap: 4px;\n        }\n        .assistive-advisory-chip {\n          display: inline-flex;\n          align-items: center;\n          padding: 1px 6px;\n          border-radius: 5px;\n          background: rgba(202,138,4,.10);\n          border: 1px solid rgba(202,138,4,.28);\n          color: #a16207;\n          font-size: 10px;\n          line-height: 1.5;\n          white-space: nowrap;\n        }\n        .context-chain-panel small,\n        .context-muted,\n        .context-meta {\n          color: var(--text-muted);\n          font-size: 12px;\n          line-height: 1.5;\n        }\n        .context-chain-panel table {\n          width: 100%;\n          border-collapse: collapse;\n          font-size: 12px;\n        }\n        .context-chain-panel th,\n        .context-chain-panel td {\n          padding: 8px 7px;\n\t          border-bottom: 1px solid var(--border);\n          text-align: left;\n          vertical-align: top;\n        }\n        .context-chain-panel th {\n          color: var(--text-primary);\n          white-space: nowrap;\n        }\n        .context-runtime-placeholder {\n          margin-top: 10px;\n          padding: 12px;\n\t          border: 1px dashed var(--border);\n          border-radius: 8px;\n          color: var(--text-muted);\n          text-align: center;\n        }\n        .runtime-check {\n\t          border-left: 3px solid var(--border);\n          padding-left: 8px;\n        }\n        .runtime-passed { border-left-color: #16a34a; }\n        .runtime-attention { border-left-color: #dc2626; }\n        .runtime-manual_review { border-left-color: #2563eb; }\n        .runtime-check-status {\n          display: inline-flex;\n          margin-left: 6px;\n          padding: 1px 6px;\n          border-radius: 999px;\n          background: rgba(107,114,128,.14);\n          color: var(--text-muted);\n          font-size: 10px;\n          font-weight: 700;\n        }\n        .openclaw-source-meta {\n          margin-top: 4px;\n          padding-top: 4px;\n          border-top: 1px dashed var(--border);\n          color: var(--text-muted);\n        }\n        .timeline-scope-notice {\n          display: flex;\n          align-items: flex-start;\n          justify-content: space-between;\n          gap: 10px;\n          margin: 0 0 8px;\n          padding: 9px 10px;\n          border: 1px solid rgba(202,138,4,.32);\n          border-radius: 8px;\n          background: rgba(202,138,4,.08);\n          color: var(--text-secondary);\n          font-size: 11px;\n          line-height: 1.45;\n        }\n        .timeline-scope-notice strong {\n          display: block;\n          color: var(--yellow);\n          font-size: 12px;\n          margin-bottom: 2px;\n        }\n        .timeline-scope-notice span {\n          display: block;\n        }\n        .timeline-scope-notice button {\n          flex: 0 0 auto;\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg);\n          color: var(--text-secondary);\n          padding: 5px 9px;\n          cursor: pointer;\n          font-size: 12px;\n          white-space: nowrap;\n        }\n        .timeline-filter-toolbar {\n          display: flex;\n          align-items: center;\n          gap: 8px;\n          margin: 0 0 8px;\n          padding: 8px 10px;\n          border: 1px solid var(--border);\n          border-radius: 8px;\n          background: var(--bg-muted);\n          color: var(--text-secondary);\n          font-size: 11px;\n        }\n        .timeline-filter-toolbar label {\n          flex: 0 0 auto;\n          color: var(--text-muted);\n          font-weight: 700;\n        }\n        .timeline-filter-toolbar select {\n          min-width: 190px;\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg);\n          color: var(--text-primary);\n          padding: 5px 8px;\n          font-size: 12px;\n        }\n        .timeline-filter-toolbar span {\n          min-width: 0;\n          color: var(--text-muted);\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n        .experience-detail-right [data-timeline-view] {\n          flex: 1 1 auto;\n          min-height: 0;\n          overflow: hidden;\n          display: flex;\n          flex-direction: column;\n        }\n\t        .timeline-snippet[data-timeline-fulltext].is-overflowing {\n\t          cursor: pointer;\n\t        }\n\t        .timeline-snippet.is-detail-open {\n\t          outline: 1px solid rgba(37,99,235,.55);\n\t          outline-offset: -1px;\n\t        }\n        #observe-tab-review table td,\n        #observe-tab-review table th,\n        #observe-tab-raw table td,\n        #observe-tab-raw table th {\n          vertical-align: top;\n        }\n        #observe-tab-review table td,\n        #observe-tab-raw table td {\n          text-align: left;\n        }\n        #observe-tab-review table td.num,\n        #observe-tab-raw table td.num {\n          text-align: right;\n        }\n        .experience-timeline {\n          position: relative;\n          display: flex;\n          flex-direction: column;\n          gap: 10px;\n          padding: 4px 2px 4px 0;\n        }\n        .experience-detail-left,\n        .experience-detail-right {\n          min-width: 0;\n        }\n        .experience-detail-shell {\n          height: 100%;\n          max-height: 100%;\n          min-height: 0;\n          display: flex;\n          flex-direction: column;\n          overflow: hidden;\n        }\n        .experience-detail-tabs {\n          display: flex;\n          gap: 8px;\n          flex: 0 0 auto;\n          overflow-x: auto;\n          padding: 10px 14px 0;\n          background: var(--bg-surface);\n        }\n        .experience-detail-tab-button {\n          flex: 0 0 auto;\n          border: 1px solid var(--border);\n          border-radius: 8px 8px 0 0;\n          background: var(--bg);\n          color: var(--text-secondary);\n          padding: 7px 12px;\n          font-size: 12px;\n          font-weight: 650;\n          cursor: pointer;\n          white-space: nowrap;\n        }\n        .experience-detail-tab-button.is-active {\n          border-color: rgba(37,99,235,.36);\n          border-bottom-color: var(--bg-surface);\n          background: var(--bg-surface);\n          color: var(--accent);\n        }\n        .experience-detail-tab-panel {\n          display: none;\n          flex: 1 1 auto;\n          min-height: 0;\n          overflow: auto;\n          padding: 14px;\n          border-top: 1px solid var(--border);\n        }\n        .experience-detail-tab-panel.is-active {\n          display: block;\n        }\n        .experience-detail-evidence-panel.is-active {\n          display: flex;\n          flex-direction: column;\n          overflow: hidden;\n        }\n        .session-story {\n          margin: 0 0 12px;\n          padding: 10px;\n          border: 1px solid var(--border);\n          border-radius: 8px;\n          background: var(--bg-surface);\n        }\n        .session-story-head {\n          display: flex;\n          justify-content: space-between;\n          gap: 12px;\n          align-items: flex-start;\n          margin-bottom: 10px;\n        }\n        .session-story-head h4 {\n          margin: 0 0 4px;\n          color: var(--text-primary);\n          font-size: 13px;\n        }\n        .session-story-head p,\n        .session-story-answer p,\n        .session-story-node-body p {\n          margin: 0;\n          color: var(--text-secondary);\n          font-size: 11px;\n          line-height: 1.45;\n        }\n        .session-story-meta {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 4px;\n          justify-content: flex-end;\n        }\n        .session-story-meta span {\n          padding: 2px 6px;\n          border: 1px solid var(--border);\n          border-radius: 999px;\n          color: var(--text-muted);\n          font-size: 10px;\n          white-space: nowrap;\n        }\n        .session-story-answers {\n          display: grid;\n          grid-template-columns: repeat(3,minmax(0,1fr));\n          gap: 8px;\n          margin-bottom: 12px;\n        }\n        .session-story-graph {\n          margin: 0 0 12px;\n          padding: 8px;\n          border: 1px solid var(--border);\n          border-radius: 7px;\n          background: var(--bg);\n        }\n        .session-story-graph-main {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 6px;\n          align-items: center;\n        }\n        .session-story-graph-main i {\n          color: var(--text-muted);\n          font-style: normal;\n          font-size: 13px;\n        }\n        .session-story-graph-node {\n          display: inline-grid;\n          gap: 2px;\n          min-width: 82px;\n          max-width: 150px;\n          padding: 6px 8px;\n          border: 1px solid var(--border);\n          border-top: 3px solid var(--text-muted);\n          border-radius: 6px;\n          background: var(--bg-surface);\n          color: var(--text-primary);\n          cursor: pointer;\n          text-align: left;\n        }\n        .session-story-graph-node.is-ok {\n          border-top-color: var(--green);\n        }\n        .session-story-graph-node.is-attention {\n          border-top-color: var(--red);\n        }\n        .session-story-graph-node.is-unknown {\n          border-top-color: var(--yellow);\n        }\n        .session-story-graph-node span {\n          color: var(--text-muted);\n          font-size: 10px;\n        }\n        .session-story-graph-node strong {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          font-size: 12px;\n        }\n        .session-story-skill-lanes,\n        .session-story-slices,\n        .session-story-dispatches,\n        .session-story-episodes {\n          display: grid;\n          grid-template-columns: repeat(auto-fit,minmax(160px,1fr));\n          gap: 6px;\n          margin: 8px 0 0;\n        }\n        .session-story-skill-lane,\n        .session-story-slice,\n        .session-story-dispatch {\n          min-width: 0;\n          padding: 7px 8px;\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg);\n        }\n        .session-story-skill-lane span,\n        .session-story-slice span,\n        .session-story-dispatch span {\n          display: inline-block;\n          color: var(--text-muted);\n          font-size: 10px;\n          margin-right: 5px;\n        }\n        .session-story-skill-lane strong,\n        .session-story-slice strong,\n        .session-story-dispatch strong {\n          color: var(--text-primary);\n          font-size: 12px;\n        }\n        .session-story-skill-lane em,\n        .session-story-graph-edges em {\n          color: var(--text-muted);\n          font-style: normal;\n          font-size: 10px;\n        }\n        .session-story-slice p {\n          margin: 5px 0 0;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          color: var(--text-secondary);\n          font-size: 11px;\n        }\n        .session-story-episodes {\n          grid-template-columns: 1fr;\n          margin-bottom: 12px;\n        }\n        .session-story-episode {\n          display: grid;\n          gap: 8px;\n          padding: 9px;\n          border: 1px solid var(--border);\n          border-radius: 7px;\n          background: var(--bg);\n        }\n        .session-story-episode-head {\n          display: flex;\n          justify-content: space-between;\n          gap: 10px;\n          align-items: flex-start;\n        }\n        .session-story-episode-head strong {\n          color: var(--text-primary);\n          font-size: 12px;\n        }\n        .session-story-episode-head p,\n        .session-story-episode-acceptance {\n          margin: 3px 0 0;\n          color: var(--text-secondary);\n          font-size: 11px;\n          line-height: 1.45;\n        }\n        .session-story-episode-badges {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 4px;\n          justify-content: flex-end;\n        }\n        .session-story-episode-badges span {\n          padding: 2px 6px;\n          border: 1px solid var(--border);\n          border-radius: 999px;\n          color: var(--text-muted);\n          font-size: 10px;\n          white-space: nowrap;\n        }\n        .session-story-episode-skills,\n        .session-story-episode-edges,\n        .session-story-episode-feedback,\n        .session-story-episode-artifacts {\n          display: grid;\n          grid-template-columns: repeat(auto-fit,minmax(180px,1fr));\n          gap: 6px;\n        }\n        .session-story-episode-skill,\n        .session-story-episode-edges div,\n        .session-story-episode-feedback div,\n        .session-story-episode-artifacts div {\n          min-width: 0;\n          padding: 7px 8px;\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg-surface);\n        }\n        .session-story-episode-skill span,\n        .session-story-episode-edges span,\n        .session-story-episode-feedback span,\n        .session-story-episode-artifacts span {\n          display: inline-block;\n          color: var(--text-muted);\n          font-size: 10px;\n          margin-right: 5px;\n        }\n        .session-story-episode-skill strong,\n        .session-story-episode-edges strong,\n        .session-story-episode-feedback strong,\n        .session-story-episode-artifacts strong {\n          display: block;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          color: var(--text-primary);\n          font-size: 12px;\n        }\n        .session-story-episode-skill em,\n        .session-story-episode-edges em,\n        .session-story-episode-feedback em {\n          display: block;\n          margin-top: 3px;\n          color: var(--text-muted);\n          font-style: normal;\n          font-size: 10px;\n        }\n        .session-story-graph-edges {\n          margin-top: 8px;\n          color: var(--text-secondary);\n          font-size: 11px;\n        }\n        .session-story-graph-edges summary {\n          cursor: pointer;\n          color: var(--text-muted);\n        }\n        .session-story-answer,\n        .session-story-node {\n          border: 1px solid var(--border);\n          border-left: 3px solid var(--text-muted);\n          border-radius: 7px;\n          background: var(--bg);\n        }\n        .session-story-answer {\n          padding: 8px;\n        }\n        .session-story-answer.is-ok,\n        .session-story-node.is-ok {\n          border-left-color: var(--green);\n        }\n        .session-story-answer.is-attention,\n        .session-story-node.is-attention {\n          border-left-color: var(--red);\n          background: rgba(220,38,38,.06);\n        }\n        .session-story-answer.is-unknown,\n        .session-story-node.is-unknown {\n          border-left-color: var(--yellow);\n        }\n        .session-story-answer > div,\n        .session-story-node-title {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          gap: 8px;\n          margin-bottom: 4px;\n        }\n        .session-story-answer strong,\n        .session-story-node-title strong {\n          color: var(--text-primary);\n          font-size: 12px;\n          line-height: 1.35;\n        }\n        .session-story-answer span,\n        .session-story-node-title span {\n          flex: 0 0 auto;\n          color: var(--text-muted);\n          font-size: 10px;\n          font-family: ui-monospace, monospace;\n        }\n        .session-story-line {\n          position: relative;\n          display: flex;\n          flex-direction: column;\n          gap: 8px;\n          padding-left: 12px;\n        }\n        .session-story-line::before {\n          content: \"\";\n          position: absolute;\n          left: 22px;\n          top: 12px;\n          bottom: 12px;\n          width: 1px;\n          background: var(--border);\n        }\n        .session-story-node {\n          position: relative;\n          display: grid;\n          grid-template-columns: 22px minmax(0,1fr);\n          gap: 8px;\n          padding: 8px;\n        }\n        .session-story-node-index {\n          z-index: 1;\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          width: 20px;\n          height: 20px;\n          border-radius: 999px;\n          background: var(--accent);\n          color: #fff;\n          font-size: 10px;\n          font-weight: 800;\n        }\n        .session-story-evidence {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 4px;\n          margin-top: 6px;\n        }\n        @media(max-width:900px) {\n          .session-story-answers {\n            grid-template-columns: 1fr;\n          }\n          .session-story-head {\n            flex-direction: column;\n          }\n          .session-story-meta {\n            justify-content: flex-start;\n          }\n        }\n        .reviewer-trace-link {\n          display: inline-block;\n          max-width: 100%;\n          padding: 3px 6px;\n          border: 1px solid var(--border);\n          border-radius: 999px;\n          background: var(--bg-surface);\n          color: var(--text-muted);\n          font-family: ui-monospace, monospace;\n          font-size: 10px;\n          line-height: 1.35;\n          word-break: break-all;\n          cursor: pointer;\n        }\n        .reviewer-trace-link:hover {\n          border-color: rgba(37,99,235,.35);\n          color: var(--accent);\n        }\n        .reviewer-judgment-review {\n          display: flex;\n          flex-wrap: wrap;\n          align-items: center;\n          gap: 5px;\n          margin-top: 7px;\n          padding-top: 7px;\n          border-top: 1px solid rgba(107,114,128,.20);\n          color: var(--text-muted);\n          font-size: 11px;\n        }\n        .reviewer-judgment-review > span {\n          font-weight: 700;\n          color: var(--text-secondary);\n        }\n        .reviewer-judgment-review button {\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg-surface);\n          color: var(--text-secondary);\n          padding: 3px 7px;\n          font-size: 11px;\n          cursor: pointer;\n        }\n        .reviewer-judgment-review button.is-active {\n          border-color: rgba(37,99,235,.36);\n          background: var(--accent);\n          color: #fff;\n        }\n        .reviewer-judgment-review small {\n          flex-basis: 100%;\n          color: var(--text-muted);\n          line-height: 1.4;\n        }\n        .soft-standard-status {\n          flex: 0 0 auto;\n          padding: 2px 6px;\n          border-radius: 999px;\n          background: var(--bg-muted);\n          color: var(--text-secondary);\n          font-size: 11px;\n          font-weight: 700;\n        }\n        .soft-standard-status[data-soft-standard-status=\"author_confirmed\"] {\n          background: rgba(31,157,99,.14);\n          color: var(--green);\n        }\n        .soft-standard-status[data-soft-standard-status=\"rejected\"] {\n          background: rgba(220,38,38,.12);\n          color: var(--red);\n        }\n        .soft-standard-status[data-soft-standard-status=\"stale\"] {\n          background: rgba(217,119,6,.16);\n          color: var(--yellow);\n        }\n        .soft-standard-actions {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 6px;\n          margin-top: 8px;\n        }\n        .soft-standard-actions button {\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg);\n          color: var(--text-secondary);\n          padding: 4px 8px;\n          font-size: 11px;\n          cursor: pointer;\n        }\n        .soft-standard-actions button:hover {\n          border-color: rgba(37,99,235,.35);\n          color: var(--accent);\n        }\n        .skill-chain-cell-summary {\n          margin-top: 7px;\n          color: var(--text-secondary);\n          font-size: 11px;\n          line-height: 1.45;\n          text-align: left;\n        }\n        .skill-chain-compact-candidates {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 4px;\n          margin-top: 5px;\n        }\n        .skill-chain-compact-candidates span {\n          max-width: 100%;\n          padding: 2px 6px;\n          border: 1px solid var(--border);\n          border-radius: 999px;\n          background: var(--bg-muted);\n          color: var(--text-muted);\n          font-size: 10px;\n          line-height: 1.3;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n        .standard-active-list {\n          display: flex;\n          flex-direction: column;\n          gap: 4px;\n          margin-top: 7px;\n        }\n        .standard-active-list span,\n        .soft-standard-pending-title {\n          color: var(--text-primary);\n          font-size: 11px;\n          font-weight: 700;\n          line-height: 1.35;\n        }\n        .soft-standard-pending-list {\n          display: flex;\n          flex-direction: column;\n          gap: 6px;\n          margin-top: 8px;\n          padding-top: 8px;\n          border-top: 1px solid rgba(107,114,128,.20);\n        }\n        .soft-standard-pending-item {\n          padding: 6px 7px;\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg-surface);\n        }\n        .soft-standard-pending-item strong {\n          display: block;\n          color: var(--text-primary);\n          font-size: 11px;\n          line-height: 1.35;\n        }\n        .soft-standard-pending-item span {\n          display: block;\n          margin-top: 2px;\n          color: var(--text-muted);\n          font-size: 10px;\n          line-height: 1.35;\n        }\n        .soft-standard-pending-item .soft-standard-actions {\n          margin-top: 6px;\n        }\n        .soft-standard-pending-item .soft-standard-actions button {\n          padding: 3px 7px;\n        }\n        .soft-standard-modal-list {\n          display: flex;\n          flex-direction: column;\n          gap: 8px;\n          margin: 0 0 12px;\n          padding-left: 18px;\n        }\n        .soft-standard-modal-item {\n          padding: 8px 9px;\n          border: 1px solid var(--border);\n          border-radius: 7px;\n          background: var(--bg-surface);\n        }\n        .soft-standard-modal-head {\n          display: flex;\n          align-items: center;\n          gap: 8px;\n        }\n        .soft-standard-modal-head strong {\n          flex: 1 1 auto;\n          min-width: 0;\n          color: var(--text-primary);\n          font-size: 12px;\n          line-height: 1.35;\n        }\n        .soft-standard-modal-head span {\n          flex: 0 0 auto;\n          color: var(--text-muted);\n          font-size: 11px;\n        }\n        .soft-standard-modal-body,\n        .soft-standard-modal-evidence {\n          margin-top: 5px;\n          color: var(--text-secondary);\n          font-size: 12px;\n          line-height: 1.45;\n        }\n        .soft-standard-modal-evidence {\n          color: var(--text-muted);\n          font-size: 11px;\n        }\n        .experience-detail-grid {\n          flex: 1 1 auto;\n          min-height: 0;\n          height: 100%;\n          max-height: 100%;\n          overflow: hidden;\n        }\n        .experience-detail-left {\n          height: 100%;\n          overflow: auto;\n          padding-right: 4px;\n        }\n        .experience-detail-right {\n          display: flex;\n          flex-direction: column;\n          min-height: 0;\n          height: 100%;\n          overflow: hidden;\n        }\n        .session-timeline-tree {\n          display: flex;\n          flex-direction: column;\n          gap: 12px;\n          flex: 1 1 auto;\n          min-height: 0;\n          overflow: auto;\n          padding-right: 4px;\n        }\n        .timeline-main-chain,\n        .timeline-branch-list {\n          display: flex;\n          flex-direction: column;\n          gap: 8px;\n          min-height: 0;\n        }\n        .timeline-chain-header {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          gap: 10px;\n          padding: 8px 10px;\n          border: 1px solid var(--border);\n          border-radius: 8px;\n          background: var(--bg-muted);\n          color: var(--text-secondary);\n          font-size: 12px;\n        }\n        .timeline-chain-header strong {\n          color: var(--text-primary);\n        }\n        .timeline-branch {\n          border: 1px solid var(--border);\n          border-radius: 10px;\n          background: var(--bg);\n          overflow: hidden;\n        }\n        .timeline-branch summary {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          gap: 10px;\n          cursor: pointer;\n          padding: 9px 10px;\n          background: rgba(37,99,235,.05);\n          color: var(--text-primary);\n          font-size: 12px;\n          font-weight: 650;\n        }\n        .timeline-branch summary small {\n          min-width: 0;\n          color: var(--text-muted);\n          font-weight: 500;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n        .timeline-branch .timeline-goal-tabs {\n          border: 0;\n          border-top: 1px solid var(--border);\n          border-radius: 0;\n          min-height: 360px;\n        }\n        .session-timeline-tree .timeline-goal-tabs {\n          flex: 0 0 auto;\n          height: auto;\n          overflow: visible;\n        }\n        .session-timeline-tree .timeline-tab-panels,\n        .session-timeline-tree .timeline-tab-panel.is-active {\n          overflow: visible;\n          height: auto;\n        }\n        .timeline-goal-tabs {\n          display: flex;\n          flex-direction: column;\n          flex: 1 1 auto;\n          min-height: 0;\n          height: 100%;\n          overflow: hidden;\n          border: 1px solid rgba(37,99,235,.18);\n          border-radius: 10px;\n          background: var(--bg);\n        }\n        .timeline-tab-list {\n          display: flex;\n          gap: 6px;\n          flex: 0 0 auto;\n          overflow-x: auto;\n          padding: 8px 9px;\n          border-bottom: 1px solid var(--border);\n          background: rgba(37,99,235,.05);\n        }\n        .timeline-tab-button {\n          flex: 0 0 auto;\n          border: 1px solid var(--border);\n          border-radius: 8px;\n          background: var(--bg);\n          color: var(--text-secondary);\n          padding: 5px 9px;\n          font-size: 11px;\n          font-weight: 650;\n          cursor: pointer;\n          white-space: nowrap;\n        }\n        .timeline-tab-button.is-active {\n          border-color: rgba(37,99,235,.36);\n          background: var(--accent);\n          color: #fff;\n        }\n        .timeline-tab-panels {\n          flex: 1 1 auto;\n          min-height: 0;\n          overflow: hidden;\n        }\n        .timeline-tab-panel {\n          display: none;\n          height: 100%;\n          min-height: 0;\n          overflow: auto;\n          padding: 0 10px 10px;\n        }\n        .timeline-tab-panel.is-active {\n          display: block;\n        }\n        .timeline-goal-card-header {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          gap: 10px;\n          padding: 8px 10px;\n          border-bottom: 1px solid var(--border);\n          background: var(--bg);\n          position: sticky;\n          top: 0;\n          z-index: 2;\n        }\n        .timeline-goal-card-header strong {\n          color: var(--text-primary);\n          font-size: 12px;\n        }\n        .timeline-goal-card-header span {\n          color: var(--text-muted);\n          font-size: 11px;\n        }\n        .timeline-goal-summary {\n          margin: 8px 0;\n          padding: 7px 9px;\n          border: 1px solid var(--border);\n          border-radius: 8px;\n          background: var(--bg-muted);\n          color: var(--text-muted);\n          font-size: 11px;\n          line-height: 1.45;\n        }\n        .timeline-row {\n          display: grid;\n          grid-template-columns: 46px minmax(0, 1fr);\n          gap: 10px;\n          position: relative;\n        }\n        .timeline-row::before {\n          content: \"\";\n          position: absolute;\n          left: 22px;\n          top: 34px;\n          bottom: -12px;\n          width: 1px;\n          background: var(--border);\n        }\n        .timeline-row:last-child::before {\n          display: none;\n        }\n        .timeline-row.is-filter-hidden {\n          display: none;\n        }\n        .timeline-row.is-filter-match .timeline-card {\n          border-color: rgba(37,99,235,.55);\n          box-shadow: 0 0 0 1px rgba(37,99,235,.18);\n        }\n        .timeline-row.is-real-user-reply .timeline-card {\n          width: min(680px, 78%);\n          border-color: rgba(37,99,235,.30);\n          background: rgba(37,99,235,.045);\n          box-shadow: 0 1px 0 rgba(37,99,235,.06);\n        }\n        .timeline-row.is-real-user-reply .timeline-card-header {\n          padding: 7px 9px;\n          background: rgba(37,99,235,.08);\n          border-bottom-color: rgba(37,99,235,.16);\n        }\n        .timeline-row.is-real-user-reply .timeline-title {\n          color: var(--accent);\n        }\n        .timeline-row.is-real-user-reply .timeline-snippet {\n          background: rgba(255,255,255,.58);\n          font-family: var(--font-sans, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif);\n          font-size: 12px;\n          line-height: 1.55;\n        }\n        .timeline-row.is-runtime-event .timeline-card {\n          width: 100%;\n        }\n        .timeline-row[data-current-skill-window=\"0\"] {\n          opacity: .55;\n        }\n        .timeline-row[data-current-skill-window=\"0\"] .timeline-card {\n          background: rgba(107,114,128,.04);\n          border-color: rgba(107,114,128,.18);\n        }\n        .timeline-row[data-current-skill-window=\"0\"] .timeline-snippet {\n          color: var(--text-muted);\n        }\n        .timeline-row[data-current-skill-window=\"0\"]::before {\n          background: rgba(107,114,128,.25);\n        }\n        .timeline-window-marker {\n          display: flex;\n          align-items: center;\n          gap: 8px;\n          margin: 4px 0;\n          color: var(--accent);\n          font-size: 11px;\n          font-weight: 800;\n        }\n        .timeline-window-marker::before,\n        .timeline-window-marker::after {\n          content: \"\";\n          height: 1px;\n          flex: 1 1 auto;\n          background: rgba(37,99,235,.35);\n        }\n        .timeline-window-marker span {\n          flex: 0 0 auto;\n          padding: 3px 8px;\n          border: 1px solid rgba(37,99,235,.30);\n          border-radius: 999px;\n          background: rgba(37,99,235,.10);\n        }\n        .timeline-window-end {\n          color: var(--yellow);\n        }\n        .timeline-window-end::before,\n        .timeline-window-end::after {\n          background: rgba(202,138,4,.38);\n        }\n        .timeline-window-end span {\n          border-color: rgba(202,138,4,.34);\n          background: rgba(202,138,4,.12);\n        }\n        .timeline-marker {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          gap: 4px;\n          padding-top: 2px;\n          color: var(--text-muted);\n          font-family: ui-monospace, monospace;\n          font-size: 10px;\n          z-index: 1;\n        }\n        .timeline-icon {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          width: 28px;\n          height: 28px;\n          border-radius: 999px;\n          border: 1px solid var(--border);\n          background: var(--bg-surface);\n          font-size: 10px;\n          font-weight: 800;\n          letter-spacing: 0;\n        }\n        .timeline-user .timeline-icon { color: var(--accent); background: rgba(37,99,235,.08); border-color: rgba(37,99,235,.25); }\n        .timeline-assistant .timeline-icon { color: var(--green); background: rgba(22,163,74,.08); border-color: rgba(22,163,74,.25); }\n        .timeline-tool-use .timeline-icon { color: var(--yellow); background: rgba(202,138,4,.10); border-color: rgba(202,138,4,.28); }\n        .timeline-tool-result .timeline-icon { color: var(--text-secondary); background: var(--bg-muted); }\n        .timeline-tool-error .timeline-icon { color: var(--red); background: rgba(220,38,38,.08); border-color: rgba(220,38,38,.28); }\n        .timeline-skill .timeline-icon { color: var(--text-muted); background: var(--bg-muted); border-style: dashed; }\n        .timeline-card {\n          min-width: 0;\n          border: 1px solid var(--border);\n          border-radius: 8px;\n          background: var(--bg-surface);\n          overflow: hidden;\n        }\n        .timeline-card-header {\n          position: relative;\n          display: flex;\n          justify-content: space-between;\n          align-items: flex-start;\n          gap: 10px;\n          padding: 9px 10px;\n          border-bottom: 1px solid var(--border);\n          background: var(--bg-muted);\n        }\n        .timeline-title {\n          font-size: 12px;\n          font-weight: 700;\n          color: var(--text-primary);\n        }\n        .timeline-kind,\n        .timeline-subtitle,\n        .timeline-index {\n          color: var(--text-muted);\n        }\n        .timeline-subtitle {\n          margin-top: 3px;\n          font-size: 11px;\n          word-break: break-all;\n        }\n        .timeline-badges {\n          display: flex;\n          justify-content: flex-end;\n          flex-wrap: wrap;\n          gap: 4px;\n          max-width: 42%;\n        }\n        .timeline-badge {\n          display: inline-flex;\n          padding: 2px 6px;\n          border-radius: 999px;\n          font-size: 11px;\n          line-height: 1.35;\n          border: 1px solid rgba(107,114,128,.16);\n          background: rgba(107,114,128,.08);\n          color: var(--text-secondary);\n          white-space: nowrap;\n          flex-shrink: 0;\n        }\n        .goal-slice-correction-button {\n          flex: 0 0 auto;\n          border: 1px solid rgba(255,255,255,.80);\n          background: var(--accent);\n          color: #fff;\n          border-radius: 6px;\n          padding: 3px 6px;\n          font-size: 10px;\n          line-height: 1.25;\n          font-weight: 700;\n          box-shadow: 0 2px 8px rgba(37,99,235,.18);\n          cursor: pointer;\n          white-space: nowrap;\n        }\n        .goal-slice-correction-button:hover {\n          filter: brightness(.96);\n        }\n        .goal-slice-correction-button.is-marked {\n          border-color: rgba(255,255,255,.80);\n          background: var(--green);\n          color: #fff;\n          box-shadow: 0 2px 8px rgba(22,163,74,.18);\n        }\n        .timeline-manual-mark-button {\n          flex: 0 0 auto;\n          border: 1px solid rgba(37,99,235,.26);\n          background: rgba(37,99,235,.08);\n          color: var(--accent);\n          border-radius: 6px;\n          padding: 3px 6px;\n          font-size: 10px;\n          line-height: 1.25;\n          font-weight: 800;\n          cursor: pointer;\n          white-space: nowrap;\n        }\n        .timeline-manual-mark-button:hover,\n        .timeline-manual-mark-button.is-editing {\n          border-color: rgba(37,99,235,.55);\n          background: rgba(37,99,235,.14);\n        }\n        .timeline-manual-mark-button.is-window-only {\n          border-color: rgba(107,114,128,.28);\n          background: var(--bg-muted);\n          color: var(--text-secondary);\n        }\n        .timeline-manual-mark-button.is-window-only:hover,\n        .timeline-manual-mark-button.is-window-only.is-editing {\n          border-color: rgba(37,99,235,.38);\n          color: var(--accent);\n        }\n        .timeline-manual-mark-button.is-marked {\n          border-color: rgba(22,163,74,.38);\n          background: rgba(22,163,74,.11);\n          color: var(--green);\n        }\n        .goal-slice-popover {\n          position: fixed;\n          z-index: 2147483600;\n          width: min(320px, calc(100vw - 32px));\n          border: 1px solid rgba(37,99,235,.26);\n          border-radius: 9px;\n          background: var(--bg-surface);\n          color: var(--text-primary);\n          box-shadow: 0 18px 48px rgba(15,23,42,.22);\n          padding: 10px;\n          opacity: 1;\n        }\n        .goal-slice-popover-title {\n          font-size: 12px;\n          font-weight: 800;\n          color: var(--text-primary);\n          margin-bottom: 4px;\n        }\n        .goal-slice-popover-hint {\n          color: var(--text-muted);\n          font-size: 11px;\n          line-height: 1.45;\n          margin-bottom: 9px;\n        }\n        .goal-slice-popover-actions {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 6px;\n        }\n        .goal-slice-popover-actions button {\n          text-align: center;\n          border: 1px solid var(--border);\n          border-radius: 999px;\n          background: var(--bg);\n          color: var(--text-secondary);\n          padding: 4px 8px;\n          font-size: 11px;\n          font-weight: 700;\n          cursor: pointer;\n          white-space: nowrap;\n        }\n        .goal-slice-popover-actions button:hover {\n          border-color: rgba(37,99,235,.35);\n          color: var(--accent);\n          background: rgba(37,99,235,.08);\n        }\n        .timeline-manual-popover {\n          position: fixed;\n          z-index: 2147483600;\n          width: min(380px, calc(100vw - 32px));\n          max-height: calc(100vh - 24px);\n          max-height: calc(100dvh - 24px);\n          border: 1px solid rgba(37,99,235,.26);\n          border-radius: 9px;\n          background: var(--bg-surface);\n          color: var(--text-primary);\n          box-shadow: 0 18px 48px rgba(15,23,42,.22);\n          padding: 10px;\n          opacity: 1;\n          overflow-y: auto;\n          overscroll-behavior: contain;\n          display: flex;\n          flex-direction: column;\n        }\n        .timeline-manual-actions {\n          display: flex;\n          flex-direction: column;\n          flex: 1 1 auto;\n          gap: 7px;\n          min-height: 0;\n          overflow-y: auto;\n          overscroll-behavior: contain;\n          padding-right: 2px;\n        }\n        .timeline-manual-actions > button,\n        .timeline-manual-metric-row button {\n          border: 1px solid var(--border);\n          border-radius: 999px;\n          background: var(--bg);\n          color: var(--text-secondary);\n          padding: 4px 8px;\n          font-size: 11px;\n          font-weight: 700;\n          cursor: pointer;\n          white-space: nowrap;\n        }\n        .timeline-manual-actions > button:hover,\n        .timeline-manual-metric-row button:hover {\n          border-color: rgba(37,99,235,.35);\n          color: var(--accent);\n          background: rgba(37,99,235,.08);\n        }\n        .timeline-manual-metric-row button.is-active {\n          border-color: rgba(22,163,74,.36);\n          color: var(--green);\n          background: rgba(22,163,74,.10);\n        }\n        .timeline-manual-metric-row {\n          display: grid;\n          grid-template-columns: minmax(120px, 1fr) auto auto auto;\n          align-items: center;\n          gap: 6px;\n          border-top: 1px solid var(--border);\n          padding-top: 7px;\n        }\n        .timeline-manual-metric-row span {\n          min-width: 0;\n          color: var(--text-secondary);\n          font-size: 11px;\n          font-weight: 700;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n        .timeline-snippet {\n          position: relative;\n          margin: 0;\n          padding: 10px;\n          background: var(--bg);\n          white-space: pre-wrap;\n          word-break: break-word;\n          font-family: ui-monospace, monospace;\n          font-size: 11px;\n          line-height: 1.55;\n          color: var(--text-primary);\n          max-height: 210px;\n          overflow: hidden;\n        }\n        .timeline-snippet.is-overflowing::after {\n          content: \"... \u70B9\u51FB\u67E5\u770B\u8BE6\u60C5\";\n          position: sticky;\n          display: block;\n          bottom: 0;\n          margin: -22px 0 0 auto;\n          width: 108px;\n          padding: 2px 6px 3px;\n          text-align: right;\n          color: var(--text-secondary);\n          font-weight: 700;\n          background: linear-gradient(90deg, rgba(255,255,255,0), var(--bg) 45%);\n          pointer-events: none;\n        }\n        .timeline-snippet.is-tool-error {\n          border-left: 3px solid var(--red);\n          background: rgba(220,38,38,.04);\n        }\n        .metric-calibration-row {\n          display: flex;\n          align-items: flex-start;\n          gap: 6px;\n          padding: 5px 8px;\n          border-top: 1px solid var(--border);\n          background: var(--bg-muted);\n        }\n        .metric-calibration-title {\n          flex: 0 0 auto;\n          color: var(--text-muted);\n          font-size: 10px;\n          line-height: 18px;\n        }\n        .metric-calibration-actions {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 4px;\n        }\n        .metric-calibration-button {\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg);\n          color: var(--text-muted);\n          padding: 2px 5px;\n          font-size: 9.5px;\n          line-height: 1.25;\n          font-weight: 650;\n          cursor: pointer;\n        }\n        .metric-calibration-button.is-rule-hit {\n          border-color: rgba(37,99,235,.25);\n          color: var(--accent);\n          background: rgba(37,99,235,.06);\n        }\n        .metric-calibration-button.is-confirmed {\n          border-color: rgba(22,163,74,.30);\n          color: var(--green);\n          background: rgba(22,163,74,.10);\n        }\n        .metric-calibration-button.is-rejected {\n          border-color: rgba(220,38,38,.30);\n          color: var(--red);\n          background: rgba(220,38,38,.08);\n          text-decoration: line-through;\n        }\n        .metric-calibration-button.is-editing-reason {\n          outline: 2px solid rgba(37,99,235,.22);\n          outline-offset: 1px;\n        }\n        .metric-reason-popover {\n          flex: 1 0 100%;\n          margin-top: 3px;\n          max-width: min(560px, 100%);\n        }\n        .metric-reason-panel {\n          border: 1px solid rgba(37,99,235,.22);\n          border-radius: 8px;\n          background: var(--bg-surface);\n          box-shadow: 0 12px 28px rgba(15,23,42,.12);\n          padding: 10px;\n        }\n        .metric-reason-title {\n          color: var(--text-primary);\n          font-size: 12px;\n          font-weight: 700;\n          margin-bottom: 4px;\n        }\n\t        .metric-reason-hint {\n\t          color: var(--text-muted);\n\t          font-size: 11px;\n\t          line-height: 1.45;\n\t          margin-bottom: 8px;\n\t        }\n\t        .metric-reason-choice-row {\n\t          display: flex;\n\t          align-items: center;\n\t          gap: 6px;\n\t          margin-bottom: 8px;\n\t        }\n\t        .metric-reason-choice-label {\n\t          color: var(--text-muted);\n\t          font-size: 11px;\n\t          margin-right: 2px;\n\t        }\n\t        .metric-reason-choice {\n\t          border: 1px solid var(--border);\n\t          border-radius: 999px;\n\t          background: var(--bg);\n\t          color: var(--text-secondary);\n\t          padding: 3px 9px;\n\t          font-size: 11px;\n\t          font-weight: 700;\n\t          cursor: pointer;\n\t        }\n\t        .metric-reason-choice.is-confirmed {\n\t          border-color: rgba(22,163,74,.35);\n\t          background: rgba(22,163,74,.12);\n\t          color: var(--green);\n\t        }\n\t        .metric-reason-choice.is-rejected {\n\t          border-color: rgba(220,38,38,.35);\n\t          background: rgba(220,38,38,.10);\n\t          color: var(--red);\n\t        }\n\t        .metric-reason-input {\n\t          width: 100%;\n          min-height: 58px;\n          resize: vertical;\n          box-sizing: border-box;\n          border: 1px solid var(--border);\n          border-radius: 7px;\n          background: var(--bg);\n          color: var(--text-primary);\n          font: inherit;\n          font-size: 12px;\n          line-height: 1.45;\n          padding: 7px 8px;\n        }\n        .metric-reason-actions {\n          display: flex;\n          justify-content: flex-end;\n          gap: 6px;\n          margin-top: 8px;\n        }\n        .metric-reason-action {\n          border: 1px solid var(--border);\n          border-radius: 7px;\n          background: var(--bg);\n          color: var(--text-secondary);\n          padding: 4px 9px;\n          font-size: 11px;\n          font-weight: 650;\n          cursor: pointer;\n        }\n        .metric-reason-action.is-primary {\n          border-color: rgba(37,99,235,.32);\n          background: var(--accent);\n          color: #fff;\n        }\n        .timeline-mark {\n          padding: 1px 3px;\n          border-radius: 4px;\n          color: inherit;\n        }\n        .metric-item {\n          display: inline-flex;\n          align-items: baseline;\n          gap: 2px;\n          margin: 0;\n          padding: 0 2px;\n          border: 0;\n          border-radius: 4px;\n          background: transparent;\n          color: inherit;\n          font: inherit;\n          white-space: normal;\n          cursor: pointer;\n          text-align: left;\n        }\n        .metric-item:hover { background: var(--bg-muted); color: var(--accent); }\n        .metric-item strong {\n          color: var(--text-primary);\n          font-weight: 700;\n        }\n        .experience-evidence-cell {\n          text-align: left !important;\n        }\n        .experience-evidence-cell .metric-item {\n          justify-content: center;\n        }\n        .skill-evidence-summary {\n          display: flex;\n          flex-direction: column;\n          gap: 4px;\n          text-align: left;\n          color: var(--text-secondary);\n        }\n        .skill-evidence-summary .summary-row {\n          display: flex;\n          align-items: baseline;\n          flex-wrap: wrap;\n          gap: 3px 8px;\n        }\n        .skill-evidence-summary .summary-title {\n          min-width: 58px;\n          color: var(--text-muted);\n          font-weight: 650;\n        }\n        .skill-evidence-summary .summary-name {\n          color: var(--text-muted);\n          margin-right: 2px;\n        }\n        .skill-evidence-summary .summary-count {\n          color: var(--text-secondary);\n          font-weight: 650;\n          font-variant-numeric: tabular-nums;\n        }\n        .skill-evidence-summary .summary-pct {\n          color: var(--text-muted);\n          font-size: 10px;\n          margin-left: 2px;\n          font-variant-numeric: tabular-nums;\n        }\n        .skill-evidence-summary .summary-unit-text,\n        .skill-evidence-summary .summary-muted,\n        .skill-evidence-summary .summary-sep {\n          color: var(--text-muted);\n        }\n        .skill-evidence-summary .summary-detail {\n          display: inline;\n          margin: 0;\n          color: var(--text-secondary);\n          font-size: inherit;\n        }\n        .skill-evidence-summary .summary-metric {\n          display: inline-flex;\n          align-items: baseline;\n          white-space: nowrap;\n        }\n        .problem-pattern-list {\n          display: inline-flex;\n          flex-wrap: wrap;\n          gap: 4px;\n          min-width: 0;\n        }\n        .problem-pattern-chip {\n          display: inline-flex;\n          align-items: baseline;\n          gap: 4px;\n          max-width: 100%;\n          border: 1px solid rgba(37,99,235,.18);\n          border-radius: 999px;\n          background: rgba(37,99,235,.05);\n          color: var(--text-secondary);\n          padding: 2px 7px;\n          font-size: 10.5px !important;\n          line-height: 1.35;\n          cursor: pointer;\n          white-space: nowrap;\n        }\n        .problem-pattern-chip:hover {\n          border-color: rgba(37,99,235,.34);\n          color: var(--accent);\n          background: rgba(37,99,235,.09);\n        }\n        .problem-pattern-chip .pattern-bucket {\n          color: var(--text-primary);\n          font-weight: 700;\n        }\n        .problem-pattern-chip .pattern-key {\n          color: var(--text-muted);\n        }\n        .problem-pattern-chip .pattern-count {\n          color: var(--accent);\n          font-weight: 700;\n          font-variant-numeric: tabular-nums;\n        }\n        .skill-evidence-summary .summary-impact {\n          padding: 1px 5px;\n          border-radius: 6px;\n          border: 1px solid transparent;\n        }\n        .skill-evidence-summary .summary-impact-priority {\n          background: rgba(220,38,38,.08);\n          border-color: rgba(220,38,38,.20);\n        }\n        .skill-evidence-summary .summary-impact-priority .summary-name,\n        .skill-evidence-summary .summary-impact-priority .summary-count {\n          color: var(--red);\n        }\n        .skill-evidence-summary .summary-impact-sample {\n          background: rgba(107,114,128,.08);\n          border-color: rgba(107,114,128,.16);\n        }\n        .skill-evidence-summary .summary-impact-sample .summary-name,\n        .skill-evidence-summary .summary-impact-sample .summary-count {\n          color: var(--text-secondary);\n        }\n        .skill-evidence-summary .summary-impact-soft {\n          background: rgba(79,70,229,.08);\n          border-color: rgba(79,70,229,.18);\n        }\n        .skill-evidence-summary .summary-impact-soft .summary-name,\n        .skill-evidence-summary .summary-impact-soft .summary-count {\n          color: var(--text-secondary);\n        }\n        .skill-evidence-summary .summary-metric-empty .summary-name,\n        .skill-evidence-summary .summary-metric-empty .summary-count {\n          color: var(--text-muted);\n          opacity: .55;\n        }\n        .invocation-summary {\n          display: block;\n          max-width: 100%;\n          font-size: 11px;\n          line-height: 1.5;\n          color: var(--text-muted);\n          text-align: center;\n        }\n        .invocation-total {\n          color: var(--text-primary);\n          font-weight: 650;\n          margin-bottom: 2px;\n        }\n        .invocation-breakdown {\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: center;\n          gap: 3px 8px;\n        }\n        .invocation-breakdown span {\n          display: inline;\n          white-space: normal;\n        }\n        .invocation-footnote {\n          margin-top: 2px;\n          color: var(--text-muted);\n        }\n\t        .experience-session-groups {\n\t          border: 1px solid var(--border);\n\t          border-radius: 8px;\n\t          background: var(--bg-surface);\n\t          max-height: 150vh;\n\t          overflow: auto;\n\t        }\n        .experience-session-group {\n          border-bottom: 1px solid var(--border);\n          background: var(--bg-surface);\n        }\n        .experience-session-group:last-child {\n          border-bottom: 0;\n        }\n        .experience-session-group > summary {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          gap: 12px;\n          padding: 11px 13px;\n          cursor: pointer;\n          list-style: none;\n          background: var(--bg-muted);\n        }\n        .experience-session-group > summary::-webkit-details-marker {\n          display: none;\n        }\n        .experience-session-skill {\n          font-family: ui-monospace, monospace;\n          font-size: 13px;\n          font-weight: 700;\n          color: var(--text-primary);\n          word-break: break-all;\n        }\n        .experience-session-meta {\n          margin-left: 8px;\n          color: var(--text-muted);\n          font-size: 12px;\n        }\n        .experience-session-tags {\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: flex-end;\n          gap: 6px;\n          font-size: 12px;\n          font-weight: 650;\n        }\n        .evidence-chain {\n          display: flex;\n          flex-direction: column;\n          gap: 6px;\n          margin-bottom: 10px;\n        }\n        .evidence-chain-row,\n        .evidence-anchor-row {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 6px;\n        }\n        .evidence-chain-item,\n        .evidence-anchor {\n          display: inline-flex;\n          align-items: center;\n          gap: 5px;\n          padding: 3px 7px;\n          border: 1px solid var(--border);\n          border-radius: 999px;\n          background: var(--bg);\n          color: var(--text-muted);\n          font-size: 11px;\n          line-height: 1.35;\n        }\n        .evidence-chain-item strong {\n          color: var(--text-secondary);\n          font-weight: 700;\n        }\n        .evidence-anchor {\n          background: var(--bg-muted);\n          color: var(--text-secondary);\n          border-radius: 6px;\n          font-family: inherit;\n          cursor: pointer;\n        }\n        .evidence-anchor:hover {\n          border-color: rgba(37,99,235,.35);\n          color: var(--accent);\n        }\n        .rule-finding-list {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 5px;\n          margin-bottom: 8px;\n        }\n        .rule-finding-list.compact {\n          margin-bottom: 0;\n        }\n        .rule-finding {\n          display: inline-flex;\n          align-items: center;\n          gap: 5px;\n          max-width: 100%;\n          padding: 3px 7px;\n          border: 1px solid var(--border);\n          border-radius: 999px;\n          background: var(--bg);\n          color: var(--text-secondary);\n          font-size: 11px;\n          line-height: 1.35;\n          white-space: normal;\n        }\n        .rule-finding strong {\n          color: inherit;\n          font-weight: 700;\n        }\n        .rule-level {\n          color: var(--text-muted);\n          font-size: 10px;\n        }\n        .rule-anchor {\n          color: var(--text-muted);\n        }\n        .rule-attention {\n          background: rgba(220,38,38,.08);\n          border-color: rgba(220,38,38,.22);\n          color: var(--red);\n        }\n        .rule-sample {\n          background: rgba(202,138,4,.08);\n          border-color: rgba(202,138,4,.22);\n          color: var(--yellow);\n        }\n        .rule-normal {\n          background: var(--bg-muted);\n          border-color: var(--border);\n          color: var(--text-secondary);\n        }\n        .assistive-box {\n          display: flex;\n          flex-direction: column;\n          gap: 4px;\n          padding: 8px 9px;\n          border: 1px solid var(--border);\n          border-radius: 7px;\n          background: var(--bg);\n          text-align: left;\n          font-size: 11px;\n          line-height: 1.45;\n        }\n        .assistive-box.compact {\n          padding: 4px 7px;\n          gap: 0;\n        }\n        .assistive-box.compact .assistive-main {\n          align-items: center;\n          gap: 6px;\n        }\n        .assistive-box.compact .assistive-main span {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n        .assistive-box.compact .assistive-help {\n          flex: 0 0 auto;\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          width: 15px;\n          height: 15px;\n          border: 1px solid var(--border);\n          border-radius: 50%;\n          background: var(--bg-surface);\n          color: var(--text-muted);\n          font-size: 10px;\n          line-height: 15px;\n          cursor: help;\n        }\n        .assistive-main {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          gap: 8px;\n          color: var(--text-primary);\n          font-weight: 650;\n        }\n        .assistive-main strong {\n          color: var(--text-muted);\n          font-size: 10px;\n          white-space: nowrap;\n        }\n        .assistive-desc,\n        .assistive-sub {\n          color: var(--text-muted);\n        }\n        .assistive-attention {\n          border-color: rgba(220,38,38,.24);\n          background: rgba(220,38,38,.06);\n        }\n        .assistive-sample {\n          border-color: rgba(202,138,4,.24);\n          background: rgba(202,138,4,.07);\n        }\n        .assistive-positive {\n          border-color: rgba(22,163,74,.24);\n          background: rgba(22,163,74,.06);\n        }\n        .assistive-normal,\n        .assistive-unknown {\n          background: var(--bg-muted);\n        }\n        .review-state-control {\n          display: flex;\n          flex-direction: column;\n          gap: 5px;\n          align-items: flex-start;\n        }\n        .review-state-actions {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 4px;\n        }\n        .review-state-button {\n          padding: 4px 7px !important;\n          border: 1px solid var(--border);\n          border-radius: 7px;\n          background: var(--bg);\n          color: var(--text-secondary);\n          cursor: pointer;\n          font-size: 10.5px !important;\n          line-height: 1.3;\n          font-weight: 650;\n        }\n        .review-state-button:hover {\n          color: var(--accent);\n          border-color: rgba(37,99,235,.35);\n          background: rgba(37,99,235,.06);\n        }\n        .review-state-button.is-active {\n          color: #fff;\n          border-color: rgba(255,255,255,.75);\n          box-shadow: 0 3px 10px rgba(0,0,0,.12);\n        }\n        .review-state-button.review-real-issue { background: var(--red); }\n        .review-state-button.review-not-issue { background: var(--green); }\n        .review-state-button.review-needs-context { background: var(--yellow); color: #1f2937; }\n        .review-state-button.review-reviewed { background: var(--accent); }\n        .invocation-summary strong {\n          color: var(--text-primary);\n          font-weight: 700;\n        }\n        .goal-list { display: flex; flex-direction: column; gap: 6px; }\n        .goal-item span {\n          display: inline-flex;\n          margin-bottom: 2px;\n          padding: 1px 5px;\n          border-radius: 999px;\n          background: var(--bg-muted);\n          color: var(--text-muted);\n          font-size: 11px;\n        }\n        .goal-item div { font-size: 12px; line-height: 1.45; word-break: break-word; }\n        .reviewer-overview-cell {\n          display: flex;\n          flex-direction: column;\n          gap: 6px;\n          min-width: 180px;\n          max-width: 280px;\n        }\n        .reviewer-overview-title {\n          color: var(--text-primary);\n          font-size: 12px;\n          font-weight: 700;\n          line-height: 1.35;\n        }\n        .reviewer-overview-findings {\n          display: flex;\n          flex-direction: column;\n          gap: 3px;\n          color: var(--text-secondary);\n          font-size: 11px;\n          line-height: 1.35;\n        }\n        .reviewer-overview-findings span {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n        .reviewer-overview-cell button {\n          align-self: flex-start;\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg);\n          color: var(--text-secondary);\n          padding: 4px 8px;\n          font-size: 11px;\n          cursor: pointer;\n        }\n        .reviewer-overview-cell button:hover {\n          border-color: rgba(37,99,235,.35);\n          color: var(--accent);\n        }\n        #metric-guide-toolbar {\n          position: fixed !important;\n          right: 18px;\n          top: 50vh;\n          transform: translateY(-50%);\n          z-index: 2147483646;\n          display: flex;\n          flex-direction: column;\n          gap: 8px;\n          pointer-events: auto;\n        }\n        #metric-guide-toolbar button,\n        #metric-guide-panel button {\n          font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;\n        }\n        #metric-guide-toolbar button {\n          letter-spacing: 0;\n          width: 42px;\n          height: 42px;\n          padding: 0;\n          border: 2px solid rgba(255,255,255,.86);\n          border-radius: 999px;\n          background: var(--accent);\n          color: #fff;\n          box-shadow: 0 10px 28px rgba(0,0,0,.32);\n          cursor: pointer;\n          font-size: 18px;\n          font-weight: 800;\n          white-space: nowrap;\n        }\n        #metric-guide-panel {\n          position: fixed !important;\n          right: 18px;\n          top: 50vh;\n          transform: translateY(-50%);\n          z-index: 2147483647;\n          display: none;\n          width: min(400px, calc(100vw - 24px));\n          max-height: 76vh;\n          overflow: auto;\n          border: 1px solid var(--border);\n          border-radius: 8px;\n          background: var(--bg-surface);\n          box-shadow: 0 12px 32px rgba(0,0,0,.22);\n        }\n        .metric-guide-header {\n          position: sticky;\n          top: 0;\n          display: flex;\n          align-items: flex-start;\n          justify-content: space-between;\n          gap: 10px;\n          padding: 12px 13px;\n          border-bottom: 1px solid var(--border);\n          background: var(--bg-surface);\n        }\n        .metric-guide-header h2 { margin: 0; font-size: 14px; color: var(--text-primary); }\n        .metric-guide-header p { margin: 3px 0 0; font-size: 12px; color: var(--text-muted); line-height: 1.45; }\n        .metric-guide-header button {\n          border: 1px solid var(--border);\n          border-radius: 6px;\n          background: var(--bg);\n          color: var(--text-secondary);\n          cursor: pointer;\n          padding: 3px 7px;\n        }\n        .metric-guide-body { padding: 10px 12px 12px; }\n        .metric-guide-section { margin-top: 10px; }\n        .metric-guide-section:first-child { margin-top: 0; }\n        .metric-guide-section h3 {\n          margin: 0 0 6px;\n          font-size: 12px;\n          color: var(--text-muted);\n        }\n        .metric-guide-item {\n          display: block;\n          width: 100%;\n          margin: 0 0 6px;\n          padding: 8px 9px;\n          border: 1px solid var(--border);\n          border-radius: 7px;\n          background: var(--bg);\n          color: var(--text-secondary);\n          text-align: left;\n          cursor: pointer;\n        }\n        .metric-guide-item strong {\n          display: block;\n          color: var(--text-primary);\n          font-size: 12px;\n          margin-bottom: 3px;\n        }\n        .metric-guide-item span {\n          display: block;\n          font-size: 12px;\n          line-height: 1.45;\n        }\n        .metric-guide-item.is-active {\n          border-color: rgba(37,99,235,.35);\n          background: rgba(37,99,235,.08);\n        }\n        .report-version-divider {\n          display: grid;\n          grid-template-columns: minmax(0,1fr) minmax(0,auto) minmax(0,1fr);\n          align-items: center;\n          gap: 12px;\n          margin: 20px 0 4px;\n          color: var(--text-muted);\n          font-size: 12px;\n        }\n        .report-version-divider div {\n          height: 1px;\n          background: var(--border);\n        }\n        .report-version-divider span {\n          padding: 4px 10px;\n          border: 1px solid var(--border);\n          border-radius: 999px;\n          background: var(--bg-surface);\n          text-align: center;\n          max-width: min(680px, calc(100vw - 48px));\n          white-space: normal;\n        }\n        @media (max-width: 860px) {\n          .observe-summary-grid,\n          .experience-stat-grid,\n          .observe-action-funnel-grid {\n            grid-template-columns: 1fr !important;\n          }\n          #metric-guide-toolbar {\n            right: 12px;\n          }\n          #metric-guide-panel {\n            right: 12px;\n            width: calc(100vw - 24px);\n          }\n        }\n        .timeline-followup-source {\n          display: block;\n          margin: -2px;\n          padding: 2px;\n          border-radius: 5px;\n          background: rgba(202,138,4,.06);\n          box-shadow: inset 3px 0 0 rgba(202,138,4,.45);\n        }\n        .metric-followup { background: rgba(202,138,4,.10); color: var(--yellow); border-color: rgba(202,138,4,.25); }\n        .metric-user-message { background: rgba(37,99,235,.08); color: var(--accent); border-color: rgba(37,99,235,.20); }\n        .metric-correction { background: rgba(37,99,235,.12); color: var(--accent); border-color: rgba(37,99,235,.25); }\n        .metric-goal-shift { background: rgba(14,165,233,.12); color: #0284c7; border-color: rgba(14,165,233,.25); }\n        .metric-interruption { background: rgba(236,72,153,.12); color: #be185d; border-color: rgba(236,72,153,.25); }\n        .metric-negative { background: rgba(220,38,38,.12); color: var(--red); border-color: rgba(220,38,38,.25); }\n\t        .metric-positive { background: rgba(22,163,74,.12); color: var(--green); border-color: rgba(22,163,74,.25); }\n\t        .metric-completion { background: rgba(22,163,74,.10); color: var(--green); border-color: rgba(22,163,74,.22); }\n        .metric-hard-rule { background: rgba(126,34,206,.12); color: #7e22ce; border-color: rgba(126,34,206,.25); }\n        .metric-repeated-execution { background: rgba(217,119,6,.13); color: #b45309; border-color: rgba(217,119,6,.28); }\n        .metric-hedging { background: rgba(14,165,233,.12); color: #0284c7; border-color: rgba(14,165,233,.25); }\n        .metric-explicit { background: rgba(220,38,38,.12); color: var(--red); border-color: rgba(220,38,38,.25); }\n        .metric-tool-use { background: rgba(202,138,4,.10); color: var(--yellow); border-color: rgba(202,138,4,.25); }\n        .metric-tool-success { background: rgba(22,163,74,.10); color: var(--green); border-color: rgba(22,163,74,.24); }\n        .metric-tool-bash { background: rgba(202,138,4,.12); color: var(--yellow); border-color: rgba(202,138,4,.28); }\n        .metric-tool-read { background: rgba(14,165,233,.12); color: #0284c7; border-color: rgba(14,165,233,.25); }\n        .metric-tool-grep { background: rgba(22,163,74,.12); color: var(--green); border-color: rgba(22,163,74,.25); }\n        .metric-tool-glob { background: rgba(22,163,74,.08); color: var(--green); border-color: rgba(22,163,74,.18); }\n        .metric-tool-edit,\n        .metric-tool-write { background: rgba(126,34,206,.10); color: #a855f7; border-color: rgba(126,34,206,.25); }\n        .metric-tool-failure { background: rgba(220,38,38,.14); color: var(--red); border-color: rgba(220,38,38,.28); }\n        .metric-skill-context { background: var(--bg-muted); color: var(--text-muted); border-color: var(--border); }\n        .metric-neutral { background: var(--bg-muted); color: var(--text-muted); border-color: var(--border); }\n        .timeline-badge.metric-followup,\n        .timeline-badge.metric-user-message,\n        .timeline-badge.metric-correction,\n        .timeline-badge.metric-goal-shift,\n        .timeline-badge.metric-interruption,\n        .timeline-badge.metric-negative,\n        .timeline-badge.metric-positive,\n        .timeline-badge.metric-completion,\n        .timeline-badge.metric-hard-rule,\n        .timeline-badge.metric-repeated-execution,\n        .timeline-badge.metric-hedging,\n        .timeline-badge.metric-explicit,\n        .timeline-badge.metric-tool-use,\n        .timeline-badge.metric-tool-success,\n        .timeline-badge.metric-tool-bash,\n        .timeline-badge.metric-tool-read,\n        .timeline-badge.metric-tool-grep,\n        .timeline-badge.metric-tool-glob,\n        .timeline-badge.metric-tool-edit,\n        .timeline-badge.metric-tool-write,\n        .timeline-badge.metric-tool-failure,\n        .timeline-badge.metric-skill-context,\n        .timeline-badge.metric-neutral {\n          background: rgba(107,114,128,.08);\n          color: var(--text-secondary);\n          border-color: rgba(107,114,128,.16);\n        }\n        .timeline-row.is-cta-focus .timeline-card {\n          border-color: rgba(37,99,235,.62);\n          box-shadow: 0 0 0 2px rgba(37,99,235,.18);\n        }\n      ";