.chat-dock .chat-dock-panel .chat-message-list{max-width:64ch;padding:var(--space-4) var(--space-4) var(--space-3);margin-inline:auto}.chat-dock .chat-dock-panel .chat-message{padding:var(--space-3) 0 var(--space-3) calc(28px + var(--space-3))}.chat-dock .chat-dock-panel .chat-message header{min-height:24px}.chat-dock .chat-dock-panel .chat-message strong{font-family:var(--font-ui);font-size:var(--type-label-size);font-weight:650;line-height:var(--type-section-leading)}.chat-dock .chat-dock-panel .chat-message time{font-family:var(--font-ui);font-size:var(--type-meta-size)}.chat-dock .chat-dock-panel .chat-message p{margin:var(--space-1) 0 0;font-family:var(--font-ui);font-size:var(--type-body-size);line-height:var(--type-body-leading)}.chat-dock .chat-dock-panel .chat-message:has(+.chat-message[data-grouped=true]){padding-bottom:var(--space-1)}.chat-dock .chat-dock-panel .chat-message[data-grouped=true]{padding-top:var(--space-1)}.chat-dock .chat-dock-panel .chat-message[data-grouped=true]>p{margin-top:0}.chat-dock .chat-dock-panel .chat-message[data-own=true]>p{border-radius:var(--radius-slab);padding:var(--space-2) var(--space-3)}.chat-dock .chat-dock-panel .chat-message[data-grouped=true][data-own=true]>p{border-radius:var(--radius-sm) var(--radius-sm) var(--radius-slab) var(--radius-slab)}.chat-dock .chat-dock-panel .chat-author-avatar{border-radius:var(--radius-pill)}.chat-dock .chat-dock-panel .chat-message-edited{font-size:var(--type-meta-size)}.chat-dock .chat-dock-panel :is(.match-room-composer,.lounge-composer){margin:var(--space-2) var(--space-3) var(--space-3);padding:var(--space-1);gap:var(--space-1);border:1px solid var(--line);border-radius:var(--radius-slab);background:var(--surface);transition:border-color var(--motion-state) var(--ease-ui), box-shadow var(--motion-state) var(--ease-ui)}.chat-dock .chat-dock-panel :is(.match-room-composer,.lounge-composer):has(textarea:focus-visible){outline:var(--focus-ring);outline-offset:2px}.chat-dock .chat-dock-panel :is(.match-room-composer,.lounge-composer) textarea{border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:var(--type-label-size);line-height:var(--type-body-leading)}.chat-dock .chat-dock-panel :is(.match-room-compose-actions,.lounge-compose-actions) button{border-radius:var(--radius-slab);transition:background-color var(--motion-state) var(--ease-ui), transform var(--motion-state) var(--ease-ui), opacity var(--motion-state) var(--ease-ui)}.chat-dock .chat-dock-panel :is(.match-room-compose-actions,.lounge-compose-actions) button:not(:disabled):hover{transform:translateY(-1px)}.chat-dock .chat-dock-panel :is(.match-room-compose-actions,.lounge-compose-actions) button:not(:disabled):active{transform:translateY(0)}.chat-dock .chat-dock-panel :is(.match-room-compose-actions,.lounge-compose-actions) p:not(.sr-only),.chat-dock .chat-dock-panel .match-room-status.error,.chat-dock .chat-dock-panel .form-status.error{font-size:var(--type-meta-size)}.chat-dock .chat-dock-panel :is(.match-room-composer,.lounge-composer) .chat-slow{gap:var(--space-1);padding:var(--space-1) var(--space-2);color:var(--ink);font-size:var(--type-meta-size);grid-column:1/-1;line-height:1.4;display:grid}.chat-dock .chat-dock-panel .chat-slow p{overflow-wrap:anywhere;margin:0}.chat-dock .chat-dock-panel .chat-slow .chat-slow-wait{color:var(--muted);font-variant-numeric:tabular-nums}.chat-dock .chat-dock-panel .chat-connection{gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-ui);font-size:var(--type-meta-size)}.chat-dock .chat-dock-panel .chat-connection i{border-radius:var(--radius-pill);background:var(--muted)}.chat-dock .chat-dock-panel .chat-room-empty,.chat-dock .chat-dock-panel .chat-empty{gap:var(--space-2);padding:var(--space-8) var(--space-4)}.chat-dock .chat-dock-panel .chat-room-empty strong,.chat-dock .chat-dock-panel .chat-empty h2{font-family:var(--font-ui);font-size:var(--type-section-size);line-height:var(--type-section-leading);font-weight:650}.chat-dock .chat-dock-panel .chat-room-empty p,.chat-dock .chat-dock-panel .chat-empty p{max-width:42ch;margin:var(--space-1) auto;color:var(--muted);font-family:var(--font-ui);font-size:var(--type-label-size);line-height:var(--type-body-leading)}.chat-dock .chat-dock-panel .chat-new-messages{border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--z1-contact), var(--z1-ambient);font-family:var(--font-ui);font-size:var(--type-label-size);transition:background-color var(--motion-state) var(--ease-ui), box-shadow var(--motion-state) var(--ease-ui), transform var(--motion-state) var(--ease-ui)}.chat-dock .chat-dock-panel .chat-new-messages:hover{box-shadow:var(--z2-contact), var(--z2-ambient);transform:translateY(-2px)}.chat-dock .chat-dock-panel .chat-history-note{font-size:var(--type-meta-size)}.chat-dock .chat-dock-panel .chat-signin{padding:var(--space-3) var(--space-4);font-size:var(--type-label-size)}.chat-dock .chat-dock-panel .chat-signin a{border-radius:var(--radius-slab);min-height:44px;transition:background-color var(--motion-state) var(--ease-ui)}.chat-dock .chat-dock-panel .chat-signin a:hover{background:var(--surface-soft)}.chat-dock .chat-dock-panel :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:var(--focus-ring);outline-offset:2px}.chat-dock .chat-dock-panel .chat-message-window:focus-visible{outline:var(--focus-ring);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.chat-dock .chat-dock-panel :is(.match-room-composer,.lounge-composer,.match-room-compose-actions button,.lounge-compose-actions button,.chat-new-messages,.chat-signin a){transition:none;transform:none}}
.dock-button{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:relative}.dock-button.dock-button:before,button.dock-button.dock-button:before{content:"";width:30px;height:30px;filter:drop-shadow(0 1px 1px color-mix(in srgb, var(--shade) 35%, transparent));background:currentColor;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M104 8H242L213 44Q206 52 194 52H112C83 52 64 69 64 94C64 115 78 128 100 132C91 145 91 161 100 175C48 175 14 141 14 95C14 47 52 8 104 8Z'/%3E%3Cpath d='M112 72H157C208 72 242 106 242 153C242 201 208 238 157 238H10L24 210Q32 194 49 194H153C178 194 194 176 194 153C194 130 178 111 153 111H108Q92 111 92 97V92Q92 72 112 72Z'/%3E%3Ccircle cx='137' cy='152' r='26'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M104 8H242L213 44Q206 52 194 52H112C83 52 64 69 64 94C64 115 78 128 100 132C91 145 91 161 100 175C48 175 14 141 14 95C14 47 52 8 104 8Z'/%3E%3Cpath d='M112 72H157C208 72 242 106 242 153C242 201 208 238 157 238H10L24 210Q32 194 49 194H153C178 194 194 176 194 153C194 130 178 111 153 111H108Q92 111 92 97V92Q92 72 112 72Z'/%3E%3Ccircle cx='137' cy='152' r='26'/%3E%3C/svg%3E") 50%/contain no-repeat}.dock-button.dock-button[aria-expanded=true]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E")}.mobile-action-hub>.mobile-actions-trigger.dock-button,.chat-launcher.dock-button{place-items:center;overflow:visible}.mobile-action-hub>.mobile-actions-trigger.dock-button{display:grid}@media (min-width:901px){.app-workspace .app-frame{--dock-size:56px;--s-edge:24px;--s-clear:calc(var(--s-edge) + var(--dock-size) + 16px)}.app-workspace .app-frame[data-chat-open=false]{--s-end:var(--s-clear)}.app-workspace .app-frame>.chat-launcher.dock-button{right:calc(var(--s-edge) + env(safe-area-inset-right,0px));bottom:calc(var(--s-edge) + env(safe-area-inset-bottom,0px));translate:0 calc(var(--s-lift,0px) * -1);box-sizing:border-box;width:var(--dock-size);height:var(--dock-size);min-width:44px;min-height:44px;transition:translate var(--motion-state) var(--ease-ui), filter var(--motion-state) var(--ease-ui);border:0;border-radius:50%;padding:0;display:grid;left:auto}.app-workspace .app-frame>.chat-launcher.dock-button:hover{filter:brightness(1.1)}.app-workspace .app-frame>.chat-launcher.dock-button:focus-visible{outline:var(--focus-ring-on-action);outline-offset:-4px}.app-workspace .app-frame:has(.md-stadium[data-theatre])>:is(.chat-launcher.dock-button,.dk-palette){display:none}}.dock-badge{background:var(--live-plate);min-width:22px;height:22px;color:var(--on-live-plate);box-shadow:0 0 0 2px var(--stand);font:700 .8125rem/22px var(--font-ui);text-align:center;font-variant-numeric:tabular-nums;border-radius:11px;padding:0 6px;position:absolute;top:-4px;right:-4px}.dock-dot{background:var(--gold);width:12px;height:12px;box-shadow:0 0 0 2px var(--stand);border-radius:50%;position:absolute;top:-1px;right:-1px}.dock-button[aria-expanded=true]>:is(.dock-badge,.dock-dot,.dock-live,.dock-live-pulse){display:none}.dock-live{background:var(--led);width:12px;height:12px;box-shadow:0 0 0 2px var(--stand);pointer-events:none;animation:dock-live-breathe var(--motion-breathe) var(--ease-cycle) infinite;border-radius:50%;position:absolute;top:2px;left:2px}@keyframes dock-live-breathe{50%{opacity:.55}}.dock-live-pulse{width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in srgb, var(--led) 42%, transparent), 0 0 14px 5px color-mix(in srgb, var(--led) 55%, transparent);opacity:0;pointer-events:none;animation:dock-live-pulse var(--motion-sweep) var(--ease-space) 1 both;border-radius:50%;position:absolute;top:2px;left:2px}@keyframes dock-live-pulse{0%{opacity:0;scale:.6}28%{opacity:1;scale:1.05}to{opacity:0;scale:1.9}}@media (prefers-reduced-motion:reduce){.dock-live-pulse{display:none}}:root[data-live=paused] .dock-live{animation:none}:root[data-live=paused] .dock-live-pulse,.dock-tip{display:none}@media (max-width:900px){.dock-tip{z-index:25;right:max(8px, env(safe-area-inset-right,0px));bottom:calc(var(--tabbar-lift,8px) + var(--size-tab-bar) + 14px);box-sizing:border-box;background:var(--dugout);width:min(264px,100vw - 16px);color:var(--on-stand);box-shadow:0 0 0 1px var(--dugout-edge), var(--shadow-float);animation:dock-tip-in var(--motion-content) var(--ease-space) both;--reduced-animation:fade-in;border-radius:16px;padding:12px 14px 6px;display:block;position:fixed}.dock-tip:after{content:"";right:calc(var(--dock-size,56px) / 2 - 6px);background:var(--dugout);clip-path:polygon(100% 0,100% 100%,0 100%);width:12px;height:12px;position:absolute;bottom:-6px;rotate:45deg}.dock-tip>p{font:var(--type-meta-weight) var(--type-meta-size) / 1.4 var(--font-ui);margin:0}.dock-tip>p>b{font:var(--weight-semibold) .9375rem / 1.3 var(--font-ui);margin-bottom:2px;display:block}.dock-tip-close{min-height:44px;color:var(--on-stand);font:var(--weight-semibold) .875rem / 1 var(--font-ui);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin:0 -8px 0 auto;padding:0 8px;text-decoration:underline;display:block}.dock-tip-close:focus-visible{outline:2px solid var(--on-stand);outline-offset:-2px;border-radius:8px}@keyframes dock-tip-in{0%{opacity:0;translate:0 8px}}}.app-workspace .app-frame>:is(.chat-dock,.dk-palette){--dk-pane:color-mix(in srgb, var(--surface-solid) 55%, var(--surface-recessed));--dk-chip:var(--canvas-fill);--dk-line:var(--canvas-line);--ink:var(--on-canvas);--muted:var(--on-canvas-soft);--quiet:var(--on-canvas-soft);--surface:var(--surface-solid);--surface-elevated:var(--surface-solid);--surface-soft:var(--canvas-fill);--surface-recessed:color-mix(in srgb, var(--on-canvas) 6%, transparent);--fill:var(--canvas-fill);--fill-press:color-mix(in srgb, var(--on-canvas) 14%, transparent);--line:var(--canvas-line);--line-strong:color-mix(in srgb, var(--on-canvas) 22%, transparent);--line-control:color-mix(in srgb, var(--on-canvas) 45%, transparent);--brand-soft:color-mix(in srgb, var(--on-canvas) 10%, transparent);--canvas:var(--surface-solid);--canvas-warm:var(--surface-solid);--focus:var(--on-canvas);--action:var(--selection);--action-hover:color-mix(in srgb, var(--selection) 88%, var(--on-canvas));--ink-on-action:var(--on-selection);--focus-ring-on-action:2px solid var(--on-selection);color:var(--ink)}@media (max-width:900px){.app-workspace .app-frame>.chat-dock{z-index:30;inset:auto 8px calc(var(--mobile-navigation-clearance,84px) + 6px);height:auto;max-height:min(calc(100% - var(--mobile-navigation-clearance,84px) - 40px), 660px);background:color-mix(in srgb, var(--surface-solid) 97%, transparent);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);backdrop-filter:blur(var(--glass-blur)) saturate(160%);box-shadow:var(--relief-panel), inset 0 0 0 100vmax var(--relief-tone), 0 0 0 1px var(--surface-edge), 0 24px 60px -12px color-mix(in srgb, var(--shade) 60%, transparent);transform-origin:100% 100%;border:0;border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.app-workspace .app-frame>.chat-dock .chat-dock-panel{border-radius:inherit;flex:auto;height:auto;min-height:0;padding-top:0}.app-workspace .app-frame>.chat-dock:is([data-panel=room],[data-panel=list],[data-panel=posts]){height:min(660px, calc(100% - var(--mobile-navigation-clearance,84px) - 40px))}.chat-dock-panel:before{content:"";background:var(--dk-line);width:38px;height:5px;box-shadow:var(--relief-grab);border-radius:3px;flex:none;margin:8px auto 2px}.app-frame>.chat-dock>.companion-resizer{display:none}}@media (min-width:901px){.app-workspace .app-frame>.chat-dock{background:var(--dk-pane);border-left:1px solid var(--line)}}.dk-palette{display:none}@media (min-width:901px){.app-workspace .app-frame>.dk-palette{z-index:35;right:calc(var(--s-edge) + env(safe-area-inset-right,0px));bottom:calc(var(--s-edge) + env(safe-area-inset-bottom,0px) + var(--dock-size) + 12px);translate:0 calc(var(--s-lift,0px) * -1);box-sizing:border-box;width:360px;max-width:calc(100vw - 48px);max-height:min(70dvh, calc(100dvh - var(--s-edge) - var(--dock-size) - 28px - var(--s-lift,0px)));overscroll-behavior:contain;background:var(--surface-solid);box-shadow:var(--relief-lit), inset 0 0 0 100vmax var(--relief-tone), 0 0 0 1px var(--surface-edge), 0 24px 60px -12px color-mix(in srgb, var(--shade) 60%, transparent), 0 8px 22px -8px color-mix(in srgb, var(--shade) 40%, transparent);transform-origin:100% 100%;transition:translate var(--motion-state) var(--ease-ui);animation:dock-palette-in var(--motion-content) var(--ease-space) both;--reduced-animation:fade-in;border-radius:20px;padding-top:12px;display:block;position:fixed;overflow:hidden auto}.dk-palette .dk-tiles{grid-template-columns:repeat(auto-fit,minmax(max(5.1em,90px),1fr))}.dk-palette-note{color:var(--muted);font:var(--weight-regular) .8125rem / 1.3 var(--font-ui);justify-content:flex-end;align-items:center;gap:6px;margin:0;padding:0 16px 12px;display:flex}.dk-key{border:1px solid color-mix(in srgb, var(--on-canvas) 26%, transparent);font:var(--weight-semibold) .8125rem / 1 var(--font-ui);border-radius:6px;padding:2px 7px}@keyframes dock-palette-in{0%{opacity:0;translate:0 8px;scale:.97}}}@media (prefers-reduced-transparency:reduce){.app-workspace .app-frame>.chat-dock{background:var(--surface-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}