.vs-panel .community-section > .vs-hint { margin: 7px 0; }
.vs-panel .community-proposal { padding: 8px 10px; margin: 10px 0; background: #f7f2fa; border: 1px solid #e3d8ec; border-radius: 6px; }
.vs-panel .community-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; padding-top: 8px; }
.vs-panel .community-field { display: flex; flex-direction: column; gap: 4px; min-width: 0; font-size: 12px; }
.vs-panel .community-field:has(textarea), .vs-panel .community-status { grid-column: 1 / -1; }
.vs-panel .community-field input, .vs-panel .community-field textarea, .vs-panel .community-filters input, .vs-panel .community-filters select { width: 100%; min-width: 0; padding: 7px 8px; border: 1px solid #c6b4d8; border-radius: 5px; color: #352c4d; background: #fff; font: 16px/1.4 system-ui, sans-serif; }
.vs-panel .community-field textarea { min-height: 68px; resize: vertical; }
.vs-panel .community-form > button { justify-self: start; }
.vs-panel .community-filters { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; }
.vs-panel .community-filters input { flex: 1 1 160px; }
.vs-panel .community-filters select { width: auto; flex: 0 1 auto; }
.vs-panel .community-status { margin: 7px 0; color: #6d527a; font-size: 12px; }
.vs-panel .community-status:empty { display: none; }
.vs-panel .community-item-head { display: flex; gap: 8px; align-items: baseline; }
.vs-panel .community-item-head strong { flex: 1; min-width: 0; }
.vs-panel .community-badge { flex-shrink: 0; padding: 1px 6px; border-radius: 4px; background: #eee4f8; color: #765098; font-size: 11px; }
.vs-panel .community-badge[data-status="learning"], .vs-panel .community-badge[data-status="planned"] { background: #faefda; color: #795d26; }
.vs-panel .community-badge[data-status="confirmed"], .vs-panel .community-badge[data-status="learned"] { background: #e2f1e9; color: #386c50; }
.vs-panel .community-badge[data-status="cancelled"], .vs-panel .community-badge[data-status="declined"] { background: #f6e4e9; color: #92566d; }
.vs-panel .community-note { white-space: pre-wrap; font-size: 13px; }
.vs-panel .community-reply { padding: 6px 8px; background: #f7f1fb; border-left: 2px solid #bea0d3; font-size: 12px; white-space: pre-wrap; }
.vs-panel .community-event-time { font-size: 12px; color: #635071; }
.vs-panel .community-wish .vs-actions, .vs-panel .community-event .vs-actions { margin-top: 8px; }
.vs-panel .community-wish button[aria-pressed="true"] { background: #f7e4ed; border-color: #d7a2bc; color: #8d466e; }
.bili-weekly__links .community-calendar-open { white-space: nowrap; font: inherit; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; min-height: 0; }
@media (max-width: 440px) { .vs-panel .community-form { grid-template-columns: minmax(0, 1fr); } }