.messages-page{background:var(--background);flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.messages-page__body{border:1px solid var(--border);background:var(--card);border-radius:.5rem;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@media (width>=640px){.messages-page__body{flex-direction:row}}.messages-page__sidebar{background:oklch(from var(--muted) l c h / .22);flex-direction:column;flex:1;width:100%;min-height:0}@media (width>=640px){.messages-page__sidebar{border-right:1px solid var(--border);flex:0 0 320px;width:320px}}.messages-page__chat{background:var(--card);flex-direction:column;flex:1;min-height:0}.chat-header-bar{border-bottom:1px solid var(--border);background:var(--card);flex-shrink:0;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.conv-item{width:calc(100% - 12px);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.75rem;margin:2px 6px;padding:.625rem .75rem;transition:background-color .15s;display:flex}.conv-item:hover{background:oklch(from var(--muted) l c h / .5)}.conv-item--active{background:oklch(from var(--muted) l c h / .8)}.conv-item--unread{background:oklch(from var(--primary) l c h / .04)}.conv-item--unread:hover{background:oklch(from var(--primary) l c h / .07)}.conv-item:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.msg-sent{background:var(--chat-sent-bg,var(--primary));color:var(--chat-sent-text,var(--primary-foreground));border-radius:.5rem}.msg-received{background:var(--chat-received-bg,oklch(from var(--muted) l c h / .65));color:var(--chat-received-text,var(--foreground));border-radius:.5rem}.chat-messages-area{overscroll-behavior:contain;background:oklch(from var(--background) l c h / .55);flex:1;min-height:0;padding:1rem 1.25rem;overflow-y:auto}.msg-day-divider{justify-content:center;align-items:center;margin:1.25rem 0 .5rem;display:flex;position:relative}.msg-day-divider:before,.msg-day-divider:after{content:"";background:oklch(from var(--border) l c h / .35);flex:1;height:1px}.msg-day-divider span{letter-spacing:.01em;color:oklch(from var(--muted-foreground) l c h / .85);background:var(--muted);white-space:nowrap;border-radius:999px;flex-shrink:0;margin:0 .75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.msg-gap-chip{justify-content:center;margin:.75rem 0 .25rem;display:flex}.msg-gap-chip span{color:oklch(from var(--muted-foreground) l c h / .6);background:oklch(from var(--muted) l c h / .35);letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.msg-timestamp{color:oklch(from var(--muted-foreground) l c h / .6);letter-spacing:.01em;align-items:center;gap:.375rem;margin-top:.125rem;padding:0 .25rem;font-size:.75rem;display:flex}.msg-timestamp--persistent{opacity:1;margin-bottom:.125rem}.msg-timestamp--hover{opacity:0;transition:opacity .18s,transform .18s;transform:translateY(-2px)}.group:hover .msg-timestamp--hover,.group:focus-within .msg-timestamp--hover{opacity:.85;transform:translateY(0)}.msg-timestamp time{font-variant-numeric:tabular-nums}.msg-timestamp__failed{color:var(--destructive);align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;display:inline-flex}.messages-composer{border-top:1px solid var(--border);background:var(--card);flex-direction:column;flex-shrink:0;gap:.5rem;padding:.5rem .75rem;display:flex}