.message-wall-section[data-v-0064cdec]{--msg-paper-bg:color-mix(in srgb, var(--surface-paper) 94%, var(--accent-soft));--msg-paper-border:var(--border-strong);--msg-paper-ink:var(--text-secondary);--msg-chalk-bg:color-mix(in srgb, var(--state-archive-green) 38%, var(--surface-canvas));--msg-chalk-border:color-mix(in srgb, var(--state-archive-green) 58%, var(--surface-canvas));--msg-chalk-ink:var(--hero-ink);--msg-photo-bg:var(--surface-raised);--msg-photo-border:var(--border-subtle);--msg-photo-ink:var(--text-primary);--msg-letter-bg:color-mix(in srgb, var(--surface-paper) 94%, var(--surface-sunken));--msg-letter-border:var(--border-strong);--msg-letter-ink:var(--text-secondary);--msg-letter-line:color-mix(in srgb, var(--accent) 24%, transparent);margin-bottom:var(--spacing-section)}.section-title[data-v-0064cdec]{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-hairline)}.msg-form[data-v-0064cdec]{margin-bottom:var(--spacing-xl)}.msg-textarea[data-v-0064cdec]{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-0064cdec]:focus{border-color:var(--color-primary)}.msg-form-footer[data-v-0064cdec]{margin-top:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.msg-char-count[data-v-0064cdec]{font-size:var(--type-caption-size);color:var(--color-muted)}.msg-result[data-v-0064cdec]{margin-top:var(--spacing-xs);font-size:var(--type-body-sm-size)}.msg-result.success[data-v-0064cdec]{color:var(--color-success)}.msg-result.error[data-v-0064cdec]{color:var(--color-error)}.msg-loading[data-v-0064cdec],.msg-empty[data-v-0064cdec]{text-align:center;padding:var(--spacing-xl);color:var(--color-muted);font-size:var(--type-body-sm-size)}.msg-list[data-v-0064cdec]{flex-direction:column;display:flex}.msg-item[data-v-0064cdec]{padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-hairline-soft)}.msg-header[data-v-0064cdec]{margin-bottom:var(--spacing-xs);justify-content:space-between;display:flex}.msg-author[data-v-0064cdec]{font-weight:500;font-size:var(--type-body-sm-size);color:var(--color-body-strong)}.msg-time[data-v-0064cdec]{font-size:var(--type-caption-size);color:var(--color-muted)}.msg-content[data-v-0064cdec]{font-size:var(--type-body-md-size);color:var(--color-body);line-height:1.6}.skeleton-line[data-v-0064cdec]{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-0064cdec]{gap:var(--spacing-lg);flex-direction:column;display:flex}.skeleton-msg[data-v-0064cdec]{padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-hairline)}.msg-reactions[data-v-0064cdec]{gap:var(--spacing-xs);margin-top:var(--spacing-xs);display:flex}.react-btn[data-v-0064cdec]{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-0064cdec]:hover{background:var(--color-surface-cream-strong)}.react-btn.active[data-v-0064cdec]{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.react-count[data-v-0064cdec]{color:var(--color-muted);margin-left:2px;font-size:12px}.msg-reply[data-v-0064cdec]{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-0064cdec]{color:var(--color-muted);margin-bottom:var(--spacing-xxs);font-size:12px;display:block}.reply-form[data-v-0064cdec]{margin-top:var(--spacing-xs);gap:var(--spacing-xs);align-items:flex-end;display:flex}.reply-textarea[data-v-0064cdec]{flex:1;min-height:36px;font-size:13px}.pinned-badge[data-v-0064cdec]{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-0064cdec]{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-0064cdec]{color:var(--color-muted);font-size:12px}.style-select-btn[data-v-0064cdec]{border:1px solid var(--color-hairline);background-color:var(--color-canvas);color:var(--color-ink);border-radius:var(--rounded-sm);cursor:pointer;transition:background-color var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast), box-shadow var(--duration-fast);padding:4px 10px;font-size:12px}.style-select-btn.active[data-v-0064cdec]{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse)}.msg-item[data-v-0064cdec]{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-0064cdec]:hover{z-index:10;transform:translateY(-4px)scale(1.02);box-shadow:0 8px 16px #0000001a}.style-paper[data-v-0064cdec]{background:var(--msg-paper-bg);border:1px solid var(--msg-paper-border);color:var(--msg-paper-ink);box-shadow:var(--shadow-paper-card)}.style-chalkboard[data-v-0064cdec]{background:var(--msg-chalk-bg);border:1px solid var(--msg-chalk-border);color:var(--msg-chalk-ink);box-shadow:var(--shadow-paper-card)}.style-chalkboard .msg-author[data-v-0064cdec],.style-chalkboard .msg-time[data-v-0064cdec],.style-chalkboard .msg-content[data-v-0064cdec],.style-chalkboard .reply-label[data-v-0064cdec]{color:var(--msg-chalk-ink)}.style-photoback[data-v-0064cdec]{background:var(--msg-photo-bg);border:1px solid var(--msg-photo-border);color:var(--msg-photo-ink);box-shadow:var(--shadow-paper-card)}.style-letter[data-v-0064cdec]{background:var(--msg-letter-bg);background-image:repeating-linear-gradient(transparent 0px, transparent 27px, var(--msg-letter-line) 28px);color:var(--msg-letter-ink);border:1px solid var(--msg-letter-border);box-shadow:var(--shadow-paper-card);line-height:28px!important}.style-letter .msg-content[data-v-0064cdec]{line-height:28px!important}.msg-textarea.style-preview-paper[data-v-0064cdec]{background:var(--msg-paper-bg);color:var(--msg-paper-ink);border-color:var(--msg-paper-border,var(--color-hairline))}.msg-textarea.style-preview-chalkboard[data-v-0064cdec]{background:var(--msg-chalk-bg);color:var(--msg-chalk-ink);border-color:var(--msg-chalk-border)}.msg-textarea.style-preview-photoback[data-v-0064cdec]{background:var(--msg-photo-bg,var(--bg-surface));color:var(--msg-photo-ink);border-color:var(--msg-photo-border)}.msg-textarea.style-preview-letter[data-v-0064cdec]{background-color:var(--msg-letter-bg);background-image:repeating-linear-gradient(transparent 0px, transparent 27px, var(--msg-letter-line) 28px);color:var(--msg-letter-ink);border-color:var(--msg-letter-border);line-height:28px}html[data-theme=night]{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-0064cdec]{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards msgFadeIn-0064cdec}@keyframes msgFadeIn-0064cdec{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.msg-style-selector[data-v-0064cdec]{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-0064cdec]::-webkit-scrollbar{display:none}.style-select-btn[data-v-0064cdec]{flex:none}.msg-item[data-v-0064cdec],.msg-item[data-v-0064cdec]:nth-child(2n),.msg-item[data-v-0064cdec]:nth-child(odd),.msg-item[data-v-0064cdec]:hover{transform:none!important}.msg-item[data-v-0064cdec]:hover{box-shadow:var(--shadow-paper-card)!important}.reply-form[data-v-0064cdec]{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.fade-in-msg[data-v-0064cdec]{opacity:1!important;animation:none!important;transform:rotate(0)!important}.msg-item[data-v-0064cdec],.msg-item[data-v-0064cdec]:nth-child(2n),.msg-item[data-v-0064cdec]:nth-child(odd){transition:none!important;transform:none!important}.msg-item[data-v-0064cdec]:hover{box-shadow:none!important;transform:none!important}}