.chat-surface{--message-sent-bg:#c2e8d6;--message-sent-fg:var(--lp-accent-deep);--message-received-bg:var(--lp-card);--message-received-fg:var(--lp-text);--chat-canvas:var(--lp-card);--message-tick-read:var(--lp-blue,#3b6ff6)}.dark .chat-surface{--message-sent-bg:#123a2b;--chat-canvas:#101115}.chat-surface .chat-canvas{--chat-canvas:var(--lp-card);background-color:var(--chat-canvas);isolation:isolate}.dark .chat-surface .chat-canvas{--chat-canvas:#101115;background-color:var(--chat-canvas)}.chat-surface .rx-cut{isolation:isolate;background-color:var(--chat-canvas);border-radius:9999px;padding:3px;overflow:hidden}.chat-surface .chat-canvas:before,.chat-surface .rx-cut:before{content:"";z-index:-1;pointer-events:none;opacity:.65;background-color:color-mix(in srgb, var(--lp-canvas) 30%, transparent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.32'/%3E%3C/svg%3E");background-repeat:repeat;position:absolute;inset:0}.chat-surface .chat-composer-fade{z-index:0;pointer-events:none;-webkit-backdrop-filter:blur(9px)saturate(1.05);backdrop-filter:blur(9px)saturate(1.05);background:linear-gradient(to top, var(--lp-card) 28%, color-mix(in srgb, var(--lp-card) 55%, transparent) 64%, transparent 100%);position:absolute;inset:-32px 0 0;-webkit-mask-image:linear-gradient(#0000 0%,#000 48%);mask-image:linear-gradient(#0000 0%,#000 48%)}.dark .chat-surface .chat-composer-fade{background:linear-gradient(#0000 0%,#1011158c 36%,#101115 72%)}