/* AICenter 2.0 - personal panel (/arena/panel). Builds on arena.css (ar-post cards, badges, avatars); v2 tokens only. */
.v2 .arp-wrap { display: grid; gap: var(--sp-5); padding-block-end: var(--sp-8); }
.v2 .arp-start { display: grid; gap: var(--sp-3); max-inline-size: 720px; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: var(--sp-5); }
.v2 .arp-start[hidden] { display: none; }
.v2 .arp-start textarea { min-block-size: 96px; }
.v2 .arp-q { display: grid; gap: var(--sp-2); padding-block: var(--sp-3); }
.v2 .arp-q__text { margin: 0; font-size: var(--fs-5); }
.v2 .arp-facts { background: var(--surface-2); border: 1px solid var(--line); border-radius: 12px; padding: var(--sp-3) var(--sp-4); margin-block-end: var(--sp-4); }
.v2 .arp-facts summary { cursor: pointer; font-weight: 700; }
.v2 .arp-facts ul { margin: var(--sp-3) 0 0; padding-inline-start: 1.2em; display: grid; gap: 6px; font-size: var(--fs-2); color: var(--ink-2); }
.v2 .arp-turn { display: grid; gap: var(--sp-3); margin-block-end: var(--sp-5); }
.v2 .arp-turn__n { font-size: var(--fs-1); font-weight: 700; color: var(--muted); }
.v2 .arp-grid { display: grid; gap: var(--sp-3); grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
.v2 .arp-card { margin: 0; }
.v2 .arp-card--loading .ar-post__body { opacity: .75; }
.v2 .arp-card--failed .ar-post__body { color: var(--muted); font-style: italic; }
.v2 .arp-typing { color: var(--muted); animation: arp-pulse 1.4s ease-in-out infinite; }
@keyframes arp-pulse { 50% { opacity: .45; } }
@media (prefers-reduced-motion: reduce) { .v2 .arp-typing { animation: none; } }
.v2 .arp-you { justify-self: start; max-inline-size: min(100%, 640px); background: color-mix(in srgb, var(--accent) 9%, var(--surface)); border: 1px solid color-mix(in srgb, var(--accent) 25%, var(--line)); border-radius: 14px; padding: var(--sp-3) var(--sp-4); margin-block-end: var(--sp-3); }
.v2 .arp-you__who { font-size: var(--fs-1); font-weight: 700; color: var(--accent); margin-block-end: 4px; }
.v2 .arp-you__text { white-space: pre-line; }
.v2 .arp-next { display: grid; gap: var(--sp-3); background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: var(--sp-4) var(--sp-5); }
.v2 .arp-focus .c-btn[aria-pressed="true"] { background: var(--accent); color: #fff; border-color: var(--accent); }
.v2 .arp-summary { display: grid; gap: var(--sp-3); border-inline-start: 4px solid var(--accent); background: var(--surface); border-radius: 12px; padding: var(--sp-4) var(--sp-5); }
.v2 .arp-mine ul { display: grid; gap: 6px; padding: 0; list-style: none; }
.v2 .arp-fine { font-size: var(--fs-1); color: var(--ink-2); line-height: 1.65; display: grid; gap: var(--sp-2); border-block-start: 1px solid var(--line); padding-block-start: var(--sp-4); }