.connections-tabs{display:flex;gap:6px;width:max-content;padding:5px;margin-bottom:20px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}
.connections-tabs button{border:0;border-radius:11px;padding:10px 18px;background:transparent;color:var(--muted);font-weight:800}
.connections-tabs button.active{background:var(--mint);color:var(--mint-strong)}
.connections-tabs span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;border-radius:999px;background:var(--surface-2);font-size:9px}
.connections-panel{display:none}.connections-panel.active{display:grid;gap:18px}
.groups-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:4px}
.groups-heading h2{font-size:25px;margin:5px 0}.groups-heading>div>p:last-child{margin:0;color:var(--muted);font-size:11px}
.group-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.group-card{position:relative;overflow:hidden;min-height:260px;display:flex;flex-direction:column;padding:22px;border:1px solid var(--border);border-radius:23px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--mint) 40%,var(--surface)));box-shadow:var(--shadow)}
.group-card:after{content:'';position:absolute;right:-45px;top:-55px;width:160px;height:160px;border-radius:50%;background:color-mix(in srgb,var(--mint-strong) 12%,transparent)}
.group-tone-1{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--blue) 65%,var(--surface)))}.group-tone-2{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--yellow) 45%,var(--surface)))}.group-tone-3{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--taupe) 24%,var(--surface)))}
.group-card-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.group-card-top>span:last-child{font-size:9px;color:var(--muted);font-weight:750}
.group-symbol{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:var(--mint-strong);color:white;font-size:12px;font-weight:900;letter-spacing:-1px}
.group-card>div:nth-child(2){margin-top:30px;position:relative;z-index:1}.group-card h2{font-size:23px;margin:4px 0}.group-card>div:nth-child(2)>p:last-child{margin:0;color:var(--muted);font-size:10px}
.group-progress{height:7px;margin:18px 0;border-radius:999px;background:color-mix(in srgb,var(--surface-2) 80%,transparent);overflow:hidden}.group-progress i{display:block;height:100%;border-radius:inherit;background:var(--mint-strong)}
.group-open{display:flex;justify-content:space-between;margin-top:auto;padding:13px 0 0;border:0;border-top:1px solid var(--border);background:transparent;color:var(--mint-strong);font-weight:850;text-align:left}
.groups-empty{grid-column:1/-1;text-align:center;padding:55px 25px}.groups-empty>span{width:58px;height:58px;display:grid;place-items:center;margin:auto;border-radius:18px;background:var(--mint);color:var(--mint-strong);font-size:25px}.groups-empty h2{margin:16px 0 7px}.groups-empty p{max-width:480px;margin:0 auto 20px;color:var(--muted);font-size:11px;line-height:1.6}
.create-group-card{margin-bottom:2px}.create-space-form{display:grid;gap:15px}.create-space-form>label{display:grid;gap:7px;color:var(--muted);font-size:10px;font-weight:800}.create-space-form>label>input{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:11px;padding:12px 13px;font:inherit}.create-space-form fieldset{border:1px solid var(--border);border-radius:13px;padding:8px 12px}.create-space-form legend{padding:0 5px;color:var(--muted);font-size:9px;font-weight:800}.member-choice{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;padding:9px 0;border-top:1px solid var(--border)}.member-choice:first-of-type{border-top:0}.member-choice>div{display:grid}.member-choice small{color:var(--muted);font-size:8px}.connected-badge{padding:6px 9px;border-radius:999px;background:var(--mint);color:var(--mint-strong);font-size:8px;font-weight:800}
.circle-details-button{margin-left:auto;white-space:nowrap}.circle-details-modal{max-width:560px}.circle-details-loading{padding:35px;text-align:center;color:var(--muted)}.circle-details-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.circle-details-summary>div{display:grid;gap:5px;padding:15px;border-radius:14px;background:var(--surface-2)}.circle-details-summary small{color:var(--muted);font-size:8px;font-weight:850}.circle-details-summary strong{font-size:18px}.circle-details-progress{height:7px;margin:12px 0 24px;overflow:hidden;border-radius:999px;background:var(--surface-2)}.circle-details-progress i{display:block;height:100%;border-radius:inherit;background:var(--mint-strong)}.circle-member-section{display:grid;gap:10px}.circle-section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.circle-section-heading h3{margin:3px 0;font-size:18px}.circle-member-list{border:1px solid var(--border);border-radius:16px;overflow:hidden}.circle-member-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px;border-top:1px solid var(--border)}.circle-member-row:first-child{border-top:0}.circle-member-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--mint);color:var(--mint-strong);font-size:11px;font-weight:900}.circle-member-row>div{display:grid;gap:3px}.circle-member-row strong{font-size:10px}.circle-member-row strong em{display:inline-block;margin-left:5px;color:var(--muted);font-size:8px;font-style:normal}.circle-member-row small{color:var(--muted);font-size:8px}.circle-role{padding:6px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:8px;font-weight:850}.circle-role.owner{background:var(--yellow);color:#79651c}.circle-owner-note{margin:13px 0 0;color:var(--muted);font-size:9px;line-height:1.5}
.circle-feature-note{margin-top:16px;padding:14px;border-radius:13px;background:var(--surface-2);color:var(--muted);font-size:10px;line-height:1.55}.summary-card.feature-pending{cursor:not-allowed;opacity:.72}.summary-card.feature-pending b{display:none}
.circle-settings-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.circle-settings-form label{display:grid;gap:7px;color:var(--muted);font-size:9px;font-weight:800}.circle-settings-form input,.circle-add-member select{width:100%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:11px;padding:12px 13px;font:inherit}.circle-settings-section{display:grid;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.circle-settings-section h3{margin:4px 0}.circle-add-member{display:grid;grid-template-columns:1fr auto;gap:9px}.circle-remove-member{padding:8px 10px;font-size:8px}.circle-back-button{width:100%;margin-top:18px}
@media(max-width:700px){.groups-heading{align-items:flex-start;flex-direction:column}.groups-heading .primary-button{width:100%}.group-card-grid{grid-template-columns:1fr}.group-card{min-height:235px}.connections-tabs{width:100%}.connections-tabs button{flex:1}.groups-heading h2{font-size:22px}}
@media(max-width:560px){.circle-details-button{width:100%;margin:10px 0 0}.circle-section-heading{align-items:flex-start;flex-direction:column}.circle-section-heading .secondary-button{width:100%}.circle-member-row{grid-template-columns:auto 1fr}.circle-role,.circle-remove-member{grid-column:2;width:max-content}.circle-details-summary{grid-template-columns:1fr}.circle-settings-form,.circle-add-member{grid-template-columns:1fr}.circle-settings-form button,.circle-add-member button{width:100%}}
/* Dedicated Circles directory and detail */
.circles-header,.circle-detail-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.circles-header h1,.circle-detail-header h1{font-size:clamp(2.25rem,5vw,4rem);margin:.15em 0}.circle-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.circle-directory-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;display:grid;gap:16px;box-shadow:var(--shadow)}.circle-card-icon{width:54px;height:54px;border-radius:18px;background:var(--mint-soft);display:grid;place-items:center;font-size:1.5rem}.circle-card-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;color:var(--muted);font-size:.86rem}.circles-empty,.circle-create-panel{max-width:760px;padding:32px}.circles-empty{text-align:center;grid-column:1/-1}.circle-create-panel form,.circle-settings-page form{display:grid;gap:16px;margin-top:24px}.circle-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:10px;margin-bottom:20px}.circle-tabs button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:10px 16px;white-space:nowrap}.circle-tabs button.active{background:var(--teal);color:#fff;border-color:var(--teal)}.circle-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.circle-overview-grid .card{padding:24px}.circle-member-profile{width:100%;border:0;background:transparent;text-align:left}.circle-list-block{padding:18px 0;border-bottom:1px solid var(--line)}.member-profile-view{text-align:center;max-width:620px;margin:24px auto;padding:40px}.member-profile-view .circle-member-avatar{width:76px;height:76px;font-size:1.35rem;margin:auto}.circle-loading{padding:80px;text-align:center;color:var(--muted)}
@media(max-width:760px){.circles-header,.circle-detail-header{align-items:stretch;flex-direction:column}.circle-directory-grid,.circle-overview-grid{grid-template-columns:1fr}.circle-card-facts{grid-template-columns:1fr}.circles-header .primary-button,.circle-detail-header .primary-button{width:100%}}
[data-page-view="together"] [data-connections-tab="groups"],[data-page-view="together"] [data-connections-panel="groups"]{display:none!important}
.circle-item-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}

/* Circle experience v25 */
#circlesExperience,#messagesExperience{max-width:1120px;margin:auto}.circle-back{border:0;background:transparent;color:var(--mint-strong);font-size:12px;font-weight:850;padding:6px 0;margin-bottom:16px}.circle-detail-header{position:relative;align-items:center;padding:26px 28px;margin-bottom:18px;border:1px solid var(--border);border-radius:26px;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--mint) 34%,var(--surface)));box-shadow:var(--shadow);overflow:hidden}.circle-detail-header:after{content:"";position:absolute;right:-80px;top:-100px;width:260px;height:260px;border-radius:50%;background:color-mix(in srgb,var(--mint-strong) 10%,transparent)}.circle-detail-header>*{position:relative;z-index:1}.circle-identity{display:flex;align-items:center;gap:18px}.circle-hero-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:22px;background:var(--mint-strong);color:white;font-size:28px;box-shadow:0 12px 30px color-mix(in srgb,var(--mint-strong) 24%,transparent)}.circle-detail-header h1{font-size:clamp(32px,5vw,54px);letter-spacing:-2px;line-height:1;margin:7px 0 9px}.circle-detail-header p{margin:0;color:var(--muted);font-size:12px}.circle-avatar-stack{display:flex;margin-top:14px}.circle-avatar-stack span{width:30px;height:30px;display:grid;place-items:center;margin-left:-7px;border:3px solid var(--surface);border-radius:50%;background:var(--mint);color:var(--mint-strong);font-size:8px;font-weight:900}.circle-avatar-stack span:first-child{margin-left:0}.circle-tabs{gap:4px;padding:5px;margin:0 0 20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 8px 24px rgba(59,47,42,.04)}.circle-tabs button{border:0;background:transparent;color:var(--muted);border-radius:12px;padding:11px 15px;font-size:11px;font-weight:800}.circle-tabs button:hover{background:var(--surface-2);color:var(--text)}.circle-tabs button.active{background:var(--mint);color:var(--mint-strong);box-shadow:none}.circle-overview-grid{gap:16px}.circle-overview-grid .card{min-height:180px;border-radius:22px;padding:24px}.circle-overview-grid .card h2{font-size:28px;margin:14px 0}.circle-overview-grid .card>p:not(.eyebrow),.circle-overview-grid .card>div p{color:var(--muted);font-size:11px;line-height:1.6}.circle-directory-card{background:var(--surface);border-color:var(--border)}.circle-card-icon{background:var(--mint)}.circle-member-list{padding:8px;background:var(--surface);box-shadow:var(--shadow)}.circle-member-row{min-height:68px;padding:12px 14px;border-radius:13px}.circle-member-row:hover{background:var(--surface-2)}.circle-member-row strong{font-size:12px}.circle-member-row small{font-size:9px}.circle-settings-page{padding:28px}.circle-settings-page h2{margin:0 0 22px}.circle-settings-page label,.circle-create-panel label{display:grid;gap:7px;color:var(--muted);font-size:10px;font-weight:800}.circle-settings-page input,.circle-settings-page textarea,.circle-settings-page select,.circle-create-panel input,.circle-create-panel textarea,.circle-create-panel select{width:100%;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);padding:13px 14px;font:inherit;outline:0}.circle-settings-page input:focus,.circle-settings-page textarea:focus,.circle-settings-page select:focus{border-color:var(--mint-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--mint-strong) 13%,transparent)}.circle-settings-page form>.primary-button{width:max-content}.circle-item-row{border-color:var(--border)}
.conversation-card{height:min(650px,calc(100vh - 300px));min-height:470px;display:grid;grid-template-rows:1fr auto;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.message-stream{padding:24px;overflow:auto;display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 45%,var(--surface)),var(--surface))}.message-row{display:flex;align-items:flex-end;gap:9px;max-width:78%}.message-row.mine{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:var(--mint);color:var(--mint-strong);font-size:9px;font-weight:900}.message-bubble{padding:11px 14px;border:1px solid var(--border);border-radius:17px 17px 17px 5px;background:var(--surface)}.message-row.mine .message-bubble{border-color:transparent;border-radius:17px 17px 5px 17px;background:var(--mint-strong);color:white}.message-bubble header{display:flex;align-items:center;gap:10px}.message-bubble header strong{font-size:9px}.message-bubble time{color:var(--muted);font-size:7px}.message-row.mine time{color:rgba(255,255,255,.7)}.message-bubble p{margin:5px 0 0;font-size:12px;line-height:1.5;white-space:pre-wrap}.message-bubble>small{font-size:7px;opacity:.7}.message-composer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-top:1px solid var(--border);background:var(--surface)}.message-composer textarea{resize:none;max-height:120px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--text);padding:13px 14px;font:inherit;outline:0}.message-composer textarea:focus{border-color:var(--mint-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--mint-strong) 12%,transparent)}.conversation-empty{margin:auto;text-align:center;color:var(--muted)}.conversation-empty>span,.message-welcome>span{width:58px;height:58px;display:grid;place-items:center;margin:auto;border-radius:18px;background:var(--mint);color:var(--mint-strong);font-size:24px}.conversation-empty h2{color:var(--text);margin:14px 0 5px}.conversation-empty p{font-size:11px}.messages-header{margin-bottom:22px}.messages-header h1{font-size:clamp(34px,5vw,52px);letter-spacing:-1.8px;margin:7px 0}.messages-header p{color:var(--muted)}.messages-layout{display:grid;grid-template-columns:330px 1fr;min-height:560px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.conversation-list{padding:18px;border-right:1px solid var(--border);overflow:auto}.conversation-list h2{font-size:18px;margin:4px 6px 14px}.conversation-list h3{margin:22px 6px 8px;color:var(--muted);font-size:9px;letter-spacing:1px;text-transform:uppercase}.conversation-list button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:0;border-radius:14px;background:transparent;padding:11px;text-align:left}.conversation-list button:hover{background:var(--surface-2)}.conversation-list button>span:nth-child(2){min-width:0;display:grid}.conversation-list strong,.conversation-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-list strong{font-size:11px}.conversation-list small{color:var(--muted);font-size:8px;margin-top:3px}.conversation-list b{min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:var(--mint-strong);color:white;font-size:8px}.quiet-copy{padding:10px;color:var(--muted);font-size:10px}.message-welcome{display:grid;place-content:center;text-align:center;color:var(--muted)}.message-welcome h2{color:var(--text);margin:15px 0 5px}.message-welcome p{font-size:11px}
@media(max-width:760px){.circle-detail-header{padding:20px;align-items:stretch}.circle-identity{align-items:flex-start}.circle-hero-icon{width:54px;height:54px;border-radius:17px}.circle-tabs{margin-left:-18px;margin-right:-18px;border-left:0;border-right:0;border-radius:0;padding-left:18px}.conversation-card{height:calc(100vh - 255px);min-height:440px;border-radius:18px}.message-stream{padding:16px}.message-row{max-width:92%}.message-composer{grid-template-columns:1fr}.message-composer button{width:100%}.messages-layout{grid-template-columns:1fr;min-height:0}.message-welcome{display:none}.conversation-list{border-right:0}.circle-settings-page form>.primary-button{width:100%}.circle-item-row{grid-template-columns:auto 1fr}.circle-item-row .text-button{grid-column:auto}}

/* Secure messaging controls */
.conversation-card{grid-template-rows:minmax(0,1fr) auto auto}.message-composer{grid-template-columns:42px minmax(0,1fr) auto}.message-attach-button{width:42px;height:42px;display:grid;place-items:center;align-self:center;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);color:var(--mint-strong);font-size:22px;font-weight:800;cursor:pointer}.message-bubble footer{display:flex;gap:8px;align-items:center;margin-top:7px;opacity:0;transition:opacity .15s}.message-row:hover .message-bubble footer,.message-bubble:focus-within footer{opacity:1}.message-bubble footer button,.message-reaction,.message-reply-quote{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.message-bubble footer button{padding:0;font-size:8px;font-weight:800;opacity:.72}.message-bubble footer small{margin-left:auto;font-size:7px;opacity:.65}.message-reply-quote{width:100%;display:grid;gap:2px;margin-bottom:7px;padding:7px 9px;border-left:3px solid var(--mint-strong);border-radius:7px;background:color-mix(in srgb,var(--mint) 34%,transparent);text-align:left}.message-reply-quote strong,.message-reply-quote span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.message-reactions{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.message-reaction{padding:3px 7px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);font-size:10px}.message-reaction.mine{border-color:var(--mint-strong);background:var(--mint)}.message-attachment{display:grid;grid-template-columns:30px 1fr;gap:2px 8px;align-items:center;margin-top:8px;padding:10px;border:1px solid currentColor;border-radius:11px;color:inherit;text-decoration:none}.message-attachment>span{grid-row:1/3;font-size:20px}.message-attachment strong,.message-attachment small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-reply-bar{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;border-top:1px solid var(--border);background:var(--surface-2);font-size:10px}.message-reply-bar[hidden]{display:none}.message-reply-bar button{border:0;background:transparent;color:var(--muted);font-size:18px}.message-row.mine .message-reaction{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25)}
@media(max-width:760px){.message-composer{grid-template-columns:40px minmax(0,1fr) 54px}.message-composer .primary-button{width:54px;padding:0}.message-bubble footer{opacity:1}.message-attach-button{width:40px}.message-reply-bar{padding:8px 10px}}
.message-typing{padding:6px 16px;color:var(--muted);background:var(--surface-2);font-size:9px;font-style:italic}.message-typing[hidden]{display:none}

/* Together Messages, adapted from ChitChatt's three-pane messaging language. */
#messagesExperience.tm-experience{--tm-bg:#05080b;--tm-panel:#0b1015;--tm-panel-2:#10171e;--tm-line:rgba(255,255,255,.085);--tm-text:#f4f5f1;--tm-muted:#929b98;--tm-accent:#65ddd1;--tm-accent-soft:rgba(101,221,209,.12);position:relative;max-width:none;height:calc(100vh - 72px);min-height:650px;margin:-22px -24px -30px;color:var(--tm-text);background:radial-gradient(circle at 58% 32%,rgba(48,105,111,.18),transparent 31%),linear-gradient(135deg,#06090d,#020405);overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.tm-topbar{height:72px;display:flex;align-items:center;gap:20px;padding:0 18px 0 24px;border-bottom:1px solid var(--tm-line);background:rgba(5,8,11,.86);backdrop-filter:blur(18px)}.tm-topbar>div{min-width:260px;display:flex;align-items:center;gap:11px}.tm-brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(101,221,209,.45);border-radius:11px;color:var(--tm-accent);font-size:18px;font-weight:900;box-shadow:0 0 24px rgba(101,221,209,.15)}.tm-topbar strong{font-size:17px;letter-spacing:-.2px}.tm-topbar label{max-width:520px;min-width:240px;height:42px;flex:1;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--tm-line);border-radius:999px;background:rgba(255,255,255,.035)}.tm-topbar label span{color:var(--tm-accent);font-size:18px}.tm-topbar input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--tm-text);font:inherit}.tm-topbar input::placeholder{color:#737d7a}.tm-round{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--tm-line);border-radius:50%;background:rgba(255,255,255,.035);color:var(--tm-text);font:inherit}.tm-round:hover{color:var(--tm-accent);border-color:rgba(101,221,209,.35);background:var(--tm-accent-soft)}
.tm-layout{height:calc(100% - 72px);min-height:0;display:grid;grid-template-columns:300px minmax(420px,1fr) 310px;gap:12px;padding:12px}.tm-inbox,.tm-chat,.tm-info{min-height:0;border:1px solid var(--tm-line);border-radius:18px;background:linear-gradient(180deg,rgba(14,20,26,.9),rgba(5,9,12,.94));box-shadow:0 24px 70px rgba(0,0,0,.36);overflow:hidden}.tm-inbox{display:flex;flex-direction:column;padding:13px}.tm-new-message{height:48px;border:1px solid rgba(101,221,209,.5);border-radius:12px;background:linear-gradient(180deg,rgba(101,221,209,.13),rgba(101,221,209,.035));box-shadow:0 0 26px rgba(101,221,209,.12);color:var(--tm-accent);font:inherit;font-weight:850}.tm-filter{height:43px;display:grid;grid-template-columns:1fr 1fr;margin:12px 0 7px;border-bottom:1px solid var(--tm-line)}.tm-filter button{position:relative;border:0;background:transparent;color:var(--tm-muted);font:inherit;font-size:11px;font-weight:800}.tm-filter button.active{color:var(--tm-accent)}.tm-filter button.active:after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;background:var(--tm-accent);box-shadow:0 0 12px var(--tm-accent)}.tm-list{min-height:0;flex:1;overflow:auto}.tm-conversation{position:relative;width:100%;min-height:70px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;padding:9px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--tm-text);font:inherit;text-align:left}.tm-conversation:hover{background:rgba(255,255,255,.035)}.tm-conversation.active{border-color:rgba(101,221,209,.38);background:linear-gradient(90deg,rgba(101,221,209,.15),rgba(101,221,209,.03));box-shadow:inset 0 0 18px rgba(101,221,209,.04),0 0 24px rgba(101,221,209,.08)}.tm-avatar{position:relative;width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(101,221,209,.25);border-radius:50%;background:radial-gradient(circle at 45% 30%,rgba(101,221,209,.34),rgba(10,20,23,.94) 68%);color:#eafffc;font-size:11px;font-weight:900}.tm-avatar i{position:absolute;right:1px;bottom:1px;width:10px;height:10px;border:2px solid #091015;border-radius:50%;background:#55d68b}.tm-conversation-copy{min-width:0}.tm-conversation-copy>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.tm-conversation-copy strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.tm-conversation-copy time{color:#78827f;font-size:9px;white-space:nowrap}.tm-conversation-copy small{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tm-muted);font-size:10px}.tm-conversation>b{min-width:18px;height:18px;display:grid;place-items:center;border-radius:99px;background:var(--tm-accent);color:#03100f;font-size:9px}.tm-inbox footer{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:12px 4px 1px;border-top:1px solid var(--tm-line)}.tm-inbox footer .tm-avatar{width:38px;height:38px}.tm-inbox footer strong,.tm-inbox footer small{display:block}.tm-inbox footer strong{font-size:11px}.tm-inbox footer small{margin-top:3px;color:var(--tm-muted);font-size:9px}.tm-inbox footer small i,.tm-chat-head small i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#55d68b}.tm-new-people{position:absolute;z-index:30;width:274px;max-height:440px;overflow:auto;margin-top:60px;padding:10px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(7,11,14,.98);box-shadow:0 28px 80px rgba(0,0,0,.65)}.tm-new-people[hidden]{display:none}.tm-new-people>button[data-message-user]{width:100%;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:8px;border:0;border-radius:10px;background:transparent;color:var(--tm-text);text-align:left}.tm-new-people>button:hover{background:var(--tm-accent-soft)}.tm-new-people .tm-avatar{width:40px;height:40px}.tm-new-people strong,.tm-new-people small{display:block}.tm-new-people small{color:var(--tm-muted);font-size:9px}.tm-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 2px;color:var(--tm-text);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.65px}.tm-section-title button{border:0;background:transparent;color:var(--tm-muted);font-size:18px}.tm-empty-small{padding:28px 10px;color:var(--tm-muted);font-size:11px;text-align:center}
.tm-chat{display:grid;grid-template-rows:auto minmax(0,1fr)}.tm-chat-head{height:72px;display:flex;align-items:center;gap:11px;padding:10px 15px;border-bottom:1px solid var(--tm-line);background:rgba(8,12,16,.75)}.tm-chat-head>span:nth-of-type(2){min-width:0;flex:1}.tm-chat-head strong,.tm-chat-head small{display:block}.tm-chat-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.tm-chat-head small{margin-top:4px;color:var(--tm-muted);font-size:10px}.tm-mobile-back{display:none}.tm-chat .conversation-card{height:auto;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none}.tm-chat .message-stream{padding:18px 20px;gap:10px;background:radial-gradient(circle at 50% 35%,rgba(101,221,209,.025),transparent 34%);scrollbar-color:#3d4948 transparent}.tm-chat .message-row{max-width:72%;gap:9px}.tm-chat .message-avatar{width:31px;height:31px;border:1px solid rgba(101,221,209,.2);border-radius:50%;background:#111b21;color:var(--tm-accent);font-size:8px}.tm-chat .message-bubble{padding:10px 12px;border-color:rgba(255,255,255,.09);border-radius:13px 13px 13px 4px;background:#151c23;color:var(--tm-text);box-shadow:0 9px 26px rgba(0,0,0,.2)}.tm-chat .message-row.mine .message-bubble{border-color:rgba(101,221,209,.28);border-radius:13px 13px 4px 13px;background:linear-gradient(135deg,#1c5657,#233b4b);color:#fff}.tm-chat .message-bubble header strong{font-size:9px}.tm-chat .message-bubble time{color:#899390;font-size:8px}.tm-chat .message-bubble p{margin-top:5px;font-size:12px;line-height:1.45}.tm-chat .message-bubble footer{gap:9px;margin-top:7px}.tm-chat .message-bubble footer button{color:#aab4b1;font-size:8px}.tm-chat .message-bubble footer button:hover{color:var(--tm-accent)}.tm-chat .message-reaction{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:#eef2ee}.tm-chat .message-reaction.mine{border-color:rgba(101,221,209,.45);background:var(--tm-accent-soft);color:var(--tm-accent)}.tm-chat .message-reply-quote{border-left-color:var(--tm-accent);background:rgba(101,221,209,.08)}.tm-chat .message-composer{grid-template-columns:40px minmax(0,1fr) auto;gap:8px;margin:0 14px 14px;padding:7px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#111820;box-shadow:0 14px 36px rgba(0,0,0,.32)}.tm-chat .message-attach-button{width:38px;height:38px;border-color:rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.04);color:var(--tm-accent)}.tm-chat .message-composer textarea{min-height:38px;padding:9px 5px;border:0;background:transparent;color:var(--tm-text);font-size:12px;box-shadow:none}.tm-chat .message-composer textarea::placeholder{color:#707a77}.tm-chat .message-composer .primary-button{height:38px;padding:0 16px;border-radius:10px;background:linear-gradient(135deg,#65ddd1,#50b8c2);color:#04110f;box-shadow:0 0 18px rgba(101,221,209,.15)}.tm-chat .message-reply-bar,.tm-chat .message-typing{border-color:var(--tm-line);background:#0e151b;color:var(--tm-muted)}.tm-chat-empty,.tm-info-empty,.tm-loading{height:100%;display:grid;place-content:center;justify-items:center;text-align:center;color:var(--tm-muted)}.tm-chat-empty>span,.tm-info-empty>span{width:62px;height:62px;display:grid;place-items:center;margin-bottom:13px;border:1px solid rgba(101,221,209,.24);border-radius:18px;background:var(--tm-accent-soft);color:var(--tm-accent);font-size:25px}.tm-chat-empty h2{margin:0;color:var(--tm-text);font-size:20px}.tm-chat-empty p{font-size:10px}.tm-loading{font-size:11px}
.tm-info{display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(11,17,22,.96),rgba(4,8,11,.96))}.tm-info-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--tm-line)}.tm-info-head strong{font-size:13px}.tm-profile{padding:20px 14px;text-align:center}.tm-profile-avatar{width:68px;height:68px;display:grid;place-items:center;margin:auto;border:1px solid rgba(101,221,209,.28);border-radius:50%;background:radial-gradient(circle at 50% 30%,rgba(101,221,209,.34),rgba(7,13,17,.95) 68%);color:#eafffc;font-weight:900}.tm-profile h2{margin:10px 0 3px;font-size:17px}.tm-profile p{margin:0;color:var(--tm-muted);font-size:9px}.tm-info-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 12px 14px}.tm-info-actions button{height:55px;display:grid;place-items:center;border:1px solid var(--tm-line);border-radius:11px;background:rgba(255,255,255,.035);color:var(--tm-muted);font:inherit;font-size:8px}.tm-info-actions button span{font-size:16px}.tm-info-actions button:hover{color:var(--tm-accent);border-color:rgba(101,221,209,.25)}.tm-info section{padding:12px 14px;border-top:1px solid var(--tm-line)}.tm-info section>a{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:8px;border-radius:10px;color:var(--tm-text);text-decoration:none}.tm-info section>a:hover{background:var(--tm-accent-soft)}.tm-info section>a>span:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.05);color:var(--tm-accent)}.tm-info section>a strong,.tm-info section>a small{display:block}.tm-info section>a strong{font-size:10px}.tm-info section>a small{margin-top:3px;color:var(--tm-muted);font-size:8px}.tm-muted-copy{margin:4px 2px;color:var(--tm-muted);font-size:9px;line-height:1.5}.tm-info-empty strong,.tm-info-empty small{display:block}.tm-info-empty small{max-width:180px;margin-top:6px;font-size:9px}.tm-load-error{margin:30px;padding:28px;border:1px solid var(--tm-line);border-radius:18px;background:var(--tm-panel);color:var(--tm-text)}
@media(max-width:1180px){.tm-layout{grid-template-columns:280px minmax(390px,1fr)}.tm-info{display:none}.tm-experience.tm-info-open .tm-info{position:absolute;z-index:50;top:84px;right:12px;bottom:12px;width:310px;display:flex}}
@media(max-width:760px){#messagesExperience.tm-experience{height:calc(100dvh - 64px);min-height:520px;margin:-18px}.tm-topbar{height:58px;padding:0 12px}.tm-topbar>div{min-width:0}.tm-topbar>div strong,.tm-topbar label,.tm-topbar>.tm-round{display:none}.tm-layout{height:calc(100% - 58px);display:block;padding:0}.tm-inbox,.tm-chat{position:absolute;inset:58px 0 0;border:0;border-radius:0;box-shadow:none}.tm-inbox{padding:10px;background:#070b0f}.tm-chat{display:none;background:#05080b}.tm-experience.tm-thread-open .tm-inbox{display:none}.tm-experience.tm-thread-open .tm-chat{display:grid}.tm-mobile-back{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--tm-line);border-radius:10px;background:rgba(255,255,255,.04);color:var(--tm-text);font-size:24px}.tm-chat-head{height:60px;padding:7px 9px}.tm-chat-head .tm-avatar{width:39px;height:39px}.tm-chat-head .tm-round{width:35px;height:35px}.tm-chat .message-row{max-width:92%}.tm-chat .message-stream{padding:12px 9px}.tm-chat .message-composer{margin:0 9px 9px;grid-template-columns:38px minmax(0,1fr) 48px}.tm-chat .message-composer .primary-button{width:48px;padding:0;font-size:0}.tm-chat .message-composer .primary-button:after{content:"➤";font-size:15px}.tm-experience.tm-info-open .tm-info{position:absolute;inset:58px 0 0;width:auto;border:0;border-radius:0}.tm-new-people{left:10px;right:10px;width:auto}.tm-conversation{min-height:68px}}

/* Messages workspace geometry fixes: fit Together's shell instead of nesting a second full app. */
.content.messages-content{max-width:none;width:auto;margin:0;padding:0;overflow:hidden}.content.messages-content>.page.active{height:calc(100vh - 74px);overflow:hidden}
.content.messages-content #messagesExperience.tm-experience{width:100%;height:100%;min-height:0;margin:0;border-radius:0;background:radial-gradient(circle at 64% 28%,rgba(46,104,110,.16),transparent 34%),linear-gradient(145deg,#060a0e,#020405)}
.content.messages-content .tm-topbar{height:64px;padding:0 22px}.content.messages-content .tm-topbar>div{min-width:260px;display:grid;gap:2px}.content.messages-content .tm-topbar strong{font-size:20px;letter-spacing:-.45px}.tm-top-sub{color:var(--tm-muted);font-size:10px;font-weight:500}.content.messages-content .tm-layout{height:calc(100% - 64px);grid-template-columns:310px minmax(0,1fr);gap:0;padding:0}.content.messages-content .tm-inbox,.content.messages-content .tm-chat{border-width:0 1px 0 0;border-radius:0;box-shadow:none}.content.messages-content .tm-inbox{padding:16px 14px}.content.messages-content .tm-info{display:none;position:absolute;z-index:60;top:64px;right:0;bottom:0;width:min(350px,100%);border-width:0 0 0 1px;border-radius:0;box-shadow:-24px 0 70px rgba(0,0,0,.55)}.content.messages-content .tm-experience.tm-info-open .tm-info{display:flex}.content.messages-content .tm-chat{overflow:hidden}.content.messages-content .tm-chat-head{height:68px;padding:10px 18px}.content.messages-content .tm-chat .conversation-card{overflow:hidden}.content.messages-content .tm-chat .message-stream{padding:22px 28px;gap:14px}.content.messages-content .tm-chat .message-row{max-width:min(72%,680px);gap:10px}.content.messages-content .tm-chat .message-avatar{width:32px;height:32px}.content.messages-content .tm-chat .message-bubble{padding:12px 14px}.content.messages-content .tm-chat .message-bubble p{font-size:14px;line-height:1.5}.content.messages-content .tm-chat .message-bubble header strong{font-size:11px}.content.messages-content .tm-chat .message-bubble time{font-size:9px}.content.messages-content .tm-chat .message-bubble footer button{font-size:10px}.content.messages-content .tm-chat .message-composer{margin:0 20px 18px;padding:9px}.content.messages-content .tm-chat .message-composer textarea{font-size:14px}.content.messages-content .tm-conversation{min-height:76px}.content.messages-content .tm-conversation-copy strong{font-size:14px}.content.messages-content .tm-conversation-copy small{font-size:11px}.content.messages-content .tm-chat-empty h2{font-size:24px}.content.messages-content .tm-chat-empty p{font-size:12px}
@media(max-width:850px){.content.messages-content>.page.active{height:calc(100dvh - 66px)}.content.messages-content #messagesExperience.tm-experience{height:100%;margin:0}.content.messages-content .tm-topbar{height:58px}.content.messages-content .tm-topbar>div{display:block;min-width:0}.content.messages-content .tm-topbar>div strong{display:block;font-size:18px}.content.messages-content .tm-top-sub,.content.messages-content .tm-topbar label,.content.messages-content .tm-topbar>.tm-round{display:none}.content.messages-content .tm-layout{height:calc(100% - 58px);display:block}.content.messages-content .tm-inbox,.content.messages-content .tm-chat{position:absolute;inset:58px 0 0;border:0}.content.messages-content .tm-chat{display:none}.content.messages-content .tm-experience.tm-thread-open .tm-inbox{display:none}.content.messages-content .tm-experience.tm-thread-open .tm-chat{display:grid}.content.messages-content .tm-chat .message-stream{padding:13px 10px}.content.messages-content .tm-chat .message-row{max-width:92%}.content.messages-content .tm-chat .message-composer{margin:0 9px 9px}.content.messages-content .tm-info{top:58px;width:100%}}