.connect-page-top{padding-bottom:2.3rem}.connect-section{padding-top:0;padding-bottom:6rem;min-height:520px}.connect-auth-card{max-width:740px;margin:auto;text-align:center;border:1px solid rgba(165,148,255,.2);border-radius:24px;padding:4.3rem 2.5rem;background:radial-gradient(ellipse at 50% 0%,rgba(124,67,218,.16),transparent 63%),#101015;box-shadow:0 25px 100px rgba(0,0,0,.28)}.connect-auth-visual{font-size:4rem;color:#ceb6ff;margin-bottom:1rem}.connect-auth-card h2{font-size:clamp(1.9rem,4vw,3rem);line-height:1.16;letter-spacing:-.045em;margin:1rem 0}.connect-auth-card>p{max-width:540px;margin:1rem auto 2rem;color:#aaa9b8;line-height:1.7}.connect-notice{color:#88869a;font-size:.81rem;max-width:450px;margin:2rem auto 0}.connect-loading{text-align:center;padding:4rem;color:#aaa9b8}.connect-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-bottom:1.1rem}.connect-toolbar-actions{display:flex;gap:.5rem}.connect-signed{display:flex;gap:.6rem;align-items:center;margin-top:.5rem;font-size:1rem;font-weight:650}.connect-on{width:7px;height:7px;border-radius:100%;background:#63e9ac;box-shadow:0 0 12px #63e9ac}.connect-identity{color:#a6a4ba;background:rgba(158,148,210,.13);border:1px solid rgba(158,148,210,.13);border-radius:50px;font-size:.69rem;font-weight:500;padding:.22rem .55rem}.connect-grid{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:540px;border:1px solid rgba(194,181,250,.15);border-radius:20px;overflow:hidden;background:linear-gradient(160deg,#14121c,#0b0b11)}.connect-sidebar{display:flex;flex-direction:column;min-width:0;border-right:1px solid rgba(194,181,250,.13)}.connect-side-head{display:flex;justify-content:space-between;align-items:center;gap:.7rem;padding:1.2rem;border-bottom:1px solid rgba(194,181,250,.12)}.connect-list{flex:1;overflow-y:auto;max-height:610px}.connect-list-empty,.connect-side-foot{padding:1.25rem;color:#8b8a9e;font-size:.83rem;line-height:1.65}.connect-side-foot{border-top:1px solid rgba(194,181,250,.12)}.connect-conversation{display:flex;align-items:center;gap:.7rem;background:transparent;color:#eee;border:0;border-bottom:1px solid rgba(194,181,250,.07);padding:1rem;width:100%;text-align:left;cursor:pointer}.connect-conversation:hover,.connect-conversation.selected{background:rgba(142,110,210,.15)}.connect-avatar{flex:0 0 39px;width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(125deg,#413078,#156a65);font-weight:750}.connect-convo-text{min-width:0;display:flex;flex:1;flex-direction:column;gap:.2rem}.connect-convo-text strong{font-size:.92rem}.connect-convo-text>span{color:#9e9bae;font-size:.79rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connect-request-dot{background:#f5bf62;width:8px;height:8px;border-radius:100%}.connect-chat{display:flex;flex-direction:column;min-width:0;min-height:540px}.connect-blank{margin:auto;text-align:center;padding:2rem;max-width:400px}.connect-empty-art{font-size:4.5rem;color:#a991eb}.connect-blank h3{font-size:1.3rem;margin:.3rem 0}.connect-blank p,.connect-request-bar p{color:#9593a8;font-size:.87rem;line-height:1.6}.connect-thread-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.4rem;border-bottom:1px solid rgba(194,181,250,.12)}.connect-thread-head h3{margin:.3rem 0;font-size:1.06rem}.connect-peer{font-size:.7rem;color:#87869a;overflow-wrap:anywhere}.connect-messages{flex:1;overflow-y:auto;min-height:250px;max-height:600px;padding:1.4rem;display:flex;flex-direction:column;gap:.9rem}.connect-bubble-wrap{display:flex;flex-direction:column;gap:.2rem;max-width:82%;align-self:flex-start}.connect-bubble-wrap.mine{align-self:flex-end;align-items:flex-end}.connect-bubble{padding:.78rem 1rem;background:#252334;border:1px solid rgba(200,190,255,.1);border-radius:14px 14px 14px 4px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;font-size:.91rem;color:#faf8ff}.connect-bubble-wrap.mine .connect-bubble{background:linear-gradient(140deg,#274d49,#2b314e);border-color:rgba(115,224,187,.18);border-radius:14px 14px 4px 14px}.connect-bubble-wrap>span{font-size:.67rem;color:#818096}.connect-message-empty{margin:auto;color:#858297;font-size:.85rem}.connect-compose{display:flex;gap:.8rem;align-items:flex-end;padding:1rem;border-top:1px solid rgba(194,181,250,.12)}.connect-compose textarea,.connect-modal textarea{resize:vertical;min-height:58px;border:1px solid rgba(195,185,255,.22);background:#13121b;color:white;padding:.8rem;border-radius:11px;width:100%;font:inherit;line-height:1.5}.connect-compose textarea:focus,.connect-modal textarea:focus{outline:1px solid #8ee7ba}.connect-request-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.4rem;background:rgba(244,182,83,.07);border-bottom:1px solid rgba(244,182,83,.16);font-size:.88rem}.connect-request-bar p{margin:.3rem 0 0}.connect-request-actions{display:flex;gap:.5rem}.connect-flash{margin:.8rem 0;min-height:1.5rem;color:#7ee4ad;font-size:.88rem}.connect-flash.error{color:#ffadad}.connect-modal-wrap{position:fixed;z-index:1001;inset:0;display:grid;place-items:center;padding:1rem}.connect-modal-backdrop{position:absolute;inset:0;background:rgba(3,3,8,.83);backdrop-filter:blur(10px)}.connect-modal{position:relative;width:min(100%,490px);max-height:85vh;overflow:auto;padding:1.7rem;background:#15131e;color:white;border:1px solid rgba(194,181,250,.22);border-radius:19px;box-shadow:0 25px 90px #0009}.connect-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.connect-modal-head h3{font-size:1.3rem;margin:0}.connect-modal p{color:#aaa6b9;font-size:.86rem;line-height:1.6}.connect-modal form{display:grid;gap:.85rem}.connect-modal label{font-size:.8rem;color:#aaa6b9;margin-bottom:-.5rem}.connect-modal .input{width:100%;background:#13121b;color:#fff;border:1px solid rgba(195,185,255,.22);min-height:43px}.connect-modal hr{border:0;border-top:1px solid rgba(194,181,250,.12);margin:1.3rem 0}.connect-modal-error{color:#ffadad!important}.connect-danger{color:#ffa6a6!important}@media(max-width:850px){.connect-grid{grid-template-columns:1fr}.connect-sidebar{border-right:0;border-bottom:1px solid rgba(194,181,250,.13)}.connect-list{max-height:210px}.connect-side-foot{display:none}.connect-chat{min-height:425px}.connect-messages{min-height:200px;max-height:450px}}@media(max-width:560px){.connect-toolbar{align-items:flex-start;flex-direction:column}.connect-auth-card{padding:2.7rem 1.2rem}.connect-conversation{padding:.75rem}.connect-thread-head{padding:.8rem;align-items:flex-start}.connect-thread-head .mono{font-size:.59rem}.connect-compose{gap:.4rem}.connect-compose .btn{padding:.75rem}.connect-request-bar{flex-direction:column;align-items:flex-start}.connect-section{padding-bottom:3rem}}

/* v1.4 Connect²² discussions & group channels */
.connect-entry-nav,.connect-area-links{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.6rem}.connect-entry-nav{margin-bottom:.35rem}.connect-area-links{margin:0 0 1.1rem;gap:.3rem;align-items:center;border-bottom:1px solid rgba(194,181,250,.16);padding-bottom:1rem}.connect-area-links a,.connect-area-selected{display:inline-block;padding:.55rem .85rem;border-radius:9px;color:#bfb8d2;font-size:.86rem}.connect-area-links a:hover{background:#31253d}.connect-area-selected{background:#2e2350;color:#fcf6ff}.connect-page-top h1{letter-spacing:-.055em}.space-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.1rem;flex-wrap:wrap}.space-filter-group{display:flex;flex-wrap:wrap;gap:.3rem}.space-filter{border:1px solid #5b4b7555;border-radius:30px;padding:.52rem .9rem;background:#17131f;color:#b3adc1;cursor:pointer;font:inherit;font-size:.83rem}.space-filter.active,.space-filter:hover{background:#3b315b;color:#fff;border-color:#8f79ba}.space-grid{display:grid;grid-template-columns:minmax(220px,325px) minmax(0,1fr);border:1px solid #66567b60;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#18121e,#0c0b11);min-height:590px}.space-sidebar{border-right:1px solid #5d4b7155;max-height:640px;overflow-y:auto}.space-card{display:flex;flex-direction:column;gap:.55rem;padding:1.25rem;text-align:left;width:100%;background:transparent;color:white;border:0;border-bottom:1px solid #6b527126;cursor:pointer}.space-card:hover,.space-card.selected{background:#63508135}.space-card-top{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.space-type,.space-invite-tag{letter-spacing:.12em;color:#caa6ff;font-size:.65rem;font-weight:750}.space-invite-tag{color:#90edc0}.space-card strong{font-size:1.04rem;line-height:1.4}.space-card-desc{color:#ac9fbd;font-size:.81rem;line-height:1.5}.space-card-foot{font-size:.7rem;color:#a6d8c6}.space-chat{display:flex;flex-direction:column;min-width:0;min-height:560px}.space-none{text-align:center;margin:auto;max-width:350px;padding:2rem;color:#aaa0bb}.space-none h3{color:#f7f5ff}.space-empty-icon{font-size:4rem;color:#9b79d3}.space-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.45rem;border-bottom:1px solid #5d4b7155}.space-detail-head h3{font-size:1.45rem;margin:.4rem 0}.space-detail-head p{color:#aaa3b8;margin:.3rem 0 .8rem;font-size:.84rem}.space-member-summary{color:#85d2ba;font-size:.77rem}.space-detail-actions{display:flex;gap:.5rem;flex-wrap:wrap}.space-messages{flex:1;min-height:300px;max-height:590px;overflow:auto;display:flex;flex-direction:column;gap:.8rem;padding:1.25rem}.space-message{border:1px solid #6e5d8044;border-radius:12px;background:#1c1827;padding:.9rem 1rem}.space-message-top{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.space-message-top strong{font-size:.82rem;color:#a4ecc9}.space-message-top time{font-size:.67rem;color:#918b9f}.space-message-actions{display:flex;gap:.5rem;margin-left:auto}.space-message-actions button{background:transparent;border:0;color:#aaa0b6;font-size:.65rem;cursor:pointer}.space-message-actions button:hover{text-decoration:underline;color:white}.space-message p{font-size:.87rem;color:#e7e4ed;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:.55rem 0 0}.space-compose{display:flex;align-items:flex-end;gap:.8rem;padding:1rem;border-top:1px solid #5d4b7155}.space-compose textarea{flex:1;resize:vertical;min-height:62px;border:1px solid #6e5d8066;border-radius:10px;background:#0d0c13;color:white;padding:.8rem;font:inherit}.space-readonly{padding:1.1rem;border-top:1px solid #5d4b7155;color:#a9a1ba;font-size:.84rem}.space-no-results{padding:1.6rem;color:#b0a6bf;font-size:.85rem;line-height:1.6}@media(max-width:850px){.space-grid{grid-template-columns:1fr}.space-sidebar{max-height:310px;border-right:0;border-bottom:1px solid #5d4b7155}.space-chat{min-height:450px}.space-detail-head{flex-direction:column}.space-message-actions{margin-left:0}}@media(max-width:580px){.space-filter{font-size:.72rem;padding:.48rem .65rem}.space-detail-head{padding:1rem}.space-compose{gap:.4rem}.space-compose .btn{padding:.7rem}.connect-entry-nav .btn{font-size:.85rem}}