.message-wall-section[data-v-3d91b2a7]{margin-bottom:var(--spacing-section)}.section-title[data-v-3d91b2a7]{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-hairline)}.msg-form[data-v-3d91b2a7]{margin-bottom:var(--spacing-xl)}.msg-textarea[data-v-3d91b2a7]{width:100%;min-height:80px;padding:var(--spacing-md);font-size:var(--type-body-md-size);font-family:var(--font-body);color:var(--color-ink);background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);resize:vertical;outline:none}.msg-textarea[data-v-3d91b2a7]:focus{border-color:var(--color-primary)}.msg-form-footer[data-v-3d91b2a7]{margin-top:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.msg-char-count[data-v-3d91b2a7]{font-size:var(--type-caption-size);color:var(--color-muted)}.msg-result[data-v-3d91b2a7]{margin-top:var(--spacing-xs);font-size:var(--type-body-sm-size)}.msg-result.success[data-v-3d91b2a7]{color:var(--color-success)}.msg-result.error[data-v-3d91b2a7]{color:var(--color-error)}.msg-loading[data-v-3d91b2a7],.msg-empty[data-v-3d91b2a7]{text-align:center;padding:var(--spacing-xl);color:var(--color-muted);font-size:var(--type-body-sm-size)}.msg-list[data-v-3d91b2a7]{flex-direction:column;display:flex}.msg-item[data-v-3d91b2a7]{padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-hairline-soft)}.msg-header[data-v-3d91b2a7]{margin-bottom:var(--spacing-xs);justify-content:space-between;display:flex}.msg-author[data-v-3d91b2a7]{font-weight:500;font-size:var(--type-body-sm-size);color:var(--color-body-strong)}.msg-time[data-v-3d91b2a7]{font-size:var(--type-caption-size);color:var(--color-muted)}.msg-content[data-v-3d91b2a7]{font-size:var(--type-body-md-size);color:var(--color-body);line-height:1.6}.skeleton-line[data-v-3d91b2a7]{background:linear-gradient(90deg, var(--color-surface-cream-strong) 25%, var(--color-surface-card) 50%, var(--color-surface-cream-strong) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-messages[data-v-3d91b2a7]{gap:var(--spacing-lg);flex-direction:column;display:flex}.skeleton-msg[data-v-3d91b2a7]{padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-hairline)}.msg-reactions[data-v-3d91b2a7]{gap:var(--spacing-xs);margin-top:var(--spacing-xs);display:flex}.react-btn[data-v-3d91b2a7]{border:1px solid var(--color-hairline);background:var(--color-canvas);border-radius:var(--rounded-pill);padding:4px var(--spacing-sm);cursor:pointer;transition:background var(--duration-fast), border-color var(--duration-fast);font-size:14px}.react-btn[data-v-3d91b2a7]:hover{background:var(--color-surface-cream-strong)}.react-btn.active[data-v-3d91b2a7]{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.react-count[data-v-3d91b2a7]{color:var(--color-muted);margin-left:2px;font-size:12px}.msg-reply[data-v-3d91b2a7]{margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface-cream-strong);border-radius:var(--rounded-md);border-left:3px solid var(--color-primary)}.reply-label[data-v-3d91b2a7]{color:var(--color-muted);margin-bottom:var(--spacing-xxs);font-size:12px;display:block}.reply-form[data-v-3d91b2a7]{margin-top:var(--spacing-xs);gap:var(--spacing-xs);align-items:flex-end;display:flex}.reply-textarea[data-v-3d91b2a7]{flex:1;min-height:36px;font-size:13px}.pinned-badge[data-v-3d91b2a7]{background-color:color-mix(in srgb, var(--color-warning) 16%, var(--bg-surface));color:var(--color-warning);padding:2px var(--spacing-xs);border-radius:var(--rounded-sm);margin-bottom:var(--spacing-sm);font-size:11px;font-weight:600;display:inline-block}.msg-style-selector[data-v-3d91b2a7]{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.style-label[data-v-3d91b2a7]{color:var(--color-muted);font-size:12px}.style-select-btn[data-v-3d91b2a7]{border:1px solid var(--color-hairline);background-color:var(--color-canvas);color:var(--color-ink);border-radius:var(--rounded-sm);cursor:pointer;transition:all var(--duration-fast);padding:4px 10px;font-size:12px}.style-select-btn.active[data-v-3d91b2a7]{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse)}.msg-item[data-v-3d91b2a7]{background:var(--color-paper-card);border:1px solid var(--color-paper-border);box-shadow:var(--shadow-paper-card);margin-bottom:var(--spacing-lg);border-radius:var(--rounded-md);transition:transform var(--duration-fast), box-shadow var(--duration-fast);padding:var(--spacing-lg)!important}.msg-item[data-v-3d91b2a7]:hover{z-index:10;transform:translateY(-4px)scale(1.02);box-shadow:0 8px 16px #0000001a}.style-paper[data-v-3d91b2a7]{color:#4a3e3d;background:#fcfaf2;border:1px solid #eedec4;box-shadow:0 4px 12px #8b785f14}.style-chalkboard[data-v-3d91b2a7]{color:#f5f5f5;background:#1e2d2f;border:1px solid #10191a;box-shadow:0 4px 12px #00000026}.style-chalkboard .msg-author[data-v-3d91b2a7],.style-chalkboard .msg-time[data-v-3d91b2a7],.style-chalkboard .msg-content[data-v-3d91b2a7],.style-chalkboard .reply-label[data-v-3d91b2a7]{color:#e0f2f1}.style-photoback[data-v-3d91b2a7]{background:var(--bg-surface);color:#212121;border:1px solid #e0e0e0;box-shadow:0 8px 20px #0000000f}.style-letter[data-v-3d91b2a7]{color:#3e2723;background:#faf6f0 repeating-linear-gradient(#0000 0 27px,#e0d4c9 28px);border:1px solid #e0d4c9;box-shadow:0 4px 12px #5d403714;line-height:28px!important}.style-letter .msg-content[data-v-3d91b2a7]{line-height:28px!important}.msg-textarea.style-preview-paper[data-v-3d91b2a7]{background:var(--msg-paper-bg,#fcfaf2);color:var(--msg-paper-ink,#4a3e3d);border-color:var(--msg-paper-border,var(--color-hairline))}.msg-textarea.style-preview-chalkboard[data-v-3d91b2a7]{background:var(--msg-chalk-bg,#1e2d2f);color:var(--msg-chalk-ink,#f5f5f5);border-color:var(--msg-chalk-border,#10191a)}.msg-textarea.style-preview-photoback[data-v-3d91b2a7]{background:var(--msg-photo-bg,var(--bg-surface));color:var(--msg-photo-ink,#212121);border-color:var(--msg-photo-border,#e0e0e0)}.msg-textarea.style-preview-letter[data-v-3d91b2a7]{background-color:var(--msg-letter-bg,#faf6f0);background-image:repeating-linear-gradient(#0000 0px, #0000 27px, var(--msg-letter-line,#e0d4c9) 28px);color:var(--msg-letter-ink,#3e2723);border-color:var(--msg-letter-border,#e0d4c9);line-height:28px}html[data-theme=night]{--msg-paper-bg:#2c2724;--msg-paper-border:#4a3e35;--msg-paper-ink:#d1c7bd;--msg-photo-bg:#242424;--msg-photo-border:#383838;--msg-photo-ink:#d4d4d4;--msg-letter-bg:#2a2522;--msg-letter-border:#463c35;--msg-letter-ink:#c9baa8;--msg-letter-line:#463c35;background:var(--msg-paper-bg);border-color:var(--msg-paper-border);color:var(--msg-letter-ink);background:var(--msg-photo-bg);border-color:var(--msg-photo-border);background-color:var(--msg-letter-bg);background-image:repeating-linear-gradient(#0000 0px, #0000 27px, var(--msg-letter-line) 28px);border-color:var(--msg-letter-border);box-shadow:0 4px 12px #0006}.fade-in-msg[data-v-3d91b2a7]{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards msgFadeIn-3d91b2a7}@keyframes msgFadeIn-3d91b2a7{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.msg-style-selector[data-v-3d91b2a7]{padding-bottom:var(--spacing-xxs);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;overflow-x:auto}.msg-style-selector[data-v-3d91b2a7]::-webkit-scrollbar{display:none}.style-select-btn[data-v-3d91b2a7]{flex:none}.msg-item[data-v-3d91b2a7],.msg-item[data-v-3d91b2a7]:nth-child(2n),.msg-item[data-v-3d91b2a7]:nth-child(odd),.msg-item[data-v-3d91b2a7]:hover{transform:none!important}.msg-item[data-v-3d91b2a7]:hover{box-shadow:var(--shadow-paper-card)!important}.reply-form[data-v-3d91b2a7]{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.fade-in-msg[data-v-3d91b2a7]{opacity:1!important;animation:none!important;transform:rotate(0)!important}.msg-item[data-v-3d91b2a7],.msg-item[data-v-3d91b2a7]:nth-child(2n),.msg-item[data-v-3d91b2a7]:nth-child(odd){transition:none!important;transform:none!important}.msg-item[data-v-3d91b2a7]:hover{box-shadow:none!important;transform:none!important}}