.coser-panel {
    background: linear-gradient(135deg, #161b22 0%, #0d1117 100%) !important;
    border: 1px solid #30363d !important;
    border-radius: 8px !important;
    margin: 12px 0 !important;
    padding: 0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
    overflow: hidden !important;
}
.coser-panel summary {
    background: linear-gradient(90deg, #21262d 0%, #161b22 100%) !important;
    color: #e6edf3 !important;
    padding: 12px 16px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    border-bottom: 1px solid #30363d !important;
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: background 0.2s ease !important;
}
.coser-panel summary::-webkit-details-marker {
    display: none !important;
}
.coser-panel summary::before {
    content: "â–¶" !important;
    font-size: 10px !important;
    transition: transform 0.2s ease !important;
}
.coser-panel[open] summary::before {
    transform: rotate(90deg) !important;
}
.coser-panel summary:hover {
    background: linear-gradient(90deg, #2d333b 0%, #21262d 100%) !important;
}
.coser-panel > :not(summary) {
    padding: 16px !important;
    color: #e6edf3 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}
.thinking-panel {
    border-left: 3px solid #8b5cf6 !important;
}
.thinking-panel summary {
    background: linear-gradient(90deg, #2d1b4e 0%, #1a1025 100%) !important;
}
.thinking-panel summary:hover {
    background: linear-gradient(90deg, #3d2b5e 0%, #2a1a35 100%) !important;
}
.memory-panel {
    border-left: 3px solid #3b82f6 !important;
}
.memory-panel summary {
    background: linear-gradient(90deg, #1a2744 0%, #0f1a2e 100%) !important;
}
.memory-panel summary:hover {
    background: linear-gradient(90deg, #2a3754 0%, #1f2a3e 100%) !important;
}
.memory-panel table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 8px 0 !important;
    font-size: 13px !important;
}
.memory-panel th {
    background: #1a2744 !important;
    color: #7dd3fc !important;
    padding: 10px 12px !important;
    text-align: left !important;
    font-weight: 600 !important;
    border-bottom: 2px solid #3b82f6 !important;
}
.memory-panel td {
    padding: 10px 12px !important;
    border-bottom: 1px solid #30363d !important;
    color: #c9d1d9 !important;
}
.memory-panel tr:hover td {
    background: rgba(59, 130, 246, 0.1) !important;
}
.player-panel {
    border-left: 3px solid #f59e0b !important;
}
.player-panel summary {
    background: linear-gradient(90deg, #3d2e0f 0%, #261c06 100%) !important;
}
.player-panel summary:hover {
    background: linear-gradient(90deg, #4d3e1f 0%, #362c16 100%) !important;
}
.magic-panel {
    border-left: 3px solid #06b6d4 !important;
}
.magic-panel summary {
    background: linear-gradient(90deg, #0f2d3d 0%, #061a24 100%) !important;
}
.magic-panel summary:hover {
    background: linear-gradient(90deg, #1f3d4d 0%, #162a34 100%) !important;
}
.equipment-panel {
    border-left: 3px solid #22c55e !important;
}
.equipment-panel summary {
    background: linear-gradient(90deg, #0f2d1f 0%, #061a0f 100%) !important;
}
.equipment-panel summary:hover {
    background: linear-gradient(90deg, #1f3d2f 0%, #162a1f 100%) !important;
}
.npc-panel {
    border-left: 3px solid #ec4899 !important;
}
.npc-panel summary {
    background: linear-gradient(90deg, #3d1a2e 0%, #26101c 100%) !important;
}
.npc-panel summary:hover {
    background: linear-gradient(90deg, #4d2a3e 0%, #36202c 100%) !important;
}
.faction-panel {
    border-left: 3px solid #ef4444 !important;
}
.faction-panel summary {
    background: linear-gradient(90deg, #2d0f0f 0%, #1a0606 100%) !important;
}
.faction-panel summary:hover {
    background: linear-gradient(90deg, #3d1f1f 0%, #2a1616 100%) !important;
}
.rev-main {
    background: #161b22 !important;
    color: #e6edf3 !important;
    padding: 20px 24px !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    line-height: 1.85 !important;
    margin: 16px 0 !important;
    border: 1px solid #21262d !important;
}
.char-dialogue {
    color: #7dd3fc !important;
    font-weight: 500 !important;
}
.inner-thought {
    color: #a5b4fc !important;
    font-style: italic !important;
}
.magic-cast {
    color: #fbbf24 !important;
    text-shadow: 0 0 8px rgba(251, 191, 36, 0.4) !important;
    font-weight: 600 !important;
}
.system-alert {
    background: linear-gradient(90deg, #1e1b4b 0%, #0f0a1e 100%) !important;
    border: 1px solid #6366f1 !important;
    border-radius: 6px !important;
    padding: 14px 18px !important;
    margin: 14px 0 !important;
    color: #c7d2fe !important;
    font-size: 14px !important;
}
.scene-info {
    background: linear-gradient(90deg, #0c1222 0%, #060a12 100%) !important;
    border-left: 4px solid #6366f1 !important;
    padding: 14px 18px !important;
    margin: 14px 0 !important;
    color: #94a3b8 !important;
    font-size: 14px !important;
    border-radius: 0 6px 6px 0 !important;
}