body:has(.chat-page){overflow:hidden}body:has(.chat-page) .site-footer{display:none}body:has(.chat-page) .site-main{min-height:0;padding-bottom:0}.chat-page.container{gap:0;max-width:1800px;height:calc(100dvh - 70px);min-height:0;padding-top:0;padding-bottom:0;display:flex}.chat-rooms{border-right:1px solid var(--border-primary);background:var(--bg-secondary);flex-direction:column;flex:0 0 15.5rem;gap:.25rem;width:15.5rem;min-height:0;padding:.85rem .75rem;display:flex;overflow:auto}.chat-rooms-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .35rem;padding:0 .45rem;font-size:.7rem;font-weight:600}.chat-room-link{color:var(--text-primary);border-radius:.75rem;align-items:flex-start;gap:.65rem;padding:.55rem .65rem;text-decoration:none;display:flex}.chat-room-link:hover{background:color-mix(in srgb, var(--text-primary) 6%, transparent)}.chat-room-link.is-active{background:color-mix(in srgb, var(--accent-primary) 16%, var(--bg-secondary))}.chat-room-link i{color:var(--accent-primary);margin-top:.15rem}.chat-room-copy{min-width:0}.chat-room-link strong{font-size:.92rem;font-weight:600;display:block}.chat-room-blurb{color:var(--text-muted);font-size:.75rem;line-height:1.3;display:block}.chat-pane{flex-direction:column;flex:1;min-width:0;min-height:0;padding:.85rem 1rem .75rem;display:flex}.chat-pane-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.65rem;display:flex}.chat-pane-header h1,.home-chat-widget h2{color:var(--text-primary);align-items:center;gap:.45rem;margin:0;font-size:1.35rem;line-height:1.2;display:flex}.home-chat-widget h2{font-size:1.125rem}.chat-pane-sub{color:var(--text-muted);margin:.2rem 0 0;font-size:.8rem}.chat-pane-tools{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.chat-tool-link{color:var(--accent-primary);font-size:.875rem;text-decoration:none}.chat-tool-link:hover{text-decoration:underline}.chat-search-field{border:1px solid var(--border-primary);background:var(--bg-primary);width:min(16rem,70vw);color:var(--text-primary);border-radius:999px;padding:.35rem .75rem;font-size:.875rem}.chat-search-chip{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.75rem;display:inline-flex}.chat-icon-btn,.chat-send-btn{width:2.25rem;height:2.25rem;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.chat-icon-btn:hover,.chat-icon-btn:focus-visible,.chat-send-btn:hover,.chat-send-btn:focus-visible,.chat-text-btn:hover,.chat-text-btn:focus-visible{background:color-mix(in srgb, var(--text-primary) 8%, transparent);outline:none}.chat-icon-btn:disabled,.chat-send-btn:disabled,.chat-text-btn:disabled{opacity:.45;cursor:default}.chat-sound{position:relative}.chat-sound-menu{z-index:6;border:1px solid var(--border-primary);background:var(--bg-primary);min-width:12.5rem;box-shadow:0 10px 24px color-mix(in srgb, var(--bg-primary) 40%, transparent);border-radius:.75rem;flex-direction:column;gap:.1rem;padding:.3rem;display:flex;position:absolute;top:calc(100% + .35rem);right:0}.chat-sound-menu button{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex-direction:column;align-items:flex-start;gap:.05rem;padding:.4rem .55rem;display:flex}.chat-sound-menu button span{color:var(--text-muted);font-size:.7rem}.chat-sound-menu button.is-active,.chat-sound-menu button:hover,.chat-sound-menu button:focus-visible{background:color-mix(in srgb, var(--accent-primary) 14%, transparent);outline:none}.chat-icon-btn.is-muted{color:var(--text-muted);position:relative}.chat-icon-btn.is-muted:after{content:"";background:currentColor;border-radius:1px;height:2px;position:absolute;top:50%;left:22%;right:22%;transform:rotate(-35deg)}.chat-live-dot{background:var(--accent-primary);width:.5rem;height:.5rem;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent-primary) 65%, transparent);border-radius:50%;flex:none;animation:1.8s ease-out infinite chat-live}@keyframes chat-live{70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.chat-transcript-wrap{min-height:0;position:relative}.chat-transcript-wrap--page{flex-direction:column;flex:1;display:flex}.chat-transcript{padding:.25rem .15rem .5rem;overflow-y:auto}.chat-transcript--page{flex:1;min-height:0}.chat-transcript--widget{max-height:min(48vh,420px)}.chat-load-older{justify-content:center;padding:.35rem 0 .5rem;display:flex}.chat-date-chip,.chat-unread-chip,.chat-jump{justify-content:center;display:flex}.chat-date-chip span,.chat-unread-chip span,.chat-jump{border-radius:999px;font-size:.75rem}.chat-date-chip span,.chat-unread-chip span{background:color-mix(in srgb, var(--bg-secondary) 88%, var(--text-primary));color:var(--text-muted);margin:.28rem 0 .12rem;padding:.15rem .7rem}.chat-unread-chip span{color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 14%, var(--bg-primary))}.chat-jump{z-index:2;background:var(--accent-primary);color:var(--on-accent);cursor:pointer;box-shadow:0 6px 16px color-mix(in srgb, var(--bg-primary) 45%, transparent);border:none;padding:.35rem .8rem;font-weight:600;position:absolute;bottom:.6rem;left:50%;transform:translate(-50%)}.chat-empty{text-align:center;color:var(--text-muted);padding:1.5rem .5rem;font-size:.9rem}.chat-message-row{border-radius:.55rem;flex-direction:column;gap:.05rem;margin:.22rem 0;padding:.18rem .45rem;font-size:.9rem;line-height:1.35;display:flex;position:relative}.chat-message-row--mine{background:color-mix(in srgb, var(--accent-primary) 10%, transparent)}.chat-message-row--failed{opacity:.72}.chat-message-main{align-items:flex-start;gap:.55rem;min-width:0;display:flex}.chat-message-avatar,.chat-message-avatar-spacer{flex:0 0 1.75rem;width:1.75rem;height:1.75rem}.chat-message-avatar{object-fit:cover;color:var(--on-accent,#fff);background:linear-gradient(135deg, var(--accent-primary), color-mix(in srgb, var(--accent-primary) 55%, #6366f1));border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.chat-message-content{flex:1;min-width:0}.chat-message-meta{flex-wrap:wrap;align-items:baseline;gap:.35rem .55rem;display:flex}.chat-message-name{color:var(--text-primary);font-weight:600}.chat-message-time,.chat-message-body,.chat-reply-quote{color:var(--text-muted)}.chat-message-time{font-size:.75rem}.chat-message-body{white-space:pre-wrap;color:var(--text-primary);margin:0;line-height:1.35}.chat-message-row--grouped{padding-top:.05rem;padding-bottom:.05rem}.chat-reply-quote{border:none;border-left:2px solid var(--accent-primary);text-align:left;cursor:pointer;background:0 0;border-radius:0;max-width:100%;margin-top:.25rem;padding:.15rem .45rem;font-size:.75rem;display:block}.chat-reply-quote:hover{color:var(--accent-primary)}.chat-link-note{color:#d97706;margin:.15rem 0 0;font-size:.75rem}.chat-reactions{flex-wrap:wrap;gap:.25rem;margin-top:.3rem;display:flex}.chat-reaction{border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:999px;padding:.05rem .45rem;font-size:.75rem}.chat-reaction.is-mine{border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 12%, transparent)}.chat-message-actions{opacity:0;gap:.15rem;display:flex}.chat-message-row:hover .chat-message-actions,.chat-message-row:focus-within .chat-message-actions,.chat-message-row--failed .chat-message-actions{opacity:1}.chat-text-btn{background:var(--bg-secondary);min-height:2rem;color:var(--text-primary);cursor:pointer;border:none;border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.chat-react-pop{z-index:3;border:1px solid var(--border-primary);background:var(--bg-primary);box-shadow:0 8px 20px color-mix(in srgb, var(--bg-primary) 40%, transparent);border-radius:999px;gap:.15rem;padding:.25rem;display:flex;position:absolute;bottom:calc(100% + .2rem);right:0}.chat-react-pop button{cursor:pointer;background:0 0;border:none;border-radius:999px;width:2rem;height:2rem;font-size:1rem}.chat-react-pop button:hover,.chat-react-pop button:focus-visible{background:var(--bg-secondary)}.chat-message-actions-wrap{position:absolute;top:.05rem;right:.25rem}.chat-staff{flex-wrap:wrap;gap:.25rem;margin-top:.25rem;display:flex}.chat-skeleton{flex-direction:column;gap:.85rem;padding:.6rem .2rem;display:flex}.chat-skeleton-row{gap:.55rem;display:flex}.chat-skeleton-avatar,.chat-skeleton-lines span{background:color-mix(in srgb, var(--text-muted) 22%, var(--bg-secondary));animation:1.2s ease-in-out infinite chat-pulse}.chat-skeleton-avatar{border-radius:50%;width:1.75rem;height:1.75rem}.chat-skeleton-lines{flex-direction:column;flex:1;gap:.35rem;padding-top:.2rem;display:flex}.chat-skeleton-lines span{border-radius:999px;height:.55rem;display:block}.chat-skeleton-lines span:first-child{width:28%}.chat-skeleton-lines span:last-child{width:72%}@keyframes chat-pulse{50%{opacity:.45}}.chat-composer{flex-direction:column;gap:.4rem;margin-top:.45rem;display:flex}.chat-reply-banner{border-left:3px solid var(--accent-primary);background:var(--bg-secondary);color:var(--text-muted);border-radius:.4rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .6rem;font-size:.75rem;display:flex}.chat-suggestions{border:1px solid var(--border-primary);background:var(--bg-primary);box-shadow:0 8px 20px color-mix(in srgb, var(--bg-primary) 35%, transparent);border-radius:.75rem}.chat-suggestions ul{margin:0;padding:.2rem;list-style:none}.chat-suggestions button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;padding:.4rem .55rem;display:flex}.chat-suggestions button.is-active,.chat-suggestions button:hover{background:var(--bg-secondary)}.chat-composer-dock{border:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:1rem;flex-wrap:wrap;align-items:flex-end;gap:.25rem;padding:.35rem .35rem .35rem .5rem;display:flex}.chat-composer-dock textarea{resize:none;min-width:0;min-height:2.5rem;max-height:9rem;color:var(--text-primary);font:inherit;field-sizing:content;background:0 0;border:none;flex:8rem;padding:.45rem .2rem;font-size:.9rem}.chat-composer-dock textarea:focus{outline:none}.chat-composer--compact .chat-composer-dock textarea{min-height:2.25rem;max-height:6.5rem}.chat-dock-tools{flex-wrap:wrap;align-items:center;gap:.15rem;display:flex}.chat-send-btn{background:var(--accent-primary);color:var(--on-accent)}.chat-send-btn:hover,.chat-send-btn:focus-visible{background:var(--accent-primary);color:var(--on-accent);filter:brightness(1.08)}.chat-char-count,.chat-composer-hint{color:var(--text-muted);margin:0;font-size:.75rem}.chat-link-menu{position:relative}.chat-link-pop{z-index:4;border:1px solid var(--border-primary);background:var(--bg-primary);min-width:8.5rem;box-shadow:0 8px 20px color-mix(in srgb, var(--bg-primary) 35%, transparent);border-radius:.75rem;flex-direction:column;padding:.25rem;display:flex;position:absolute;bottom:calc(100% + .35rem);left:0}.chat-link-pop button{text-align:left;background:0 0;border-radius:.5rem;align-items:center;gap:.45rem;width:100%;min-height:2rem;display:flex}.chat-link-pop button:hover,.chat-link-pop button:focus-visible,.chat-dock-tools .chat-text-btn.is-active{background:color-mix(in srgb, var(--accent-primary) 16%, transparent);outline:none}.chat-emoji-pop{z-index:5;border:1px solid var(--border-primary);background:var(--bg-primary);width:min(100vw - 2rem,18rem);max-height:14rem;box-shadow:0 10px 24px color-mix(in srgb, var(--bg-primary) 40%, transparent);border-radius:.85rem;padding:.4rem;position:absolute;bottom:calc(100% + .35rem);right:0;overflow:auto}.chat-emoji-grid{grid-template-columns:repeat(8,1fr);gap:.1rem;display:grid}.chat-emoji-grid button{cursor:pointer;background:0 0;border:none;border-radius:.4rem;height:2rem;font-size:1.1rem}.chat-emoji-grid button:hover,.chat-emoji-grid button:focus-visible{background:var(--bg-secondary)}.chat-emoji-anchor,.chat-link-menu{position:relative}.chat-error{color:#ef4444;margin:0 0 .4rem;font-size:.875rem}.chat-guest-auth-cta{margin:0;line-height:1.45}.chat-guest-auth-cta__link{font:inherit;color:var(--accent-primary);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:600;text-decoration:underline}.chat-guest-auth-cta__link:hover{opacity:.85}.home-chat-widget{border:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:1rem;flex-direction:column;padding:.9rem 1rem .85rem;display:flex}.home-chat-widget .chat-message-row{padding-top:.2rem;padding-bottom:.2rem}.home-chat-widget .chat-message-avatar,.home-chat-widget .chat-message-avatar-spacer{flex-basis:1.5rem;width:1.5rem;height:1.5rem;font-size:.65rem}.home-chat-widget .chat-composer{margin-top:.55rem}.chat-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:768px){.chat-page.container{height:calc(100dvh - var(--mobile-bottom-nav-offset,72px) - 1.25rem);flex-direction:column}.chat-rooms{border-right:none;border-bottom:1px solid var(--border-primary);flex-direction:row;flex-basis:auto;gap:.35rem;width:auto;padding:.45rem .15rem .55rem;overflow-x:auto}.chat-rooms-label,.chat-room-blurb{display:none}.chat-room-link{flex:none;align-items:center;padding:.4rem .7rem}.chat-room-link i{margin-top:0}.chat-pane{padding:.65rem .15rem .5rem}.chat-pane-header h1{font-size:1.15rem}}@media (hover:none){.chat-message-actions{opacity:1}}@media (min-width:640px){.chat-suggestions button{flex-direction:row;align-items:center;gap:.5rem}}@media (prefers-reduced-motion:reduce){.chat-live-dot,.chat-skeleton-avatar,.chat-skeleton-lines span{animation:none}}