@font-face{font-family:Archivo;font-style:normal;font-weight:400 700;font-stretch:75% 125%;font-display:swap;src:url(/fonts/archivo-400-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:400 700;font-stretch:75% 125%;font-display:swap;src:url(/fonts/archivo-400-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-ui: "Archivo", "Helvetica Neue", Arial, sans-serif;--font-mono: "IBM Plex Mono", Menlo, Consolas, monospace;--text-micro: 11px;--text-small: 12px;--text-ui: 13px;--text-body: 15px;--text-title: 17px;--text-display: 20px;--text-hero: 30px;--leading-tight: 1.25;--leading-body: 1.55;--radius-sm: 4px;--radius-md: 7px;--radius-lg: 10px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--control-xs: 26px;--control-sm: 30px;--control-md: 36px;--control-call: 42px;--touch-target: 44px;--bar-height: 48px;--avatar-3xs: 16px;--avatar-2xs: 20px;--avatar-xs: 24px;--avatar-sm: 28px;--avatar-md: 32px;--avatar-lg: 36px;--avatar-xl: 40px;--avatar-2xl: 48px;--avatar-3xl: 72px;--avatar-4xl: 96px;--w-rail: 64px;--w-rooms: 248px;--w-members: 240px;--w-aside: 340px;--w-drawer: 400px;--ease: cubic-bezier(.2, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .11s;--dur: .16s;--dur-slow: .3s;--disabled: .5;--busy: .7}:root,.dark-surface{color-scheme:dark;--light: initial;--dark: }@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--light: ;--dark: initial}}:root[data-theme=light]{color-scheme:light;--light: ;--dark: initial}:root,.dark-surface{--surface-deep: var(--light, #14110e) var(--dark, #e6e0d6);--surface-panel: var(--light, #1c1815) var(--dark, #f1ece3);--surface-app: var(--light, #241f1b) var(--dark, #fbf8f3);--surface-float: var(--light, #2e2823) var(--dark, #ffffff);--surface-hover: var(--light, #352e28) var(--dark, #e9e2d7);--surface-selected: var(--light, #443a32) var(--dark, #dbd2c4);--border: var(--light, #332c26) var(--dark, #e2dace);--border-strong: var(--light, #4e453c) var(--dark, #c3b9a9);--media-backdrop: var(--light, #000000) var(--dark, #000000);--ink: var(--light, #f3ede5) var(--dark, #191410);--ink-2: var(--light, #d8cec2) var(--dark, #453d34);--ink-3: var(--light, #b8ac9e) var(--dark, #60574d);--ink-4: var(--light, #a09183) var(--dark, #685e53);--ink-faint: var(--light, #6d6156) var(--dark, #9b9184);--ink-on-solid: #ffffff;--ink-on-media: var(--light, #ffffff) var(--dark, #ffffff);--code-ink: #000000;--code-paper: #ffffff;--brand: var(--light, #6aa6ff) var(--dark, #1b53c0);--brand-hover: var(--light, #9ac2ff) var(--dark, #14409a);--brand-solid: #2f6fe4;--brand-solid-hover: #2259c2;--brand-soft: color-mix(in srgb, var(--brand) var(--light, 20%) var(--dark, 12%), transparent);--live: var(--light, #45c07d) var(--dark, #0c6b40);--live-soft: color-mix(in srgb, var(--live) var(--light, 18%) var(--dark, 12%), transparent);--live-solid: var(--light, #1f7a48) var(--dark, #0c6b40);--live-solid-hover: var(--light, #19653b) var(--dark, #09552f);--warn: var(--light, #f0b429) var(--dark, #7a5006);--warn-soft: color-mix(in srgb, var(--warn) var(--light, 18%) var(--dark, 12%), transparent);--danger: var(--light, #ff7361) var(--dark, #b32d1f);--danger-solid: var(--light, #d73f2c) var(--dark, #b32d1f);--danger-solid-hover: var(--light, #bd3324) var(--dark, #97251a);--danger-soft: color-mix(in srgb, var(--danger) var(--light, 18%) var(--dark, 10%), transparent);--scrim: var(--light, #0b0806) var(--dark, #2b231a);--shadow-float: var(--light, 0 10px 28px rgb(0 0 0 / .5)) var(--dark, 0 8px 24px rgb(43 35 26 / .16));--shadow-dialog: var(--light, 0 22px 60px rgb(0 0 0 / .6)) var(--dark, 0 20px 56px rgb(43 35 26 / .24));--shadow-drawer: var(--light, -16px 0 40px rgb(0 0 0 / .35)) var(--dark, -16px 0 40px rgb(43 35 26 / .2))}@media(pointer:coarse){:root{--control-xs: 32px;--control-sm: 38px;--control-md: 44px}}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--surface-app);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-ui);line-height:var(--leading-body);font-synthesis-weight:none;-webkit-font-smoothing:antialiased}a:where(:not(.btn)),.link{color:var(--brand);text-decoration:none;border:0;padding:0;background:none;font:inherit;cursor:pointer}a:where(:not(.btn)):hover,.link:hover{color:var(--brand-hover);text-decoration:underline}a.btn{text-decoration:none}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--ink);background:none;border:0;outline:0;width:100%}input::placeholder,textarea::placeholder{color:var(--ink-4)}button{font-family:inherit;border:0;background:none;color:inherit;padding:0}h1,h2,h3,h4{margin:0;font-weight:620;line-height:var(--leading-tight);letter-spacing:-.012em}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid transparent;background-clip:content-box;border-radius:var(--radius-full)}::-webkit-scrollbar-track{background:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(pointer:coarse){input,textarea,select{font-size:max(16px,1em)}}.display{font-family:var(--font-ui);font-weight:620;font-stretch:108%;letter-spacing:-.012em;line-height:var(--leading-tight)}.mono{font-family:var(--font-mono);font-size:.92em}.num{font-variant-numeric:tabular-nums}.ic{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.ic-xs{width:13px;height:13px;stroke-width:1.9}.ic-sm{width:15px;height:15px;stroke-width:1.8}.ic-lg{width:20px;height:20px}.ic-xl{width:26px;height:26px;stroke-width:1.5}.note{font-size:var(--text-small);line-height:var(--leading-body);color:var(--ink-4);text-wrap:pretty}ag-notice .said{display:block;margin-top:var(--space-1);font-size:var(--text-small);color:var(--ink-4)}.lede{margin:0;font-size:var(--text-ui);line-height:var(--leading-body);color:var(--ink-3);text-wrap:pretty}.av{border-radius:var(--radius-full);background:var(--surface-hover);color:var(--ink-3);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;letter-spacing:.01em;overflow:hidden}.av-space{border-radius:var(--radius-md)}.chip{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 6px;border-radius:var(--radius-sm);background:var(--surface-hover);color:var(--ink-3);font-size:var(--text-micro);font-weight:500;white-space:nowrap}.chip-srv{padding:0 3px;background:transparent;border:1px solid var(--border-strong);font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--ink-4)}.chip-live{background:var(--live-soft);color:var(--live);font-variant-numeric:tabular-nums}.chip-role{background:var(--brand-soft);color:var(--brand)}.chip-bot{color:var(--ink-4)}.chip-ok{background:var(--live-soft);color:var(--live)}.chip-warn{background:var(--warn-soft);color:var(--warn)}.chip-danger{background:var(--danger-soft);color:var(--danger)}.badge{min-width:17px;height:17px;padding:0 5px;border-radius:var(--radius-full);background:var(--brand-solid);color:var(--ink-on-solid);font-size:var(--text-micro);font-weight:650;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center}.dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--ink);flex-shrink:0}.dot.online{background:var(--live)}.dot.away{background:var(--warn)}.dot.offline{background:var(--ink-faint)}.dot.unknown{background:transparent}.stat{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-small);font-variant-numeric:tabular-nums;color:var(--ink-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:var(--control-md);padding:0 14px;border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-ui);font-weight:600;line-height:1;cursor:pointer;border:1px solid transparent;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.btn-primary{background:var(--brand-solid);color:var(--ink-on-solid)}.btn-primary:hover:where(:not(:disabled)){background:var(--brand-solid-hover)}.btn-primary:focus-visible{outline-color:var(--ink)}.btn-secondary{background:var(--surface-hover);color:var(--ink);border-color:var(--border-strong)}.btn-secondary:hover:where(:not(:disabled)){background:var(--surface-selected)}.btn-ghost{background:transparent;color:var(--ink-3)}.btn-ghost:hover:where(:not(:disabled)){background:var(--surface-hover);color:var(--ink)}.btn-danger{background:var(--danger-solid);color:var(--ink-on-solid)}.btn-danger:hover:where(:not(:disabled)){background:var(--danger-solid-hover)}.btn[aria-busy=true]{opacity:var(--busy);cursor:progress}.btn-sm{height:var(--control-sm);padding:0 11px;font-size:var(--text-ui)}.btn-lg{height:var(--touch-target);padding:0 18px;font-size:var(--text-body)}.btn-ic{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-3);cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.btn-ic:hover:where(:not(:disabled)),.btn-ic:focus-visible{background:var(--surface-hover);color:var(--ink)}.btn-ic.on{background:var(--surface-selected);color:var(--ink)}.btn-ic.danger:hover:where(:not(:disabled)),.btn-ic.danger:focus-visible{background:var(--danger-soft);color:var(--danger)}.btn-ic.xs{width:var(--control-xs);height:var(--control-xs)}:is(.btn,.btn-ic,.seg,.mitem,.ctl,.room,.tab):disabled:not([aria-busy=true]){opacity:var(--disabled);cursor:default}.field{display:flex;align-items:center;gap:8px;height:var(--control-md);padding:0 10px;border-radius:var(--radius-md);background:var(--surface-deep);border:1px solid var(--border-strong);color:var(--ink-4);font-size:var(--text-ui);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.field-sm{height:var(--control-sm)}.field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.field>:is(input,select,textarea):focus-visible{outline:none}.field.invalid{border-color:var(--danger)}.field.invalid:focus-within{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.field:has(>:disabled){opacity:var(--disabled)}.segbar{display:flex;gap:2px;padding:2px;border-radius:var(--radius-md);background:var(--surface-deep);border:1px solid var(--border)}.seg{height:var(--control-xs);padding:0 10px;border-radius:var(--radius-sm);font-size:var(--text-small);font-weight:500;color:var(--ink-4);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.seg:hover:where(:not(:disabled)){color:var(--ink-2)}.seg.on{background:var(--surface-app);border:1px solid var(--border);padding:0 9px;color:var(--ink)}.room{display:flex;align-items:center;gap:7px;height:32px;padding:0 8px;border-radius:var(--radius-md);color:var(--ink-3);font-size:var(--text-ui);font-weight:500;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.room:hover{background:var(--surface-hover);color:var(--ink-2)}.room.unread{color:var(--ink);font-weight:600}.room.active,.room.active:hover{background:var(--surface-selected);color:var(--ink)}.member{display:flex;align-items:center;gap:9px;height:36px;padding:0 8px;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--dur-fast) var(--ease)}.member:hover{background:var(--surface-hover)}.mitem{display:flex;align-items:center;gap:9px;width:100%;min-height:var(--control-sm);padding:0 9px;border-radius:var(--radius-md);color:var(--ink-2);font-size:var(--text-ui);cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.mitem:hover:where(:not(:disabled)){background:var(--surface-hover);color:var(--ink)}.mitem.on{background:var(--surface-selected);color:var(--ink)}.mitem.danger{color:var(--danger)}.mitem.danger:hover:where(:not(:disabled)),.mitem.danger:focus-visible{background:var(--danger-soft);color:var(--danger)}.cat{display:flex;align-items:center;gap:6px;padding:14px 8px 5px;font-size:var(--text-small);font-weight:600;color:var(--ink-4)}.msg{display:flex;gap:12px;padding:3px 16px;transition:background-color var(--dur-fast) var(--ease)}.msg:hover{background:var(--surface-hover)}.msg-head{display:flex;align-items:baseline;flex-wrap:nowrap;gap:7px;margin-bottom:1px}.msg-head>*{flex-shrink:0}.msg-head .name{flex-shrink:1}.name{min-width:0;font-weight:620;font-size:var(--text-ui);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time{font-size:var(--text-micro);font-variant-numeric:tabular-nums;color:var(--ink-4)}.body-txt{font-size:var(--text-body);line-height:1.45;color:var(--ink-2);overflow-wrap:anywhere}.file-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:var(--text-small);font-variant-numeric:tabular-nums;color:var(--ink-4)}.doomed{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);background:var(--surface-deep)}.doomed-who{display:flex;flex-direction:column;min-width:0}.mention{padding:0 3px;border-radius:var(--radius-sm);color:var(--brand);font-weight:500}.mention.yours{background:var(--brand-soft)}.react{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 7px;border-radius:var(--radius-sm);background:var(--surface-hover);border:1px solid transparent;font-size:var(--text-small);font-variant-numeric:tabular-nums;color:var(--ink-2);cursor:pointer;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.react:hover{border-color:var(--border-strong)}.react.mine{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-hover)}.divider-day,.divider-new{display:flex;align-items:center;gap:10px;padding:14px 16px 6px}.divider-day span{font-size:var(--text-micro);font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink-4)}.divider-new span{font-size:var(--text-micro);font-weight:600;color:var(--brand);white-space:nowrap}.divider-day:before,.divider-day:after,.divider-new:after{content:"";flex:1;height:1px;background:var(--border)}.divider-new:after{background:var(--brand-soft)}.panel{background:var(--surface-float);border:1px solid var(--border);border-radius:var(--radius-lg)}.pop{position:absolute;max-width:calc(100vw - var(--space-8));background:var(--surface-float);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);overflow:hidden}.scrim{position:absolute;inset:0;background:color-mix(in srgb,var(--scrim) 62%,transparent);display:flex;align-items:center;justify-content:center;padding-block:var(--space-8);z-index:5}.scrim.bare{background:color-mix(in srgb,var(--scrim) 30%,transparent);padding:0}.away{position:fixed;inset:0}.empty-state{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-5) var(--space-3);color:var(--ink-4);font-size:var(--text-ui);text-wrap:pretty}.empty-state b{color:var(--ink-2);font-weight:600}.empty-state p{margin:0;line-height:var(--leading-body)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-hover) 0%,var(--surface-selected) 50%,var(--surface-hover) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.pop,.sheet{animation:rise var(--dur) var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(4px) scale(.985)}to{opacity:1;transform:none}}.tipped{position:relative;display:inline-flex}.tip{position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%) translateY(var(--space-1));padding:var(--space-1) var(--space-2);background:var(--surface-float);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-float);color:var(--ink);font-size:var(--text-small);font-weight:600;line-height:var(--leading-tight);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:6;transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),visibility var(--dur-fast) var(--ease)}.tip:after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;margin-left:-4px;transform:rotate(45deg);background:var(--surface-float);border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong)}.tip-below{bottom:auto;top:calc(100% + var(--space-2));transform:translate(-50%) translateY(calc(var(--space-1) * -1))}.tip-below:after{bottom:auto;top:-4px;border-right:0;border-bottom:0;border-left:1px solid var(--border-strong);border-top:1px solid var(--border-strong)}.tipped:hover>.tip,.tipped:focus-visible>.tip,.tipped:has(:focus-visible)>.tip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.tip-end{left:auto;right:0;transform:translateY(var(--space-1))}.tip-end:after{left:auto;right:9px}.tipped:hover>.tip-end,.tipped:focus-visible>.tip-end,.tipped:has(:focus-visible)>.tip-end{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.tip{transition:none}}.ctl{width:var(--control-call);height:var(--control-call);border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;background:var(--surface-hover);color:var(--ink-3);border:1px solid transparent;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.ctl:hover:where(:not(:disabled)){background:var(--surface-selected);color:var(--ink)}.ctl.on{background:color-mix(in srgb,var(--live) 24%,var(--surface-hover));color:var(--live)}.ctl.small{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-md)}.ctl.waiting:after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid transparent;border-top-color:var(--brand);animation:spin .7s linear infinite}.ctl[aria-busy=true]{cursor:progress}@keyframes spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.ctl.waiting:after{animation:none}}.ctl.hang{background:var(--danger-solid);color:var(--ink-on-solid);width:68px}.ctl.hang .ic{transform:rotate(135deg)}.ctl.hang:hover:where(:not(:disabled)){background:var(--danger-solid-hover);color:var(--ink-on-solid)}.ctl.answer{background:var(--live-solid);color:var(--ink-on-solid);width:68px}.ctl.answer:hover:where(:not(:disabled)){background:var(--live-solid-hover);color:var(--ink-on-solid)}.ctl.leave{background:color-mix(in srgb,var(--danger) 24%,var(--surface-hover));color:var(--danger)}.ctl.leave:hover:where(:not(:disabled)){background:var(--danger-solid);color:var(--ink-on-solid)}.capsule{display:flex;align-items:center;gap:2px;padding:3px;border-radius:var(--radius-full);background:var(--surface-app)}.capsule .ctl{width:var(--control-md);height:var(--control-md)}.capsule .ctl:not(.on){background:transparent}.capsule .ctl:not(.on):hover:where(:not(:disabled)){background:var(--surface-hover)}.capsule .ctl.pick{width:22px;margin-left:-2px;color:var(--ink-4)}@media(pointer:coarse){.capsule .ctl{width:var(--touch-target);height:var(--touch-target)}.capsule .ctl.pick{width:28px}}.tile{border-radius:var(--radius-lg);background:var(--surface-panel);border:1px solid var(--border);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color var(--dur) var(--ease)}.tile.speaking{border-color:var(--live);box-shadow:0 0 0 1px var(--live)}.tile-name{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);display:flex;align-items:center;gap:6px;padding:3px 7px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-deep) 78%,transparent);color:var(--ink);font-size:var(--text-micro);font-weight:500}.level{height:var(--control-xs);margin:0;accent-color:var(--brand);cursor:pointer}.level:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-full)}.bars{display:flex;align-items:flex-end;gap:2px;height:12px}.bars i{display:block;width:3px;border-radius:2px;background:var(--live)}.rail{width:var(--w-rail);flex-shrink:0;background:var(--surface-deep);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:6px;border-right:1px solid var(--border);overflow-y:auto;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail-btn{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-3);background:var(--surface-panel);transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.rail-btn:hover{background:var(--surface-hover);color:var(--ink)}.railsel{position:relative;display:flex;align-items:center}.railsel>i{position:absolute;left:-10px;width:3px;height:24px;border-radius:0 2px 2px 0;background:var(--brand)}.col2{width:var(--w-rooms);flex-shrink:0;background:var(--surface-panel);display:flex;flex-direction:column;border-right:1px solid var(--border)}.col2-h{height:var(--bar-height);flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 8px 0 12px;border-bottom:1px solid var(--border)}.col2-b{flex:1;overflow-y:auto;padding:4px 8px 8px}.userbar{flex-shrink:0;display:flex;align-items:center;gap:4px;height:52px;margin:4px 8px 8px;padding:0 6px 0 8px;border-radius:var(--radius-lg);background:var(--surface-float)}.main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--surface-app)}.topbar{height:var(--bar-height);flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 10px 0 16px;border-bottom:1px solid var(--border);background:var(--surface-app)}.tl{flex:1;overflow-y:auto;padding:12px 0 8px;display:flex;flex-direction:column}.composer{flex-shrink:0;margin:0 16px 16px;background:var(--surface-float);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:6px 8px;display:flex;flex-direction:column;gap:4px;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.composer:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.composer-row{display:flex;align-items:flex-end;gap:6px}.composer-txt{flex:1;font-size:var(--text-body);line-height:1.5}.side{width:var(--w-members);flex-shrink:0;background:var(--surface-panel);border-left:1px solid var(--border);display:flex;flex-direction:column}.side.drawer{width:var(--w-aside)}@media(max-width:1100px){.side.drawer{position:absolute;top:0;right:0;bottom:0;z-index:8;width:min(var(--w-drawer),100%);box-shadow:var(--shadow-drawer)}}.side-h{height:var(--bar-height);flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--border)}.side-b{flex:1;overflow-y:auto;padding:4px 8px 8px}.tabbar{flex-shrink:0;display:flex;gap:2px;background:var(--surface-panel);border-top:1px solid var(--border);padding:6px 6px 8px}.tab{flex:1;min-height:var(--touch-target);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-4);font-size:var(--text-micro);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.tab.on{background:var(--surface-selected);color:var(--ink)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}.ctl:focus-visible{border-radius:var(--radius-full)}.room:focus-visible,.member:focus-visible,.mitem:focus-visible,.seg:focus-visible,.tab:focus-visible,.msg:focus-visible{outline-offset:-2px}ag-root{display:block;height:100dvh}.typing i{display:inline-block;width:4px;height:4px;border-radius:var(--radius-full);background:var(--ink-4);margin-right:3px;animation:pulse 1.1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.composer.silent{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;color:var(--ink-4)}