.styling-module__mC81Qq__phone{max-width:480px;min-height:100dvh;font-family:var(--font-geist-sans);background:var(--color-background);flex-direction:column;margin:0 auto;display:flex}.styling-module__mC81Qq__topBar{z-index:var(--z-sticky);background:var(--color-background);border-bottom:.5px solid var(--color-border);-webkit-backdrop-filter:blur(20px);justify-content:center;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.styling-module__mC81Qq__backLink{color:#007aff;font-size:var(--text-sm);align-items:center;gap:2px;font-weight:400;text-decoration:none;display:flex;position:absolute;left:16px}.styling-module__mC81Qq__contactInfo{flex-direction:column;align-items:center;gap:2px;display:flex}.styling-module__mC81Qq__contactName{font-size:var(--text-base);color:var(--color-foreground);font-weight:600}.styling-module__mC81Qq__contactSub{color:var(--color-muted);font-size:11px}.styling-module__mC81Qq__themeBtn{position:absolute;right:16px}.styling-module__mC81Qq__chat{flex-direction:column;flex:1;gap:4px;padding:16px 12px 40px;display:flex}.styling-module__mC81Qq__timestamp{text-align:center;color:var(--color-muted);padding:12px 0 4px;font-size:11px;font-weight:500}.styling-module__mC81Qq__bubble{word-wrap:break-word;clear:both;max-width:78%;padding:8px 12px;font-size:15px;line-height:1.4;position:relative}.styling-module__mC81Qq__bubble code{font-family:var(--font-geist-mono);border-radius:4px;padding:1px 4px;font-size:13px}.styling-module__mC81Qq__sent{color:#fff;background:#007aff;border-radius:18px 18px 4px;align-self:flex-end;margin-left:auto}.styling-module__mC81Qq__sent code{color:#fff;background:#fff3}.styling-module__mC81Qq__received{background:var(--color-surface-raised);color:var(--color-foreground);border-radius:18px 18px 18px 4px;align-self:flex-start;margin-right:auto}.styling-module__mC81Qq__received code{background:var(--color-border)}.styling-module__mC81Qq__sentFirst{border-radius:18px 18px 4px;margin-top:8px}.styling-module__mC81Qq__sentLast{border-radius:18px 4px 18px 18px}.styling-module__mC81Qq__sentMiddle{border-radius:18px 4px 4px 18px}.styling-module__mC81Qq__sentOnly{border-radius:18px}.styling-module__mC81Qq__receivedFirst{border-radius:18px 18px 18px 4px;margin-top:8px}.styling-module__mC81Qq__receivedLast{border-radius:4px 18px 18px}.styling-module__mC81Qq__receivedMiddle{border-radius:4px 18px 18px 4px}.styling-module__mC81Qq__receivedOnly{border-radius:18px}.styling-module__mC81Qq__demoBubble{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:16px;flex-direction:column;align-self:center;gap:12px;width:100%;max-width:100%;margin:8px 0;padding:16px;display:flex}.styling-module__mC81Qq__demoLabel{text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);font-size:11px;font-weight:600}.styling-module__mC81Qq__demoRow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.styling-module__mC81Qq__demoInputs{flex-direction:column;gap:12px;display:flex}.styling-module__mC81Qq__codeBubble{background:var(--color-neutral-900);width:100%;max-width:100%;font-family:var(--font-geist-mono);color:#e5e5e5;white-space:pre;border-radius:16px;align-self:center;margin:8px 0;padding:14px 16px;font-size:12px;line-height:1.6;overflow-x:auto}.styling-module__mC81Qq__swatchGrid{grid-template-columns:repeat(11,1fr);gap:4px;display:grid}.styling-module__mC81Qq__swatchColor{aspect-ratio:1;border:.5px solid var(--color-border);border-radius:6px}.styling-module__mC81Qq__reaction{background:var(--color-surface-raised);border:.5px solid var(--color-border);border-radius:10px;width:fit-content;margin-top:-2px;margin-bottom:2px;padding:2px 6px;font-size:11px}.styling-module__mC81Qq__reactionSent{align-self:flex-end}.styling-module__mC81Qq__reactionReceived{align-self:flex-start}.styling-module__mC81Qq__typingDots{background:var(--color-surface-raised);border-radius:18px;align-self:flex-start;gap:4px;margin-top:8px;padding:10px 14px;display:flex}.styling-module__mC81Qq__typingDots span{background:var(--color-muted);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite styling-module__mC81Qq__typingBounce}.styling-module__mC81Qq__typingDots span:nth-child(2){animation-delay:.2s}.styling-module__mC81Qq__typingDots span:nth-child(3){animation-delay:.4s}@keyframes styling-module__mC81Qq__typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media (max-width:480px){.styling-module__mC81Qq__phone{max-width:100%}}