.ui-wrap { background: #121212; color: #eaeaea; font-family: sans-serif; border: 2px solid #3a2618; border-radius: 8px; overflow: hidden; line-height: 1.6; box-shadow: 0 4px 10px rgba(0,0,0,0.8); margin-top: 10px; }
.ui-top { display: flex; flex-wrap: wrap; justify-content: space-between; background: #1a1a1a; border-bottom: 2px solid #d4af37; padding: 8px 12px; font-size: 13px; font-weight: bold; color: #d4af37; }
.ui-chat { padding: 15px; font-size: 15px; }
.ui-psy { margin: 0 15px 15px 15px; background: rgba(156, 39, 176, 0.1); border-left: 4px solid #9c27b0; padding: 10px; font-size: 13px; color: #e1bee7; }
.ui-det { background: #1e1e1e; border-top: 1px solid #333; padding: 10px; }
.ui-sum { cursor: pointer; font-size: 14px; font-weight: bold; color: #bfa15f; outline: none; }
.ui-grid { margin-top: 10px; display: grid; gap: 10px; font-size: 12px; color: #ccc; }
.ui-box { background: #2a2a2a; padding: 8px; border-radius: 4px; }
.ui-box b { color: #fff; }
.ui-ul { margin: 5px 0 0 20px; padding: 0; }
.ui-log { background: #1a1a1a; padding: 12px; border-radius: 6px; border-left: 4px solid #00acc1; }
.ui-log-t { color: #4dd0e1; font-size: 14px; font-weight: bold; }
.ui-tag-s { color: #fff; background: #00838f; padding: 2px 6px; border-radius: 3px; font-size: 12px; font-weight: bold; }
.ui-tag-l { color: #fff; background: #0277bd; padding: 2px 6px; border-radius: 3px; font-size: 12px; font-weight: bold; }