/* Concord's self-contained workspace skin. Kept separate so stale PWA shell CSS cannot unstyle it. */
body.concord-view .cc-message-actions{gap:2px!important;padding:3px!important;border-radius:9px!important;max-width:max-content!important}body.concord-view .cc-message-actions button{display:grid!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:30px!important;padding:0!important;font-size:16px!important;font-weight:750!important}body.concord-view .cc-message-actions button::after{content:none!important;display:none!important}.cc-reaction{min-height:28px!important;padding:3px 8px!important;border-color:rgba(88,101,242,.48)!important;background:rgba(88,101,242,.13)!important}.cc-reaction:hover{border-color:var(--neon)!important;background:rgba(45,212,191,.12)!important}
@media(max-width:820px){body.concord-view .cc-app{width:100%!important;max-width:100%!important;min-width:0!important}body.concord-view .cc-channels{min-width:0!important;max-width:calc(100vw - 62px)!important}body.concord-view .cc-conversation{width:100vw!important;max-width:100vw!important;overflow:hidden!important}body.concord-view .cc-message-actions button{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important}}
.cc-public-icon{overflow:hidden!important}.cc-public-icon img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}.cc-public-icon>span{display:grid!important;place-items:center!important;width:100%!important;height:100%!important}
.cc-member-help{margin:4px 0 10px!important;color:var(--muted)!important;font-size:12px!important}.cc-member-menu{position:fixed!important;z-index:10000!important;display:grid!important;width:182px!important;padding:5px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:10px!important;background:#11141b!important;box-shadow:0 14px 38px rgba(0,0,0,.55)!important}.cc-member-menu button{min-height:38px!important;padding:7px 10px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#eef1f8!important;text-align:start!important;font:600 13px/1.2 inherit!important}.cc-member-menu button:hover,.cc-member-menu button:focus-visible{background:var(--cc-hover)!important;outline:0!important}.cc-member-menu button.danger{color:#ff8095!important}
body.concord-view .app{grid-template-columns:300px minmax(0,1fr)!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;column-gap:0!important}
body.concord-view .rightbar,body.concord-view .rb-toggle,body.concord-view #rb-toggle{display:none!important;visibility:hidden!important;pointer-events:none!important}
body.concord-view .main,body.concord-view .feed.feed-dm{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
html:has(body.concord-view),body.concord-view,body.concord-view .app,body.concord-view .main,body.concord-view .feed,body.concord-view .cc-app,body.concord-view .cc-conversation,body.concord-view .cc-messages{max-width:100vw!important;overflow-x:clip!important}
body.concord-view .cc-messages{overscroll-behavior-x:none!important;touch-action:pan-y!important}
/* Tablets were falling between the phone drill-down (<=820px) and the wide desktop assumptions.
   Explicitly consume the remaining track and remove the shell's content caps at common 834–1180px
   tablet widths; the conversation column, not an empty right gutter, gets every spare pixel. */
@media(min-width:821px) and (max-width:1180px){
  body.concord-view .app{grid-template-columns:240px minmax(0,1fr)!important;width:100vw!important}
  body.concord-view .main,body.concord-view .feed.feed-dm{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
  body.concord-view .cc-app{width:100%!important;max-width:none!important;grid-template-columns:62px 220px minmax(0,1fr) 190px!important}
  body.concord-view .cc-conversation{width:auto!important;max-width:none!important}
}
.osw-body>#feed.feed-dm:has(.cc-app){width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.osw-slot:has(>.cc-app){padding:0!important;opacity:1!important;overflow:hidden!important}.osw-slot>.cc-app{width:100%!important;height:100%!important;min-height:0!important}
.cc-settings-description{display:block!important;width:100%!important;min-height:76px!important;margin-top:10px!important;resize:vertical!important;font:14px/1.4 inherit!important}.cc-member-list{display:flex!important;flex-direction:column!important;gap:3px!important;max-height:50vh!important;overflow:auto!important;margin-top:8px!important}.cc-member{display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;min-width:0!important;padding:7px 8px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:inherit!important;text-align:start!important;cursor:pointer!important}.cc-member:hover,.cc-member:focus-visible{background:var(--cc-hover)!important;outline:0!important}.cc-member img{flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:50%!important;object-fit:cover!important}.cc-member>span{min-width:0!important}.cc-member b{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important}.cc-member small{display:block!important;color:var(--muted)!important;font-size:11px!important}
.cc-attach-choices{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:18px!important}.cc-attach-choices .btn{min-height:48px!important}@media(max-width:520px){.cc-attach-choices{grid-template-columns:1fr!important}}
.cc-visibility-select{display:block!important;width:100%!important;margin-top:8px!important}.cc-visibility{padding:3px 7px!important;border-radius:999px!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.35px!important}.cc-visibility.public{background:rgba(45,196,129,.14)!important;color:#69dca5!important}.cc-visibility.private{background:rgba(245,166,35,.15)!important;color:#ffc266!important}
.feed.feed-dm:has(.cc-app){padding:0!important;overflow:hidden!important;position:relative!important;display:flex!important;flex-direction:column!important}.feed.feed-dm:has(.cc-app)>.cc-app{flex:1 1 auto!important;height:auto!important;min-height:0!important}.feed.feed-dm:has(.cc-app)>.messages-tabs{width:100%!important}
.cc-app{--cc-rail:#11131a;--cc-side:#191c25;--cc-main:#20232d;--cc-hover:#2a2e3a;display:grid!important;grid-template-columns:68px 248px minmax(0,1fr) 220px!important;height:100%!important;min-height:0!important;overflow:hidden!important;background:var(--cc-main)!important;color:var(--text)!important;font-family:inherit!important}
.cc-app:not(:has(>.cc-members-pane)),.cc-app:has(>.cc-members-pane.hidden){grid-template-columns:68px 248px minmax(0,1fr)!important}
.cc-members-pane{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;background:var(--cc-side)!important;border-inline-start:1px solid rgba(0,0,0,.35)!important}.cc-members-pane.hidden{display:none!important}.cc-members-pane>header{display:flex!important;align-items:center!important;justify-content:space-between!important;flex:0 0 54px!important;padding:0 14px!important;border-bottom:1px solid rgba(0,0,0,.35)!important}.cc-members-pane>header span{color:var(--muted)!important;font-size:12px!important}.cc-members-scroll{flex:1!important;min-height:0!important;overflow-y:auto!important;padding:10px 8px!important}.cc-members-pane .cc-member{background:transparent!important}.cc-members-pane .cc-member:hover{background:var(--cc-hover)!important}
@media(min-width:821px) and (max-width:1180px){.cc-app:not(:has(>.cc-members-pane)),.cc-app:has(>.cc-members-pane.hidden){grid-template-columns:62px 220px minmax(0,1fr)!important}}
.cc-app *{box-sizing:border-box}.cc-communities{display:flex!important;flex-direction:column!important;align-items:center!important;gap:9px!important;min-width:0!important;padding:11px 7px!important;overflow-y:auto!important;background:var(--cc-rail)!important;border-inline-end:1px solid rgba(255,255,255,.04)!important}
.cc-brand,.cc-server{display:grid!important;place-items:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#292d39!important;color:#eef1f8!important;font:800 15px/1 inherit!important;cursor:pointer!important;transition:border-radius .16s,background .16s,color .16s!important}.cc-brand{border-radius:15px!important;background:var(--neon)!important;color:#071115!important;font-size:22px!important}.cc-server:hover,.cc-server.active{border-radius:14px!important;background:var(--neon)!important;color:#071115!important}.cc-server.active:before{content:"";position:absolute;inset-inline-start:0;width:4px;height:34px;border-radius:0 4px 4px 0;background:#fff}.cc-server{position:relative}.cc-add{font-size:25px!important;color:var(--neon)!important}
.cc-discovery-button{font-size:24px!important;color:#b8bfcc!important}
.cc-server-img{display:block!important;width:100%!important;height:100%!important;border-radius:inherit!important;object-fit:cover!important}.cc-server-glyph{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.cc-server:has(.cc-server-img):hover,.cc-server.active:has(.cc-server-img){background:#292d39!important}
.cc-server.unread:after{content:"";position:absolute!important;inset-inline-start:-7px!important;width:5px!important;height:10px!important;border-radius:0 4px 4px 0!important;background:#fff!important}.cc-channel.unread{color:#fff!important;font-weight:800!important}.cc-channel.unread:after{content:"";width:7px!important;height:7px!important;margin-inline-start:auto!important;border-radius:50%!important;background:var(--neon)!important}
.cc-channels{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;background:var(--cc-side)!important;border-inline-end:1px solid rgba(0,0,0,.35)!important}.cc-channels>header,.cc-conversation>header{display:flex!important;align-items:center!important;gap:9px!important;flex:0 0 54px!important;min-height:54px!important;padding:0 12px!important;border-bottom:1px solid rgba(0,0,0,.35)!important;background:rgba(0,0,0,.08)!important;box-shadow:0 1px 2px rgba(0,0,0,.18)!important}.cc-channels>header>div{flex:1!important;min-width:0!important}.cc-channels header b,.cc-identity b{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:14px!important}.cc-channels header small,.cc-identity small{display:block!important;margin-top:2px!important;color:var(--muted)!important;font-size:11px!important}.cc-channel-list{flex:1!important;min-height:0!important;overflow-y:auto!important;padding:11px 8px!important}.cc-section{padding:13px 8px 5px!important;color:#9298a8!important;font-size:10px!important;font-weight:800!important;letter-spacing:.65px!important}.cc-channel-row{display:flex!important;align-items:center!important;min-width:0!important}.cc-channel{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;flex:1!important;min-height:40px!important;margin:1px 0!important;padding:7px 9px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#aeb4c2!important;font:600 15px/1.2 inherit!important;text-align:start!important;cursor:pointer!important}.cc-channel:hover,.cc-channel.active{background:var(--cc-hover)!important;color:#fff!important}.cc-channel span{font-size:20px!important;color:#8e95a5!important}.cc-channel .ic{width:17px!important;height:17px!important}.cc-channel-star{display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;padding:0!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#777f90!important;font-size:18px!important;cursor:pointer!important}.cc-channel-star:hover,.cc-channel-star[aria-pressed="true"]{background:var(--cc-hover)!important;color:#ffd76a!important}.cc-channel-row:not(:hover):not(.starred) .cc-channel-star{opacity:.35!important}.cc-empty-side{padding:24px 12px!important;text-align:center!important;color:var(--muted)!important;font-size:13px!important;line-height:1.45!important}
.cc-identity{display:flex!important;align-items:center!important;gap:9px!important;flex:0 0 56px!important;padding:7px 9px!important;background:#151821!important}.cc-identity>div{flex:1!important;min-width:0!important}.cc-status{display:block!important;flex:0 0 10px!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#35c875!important;box-shadow:0 0 0 3px rgba(53,200,117,.12)!important}.cc-head-btn,.cc-compose-btn,.cc-mobile-back{display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#aeb4c2!important;cursor:pointer!important}.cc-head-btn:hover,.cc-compose-btn:hover{background:var(--cc-hover)!important;color:#fff!important}.cc-head-btn .ic,.cc-compose-btn .ic{width:19px!important;height:19px!important}.cc-mobile-back{display:none!important;font-size:28px!important}
.cc-conversation{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;background:var(--cc-main)!important}.cc-conversation>header .cc-hash{font-size:23px!important;font-weight:500!important;color:#969dac!important}.cc-conversation>header>b{font-size:15px!important}.cc-topic{max-width:44%!important;padding-inline-start:11px!important;border-inline-start:1px solid rgba(255,255,255,.1)!important;color:#9fa6b4!important;font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.cc-spacer{flex:1!important}.cc-messages{display:flex!important;flex:1!important;min-height:0!important;overflow-y:auto!important;padding:22px!important;background:linear-gradient(180deg,rgba(255,255,255,.008),transparent)!important}.cc-welcome{max-width:560px!important;margin:auto!important;text-align:center!important;color:#aab0bd!important}.cc-welcome h2{margin:0 0 9px!important;color:#f1f3f8!important;font-size:24px!important}.cc-welcome p{margin:0 0 18px!important;line-height:1.55!important}.cc-welcome .concord-mark,.cc-welcome-hash{display:grid!important;place-items:center!important;width:64px!important;height:64px!important;margin:0 auto 17px!important;border-radius:20px!important;background:var(--neon)!important;color:#071115!important;font-size:30px!important;font-weight:900!important}.cc-welcome-hash{border-radius:50%!important;background:#303541!important;color:#fff!important;font-size:35px!important}
.cc-compose{display:flex!important;align-items:flex-end!important;gap:5px!important;flex:0 0 auto!important;margin:0 16px 16px!important;padding:6px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:11px!important;background:#2b2f3b!important;box-shadow:0 4px 16px rgba(0,0,0,.12)!important}.cc-compose textarea{flex:1!important;min-width:0!important;max-height:140px!important;min-height:40px!important;padding:10px 6px!important;resize:none!important;border:0!important;outline:0!important;background:transparent!important;color:#f2f3f6!important;font:15px/1.35 inherit!important}.cc-compose textarea:focus,.cc-compose textarea:focus-visible,.cc-compose textarea:not(:placeholder-shown){border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;-webkit-appearance:none!important;appearance:none!important}.cc-compose textarea::placeholder{color:#969dab!important}.cc-compose textarea:disabled{opacity:.45!important}.cc-compose .btn{min-height:40px!important}.cc-reply{margin:0 16px!important;padding:8px 12px!important;border:1px solid rgba(255,255,255,.08)!important;border-bottom:0!important;border-radius:9px 9px 0 0!important;background:#252934!important}
.cc-join{position:absolute!important;inset:0!important;z-index:20!important;display:grid!important;place-items:center!important;padding:18px!important;background:rgba(7,8,12,.78)!important;backdrop-filter:blur(7px)!important}.cc-join.hidden{display:none!important}.cc-join-card{width:min(480px,100%)!important;padding:26px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:18px!important;background:#20242e!important;box-shadow:0 24px 80px rgba(0,0,0,.6)!important}.cc-join-card .concord-mark{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;margin-bottom:15px!important;border-radius:14px!important;background:var(--neon)!important;color:#071115!important;font-size:23px!important;font-weight:900!important}.cc-join-card h2{margin:0 0 7px!important;color:#fff!important}.cc-join-card p{line-height:1.45!important}.cc-join-card .input{width:100%!important;margin-top:10px!important;font-size:16px!important}.cc-join-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin-top:17px!important}
.cc-discover{width:min(760px,100%)!important;margin:auto!important}.cc-discover>.concord-mark{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;border-radius:17px!important;background:var(--neon)!important;color:#071115!important;font-size:27px!important;font-weight:900!important}.cc-discover h2{margin:14px 0 5px!important}.cc-discover>p{color:var(--muted)!important}.cc-primary-actions{display:flex!important;gap:9px!important;margin:18px 0 28px!important}.cc-public{display:grid!important;gap:8px!important;padding-top:20px!important;border-top:1px solid rgba(255,255,255,.1)!important}.cc-public h3{margin:0!important}.cc-public-empty span{display:block!important;color:var(--muted)!important;font-size:12px!important}.cc-public-empty{padding:18px!important;border:1px dashed rgba(255,255,255,.14)!important;border-radius:12px!important;background:rgba(0,0,0,.08)!important}.cc-public-empty span{margin-top:5px!important;line-height:1.45!important}.cc-public-room{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important;padding:10px 12px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;background:#242833!important;color:#fff!important;text-align:start!important;cursor:pointer!important}.cc-public-room:hover{border-color:rgba(45,212,191,.45)!important;background:#2b303c!important}.cc-public-icon{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#3b4252!important;color:#fff!important;font-size:13px!important;font-weight:900!important}.cc-public-copy{min-width:0!important}.cc-public-copy b,.cc-public-copy small,.cc-public-copy em{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.cc-public-copy small{margin-top:2px!important;color:#b0b6c3!important;font-size:12px!important}.cc-public-copy em{margin-top:3px!important;color:#777f90!important;font-size:10px!important;font-style:normal!important}.cc-public-room strong{padding:7px 11px!important;border-radius:8px!important;background:var(--neon)!important;color:#071115!important;font-size:12px!important}.cc-label{display:block!important;margin-top:16px!important;color:#c9ced9!important;font-size:12px!important;font-weight:700!important}.cc-message-list{width:100%!important;align-self:flex-start!important}.cc-message{display:flex!important;align-items:flex-start!important;gap:9px!important;padding:8px 4px!important}.cc-message-avatar{flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:50%!important;object-fit:cover!important}.cc-message-body{min-width:0!important;flex:1!important}.cc-message b{margin-inline-end:8px!important}.cc-message time{color:var(--muted)!important;font-size:11px!important}.cc-message p{margin:3px 0 0!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
.cc-joined{display:grid!important;gap:8px!important;margin:0 0 24px!important;padding-bottom:20px!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.cc-joined h3{margin:0!important}.cc-joined>div small{color:var(--muted)!important}.cc-joined-room{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important;padding:10px 12px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;background:#282d39!important;color:#fff!important;text-align:start!important;cursor:pointer!important}.cc-joined-room:hover,.cc-joined-room:active{border-color:rgba(45,212,191,.5)!important;background:#303642!important}.cc-joined-room strong{padding:7px 11px!important;border-radius:8px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:12px!important}.cc-joined-room.unread{border-color:rgba(255,255,255,.28)!important}.cc-joined-room.unread .cc-public-copy b{font-weight:850!important;color:#fff!important}
.cc-message{position:relative!important}.cc-message:hover{background:rgba(255,255,255,.025)!important}.cc-message-actions{position:absolute!important;inset-inline-end:5px!important;top:1px!important;display:none!important;padding:2px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;background:#171a22!important}.cc-message:hover .cc-message-actions,.cc-message:focus-within .cc-message-actions{display:flex!important}.cc-message-actions button,.cc-reaction-picker button{display:grid!important;place-items:center!important;width:30px!important;height:28px!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#d8dce6!important;font-size:16px!important;cursor:pointer!important}.cc-message-actions button:hover,.cc-reaction-picker button:hover{background:var(--cc-hover)!important;color:#fff!important}.cc-message-reply{margin:0 0 5px!important;padding-inline-start:8px!important;border-inline-start:2px solid var(--neon)!important;color:#aeb4c2!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;cursor:pointer!important}.cc-message-reply:hover{color:#fff!important;background:rgba(255,255,255,.035)!important}.cc-message-reply b{color:#fff!important}.cc-message-target{animation:cc-target-flash 1.8s ease-out}@keyframes cc-target-flash{0%,35%{background:rgba(88,101,242,.28)}100%{background:transparent}}.cc-reactions{display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin-top:5px!important}.cc-reaction{display:flex!important;align-items:center!important;gap:4px!important;min-height:26px!important;padding:2px 7px!important;border:1px solid rgba(45,212,191,.25)!important;border-radius:8px!important;background:rgba(45,212,191,.08)!important;color:#fff!important;cursor:pointer!important}.cc-reaction b{margin:0!important;font-size:11px!important}.cc-reaction-picker{position:absolute!important;z-index:8!important;inset-inline-end:5px!important;top:34px!important;display:flex!important;flex-wrap:wrap!important;width:140px!important;padding:5px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:9px!important;background:#171a22!important;box-shadow:0 10px 30px rgba(0,0,0,.45)!important}.cc-reply{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;color:#b7bdca!important;font-size:12px!important}.cc-reply.hidden{display:none!important}.cc-reply span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.cc-reply button{border:0!important;background:transparent!important;color:#fff!important;font-size:20px!important;cursor:pointer!important}
.cc-encrypted-attachment,.cc-plain-attachment{display:block!important;width:fit-content!important;max-width:min(560px,100%)!important;min-width:0!important;margin-top:7px!important;overflow:hidden!important;color:var(--muted)!important}.cc-attachment-open{display:block!important;width:fit-content!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;cursor:zoom-in!important}.cc-encrypted-attachment img,.cc-encrypted-attachment video,.cc-plain-attachment img,.cc-plain-attachment video{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:min(58vh,480px)!important;object-fit:contain!important;border-radius:10px!important;background:#0d0f14!important}.cc-attachment-media{position:relative!important;width:fit-content!important;max-width:100%!important}.cc-attachment-expand{position:absolute!important;top:7px!important;right:7px!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:8px!important;background:rgba(10,12,17,.82)!important;color:#fff!important;font-size:18px!important;cursor:zoom-in!important}.cc-encrypted-attachment audio,.cc-plain-attachment audio{display:block!important;width:min(420px,100%)!important;max-width:100%!important}.cc-encrypted-attachment a,.cc-plain-attachment a{display:inline-flex!important;max-width:100%!important;padding:8px 11px!important;border-radius:8px!important;background:rgba(255,255,255,.06)!important;overflow-wrap:anywhere!important}.cc-attachment-error{color:#ff8c91!important}
.cc-message-actions button{display:flex!important;width:auto!important;min-width:64px!important;gap:5px!important;padding:0 9px!important;font-size:14px!important;font-weight:750!important}.cc-message-actions button::after{content:attr(title)!important;font-size:11px!important}.cc-compose{position:relative!important}.cc-mention-menu{position:absolute!important;z-index:12!important;inset-inline:44px 54px!important;bottom:calc(100% + 7px)!important;max-height:min(300px,40vh)!important;overflow:auto!important;padding:5px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:11px!important;background:#171a22!important;box-shadow:0 14px 40px rgba(0,0,0,.55)!important}.cc-mention-menu button{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;min-height:42px!important;padding:7px 10px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#fff!important;text-align:start!important}.cc-mention-menu button.active,.cc-mention-menu button:hover{background:var(--cc-hover)!important}.cc-mention-menu small{color:var(--muted)!important}.cc-message .xdc-card{max-width:min(420px,100%)!important;margin-top:8px!important;box-sizing:border-box!important}
@media(max-width:820px){body.concord-view .app{grid-template-columns:minmax(0,1fr)!important;padding:0!important}.cc-app{display:flex!important}.cc-communities{flex:0 0 62px!important;width:62px!important;padding:9px 5px!important}.cc-brand,.cc-server{width:44px!important;height:44px!important;flex-basis:44px!important}.cc-channels{flex:1!important;border:0!important}.cc-conversation{display:none!important;position:fixed!important;inset:0!important;z-index:45!important}.cc-app.show-chat .cc-communities,.cc-app.show-chat .cc-channels{display:none!important}.cc-app.show-chat .cc-conversation{display:flex!important}.cc-mobile-back{display:grid!important;min-width:44px!important;width:44px!important;height:44px!important}.cc-conversation>header{padding-top:env(safe-area-inset-top)!important;height:auto!important}.cc-topic{display:none!important}.cc-messages{padding:14px 12px!important}.cc-compose{margin:0 8px calc(8px + env(safe-area-inset-bottom))!important}.cc-compose-btn,.cc-head-btn{min-width:44px!important;width:44px!important;height:44px!important}.cc-channel{min-height:48px!important;font-size:16px!important}.cc-join{position:fixed!important;z-index:60!important;place-items:end center!important;padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom))!important}.cc-join-card{padding:20px 16px!important;border-radius:18px!important}.cc-join-actions .btn{flex:1!important;min-height:46px!important}.cc-message-actions{display:flex!important;position:static!important;float:right!important}.cc-message-actions button{width:34px!important;height:34px!important}.cc-reaction-picker{top:40px!important}.cc-reply{margin-inline:8px!important}}

/* Compact Discord/Armada-style message controls. Keep this final block authoritative over legacy rules. */
@media(max-width:820px){.cc-members-pane{display:none!important}}
body.concord-view .cc-message-actions{position:absolute!important;z-index:6!important;inset-inline-end:10px!important;top:-14px!important;display:flex!important;align-items:center!important;gap:2px!important;padding:3px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:10px!important;background:#20232d!important;box-shadow:0 7px 22px rgba(0,0,0,.38)!important;opacity:0!important;visibility:hidden!important;transform:translateY(3px)!important;transition:opacity .12s ease,transform .12s ease,visibility .12s!important}
body.concord-view .cc-message:hover .cc-message-actions,body.concord-view .cc-message:focus-within .cc-message-actions{opacity:1!important;visibility:visible!important;transform:none!important}
body.concord-view .cc-message-actions button{display:grid!important;place-items:center!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:30px!important;padding:0!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#dce0eb!important;font-size:16px!important;line-height:1!important;cursor:pointer!important}
body.concord-view .cc-message-actions button:hover,body.concord-view .cc-message-actions button:focus-visible{background:rgba(255,255,255,.1)!important;color:#fff!important;outline:0!important}
body.concord-view .cc-message-actions .cc-delete-action:hover{background:rgba(237,66,69,.18)!important;color:#ff7b7e!important}
body.concord-view .cc-message-actions button::after{content:none!important;display:none!important}
body.concord-view .cc-action-sep{width:1px!important;height:20px!important;margin:0 2px!important;background:rgba(255,255,255,.12)!important}
body.concord-view .cc-reactions{gap:5px!important;margin-top:7px!important}
body.concord-view .cc-reaction{min-height:28px!important;padding:3px 9px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:9px!important;background:rgba(255,255,255,.055)!important;color:#e8eaf0!important}
body.concord-view .cc-reaction-emoji{display:block!important;width:22px!important;height:22px!important;object-fit:contain!important;border-radius:4px!important}
body.concord-view .cc-reaction:hover{border-color:rgba(88,101,242,.7)!important;background:rgba(88,101,242,.14)!important}
body.concord-view .cc-reaction.mine{border-color:#7785ff!important;background:rgba(88,101,242,.25)!important;color:#fff!important}
body.concord-view .cc-reaction-picker{display:grid!important;grid-template-columns:repeat(4,32px)!important;width:auto!important;gap:2px!important;padding:6px!important;border-radius:11px!important;background:#20232d!important}
/* The ellipsis is a real disclosure control on every screen size. Previously cc-actions-open only
   affected the mobile media query, so desktop clicks changed state without changing pixels while
   hover/focus left the old full toolbar hanging around. */
body.concord-view .cc-message-actions button:not(.cc-action-trigger){display:none!important}
body.concord-view .cc-message.cc-actions-open .cc-message-actions{display:flex!important}
body.concord-view .cc-message.cc-actions-open .cc-message-actions button{display:grid!important}
body.concord-view .cc-message.cc-actions-open .cc-action-trigger{background:rgba(255,255,255,.12)!important}
@media(max-width:820px),(hover:none){body.concord-view .cc-message-actions{position:static!important;float:none!important;width:max-content!important;margin:7px 0 0 auto!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;background:rgba(255,255,255,.035)!important}body.concord-view .cc-message-actions button{display:none!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important}body.concord-view .cc-message-actions .cc-action-trigger,body.concord-view .cc-message.cc-actions-open .cc-message-actions button{display:grid!important}body.concord-view .cc-message.cc-actions-open .cc-action-trigger{background:rgba(255,255,255,.12)!important}body.concord-view .cc-reaction-picker{position:fixed!important;inset:auto 10px calc(74px + env(safe-area-inset-bottom)) auto!important;grid-template-columns:repeat(4,40px)!important}body.concord-view .cc-reaction-picker button{width:40px!important;height:40px!important}}

/* Classic-mode phone shell: one real screen at a time, with a horizontal community switcher. */
@media(max-width:820px){
  body.concord-view .feed.feed-dm:has(.cc-app){padding:0!important;overflow:hidden!important}
  body.concord-view .cc-app{position:fixed!important;z-index:39!important;inset:calc(58px + env(safe-area-inset-top)) 0 calc(61px + env(safe-area-inset-bottom)) 0!important;width:100vw!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;background:var(--cc-side)!important}
  body.concord-view .cc-communities{display:flex!important;flex-direction:row!important;align-items:center!important;flex:0 0 62px!important;width:100%!important;max-width:none!important;height:62px!important;padding:7px 10px!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;scrollbar-width:none!important}
  body.concord-view .cc-communities::-webkit-scrollbar{display:none!important}
  body.concord-view .cc-brand,body.concord-view .cc-server{flex:0 0 46px!important;width:46px!important;height:46px!important}
  body.concord-view .cc-server.active:before{inset:auto auto -7px 6px!important;width:34px!important;height:3px!important;border-radius:3px 3px 0 0!important}
  body.concord-view .cc-server.unread:after{inset:3px 3px auto auto!important;width:8px!important;height:8px!important;border-radius:50%!important}
  body.concord-view .cc-channels{display:flex!important;flex:1 1 auto!important;width:100%!important;max-width:none!important;min-height:0!important;border:0!important}
  body.concord-view .cc-channel-list{padding:8px 10px 12px!important}
  body.concord-view .cc-channel{min-height:50px!important;padding:10px 12px!important;border-radius:10px!important;font-size:16px!important}
  body.concord-view .cc-section{padding:10px 11px 6px!important}
  body.concord-view .cc-identity{padding-bottom:calc(8px + env(safe-area-inset-bottom))!important}
  body.concord-view .cc-app.show-chat{inset:0!important;z-index:45!important;height:100dvh!important;background:var(--cc-main)!important}
  body.concord-view .cc-app.show-chat .cc-conversation{display:flex!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important}
  body.concord-view .cc-app.show-chat .cc-communities,body.concord-view .cc-app.show-chat .cc-channels{display:none!important}
  body.concord-view .cc-app.home-view #cc-back-channels{display:grid!important}
  /* The community finder is a destination inside Discover, not a modal chat
     drill-down.  Keep Classic's top and bottom navigation reachable here or
     entering Concord traps the user above every other Discover view. */
  body.concord-view .cc-app.home-view{inset:calc(58px + env(safe-area-inset-top)) 0 calc(61px + env(safe-area-inset-bottom)) 0!important;z-index:39!important;height:auto!important}
  body.concord-view .cc-app.home-view .cc-conversation{position:absolute!important;inset:0!important;height:100%!important}
  body.concord-view .cc-conversation>header{flex:0 0 auto!important;min-height:calc(54px + env(safe-area-inset-top))!important;padding:env(safe-area-inset-top) 7px 0!important;gap:5px!important}
  body.concord-view .cc-conversation>header .cc-hash,body.concord-view .cc-conversation>header .cc-visibility,body.concord-view #cc-publish-listing{display:none!important}
  body.concord-view .cc-conversation>header>b{min-width:0!important;max-width:34vw!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:16px!important}
  body.concord-view .cc-head-btn,body.concord-view .cc-mobile-back{flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:38px!important}
  body.concord-view .cc-conversation{min-width:0!important;max-width:100vw!important;overflow:hidden!important}
  body.concord-view .cc-messages{width:100%!important;max-width:100%!important;padding:12px 9px 8px!important;overflow-x:hidden!important;overscroll-behavior:contain!important}
  body.concord-view .cc-message-list,body.concord-view .cc-message,body.concord-view .cc-message-body{width:100%!important;max-width:100%!important;min-width:0!important}
  body.concord-view .cc-message-body a,body.concord-view .cc-message-body p,body.concord-view .cc-message-body pre{max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  body.concord-view .cc-message-body img,body.concord-view .cc-message-body video,body.concord-view .cc-message-body iframe,body.concord-view .cc-message-body .link-card,body.concord-view .cc-message-body .xdc-card{max-width:100%!important}
  body.concord-view .cc-message{gap:8px!important;padding:7px 2px!important;background:transparent!important}
  body.concord-view .cc-message-avatar{flex-basis:30px!important;width:30px!important;height:30px!important}
  body.concord-view .cc-message p{font-size:15px!important;line-height:1.42!important}
  body.concord-view .cc-message-actions{gap:0!important;margin:4px 0 0 auto!important;padding:0!important;border:0!important;background:transparent!important}
  body.concord-view .cc-message-actions .cc-action-sep{display:none!important}
  body.concord-view .cc-message-actions button{width:38px!important;min-width:38px!important;max-width:38px!important;height:34px!important;background:rgba(255,255,255,.045)!important}
  body.concord-view .cc-compose{gap:2px!important;margin:0 6px calc(6px + env(safe-area-inset-bottom))!important;padding:4px!important;border-radius:14px!important}
  body.concord-view .cc-compose-btn{flex-basis:40px!important;width:40px!important;min-width:40px!important;height:42px!important}
  body.concord-view .cc-compose textarea{min-height:42px!important;padding:10px 4px!important;font-size:16px!important}
  body.concord-view .cc-compose .btn{min-width:58px!important;padding:0 10px!important}
  body.concord-view .cc-discover{align-self:flex-start!important;margin:0 auto!important;padding:8px 4px 18px!important}
  body.concord-view .cc-discover>.concord-mark{width:48px!important;height:48px!important;border-radius:14px!important}
  body.concord-view .cc-discover h2{font-size:22px!important}
  body.concord-view .cc-primary-actions{margin:14px 0 22px!important;flex-wrap:wrap!important}
  body.concord-view .cc-primary-actions .btn{flex:1 1 145px!important;min-height:44px!important}
  body.concord-view .cc-public-room{grid-template-columns:42px minmax(0,1fr)!important;padding:10px!important}
  body.concord-view .cc-public-room>strong,body.concord-view .cc-joined-room>strong{display:none!important}
  body.concord-view .cc-joined-room{grid-template-columns:42px minmax(0,1fr)!important;min-height:64px!important;padding:10px!important}
}
@media(max-width:370px){body.concord-view #cc-call{display:none!important}body.concord-view .cc-conversation>header>b{max-width:30vw!important}body.concord-view .cc-compose #cc-emoji{display:none!important}}

/* Phone Concord follows the working PosterChanOS workspace, not a separate card UI.  The same
   vertical community rail + channel pane are visible before a room is opened and become one
   dismissible drawer over the conversation afterwards.  This final block intentionally owns the
   mobile cascade over the older horizontal-strip experiment above. */
.cc-drawer-backdrop{display:none}
@media(max-width:820px){
  body.concord-view .cc-app:not(.show-chat){
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    flex-direction:initial!important;
  }
  body.concord-view .cc-app:not(.show-chat) .cc-communities{
    grid-column:1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    width:58px!important;
    max-width:58px!important;
    height:100%!important;
    padding:8px 6px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    border:0!important;
    border-inline-end:1px solid rgba(255,255,255,.06)!important;
  }
  body.concord-view .cc-app:not(.show-chat) .cc-channels{
    grid-column:2!important;
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
  }
  body.concord-view .cc-app:not(.show-chat) .cc-brand,
  body.concord-view .cc-app:not(.show-chat) .cc-server{
    flex:0 0 46px!important;
    width:46px!important;
    height:46px!important;
  }
  body.concord-view .cc-app.show-chat:not(.drawer-open) .cc-communities,
  body.concord-view .cc-app.show-chat:not(.drawer-open) .cc-channels{display:none!important}
  body.concord-view .cc-app.show-chat.drawer-open .cc-drawer-backdrop{
    display:block!important;
    position:fixed!important;
    z-index:50!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    padding:0!important;
    border:0!important;
    background:rgba(0,0,0,.58)!important;
  }
  body.concord-view .cc-app.show-chat.drawer-open .cc-communities{
    display:flex!important;
    position:fixed!important;
    z-index:52!important;
    inset:0 auto 0 0!important;
    flex-direction:column!important;
    align-items:center!important;
    width:58px!important;
    max-width:58px!important;
    height:100dvh!important;
    padding:calc(8px + env(safe-area-inset-top)) 6px calc(8px + env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    border:0!important;
    border-inline-end:1px solid rgba(255,255,255,.06)!important;
  }
  body.concord-view .cc-app.show-chat.drawer-open .cc-channels{
    display:flex!important;
    position:fixed!important;
    z-index:52!important;
    inset:0 auto 0 58px!important;
    width:min(300px,calc(88vw - 58px))!important;
    max-width:calc(100vw - 58px)!important;
    height:100dvh!important;
    padding-top:env(safe-area-inset-top)!important;
    padding-bottom:env(safe-area-inset-bottom)!important;
    border:0!important;
    box-shadow:18px 0 38px rgba(0,0,0,.46)!important;
  }
  body.concord-view .cc-app.show-chat.drawer-open .cc-brand,
  body.concord-view .cc-app.show-chat.drawer-open .cc-server{
    flex:0 0 46px!important;
    width:46px!important;
    height:46px!important;
  }
  body.concord-view .cc-app.show-chat.drawer-open .cc-conversation{display:flex!important}
  body.concord-view .cc-mobile-back{font-size:22px!important;font-weight:800!important}
}