.btn{border-radius:var(--border-radius-md);border:var(--border-width) solid var(--card-border);background:var(--card);padding:var(--padding-md);justify-content:space-between;align-items:center;gap:var(--space-xs);transition:all var(--transition-base);font-size:var(--font-size-base);cursor:pointer;max-height:var(--max-height-btn);display:flex;position:relative;overflow:hidden}.btn>*{z-index:1;position:relative}.btn-primary{background:var(--premium-gradient);border-color:var(--premium-border);color:var(--foreground)}.btn-primary:hover{background:var(--premium-gradient-hover)}.btn-secondary{background:var(--secondary-gradient);border-color:var(--secondary-border);color:var(--background)}.btn-secondary:hover{background:var(--secondary-gradient-hover)}.btn-ghost{color:var(--foreground);box-shadow:none;background:0 0}.btn-ghost:hover{background:color-mix(in srgb, var(--foreground) 8%, transparent)}.btn-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn-spinner{width:1rem;height:1rem;animation:1s linear infinite btn-spin}.btn-spinner-track{opacity:.25}.btn-spinner-indicator{opacity:.75}.btn-xs{padding:var(--padding-xs);font-size:var(--font-size-xs)}.btn:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.btn-sm{padding:var(--padding-sm);font-size:var(--font-size-sm)}.btn-md{padding:var(--padding-md);font-size:var(--font-size-base)}.btn-lg{padding:var(--padding-lg);font-size:var(--font-size-lg)}.btn-tech{background:var(--card-gradient);border-color:var(--card-border);color:var(--foreground);box-shadow:var(--shadow-sm);font-family:var(--font-family-mono);gap:var(--space-xs);display:flex}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.msg-bubble{flex-direction:column;gap:.25rem;max-width:80%;display:flex}.msg-bubble--visitor{align-self:flex-end}.msg-bubble--admin{align-self:flex-start}.msg-bubble__meta{align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-secondary);display:flex}.msg-bubble--visitor .msg-bubble__meta{justify-content:flex-end}.msg-bubble__author{font-weight:var(--font-weight-medium)}.msg-bubble__sep{opacity:.4}.msg-bubble__body{padding:var(--padding-sm) var(--padding-md);border-radius:var(--border-radius-xl);font-size:var(--font-size-sm);line-height:var(--line-height-base);white-space:pre-wrap;word-break:break-word}.msg-bubble--visitor .msg-bubble__body{background:var(--accent-gradient);color:#fff;border-bottom-right-radius:var(--border-radius-sm)}.msg-bubble--admin .msg-bubble__body{background:var(--hover);color:var(--foreground);border-bottom-left-radius:var(--border-radius-sm)}.msg-bubble__time{font-size:var(--font-size-xs);color:var(--text-secondary);opacity:.7}.msg-field{gap:var(--padding-xs);flex-direction:column;display:flex}.msg-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.msg-input,.msg-textarea{background:var(--background);border:var(--border-width) solid var(--card-border);border-radius:var(--border-radius-md);width:100%;padding:var(--padding-sm) var(--padding-md);font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--foreground);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);resize:vertical;outline:none}.msg-input:focus,.msg-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 15%, transparent)}.msg-input::-moz-placeholder{color:var(--text-secondary);opacity:.6}.msg-textarea::-moz-placeholder{color:var(--text-secondary);opacity:.6}.msg-input::placeholder,.msg-textarea::placeholder{color:var(--text-secondary);opacity:.6}.msg-textarea{min-height:5rem}