pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}:root{--bg-base: #0b0d12;--bg-rail: #0e1116;--bg-panel: #14171f;--bg-elevated: #1a1d27;--bg-hover: #21242f;--bg-active: #2a2e3c;--bg-input: #1c1f2a;--bg-bubble-self: #5865f2;--bg-bubble-other: #21242f;--border-subtle: #232734;--border-strong: #2d3243;--text-primary: #e8eaed;--text-secondary: #b1b6c2;--text-muted: #7d8390;--text-on-accent: #ffffff;--accent: #6b7cff;--accent-hover: #7d8bff;--accent-soft: rgba(107, 124, 255, .16);--success: #2ec27e;--danger: #ef4444;--warning: #f59e0b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px rgba(0, 0, 0, .35);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .45);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--rail-w: 72px;--list-w: 320px;--members-w: 256px;--font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;--duration-fast: .12s;--duration-base: .2s}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea{font:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#3a4055}::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:var(--rail-w) var(--list-w) 1fr var(--members-w);grid-template-areas:"rail list main members";height:100dvh;background:var(--bg-base)}.app[data-section=friends]{grid-template-columns:var(--rail-w) 1fr;grid-template-areas:"rail main"}.app__rail{grid-area:rail;min-height:0;min-width:0}.app__list{grid-area:list;min-height:0;min-width:0;display:flex}.app__thread{grid-area:main;min-height:0;min-width:0;display:flex}.app__members{grid-area:members;min-height:0;min-width:0;display:flex}.app__rail>*,.app__list>*,.app__thread>*,.app__members>*{flex:1;min-height:0;min-width:0}.rail{background:var(--bg-rail);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:6px}.rail__brand{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent),#9b5cf6);display:grid;place-items:center;color:#fff;font-weight:700;font-size:18px;letter-spacing:-.02em;margin-bottom:8px;box-shadow:var(--shadow-sm)}.rail__divider{width:28px;height:1px;background:var(--border-subtle);margin:2px 0 6px}.rail__btn{position:relative;width:44px;height:44px;border-radius:var(--radius-md);display:grid;place-items:center;color:var(--text-muted);transition:background var(--duration-fast),color var(--duration-fast)}.rail__btn:hover{background:var(--bg-hover);color:var(--text-primary)}.rail__btn[aria-current=page]{background:var(--accent-soft);color:var(--accent-hover)}.rail__btn[aria-current=page]:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:4px;height:22px;border-radius:0 4px 4px 0;background:var(--accent)}.rail__spacer{flex:1}.rail__avatar{width:40px;height:40px}.rail__svg{width:22px;height:22px}.list-panel{background:var(--bg-panel);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;min-height:0}.list-panel__header{padding:18px 18px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.list-panel__title{font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0}.list-panel__action{width:32px;height:32px;border-radius:var(--radius-md);display:grid;place-items:center;color:var(--text-secondary);background:var(--bg-elevated);transition:background var(--duration-fast),color var(--duration-fast)}.list-panel__action:hover{background:var(--accent);color:var(--text-on-accent)}.list-panel__action svg{width:16px;height:16px}.search{margin:0 14px 12px;position:relative}.search input{width:100%;background:var(--bg-input);border:1px solid transparent;border-radius:var(--radius-md);padding:9px 12px 9px 36px;color:var(--text-primary);font-size:13px;transition:border-color var(--duration-fast)}.search input::placeholder{color:var(--text-muted)}.search input:focus{border-color:var(--accent);outline:none}.search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search__icon svg{width:14px;height:14px}.tabs{display:flex;gap:4px;padding:0 14px 8px}.tabs button{flex:1;padding:7px 8px;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-elevated);border-radius:var(--radius-md);transition:background var(--duration-fast),color var(--duration-fast);letter-spacing:.02em}.tabs button:hover{color:var(--text-primary)}.tabs button.active{background:var(--accent);color:var(--text-on-accent)}.conversations{flex:1;overflow-y:auto;padding:4px 8px 16px}.conversations__empty{padding:32px 16px;text-align:center;color:var(--text-muted);font-size:13px}.conv{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast);margin-bottom:2px}.conv:hover{background:var(--bg-hover)}.conv.active{background:var(--bg-active)}.conv__icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-elevated);display:grid;place-items:center;color:var(--text-secondary);font-weight:600;font-size:14px;flex-shrink:0;position:relative}.conv__icon[data-dm=true]{background:linear-gradient(135deg,var(--accent),#9b5cf6);color:#fff;border-radius:var(--radius-pill)}.conv__icon[data-online=true]:after{content:"";position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:var(--success);border:2px solid var(--bg-panel)}.conv__main{flex:1;min-width:0}.conv__row{display:flex;align-items:center;justify-content:space-between;gap:8px}.conv__name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv__time{font-size:11px;color:var(--text-muted);flex-shrink:0}.conv__preview{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.thread{background:var(--bg-base);display:flex;flex-direction:column;min-width:0;min-height:0}.thread__header{height:60px;padding:0 20px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:12px;flex-shrink:0;background:var(--bg-base)}.thread__back{width:36px;height:36px;border-radius:var(--radius-md);display:none;place-items:center;color:var(--text-secondary)}.thread__back:hover{background:var(--bg-hover);color:var(--text-primary)}.thread__back svg{width:18px;height:18px}.thread__title{flex:1;min-width:0}.thread__name{font-size:15px;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread__subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.status-pill.online{color:var(--success)}.status-pill.online:before{background:var(--success)}.status-pill.offline{color:var(--danger)}.status-pill.offline:before{background:var(--danger)}.status-pill.polling{color:var(--warning)}.status-pill.polling:before{background:var(--warning)}.thread__action{width:36px;height:36px;border-radius:var(--radius-md);display:grid;place-items:center;color:var(--text-secondary)}.thread__action:hover{background:var(--bg-hover);color:var(--text-primary)}.thread__action:disabled{opacity:.45;cursor:not-allowed}.thread__action--danger:hover:not(:disabled){background:#ef444424;color:var(--danger)}.thread__action svg{width:18px;height:18px}.thread__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center;color:var(--text-secondary);gap:6px}.thread__empty-icon{font-size:40px;margin-bottom:6px;opacity:.85}.thread__empty h3{margin:0;color:var(--text-primary);font-size:18px;font-weight:700}.thread__empty p{margin:0;max-width:320px;font-size:13px;line-height:1.5;color:var(--text-muted)}.join-gate{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 24px;text-align:center;color:var(--text-secondary)}.join-gate__icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-hover);display:grid;place-items:center}.join-gate__icon svg{width:24px;height:24px}.join-gate h3{margin:0;color:var(--text-primary);font-size:18px;font-weight:700}.join-gate p{margin:0;max-width:340px;color:var(--text-muted);font-size:13px;line-height:1.5}.join-gate__btn svg{width:16px;height:16px}.messages-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.day-sep{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 20px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.day-sep:before,.day-sep:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.day-sep span{padding:2px 10px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--text-secondary)}.loading-more{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:12px;color:var(--text-muted)}.loading-more .spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.jump-bottom{position:absolute;right:18px;bottom:18px;width:44px;height:44px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-primary);box-shadow:var(--shadow-md);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--duration-fast),background var(--duration-fast);z-index:3}.jump-bottom:hover{background:var(--bg-hover);transform:translateY(-1px)}.jump-bottom .arrow{font-size:20px;line-height:1}.jump-bottom .unread-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:var(--text-on-accent);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.messages{flex:1;overflow-y:auto;padding:24px 0 12px;display:flex;flex-direction:column;gap:18px}.messages>*{flex-shrink:0}.msg{display:flex;gap:12px;padding:0 20px}.msg__avatar{flex-shrink:0}.msg__body{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:720px}.msg__head{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.msg__author{font-size:14px;font-weight:700;color:var(--text-primary)}.msg__time{font-size:11px;color:var(--text-muted)}.msg__content{font-size:14px;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;padding:8px 12px;background:var(--bg-bubble-other);border-radius:4px var(--radius-md) var(--radius-md) var(--radius-md);display:inline-block;max-width:100%}.msg.own{flex-direction:row-reverse}.msg.own .msg__body{align-items:flex-end;display:flex;flex-direction:column}.msg.own .msg__head{flex-direction:row-reverse}.msg.own .msg__content{background:var(--bg-bubble-self);color:var(--text-on-accent);border-radius:var(--radius-md) 4px var(--radius-md) var(--radius-md)}.message-reactions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;user-select:none}.message-reactions.empty{display:none}.msg.own .message-reactions{justify-content:flex-end}.reaction-item{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:13px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--duration-fast),transform var(--duration-fast)}.reaction-item:hover{background:var(--bg-hover)}.reaction-item:active{transform:scale(.95)}.reaction-emoji{font-size:15px;line-height:1}.reaction-count{font-size:12px;font-weight:500;color:var(--text-secondary)}.reaction-item.own-reaction{background:var(--accent-soft);border-color:var(--accent)}.reaction-item.own-reaction .reaction-count{color:var(--accent-hover)}.message-reactions.collapsed{gap:3px}.reactions-summary{display:inline-flex;align-items:center;gap:2px;padding:4px 10px 4px 6px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);cursor:pointer}.reactions-summary:hover{background:var(--bg-hover)}.reaction-total{margin-left:4px;font-size:12px;font-weight:600;font-style:italic;color:var(--text-muted)}.reaction-item.ghost-heart{padding:4px 8px}.reaction-item.ghost-heart .heart-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.reaction-item.ghost-heart .heart-icon.outline{color:var(--text-muted)}.reaction-item.ghost-heart .heart-icon.outline svg{width:16px;height:16px}.reaction-item.ghost-heart .heart-icon.filled{display:none;font-size:15px;line-height:1}.reaction-item.ghost-heart.own-reaction .heart-icon.outline,.reaction-item.ghost-heart.has-others .heart-icon.outline{display:none}.reaction-item.ghost-heart.own-reaction .heart-icon.filled,.reaction-item.ghost-heart.has-others .heart-icon.filled{display:flex}.reaction-item.ghost-heart .reaction-count{display:none}.reaction-item.ghost-heart.has-others .reaction-count,.reaction-item.ghost-heart.own-reaction .reaction-count{display:inline}.reaction-item.ghost-heart.own-reaction .heart-icon.filled{animation:heart-burst .5s cubic-bezier(.34,1.56,.64,1)}@keyframes heart-burst{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}to{transform:scale(1)}}.msg__pin{font-size:11px;opacity:.8}.msg--pinned .msg__content{box-shadow:inset 2px 0 0 var(--accent)}.composer{padding:12px 20px 18px;background:var(--bg-base);border-top:1px solid var(--border-subtle)}.composer form{display:flex;align-items:flex-end;gap:8px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:8px 8px 8px 16px;transition:border-color var(--duration-fast)}.composer form:focus-within{border-color:var(--accent)}.composer input{flex:1;background:transparent;border:none;outline:none;font-size:14px;padding:8px 0}.composer__send{display:grid;place-items:center;width:36px;height:36px;background:var(--accent);color:var(--text-on-accent);border-radius:var(--radius-md);flex-shrink:0;transition:background var(--duration-fast),transform var(--duration-fast)}.composer__send:hover:not(:disabled){background:var(--accent-hover)}.composer__send:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed}.composer__send svg{width:18px;height:18px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#9b5cf6);color:#fff;display:grid;place-items:center;font-weight:600;font-size:14px;position:relative;flex-shrink:0;user-select:none}.avatar.sm{width:28px;height:28px;font-size:12px}.avatar.lg{width:44px;height:44px;font-size:18px}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.members{background:var(--bg-panel);border-left:1px solid var(--border-subtle);overflow-y:auto;padding:18px 14px}.members__section{margin-bottom:18px}.members__label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700;margin-bottom:8px;padding:0 6px}.members__title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700;margin-bottom:12px;padding:0 6px}.member-item{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:var(--radius-md);transition:background var(--duration-fast)}.member-item:hover{background:var(--bg-hover)}.member-item .info{min-width:0;flex:1}.member-item .name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-item .status{font-size:11px;color:var(--text-muted)}.member-item.offline .avatar{opacity:.6;filter:grayscale(.5)}.member-item.offline .name{color:var(--text-secondary)}.friends{display:flex;flex-direction:column;background:var(--bg-base);min-height:0}.friends__header{height:60px;padding:0 24px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.friends__title{font-size:18px;font-weight:700;margin:0}.friends__body{flex:1;overflow-y:auto;padding:24px}.friends-grid{display:grid;grid-template-columns:1fr;gap:18px;max-width:960px;margin:0 auto}@media (min-width: 1280px){.friends-grid{grid-template-columns:1fr 1fr}}.f-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px 18px 8px}.f-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.f-card__title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.f-card__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;border-radius:var(--radius-pill);background:var(--bg-elevated);font-size:11px;color:var(--text-secondary);font-weight:700}.friend-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-radius:var(--radius-md);transition:background var(--duration-fast)}.friend-row+.friend-row{border-top:1px solid var(--border-subtle)}.friend-row:hover{background:var(--bg-hover)}.friend-row .name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-row .meta{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-actions{display:flex;gap:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;padding:6px 14px;border-radius:var(--radius-md);transition:background var(--duration-fast),transform var(--duration-fast);color:var(--text-on-accent)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-success{background:var(--success)}.btn-danger{background:var(--danger)}.btn-muted{background:var(--bg-elevated);color:var(--text-primary)}.btn-muted:hover{background:var(--bg-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.empty{padding:24px 8px;text-align:center;color:var(--text-muted);font-size:13px}.modal-backdrop{position:fixed;inset:0;background:#020409b3;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:100;padding:16px;animation:fadeIn var(--duration-base) ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:pop var(--duration-base) cubic-bezier(.2,.9,.3,1)}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.modal h3{margin:0 0 18px;font-size:18px;font-weight:700}.modal label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);display:block;margin-bottom:6px}.modal input,.modal textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;color:var(--text-primary);margin-bottom:14px;transition:border-color var(--duration-fast)}.modal input:focus,.modal textarea:focus{outline:none;border-color:var(--accent)}.modal textarea{resize:vertical;min-height:80px}.modal__error{color:var(--danger);font-size:12px;margin:-8px 0 12px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.modal-actions .btn{padding:8px 16px;font-size:13px}.login-hint{font-size:12px;color:var(--text-muted);text-align:center;margin:12px 0 0}@media (max-width: 1199px){.app{grid-template-columns:var(--rail-w) var(--list-w) 1fr;grid-template-areas:"rail list main"}.app__members{display:none}}@media (max-width: 1023px){:root{--list-w: 280px}}@media (max-width: 767px){:root{--rail-w: 0;--list-w: 0}.app,.app[data-section=friends]{grid-template-columns:1fr;grid-template-areas:"main" "bottom";grid-template-rows:1fr 64px}.app__rail{grid-area:bottom;border-right:none;border-top:1px solid var(--border-subtle)}.app__rail .rail{flex-direction:row;padding:6px 12px;justify-content:space-around;align-items:center;width:100%;height:100%}.app__rail .rail__brand,.app__rail .rail__divider,.app__rail .rail__spacer{display:none}.rail__btn[aria-current=page]:before{display:none}.rail__btn[aria-current=page]{box-shadow:inset 0 -2px 0 var(--accent)}.app__list,.app__thread{grid-area:main}.app[data-section=chats][data-panel=list] .app__thread,.app[data-section=chats][data-panel=thread] .app__list{display:none}.thread__back{display:grid}.msg__body{max-width:75vw}.friends__body{padding:16px}.friends__header{padding:0 16px}.list-panel__header{padding:14px 16px 10px}.composer{padding:10px 14px 14px}.messages{padding:16px 0 8px}.msg,.thread__header{padding:0 14px}.friend-row{flex-wrap:wrap}.friend-row>.name,.friend-row>div:first-of-type+div{width:auto}.friend-actions{width:100%;justify-content:flex-end;margin-top:4px}.friends__header h1{font-size:16px}.friends__header .btn{padding:6px 10px;font-size:12px}.friends-grid{gap:14px}.f-card{padding:14px 14px 4px}}@media (max-width: 380px){.composer__send{width:32px;height:32px}.message-reactions{gap:4px}.reaction-item{padding:3px 8px;font-size:12px}.jump-bottom{width:40px;height:40px;right:12px;bottom:12px}.day-sep{margin:8px 12px 2px}}@media (max-width: 767px){.jump-bottom{right:14px;bottom:14px}.day-sep{margin:10px 14px 2px}}@media (min-width: 1280px){.jump-bottom{width:48px;height:48px;right:24px;bottom:24px}}.members__add{margin-bottom:14px}.member-add__btn{display:inline-flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:var(--bg-elevated);color:var(--text-primary);border-radius:var(--radius-md);font-size:13px;font-weight:600;transition:background var(--duration-fast),color var(--duration-fast)}.member-add__btn:hover{background:var(--accent);color:var(--text-on-accent)}.member-add__btn svg{width:16px;height:16px}.modal--add-member{max-width:460px;display:flex;flex-direction:column;max-height:80vh}.member-add__search{position:relative;margin-bottom:12px}.member-add__search input{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:9px 12px 9px 36px;color:var(--text-primary);font-size:13px;margin-bottom:0;transition:border-color var(--duration-fast)}.member-add__search input:focus{outline:none;border-color:var(--accent)}.member-add__search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;display:inline-flex}.member-add__search-icon svg{width:16px;height:16px}.member-add__list{flex:1;min-height:120px;max-height:50vh;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-base);padding:4px;margin-bottom:12px}.member-add__row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast)}.member-add__row:hover{background:var(--bg-hover)}.member-add__row input[type=checkbox]{width:16px;height:16px;flex-shrink:0;margin:0;accent-color:var(--accent);cursor:pointer}.member-add__row.is-existing{opacity:.65;cursor:default}.member-add__info{flex:1;min-width:0}.member-add__info .name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-add__info .meta{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-search{position:absolute;left:0;right:0;top:60px;z-index:5;max-height:calc(100% - 60px);display:flex;flex-direction:column;background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-md);animation:slideDown var(--duration-base) ease}@keyframes slideDown{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.channel-search__bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border-subtle)}.channel-search__icon{display:inline-flex;color:var(--text-muted)}.channel-search__icon svg{width:16px;height:16px}.channel-search__input{flex:1;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:7px 10px;font-size:13px;color:var(--text-primary);outline:none;transition:border-color var(--duration-fast)}.channel-search__input:focus{border-color:var(--accent)}.channel-search__count{font-size:11px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.channel-search__close{width:28px;height:28px;border-radius:var(--radius-md);display:grid;place-items:center;color:var(--text-secondary);background:transparent;font-size:14px;transition:background var(--duration-fast),color var(--duration-fast)}.channel-search__close:hover{background:var(--bg-hover);color:var(--text-primary)}.channel-search__results{overflow-y:auto;padding:6px;max-height:50vh}.channel-search__result{display:flex;flex-direction:column;align-items:stretch;width:100%;text-align:left;padding:8px 10px;border-radius:var(--radius-md);background:transparent;transition:background var(--duration-fast)}.channel-search__result+.channel-search__result{margin-top:2px}.channel-search__result:hover{background:var(--bg-hover)}.channel-search__result-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:2px}.channel-search__author{font-size:12px;font-weight:700;color:var(--text-primary)}.channel-search__time{font-size:11px;color:var(--text-muted)}.channel-search__excerpt{font-size:13px;color:var(--text-secondary);line-height:1.4;word-break:break-word}.channel-search__excerpt mark{background:var(--accent-soft);color:var(--accent-hover);border-radius:3px;padding:0 2px}.msg-row.flash .msg__content{animation:msgFlash 1.2s ease}.loading-more--overlay{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:3;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm)}@keyframes msgFlash{0%{box-shadow:0 0 0 0 var(--accent);background-color:var(--accent-soft)}60%{box-shadow:0 0 0 4px var(--accent-soft)}to{box-shadow:0 0 0 0 transparent}}@media (max-width: 767px){.channel-search{top:60px}.channel-search__results{max-height:60vh}.modal--add-member{max-width:100%}}.pinned-messages-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);cursor:pointer;flex-shrink:0;transition:background var(--duration-fast)}.pinned-messages-bar:hover{background:var(--bg-hover)}.pinned-icon{flex-shrink:0;width:14px;height:14px;color:var(--accent)}.pinned-text{flex:1;min-width:0;overflow:hidden;font-size:12px;white-space:nowrap;color:var(--text-secondary);text-overflow:ellipsis}.pinned-count{flex-shrink:0;padding:1px 7px;font-size:11px;font-weight:600;color:var(--text-on-accent);background:var(--accent);border-radius:var(--radius-pill)}.msg-menu{position:fixed;z-index:1200;width:280px;padding:6px;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:menu-pop .12s ease}@keyframes menu-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.msg-menu__react{display:flex;align-items:center;gap:4px;padding:4px;border-bottom:1px solid var(--border-subtle)}.msg-menu__emoji{width:40px;height:40px;display:grid;place-items:center;font-size:20px;border-radius:var(--radius-md);color:var(--text-secondary);transition:background var(--duration-fast),transform var(--duration-fast)}.msg-menu__emoji:hover{background:var(--bg-hover);transform:scale(1.1)}.msg-menu__emoji.active{background:var(--accent-soft)}.msg-menu__picker-toggle{margin-left:auto}.msg-menu__picker{padding:6px 4px;border-bottom:1px solid var(--border-subtle)}.msg-menu__items{display:flex;flex-direction:column;padding-top:4px}.msg-menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13px;color:var(--text-primary);border-radius:var(--radius-sm);transition:background var(--duration-fast)}.msg-menu__item:hover{background:var(--bg-hover)}.msg-menu__item svg{color:var(--text-muted)}.msg-menu__item--danger{color:var(--danger)}.msg-menu__item--danger svg{color:var(--danger)}.composer__input-wrap{position:relative;flex:1;min-width:0}.composer__textarea{width:100%;background:transparent;border:none;outline:none;resize:none;font:inherit;font-size:14px;line-height:1.45;color:var(--text-primary);padding:8px 0;max-height:160px;overflow-y:auto}.composer__textarea::placeholder{color:var(--text-muted)}.mention-popup{position:absolute;bottom:calc(100% + 8px);left:0;width:min(280px,100%);max-height:220px;overflow-y:auto;padding:4px;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:60}.mention-popup-title{padding:6px 8px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.mention-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border-radius:var(--radius-sm);transition:background var(--duration-fast)}.mention-item:hover,.mention-item.selected{background:var(--bg-hover)}.mention-avatar{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--accent),#9b5cf6);color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.mention-name{font-size:13px;color:var(--text-primary);font-weight:600}.message-text--rich .mention,.mention{padding:0 3px;border-radius:4px;font-weight:600;color:var(--accent-hover);background:var(--accent-soft)}.message-text--rich{white-space:pre-wrap;word-break:break-word}.message-text--rich strong{font-weight:700}.message-text--rich em{font-style:italic}.message-text--rich del{text-decoration:line-through;color:var(--text-muted)}.message-text--rich code{padding:1px 5px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.88em;color:#f0a36b;background:#0000004d;border-radius:4px}.message-link{color:var(--accent-hover);text-decoration:underline;word-break:break-all}.msg.own .message-link{color:#fff}.message-code-block{margin:4px 0;max-width:100%;background:#0d1117;border:1px solid var(--border-strong);border-radius:var(--radius-md);overflow:hidden}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;background:#ffffff0a;border-bottom:1px solid var(--border-strong)}.code-language{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.code-copy-btn{font-size:11px;font-weight:600;color:var(--text-muted);padding:2px 8px;border-radius:var(--radius-sm);transition:background var(--duration-fast),color var(--duration-fast)}.code-copy-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.code-content{margin:0;padding:12px;max-height:400px;overflow:auto;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12.5px;line-height:1.5}.code-content code{font-family:inherit;white-space:pre}.link-preview{display:flex;flex-direction:column;max-width:420px;margin:4px 0;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-left:3px solid var(--accent);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;transition:background var(--duration-fast)}.link-preview:hover{background:var(--bg-hover)}.link-preview-image{width:100%;max-height:200px;overflow:hidden}.link-preview-image img{width:100%;height:100%;object-fit:cover;display:block}.link-preview-content{display:flex;flex-direction:column;gap:3px;padding:10px 12px}.link-preview-site-name{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.link-preview-title{font-size:14px;font-weight:700;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview-description{font-size:12px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview-meta{margin-top:2px}.link-preview-domain{font-size:11px;color:var(--text-muted)}.message-gallery{display:flex;flex-wrap:wrap;max-width:400px;margin-top:8px;overflow:hidden;border-radius:12px;opacity:0;transition:opacity .3s ease}.message-gallery.gallery-loaded{opacity:1}.msg--pending .message-gallery{position:relative}.msg--pending .message-gallery:after{content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border:3px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:msg-pending-spin .7s linear infinite;z-index:2}.msg--pending .message-gallery img{opacity:.6}@keyframes msg-pending-spin{to{transform:rotate(360deg)}}.msg.own .message-gallery{margin-left:auto}.gallery-row{display:flex;width:100%}.gallery-item{position:relative;box-sizing:border-box;margin:1px;overflow:hidden;transition:opacity .15s ease;cursor:pointer}.gallery-item:hover,.gallery-item:focus{opacity:.85}.gallery-item img{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}.gallery-overlay{position:absolute;display:flex;justify-content:center;align-items:center;font-size:28px;font-weight:600;color:#fff;background:#000000a6;inset:0;pointer-events:none}.message-gallery.gallery-many .gallery-row:nth-child(n+3){display:none}.gallery-item--broken{position:relative;box-sizing:border-box;margin:1px;overflow:hidden;background:var(--bg-input);border:1px dashed var(--border-subtle);border-radius:4px}.broken-image-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:12px;color:var(--text-muted)}.broken-image-placeholder svg{width:32px;height:32px;opacity:.5}.broken-image-placeholder span{font-size:11px;text-align:center}@media (prefers-reduced-motion: reduce){.gallery-item,.message-gallery{transition:none}}.lightbox{position:fixed;inset:0;background:#000000eb;z-index:1000;display:grid;place-items:center;padding:env(safe-area-inset-top,0) 16px env(safe-area-inset-bottom,0);animation:fadeIn var(--duration-base) ease}.lightbox__bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;padding-top:max(14px,env(safe-area-inset-top));color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);z-index:2}.lightbox__counter{font-size:13px;font-weight:600;opacity:.85}.lightbox__actions{display:flex;gap:8px;align-items:center}.lightbox__action{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffffff1f;color:#fff;border:none;font-size:18px;font-weight:700;text-decoration:none;cursor:pointer;transition:background var(--duration-fast)}.lightbox__action:hover:not(:disabled){background:#ffffff40}.lightbox__action:disabled{opacity:.4;cursor:not-allowed}.lightbox__zoom{display:inline-flex;align-items:center;padding:0 10px;height:32px;border-radius:var(--radius-pill);background:#ffffff14;color:#fff;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.lightbox__toast{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#000000c7;color:#fff;padding:8px 14px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;box-shadow:0 4px 16px #0006;z-index:10}.pending-tray{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;margin-bottom:8px}.pending-tray__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pending-tray__count{font-size:12px;font-weight:700;color:var(--text-secondary)}.pending-tray__clear{background:transparent;border:none;color:var(--danger);font-size:12px;font-weight:600;padding:4px 6px;border-radius:var(--radius-sm);cursor:pointer}.pending-tray__clear:hover:not(:disabled){background:#ef44441f}.pending-tray__clear:disabled{opacity:.5;cursor:not-allowed}.pending-tray__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;list-style:none;padding:0;margin:0}.pending-thumb{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-input)}.pending-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pending-thumb__remove{position:absolute;top:2px;right:2px;width:22px;height:22px;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;font-size:14px;font-weight:700;line-height:1;display:grid;place-items:center;transition:background var(--duration-fast)}.pending-thumb__remove:hover:not(:disabled){background:var(--danger)}.pending-thumb__remove:disabled{opacity:.4;cursor:not-allowed}.pending-thumb__progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:#00000080}.pending-thumb__bar{height:100%;background:var(--accent);transition:width .1s linear}.pending-thumb__progress span{position:absolute;bottom:6px;left:4px;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.pending-thumb__name{position:absolute;bottom:0;left:0;right:0;padding:2px 4px;font-size:9px;color:#fff;background:linear-gradient(transparent,#000000b3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer__sending{display:inline-block;font-size:16px;font-weight:700;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.upload-warn{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:#ef444424;border:1px solid rgba(239,68,68,.4);color:var(--danger);border-radius:var(--radius-md);font-size:12px;margin-bottom:8px}.upload-warn__dismiss{background:transparent;border:none;color:inherit;cursor:pointer;font-size:16px;line-height:1;padding:2px 6px}.upload-warn__dismiss:hover{color:var(--text-primary)}.right-tabs{display:flex;flex-direction:column;height:100%;background:var(--bg-panel);border-left:1px solid var(--border-subtle);min-height:0}.right-tabs__head{display:flex;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.right-tabs__head button{flex:1;padding:12px 8px;background:transparent;border:none;color:var(--text-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:color var(--duration-fast)}.right-tabs__head button:hover{color:var(--text-primary)}.right-tabs__head button.active{color:var(--accent)}.right-tabs__head button.active:after{content:"";position:absolute;left:16%;right:16%;bottom:-1px;height:2px;background:var(--accent);border-radius:2px}.right-tabs__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;background:var(--bg-elevated);color:var(--text-primary);border-radius:var(--radius-pill);font-size:11px;font-weight:700}.right-tabs__body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.right-tabs__body>*{flex:1;min-height:0}.images-tab{padding:12px;overflow-y:auto}.images-tab__empty{padding:28px 8px;text-align:center;color:var(--text-muted);font-size:13px}.images-tab__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.images-tab__cell{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:6px;background:var(--bg-elevated);border:none;padding:0;cursor:pointer;transition:transform var(--duration-fast)}.images-tab__cell:hover{transform:scale(1.04)}.images-tab__cell img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 1023px){.images-tab__grid{grid-template-columns:repeat(2,1fr)}}.lightbox__img{max-width:92vw;max-height:84vh;object-fit:contain;border-radius:6px;transform-origin:center;transition:transform var(--duration-base) ease;user-select:none}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:60px;border-radius:8px;background:#ffffff1f;color:#fff;font-size:28px;border:none;cursor:pointer;display:grid;place-items:center;z-index:2}.lightbox__nav:hover{background:#ffffff38}.lightbox__nav--prev{left:12px}.lightbox__nav--next{right:12px}.composer__attach{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--text-secondary);background:transparent;flex-shrink:0;transition:background var(--duration-fast),color var(--duration-fast)}.composer__attach:hover{background:var(--bg-hover);color:var(--text-primary)}.composer__attach svg{width:18px;height:18px}.composer form{align-items:center}.upload-chips{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.upload-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 6px 5px 10px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-size:12px;color:var(--text-secondary);max-width:240px}.upload-chip__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;color:var(--text-primary);font-weight:500}.upload-chip__pct{font-variant-numeric:tabular-nums;font-weight:600;color:var(--accent-hover)}.upload-chip__cancel{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--bg-hover);color:var(--text-secondary);font-size:14px;line-height:1;border:none;cursor:pointer}.upload-chip__cancel:hover{background:var(--danger);color:#fff}.thread--drag:after{content:"Drop images to upload";position:absolute;inset:0;display:grid;place-items:center;background:#6b7cff1f;border:2px dashed var(--accent);color:var(--accent-hover);font-weight:700;font-size:15px;border-radius:var(--radius-md);pointer-events:none;z-index:10}.thread{position:relative}@media (max-width: 767px){.gallery{max-width:100%}.lightbox__img{max-width:96vw;max-height:78vh}.lightbox__nav{width:36px;height:50px;font-size:22px}.upload-chip{max-width:180px}.upload-chip__name{max-width:96px}}.emoji-picker{position:relative;z-index:50;width:100%;max-width:100%;max-height:360px;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden}.emoji-picker__search{padding:8px 10px;border-bottom:1px solid var(--border-subtle)}.emoji-picker__search input{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:7px 10px;font-size:13px;color:var(--text-primary);outline:none}.emoji-picker__search input:focus{border-color:var(--accent)}.emoji-category-tabs{display:flex;gap:2px;padding:6px 8px;border-bottom:1px solid var(--border-subtle);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.emoji-category-tabs::-webkit-scrollbar{height:0;width:0;display:none}.emoji-cat-tab{flex-shrink:0;width:30px;height:30px;display:grid;place-items:center;font-size:18px;border-radius:var(--radius-sm);background:transparent;transition:background var(--duration-fast)}.emoji-cat-tab:hover{background:var(--bg-hover)}.emoji-cat-tab.active{background:var(--accent-soft)}.emoji-grid{flex:1;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;overflow-y:auto}.emoji-cell{width:100%;aspect-ratio:1 / 1;display:grid;place-items:center;font-size:20px;border-radius:var(--radius-sm);background:transparent;transition:background var(--duration-fast),transform var(--duration-fast);line-height:1}.emoji-cell:hover,.emoji-cell:focus-visible{background:var(--bg-hover);transform:scale(1.05)}.emoji-picker__empty{grid-column:1 / -1;padding:28px 0;text-align:center;color:var(--text-muted);font-size:13px}.composer{position:relative}.composer__emoji{display:grid;place-items:center;width:36px;height:36px;color:var(--text-muted);border-radius:var(--radius-md);transition:background var(--duration-fast),color var(--duration-fast);flex-shrink:0}.composer__emoji:hover{background:var(--bg-hover);color:var(--text-primary)}.composer__emoji svg{width:18px;height:18px}.composer__picker-anchor{position:absolute;bottom:calc(100% + 6px);right:16px;width:min(320px,calc(100vw - 32px));z-index:50}.reactions-modal-overlay{position:fixed;inset:0;background:#020409b3;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:200;padding:16px;animation:fadeIn var(--duration-base) ease}.reactions-modal{width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:pop var(--duration-base) cubic-bezier(.2,.9,.3,1)}.reactions-modal__header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-subtle)}.reactions-modal__header h3{margin:0;font-size:16px;font-weight:700}.reactions-modal__close{width:30px;height:30px;display:grid;place-items:center;font-size:20px;color:var(--text-muted);border-radius:var(--radius-md);transition:background var(--duration-fast),color var(--duration-fast)}.reactions-modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.reactions-modal__body{display:flex;flex:1;min-height:0}.reactions-modal__emojis{display:flex;flex-direction:column;gap:4px;min-width:96px;padding:10px;overflow-y:auto;border-right:1px solid var(--border-subtle)}.reactions-modal__emoji-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-md);background:transparent;transition:background var(--duration-fast)}.reactions-modal__emoji-item:hover,.reactions-modal__emoji-item.active{background:var(--bg-hover)}.reactions-modal__emoji-item .emoji{font-size:18px;line-height:1}.reactions-modal__emoji-item .count{font-size:13px;font-weight:600;color:var(--text-secondary)}.reactions-modal__users{flex:1;display:flex;flex-direction:column;gap:4px;padding:10px;overflow-y:auto}.reactions-modal__user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md);transition:background var(--duration-fast)}.reactions-modal__user:hover{background:var(--bg-hover)}.reactions-modal__user.own{border:1px solid var(--border-strong)}.reactions-modal__user-info{flex:1;min-width:0;display:flex;flex-direction:column}.reactions-modal__user-info .name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reactions-modal__user-info .you{color:var(--text-muted);font-weight:400}.reactions-modal__user-info .hint{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reactions-modal__unreact{font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--radius-pill);background:var(--danger);color:var(--text-on-accent);text-transform:uppercase;letter-spacing:.04em}.reactions-modal__empty{padding:24px 0;text-align:center;color:var(--text-muted);font-size:13px}.reaction-count{cursor:pointer}@media (max-width: 767px){.emoji-picker{width:calc(100vw - 24px);max-height:50vh}.composer__picker-anchor{left:12px;right:12px}.composer__picker-anchor .emoji-picker{width:100%;max-width:100%}.reactions-modal{max-width:100%;max-height:85vh}.reactions-modal__body{flex-direction:column}.reactions-modal__emojis{flex-direction:row;min-width:0;border-right:none;border-bottom:1px solid var(--border-subtle);overflow-x:auto}}@media (max-width: 380px){.emoji-grid{grid-template-columns:repeat(7,1fr)}.emoji-cell{font-size:18px}}