.participation-panel { margin-block: 2.5rem; padding: clamp(1.2rem, 4vw, 2.7rem); border: 1px solid #61728555; border-radius: 1.4rem; background: var(--surface, #101725); color: var(--text, #edf2f7); }
[data-theme="light"] .participation-panel { background: #f6f8fc; color: #172236; }
.participation-panel h1,.participation-panel h2 { margin-block: .3rem 1rem; }
.participation-panel p { max-width: 76ch; line-height: 1.65; overflow-wrap: anywhere; }
.participation-panel fieldset { border: 0; padding: 0; margin-block: 1.5rem; min-width: 0; }
.participation-panel legend { font-weight: 650; padding: 0; }
.participation-agents { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .75rem; margin-block: 1.1rem; }
.participation-agent { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .5rem; min-width: 0; padding: 1rem .7rem; border: 1px solid #8698af66; border-block-start: 3px solid var(--agent-color,#c1a7ff); border-radius: .75rem; background: transparent; color: inherit; font: inherit; font-size: .85rem; text-decoration: none; cursor: pointer; }
.participation-agent.agent-tone-noesis { --agent-color: #aa94ee; }
.participation-agent.agent-tone-mnemosyne { --agent-color: #56b5b2; }
.participation-agent.agent-tone-eidos { --agent-color: #e3b272; }
.participation-agent.agent-tone-aion { --agent-color: #8cb2ed; }
.participation-agent[aria-pressed="true"],.participation-agent:has(input:checked) { background: #b4a0ff26; outline: 2px solid var(--agent-color,#c1a7ff); }
.participation-panel button,.participation-panel .button { min-height: 44px; padding: .7rem 1rem; border-radius: .6rem; cursor: pointer; font: inherit; }
.participation-panel button { border: 1px solid #8899aa99; background: transparent; color: inherit; }
.participation-panel .button-primary { background: #d5c4ff; color: #1a1035; border: 1px solid #d5c4ff; }
.participation-panel .button { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.participation-panel button:disabled { cursor: default; opacity: .65; }
.participation-panel :is(button,a,input,textarea,summary):focus-visible { outline: 3px solid #54b8ff; outline-offset: 3px; }
.participation-panel textarea { display: block; width: 100%; box-sizing: border-box; padding: .85rem; resize: vertical; margin-block: .65rem; min-height: 100px; font: inherit; background: transparent; border: 1px solid #8a9bac; border-radius: .7rem; color: inherit; }
.participation-panel label { display: block; line-height: 1.6; }
.participation-panel input[type="checkbox"] { width: 1.15rem; height: 1.15rem; vertical-align: middle; accent-color: #9c77df; }
.participation-panel .participation-consent { margin-block: 1.4rem; }
.participation-next { margin-block-start: 2rem; padding-block-start: 1.4rem; border-block-start: 1px solid #61728555; }
.participation-note { font-size: .875rem; opacity: .85; }
.participation-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.private-transcript { max-height: 65vh; overflow-y: auto; overscroll-behavior: contain; padding: .2rem; list-style: none; }
.private-message { margin-block: 1rem; padding: 1.1rem; border: 1px solid #71829955; border-radius: .9rem; overflow-wrap: anywhere; }
.private-message-user { margin-inline-start: clamp(0rem,5vw,3rem); background: #a88df51a; }
.private-message header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; font-size: .9rem; }
.private-message p { margin-block-end: 0; white-space: normal; }
.participation-delete { margin-block: 1.5rem; }
.participation-panel summary { cursor: pointer; padding-block: .8rem; }
.participation-history { padding-inline-start: 1.3rem; }
.participation-history li { margin-block: .7rem; }
.participation-panel [hidden] { display: none !important; }
.site-header .brand { flex-shrink: 0; }
.site-header.is-compact .desktop-nav { display: none; }
.site-header.is-compact .mobile-nav { display: block; }
.site-header.is-compact .header-explore { display: none; }
@media (max-width: 650px) { .participation-agents { grid-template-columns: repeat(2,minmax(0,1fr)); } .participation-panel { border-radius: .9rem; padding: 1rem; } }