:root{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#111827;background-color:#f3f4f6}*{box-sizing:border-box}body{margin:0;background-color:#f3f4f6}body.community-body{background-color:#f1f5f9}body.community-body .app-shell{max-width:1280px}@media(min-width:1400px){body.community-body .app-shell{max-width:1400px}}@media(min-width:1600px){body.community-body .app-shell{max-width:1560px}}h1,h2,h3,h4{margin:0;color:#0f172a}button{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);transition:filter .2s ease}button:disabled{opacity:.6;cursor:not-allowed}button:not(:disabled):hover{filter:brightness(1.05)}input,textarea{width:100%;padding:.6rem .75rem;border-radius:6px;border:1px solid #cbd5f5;font-size:.95rem;background-color:#fff}textarea{resize:vertical;min-height:120px}.app-shell{max-width:960px;margin:0 auto;padding:1.5rem 1.25rem 2.25rem}.app-shell--home{max-width:min(1400px,calc(100% - 2rem))}@media(min-width:1600px){.app-shell--home{max-width:min(1560px,calc(100% - 3rem))}}@media(min-width:1900px){.app-shell--home{max-width:min(1760px,calc(100% - 4rem))}}.card{background:#fff;border-radius:12px;padding:1.35rem;box-shadow:0 12px 28px #0000000f;margin-bottom:1.1rem}.card h2{font-size:1.25rem;margin-bottom:1rem}.flex-row{display:flex;gap:.75rem;flex-wrap:wrap}.flex-1{flex:1 1 0;min-width:260px}.home-layout{display:grid;gap:1.75rem;align-items:start}.home-layout--feed{grid-template-columns:260px minmax(0,1fr) 320px}.home-left-rail{position:sticky;top:96px;max-height:calc(100vh - 112px);overflow-y:auto;padding-right:.5rem}.home-main{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.home-right-rail{display:flex;flex-direction:column;gap:1rem;position:sticky;top:96px;max-height:calc(100vh - 112px);overflow-y:auto;padding-right:.25rem}.home-right-rail>*{margin:0}.home-right-rail .card,.home-right-rail .info-card{margin-bottom:0}.home-focus-ring{outline:3px solid rgba(79,70,229,.35);border-radius:16px;transition:outline .4s ease;outline-offset:-4px}@media(max-width:1220px){.home-layout--feed{grid-template-columns:minmax(0,1fr) 280px}.home-left-rail{display:none}}@media(max-width:1024px){.home-layout--feed{grid-template-columns:minmax(0,1fr)}.home-right-rail{position:static;max-height:none;overflow:visible;padding-right:0}}.home-left-nav{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem .5rem 1.5rem 0}.home-left-nav__profile{display:flex;align-items:center;gap:.85rem;padding:.75rem .85rem;border-radius:16px;background:#94a3b82e;border:1px solid rgba(148,163,184,.25)}.home-left-nav__avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem;overflow:hidden}.home-left-nav__avatar img{width:100%;height:100%;object-fit:cover}.home-left-nav__avatar--fallback{font-size:1.2rem}.home-left-nav__greeting{display:flex;flex-direction:column;gap:.15rem}.home-left-nav__hello{color:#94a3b8;font-size:.85rem}.home-left-nav__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.home-left-nav__item{width:100%;display:flex;align-items:center;gap:.65rem;background:#fffc;color:#1f2937;font-weight:500;padding:.6rem .75rem;border-radius:12px;border:1px solid transparent;transition:background .2s ease,color .2s ease,border .2s ease}.home-left-nav__item:hover:not(:disabled){background:#3b82f61f;border-color:#3b82f640;color:#1d4ed8}.home-left-nav__item:disabled{opacity:.45;cursor:not-allowed}.home-left-nav__icon{font-size:1.2rem}.home-left-nav__shortcuts{display:flex;flex-direction:column;gap:.6rem}.home-left-nav__shortcuts-header{display:flex;align-items:center;justify-content:space-between}.home-left-nav__shortcuts-header h3{margin:0;font-size:.95rem;color:#111827}.home-left-nav__see-more{background:transparent;color:#2563eb;font-size:.85rem;padding:0}.home-left-nav__empty{margin:0;color:#6b7280;font-size:.85rem}.home-left-nav__shortcut-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.home-left-nav__shortcut-button{width:100%;display:flex;align-items:center;gap:.65rem;background:#ffffffd9;border-radius:12px;padding:.45rem .6rem;border:1px solid transparent;color:#1f2937;font-weight:500;transition:background .2s ease,border .2s ease,color .2s ease}.home-left-nav__shortcut-button:hover{background:#3b82f61f;border-color:#3b82f640;color:#1d4ed8}.home-left-nav__shortcut-avatar{width:40px;height:40px;border-radius:12px;background:#6366f12e;display:flex;align-items:center;justify-content:center;color:#312e81;font-weight:600;text-transform:uppercase;overflow:hidden}.home-left-nav__shortcut-avatar img{width:100%;height:100%;object-fit:cover}.home-left-nav__shortcut-avatar--fallback{font-size:.9rem}.home-left-nav__shortcut-label{flex:1;text-align:left;font-size:.92rem}.community-layout{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;gap:1.5rem;align-items:flex-start}.community-layout__sidebar{position:sticky;top:88px;align-self:flex-start}.community-layout__content{min-width:0;display:flex;flex-direction:column;gap:1.5rem}.community-layout__aux{position:sticky;top:88px;display:flex;flex-direction:column;gap:1rem}@media(max-width:1280px){.community-layout{grid-template-columns:260px minmax(0,1fr)}.community-layout__aux{display:none}}@media(max-width:960px){.community-layout{grid-template-columns:minmax(0,1fr)}.community-layout__sidebar{position:static}.community-shell__cover{height:200px}.community-shell__card{margin-top:-56px}}.badge{display:inline-block;padding:.15rem .6rem;font-size:.75rem;background:#1d4ed8;color:#fff;border-radius:999px;margin-left:.5rem}.feed-card{display:flex;flex-direction:column;gap:1.25rem;padding:1.6rem;border-radius:24px;box-shadow:0 40px 90px -60px #0f172a73;border:1px solid rgba(148,163,184,.18)}.feed-card__header{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.feed-card__header h2{font-size:1.45rem;margin:0}.feed-card__subtitle{margin:.35rem 0 0;color:#64748b;font-size:.95rem}.feed-card__status{margin-left:auto;display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:#64748b}.feed-card__status-dot{width:10px;height:10px;border-radius:999px;background:#94a3b8;box-shadow:0 0 0 4px #94a3b833}.feed-card__status-dot--open{background:#10b981;box-shadow:0 0 0 4px #10b98133;animation:feed-pulse 2.4s ease-in-out infinite}.feed-card__status-dot--connecting{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b33}.feed-card__status-dot--error{background:#ef4444;box-shadow:0 0 0 4px #ef444433}.feed-card__status-dot--idle{background:#94a3b8}.feed-card__refresh{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.feed-card__body{display:flex;flex-direction:column;gap:1.25rem}.feed-card__empty{background:#94a3b81f;border-radius:14px;padding:1.25rem;text-align:center;color:#475569;font-size:.95rem}.feed-reminder-card{display:flex;align-items:center;gap:1.25rem;padding:1.1rem 1.25rem;border-radius:18px;background:linear-gradient(135deg,#3b82f629,#60a5fa1a);border:1px solid rgba(59,130,246,.22)}.feed-reminder-card__icon{width:54px;height:54px;border-radius:16px;background:#3b82f62e;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.feed-reminder-card__content h3{margin:0;font-size:1.05rem;color:#0f172a}.feed-reminder-card__content p{margin:.4rem 0 0;color:#334155;font-size:.92rem}.feed-reminder-card__actions{display:flex;gap:.6rem;margin-left:auto}.feed-reminder-card__primary,.feed-reminder-card__secondary{border-radius:999px;padding:.45rem 1.2rem;font-size:.9rem;font-weight:600}.feed-reminder-card__primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.feed-reminder-card__secondary{background:#ffffffd9;color:#1f2937;border:1px solid rgba(148,163,184,.4)}.section-title{display:flex;align-items:center;justify-content:space-between}.error-text{color:#dc2626;font-size:.9rem;margin-top:.5rem}.success-text{color:#059669;font-size:.9rem;margin-top:.5rem}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.secondary-button{background:#6b7280}header.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.25rem 1.75rem;border-radius:16px;background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 18px 38px -18px #2563eb99;color:#f8fafc}header.app-header h1{font-size:1.8rem;color:inherit}header.app-header button{background:#0f172a40;color:#f8fafc;border:1px solid rgba(248,250,252,.15)}.app-branding{display:flex;flex-direction:column;gap:.35rem}.app-subtitle{margin:0;color:#f8fafccc;font-size:.95rem}.user-menu{position:relative}.user-menu__trigger{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .9rem;border-radius:9999px;background:#0f172a40;color:#f8fafc;border:1px solid rgba(248,250,252,.18);filter:none}.user-menu__trigger:not(:disabled):hover{filter:none;background:#0f172a59}.user-menu__trigger:focus-visible{outline:2px solid rgba(248,250,252,.9);outline-offset:3px}.user-menu__avatar{width:36px;height:36px;border-radius:9999px;background:#f8fafc33;display:inline-flex;align-items:center;justify-content:center;font-weight:600;overflow:hidden}.user-menu__avatar img{width:100%;height:100%;object-fit:cover}.user-menu__label{font-weight:600;line-height:1}.user-menu__badge{background:#ef4444;color:#fff;font-size:.75rem;padding:0 .45rem;border-radius:9999px}.user-menu__chevron{font-size:.9rem;opacity:.85}@media(max-width:560px){.user-menu__label{display:none}}.user-menu__dropdown{position:absolute;top:calc(100% + .75rem);right:0;min-width:240px;background:#fff;border-radius:1rem;box-shadow:0 26px 60px #0f172a33;padding:.75rem;z-index:1100}.user-menu__item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;background:transparent;color:#0f172a;border-radius:.65rem;padding:.55rem .65rem;font-weight:500;filter:none}.user-menu__item:not(:disabled):hover{filter:none;background:#e0e7ff;color:#1d4ed8}.user-menu__item:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px}.user-menu__item-badge{background:#1d4ed8;color:#fff;font-size:.75rem;padding:0 .45rem;border-radius:9999px}.user-menu__item--danger{color:#b91c1c}.user-menu__item--danger:hover{background:#fee2e2;color:#991b1b}.user-menu__separator{height:1px;width:100%;background:#e2e8f0;margin:.45rem 0}label{font-weight:600;font-size:.85rem;display:block;margin-bottom:.35rem}form .field{margin-bottom:1rem}.list-none{list-style:none;padding-left:0;margin:0}.list-none li{padding:.4rem 0}.plain-list{list-style:none;padding-left:0}.plain-list li::marker{content:""}.lightbox-backdrop{position:fixed;inset:0;background:#111827d9;display:flex;align-items:center;justify-content:center;z-index:1000;color:#f9fafb}.lightbox-content{margin:0;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:.5rem}.lightbox-content img{max-width:90vw;max-height:85vh;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000080}.lightbox-content figcaption{font-size:.875rem;color:#d1d5db}.lightbox-spinner{width:48px;height:48px;border-radius:50%;border:6px solid rgba(255,255,255,.2);border-top-color:#f9fafb;animation:lightbox-spin 1s linear infinite}@keyframes lightbox-spin{to{transform:rotate(360deg)}}.lightbox-error{color:#f87171;font-size:.95rem;padding:1rem 1.5rem;background:#f8717126;border-radius:.75rem}.lightbox-thumbnails{display:flex;gap:.5rem;padding:0;margin:.5rem 0 0;list-style:none}.lightbox-thumbnail{background:none;border:2px solid transparent;padding:0;border-radius:.5rem}.lightbox-thumbnail--active{border-color:#2563eb}.lightbox-thumbnail img{width:64px;height:64px;object-fit:cover;border-radius:.5rem}.lightbox-close{position:absolute;top:2rem;right:2rem;background:#111827cc;border:none;color:#f9fafb;font-size:2rem;line-height:1;padding:.2rem .8rem;border-radius:9999px;cursor:pointer}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#111827cc;border:none;color:#f9fafb;font-size:2.5rem;line-height:1;padding:.2rem .8rem;border-radius:9999px;cursor:pointer}.lightbox-nav--left{left:1.5rem}.lightbox-nav--right{right:1.5rem}.lightbox-nav:disabled{opacity:.3;cursor:default}.modal-overlay{position:fixed;inset:0;background-color:#11182780;z-index:1200;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-surface{width:100%;max-height:90vh;overflow-y:auto;background:#fff;border-radius:1rem;box-shadow:0 20px 45px #0f172a40;padding:1.5rem}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.modal-header h2{margin:0}.modal-subtitle{margin:.25rem 0 0;color:#475569;font-size:.95rem}.modal-body,.secure-panel{display:flex;flex-direction:column;gap:1rem}.secure-panel__section{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 2px #0000000f}.secure-panel__connections select{margin-left:.5rem}.secure-panel__conversation{display:flex;flex-direction:column;gap:.75rem}.secure-panel__messages{max-height:360px;overflow:auto;display:flex;flex-direction:column;gap:.5rem;padding-right:.25rem}.secure-msg{align-self:flex-start;background:#f1f5f9;color:#0f172a;border-radius:10px;padding:.5rem .75rem;max-width:70%}.secure-msg.mine{align-self:flex-end;background:#2563eb;color:#fff}.secure-msg__meta{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;opacity:.8}.secure-panel__composer{display:flex;gap:.5rem}.secure-panel__status{color:#475569;font-size:.9rem}.verify-banner{display:inline-flex;align-items:center;gap:.5rem;background:#f1f5f9;border:1px solid #cbd5e1;color:#0f172a;padding:.4rem .6rem;border-radius:8px;margin:.5rem 0}.verify-banner.verified{border-color:#16a34a;background:#ecfdf5}.verify-banner.changed{border-color:#ef4444;background:#fef2f2}.safety-groups{display:flex;flex-wrap:wrap;gap:.5rem}.safety-group{display:inline-block;padding:.25rem .4rem;background:#0f172a;color:#f8fafc;border-radius:6px}.verify-status-row{margin:.25rem 0 .75rem}.hint{color:#64748b;font-size:.9rem}.panel-card{background:#f8fafc;border-radius:1rem;padding:1.25rem;box-shadow:inset 0 0 0 1px #94a3b840;margin:0}.panel-card h3{margin-top:0}.info-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;padding:.75rem 1rem}.info-card.warning{background:#fef3c7;border-color:#fde68a}.info-card.success{background:#d1fae5;border-color:#a7f3d0}.community-header{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000f;margin-bottom:1rem}.community-cover{height:280px;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.community-cover-gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.15) 100%)}.community-info-section{padding:1.5rem 2rem 1.75rem;display:flex;align-items:flex-start;gap:1.5rem;position:relative;margin-top:-60px}.community-avatar{width:120px;height:120px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;flex-shrink:0}.community-avatar-inner{width:112px;height:112px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;font-weight:700}.community-details{flex:1;min-width:0;padding-top:.5rem}.community-sidebar{background:#fff;border-radius:20px;box-shadow:0 20px 45px -30px #0f172a73;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;border:1px solid rgba(148,163,184,.2)}.community-sidebar__header{display:flex;align-items:center;justify-content:space-between}.community-sidebar__header h2{font-size:1.35rem;margin:0}.community-sidebar__settings{background:none;border:none;font-size:1.2rem;color:#475569;padding:.2rem;border-radius:999px;cursor:pointer}.community-sidebar__settings:hover{background:#94a3b833}.community-sidebar__search input{width:100%;padding:.55rem .8rem;border-radius:999px;border:1px solid rgba(148,163,184,.35);font-size:.95rem;background:#f8fafc}.community-sidebar__nav{display:flex;flex-direction:column;gap:.35rem}.community-sidebar__nav-item{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;border-radius:10px;background:transparent;border:none;color:#0f172a;font-size:.95rem;font-weight:500;text-align:left;cursor:pointer}.community-sidebar__nav-item span:first-child{font-size:1.15rem}.community-sidebar__nav-item:not(:disabled):hover{background:#3b82f61f;color:#1d4ed8}.community-sidebar__nav-item--active{background:#3b82f62e;color:#1d4ed8}.community-sidebar__create{margin-top:.4rem;background:#3b82f626;color:#1d4ed8;border:1px solid rgba(59,130,246,.35);border-radius:10px;font-weight:600;padding:.65rem;cursor:pointer}.community-sidebar__create:hover{background:#3b82f640}.community-sidebar__section{display:flex;flex-direction:column;gap:.75rem}.community-sidebar__section h3{font-size:1rem;margin:0;color:#1f2937}.community-sidebar__section-header{display:flex;align-items:center;justify-content:space-between}.community-sidebar__see-all{background:none;border:none;color:#1d4ed8;font-size:.85rem;cursor:pointer}.community-sidebar__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.community-sidebar__group{width:100%;display:flex;align-items:center;gap:.75rem;padding:.55rem;border-radius:12px;background:transparent;border:none;text-align:left;color:#0f172a;cursor:pointer;transition:background .2s ease}.community-sidebar__group:hover{background:#94a3b82e}.community-sidebar__group--active{background:#3b82f62e;color:#1d4ed8}.community-sidebar__group-avatar{width:44px;height:44px;border-radius:12px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#475569;overflow:hidden}.community-sidebar__group-avatar img{width:100%;height:100%;object-fit:cover}.community-sidebar__group-details{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.community-sidebar__group-name{font-weight:600;font-size:.95rem}.community-sidebar__group-meta{font-size:.8rem;color:#64748b}.community-sidebar__muted{color:#94a3b8;font-size:.9rem;margin:0}.community-aux-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 24px 55px -35px #0f172a66;border:1px solid rgba(148,163,184,.18);display:flex;flex-direction:column;gap:1.1rem}.community-aux-card__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.community-aux-card__header h3{margin:0;font-size:1.1rem;color:#0f172a}.community-aux-card__action{background:none;border:none;color:#2563eb;font-weight:600;font-size:.85rem;cursor:pointer}.community-aux-card__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.community-aux-card__item-title{font-weight:600;color:#0f172a}.community-aux-card__item-meta{font-size:.85rem;color:#64748b;margin-top:.2rem}.community-aux-card__item-desc{margin:.35rem 0 .75rem;color:#475569;font-size:.9rem;line-height:1.45}.community-aux-card__pill{align-self:flex-start;padding:.4rem .85rem;border-radius:999px;border:none;background:#3b82f61f;color:#1d4ed8;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.community-aux-card__pill:hover{background:#3b82f633;color:#1d4ed8}.community-shell{display:flex;flex-direction:column;gap:1.5rem}.community-shell__cover{position:relative;height:clamp(220px,30vw,340px);border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#dbeafe,#f8fafc);border:1px solid rgba(148,163,184,.25);z-index:0}.community-shell__card{position:relative;z-index:1;background:#fff;border-radius:24px;margin-top:clamp(-140px,-12vw,-92px);padding:1.75rem;box-shadow:0 32px 60px -35px #0f172a66;border:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;gap:1.5rem}.community-shell__identity{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}.community-shell__avatar{position:relative;width:110px;height:110px;border-radius:24px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#475569;border:4px solid #ffffff;box-shadow:0 28px 50px -25px #0f172a99;overflow:hidden;flex-shrink:0}.community-shell__avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.community-shell__info{flex:1;min-width:240px;display:flex;flex-direction:column;gap:.5rem}.community-shell__name{font-size:2rem;margin:0;color:#0f172a}.community-shell__description{margin:0;color:#475569;font-size:1rem;max-width:600px}.community-shell__meta{display:flex;flex-wrap:wrap;gap:.5rem}.community-shell__actions{margin-left:auto;display:flex;align-items:center}.community-shell__cta{padding:.65rem 1.4rem;border-radius:999px;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 20px 35px -20px #2563eba6;transition:transform .2s ease,box-shadow .2s ease}.community-shell__cta:hover{transform:translateY(-1px);box-shadow:0 25px 45px -22px #2563ebbf}.community-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;background:#2563eb1f;color:#1d4ed8;font-weight:600;font-size:.8rem}.community-chip--private{background:#dc26261f;color:#b91c1c}.community-chip--public{background:#10b9811f;color:#047857}.community-tabs{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.community-tabs__item{background:transparent;border:none;padding:.55rem 1.1rem;border-radius:999px;font-weight:600;font-size:.9rem;color:#475569;cursor:pointer;transition:all .2s ease}.community-tabs__item:hover{background:#3b82f61f;color:#1d4ed8}.community-tabs__item--active{background:#1d4ed8;color:#fff}.community-section{display:flex;flex-direction:column;gap:1rem}.community-placeholder-card{min-height:160px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(135deg,#f1f5f9,#fff);border:1px dashed rgba(148,163,184,.4)}.community-name{font-size:2rem;font-weight:700;color:#0f172a;margin:0 0 .25rem;line-height:1.2}.community-description{color:#64748b;font-size:1rem;margin:.5rem 0;line-height:1.5}.community-meta{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.community-role-badge{display:inline-flex;align-items:center;padding:.35rem .85rem;background:#eff6ff;color:#1d4ed8;border-radius:6px;font-size:.875rem;font-weight:600;text-transform:capitalize}.community-actions{padding-top:.5rem}.posts-container{display:flex;flex-direction:column;gap:1.25rem}.post-card{background:#fff;border-radius:18px;box-shadow:0 32px 60px -40px #0f172a8c;border:1px solid rgba(148,163,184,.15);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.post-card:hover{box-shadow:0 40px 80px -45px #0f172aa6;transform:translateY(-1px)}.post-header{display:flex;align-items:center;gap:.85rem;padding:1.2rem 1.5rem .75rem}.post-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0}.post-avatar-wrapper{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.post-avatar-image{width:44px;height:44px;border-radius:50%;object-fit:cover;display:block}.post-options-button{margin-left:auto;background:transparent;color:#94a3b8;font-size:1.4rem;padding:.15rem .55rem;border-radius:999px;line-height:1}.post-options-button:hover{background:#94a3b826;color:#475569}.post-author-context{margin-left:.35rem;color:#6366f1;font-weight:500;font-size:.95rem}.post-author-info{flex:1;min-width:0}.post-author-row{display:flex;align-items:center;flex-wrap:wrap}.post-author-name{font-size:1rem;line-height:1.3;color:#0f172a}.post-author-name strong{font-weight:600}.post-author-fullname{color:#64748b;font-weight:400}.post-author-dot{color:#94a3b8;font-size:.75rem;margin:0 .35rem}.post-encryption-badge{margin-left:.45rem;font-size:.875rem;display:inline-flex;align-items:center;opacity:.85}.post-timestamp{color:#94a3b8;font-size:.8125rem}.post-content{padding:0 1.5rem;font-size:1rem;color:#1f2937}.post-content p{margin:0 0 .75rem;line-height:1.55;white-space:pre-wrap;word-wrap:break-word}.post-attachments{margin-top:.75rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.65rem;padding:0 1.5rem}.post-attachment{position:relative;overflow:hidden;border-radius:16px}.post-image{width:100%;height:auto;display:block;cursor:zoom-in;transition:transform .2s ease}.post-image:hover{transform:scale(1.02)}.post-video{width:100%;border:none;border-radius:16px;background:#000}.post-actions{display:flex;gap:.75rem;padding:.75rem 1.5rem .5rem}.post-action-button{background:transparent;border:none;padding:.45rem .75rem;border-radius:999px;color:#475569;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s ease,color .2s ease;display:inline-flex;align-items:center;gap:.35rem}.post-action-button:hover{background:#3b82f61f;color:#1d4ed8}.post-action-button--active{color:#3b82f6}.post-action-reaction-container{position:relative}.reaction-picker{position:absolute;bottom:100%;left:0;display:flex;gap:.25rem;padding:.5rem;background:#fff;border-radius:999px;box-shadow:0 4px 20px #00000026;margin-bottom:.5rem;z-index:10}.reaction-option{background:transparent;border:none;font-size:1.5rem;padding:.35rem;border-radius:50%;cursor:pointer;transition:transform .15s ease,background .15s ease}.reaction-option:hover{transform:scale(1.2);background:#3b82f61a}.reaction-option--selected{background:#3b82f633}.post-action-button--pending{opacity:.6;cursor:wait}.reaction-summary{display:flex;align-items:center;gap:.35rem;padding:.25rem 0;font-size:.85rem;color:#6b7280}.reaction-summary-emojis{font-size:1rem}.reaction-summary-count{font-weight:500}.post-actions-buttons{display:flex;gap:.5rem;border-top:1px solid #e5e7eb;padding-top:.5rem;margin-top:.25rem}.post-options-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.post-options-menu{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;min-width:200px;overflow:hidden}.post-options-edit,.post-options-confirm{padding:1.25rem;min-width:320px;max-width:90vw}.post-options-edit h3,.post-options-confirm h3{margin:0 0 1rem;font-size:1.1rem}.post-options-confirm p{margin:0 0 1rem;color:#64748b}.post-edit-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;resize:vertical;margin-bottom:1rem}.post-edit-actions,.post-confirm-actions{display:flex;gap:.75rem;justify-content:flex-end}.post-option-item{display:block;width:100%;padding:.875rem 1.25rem;border:none;background:transparent;text-align:left;font-size:.95rem;cursor:pointer;transition:background .15s ease}.post-option-item:hover{background:#f1f5f9}.post-option-danger{color:#dc2626}.post-option-danger:hover{background:#fef2f2}.danger-button{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer}.danger-button:hover{background:#b91c1c}.danger-button:disabled{opacity:.6;cursor:not-allowed}.post-comments{margin-left:3.25rem;padding:.5rem 1.5rem 1rem .75rem;border-left:2px solid #f1f5f9}.post-composer-card{background:#fff;border-radius:18px;box-shadow:0 28px 60px -40px #0f172a73;padding:1.35rem 1.5rem 1.5rem;border:1px solid rgba(148,163,184,.18)}.post-composer-form{display:flex;flex-direction:column;gap:.75rem}.composer-header{display:flex;align-items:center;gap:.9rem;margin-bottom:.95rem;padding-bottom:.9rem;border-bottom:1px solid rgba(226,232,240,.75)}.composer-avatar{width:52px;height:52px;border-radius:999px;background:linear-gradient(135deg,#4f46e5,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.05rem;overflow:hidden;flex-shrink:0}.composer-avatar img{width:100%;height:100%;object-fit:cover}.composer-heading{display:flex;flex-direction:column;gap:.2rem}.composer-heading strong{font-size:1.05rem;color:#0f172a}.composer-heading span{font-size:.92rem;color:#64748b}.composer-input-section{position:relative}.composer-textarea{width:100%;min-height:80px;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9375rem;line-height:1.5;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit}.composer-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.composer-textarea::placeholder{color:#9ca3af}.composer-media-previews{display:flex;gap:.75rem;flex-wrap:wrap;padding:.5rem;background:#f9fafb;border-radius:8px}.composer-media-preview{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.composer-preview-image{max-width:120px;max-height:120px;object-fit:cover;display:block;border-radius:8px}.composer-preview-video{max-width:180px;border-radius:8px}.composer-remove-btn{position:absolute;top:.25rem;right:.25rem;width:24px;height:24px;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;padding:0;transition:background .2s ease}.composer-remove-btn:hover{background:#000000d9}.composer-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding-top:.75rem;border-top:1px solid #f1f5f9}.composer-action-button{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.45rem .9rem;background:#94a3b829;color:#1f2937;font-weight:600;font-size:.9rem;border:1px solid transparent;cursor:pointer;transition:background .2s ease,color .2s ease,border .2s ease}.composer-action-button:hover:not(:disabled){background:#3b82f629;border-color:#3b82f640;color:#1d4ed8}.composer-action-button:disabled{opacity:.6;cursor:not-allowed}.composer-action-button--upload{position:relative}.composer-action-button--upload span{pointer-events:none}.composer-actions__spacer{flex:1 1 auto}.composer-submit-btn{padding:.55rem 1.6rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:999px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:filter .2s ease}.composer-submit-btn:hover:not(:disabled){filter:brightness(1.05)}.composer-submit-btn:disabled{opacity:.6;cursor:not-allowed}.community-banner-image{width:100%;height:100%;object-fit:cover;display:block}.community-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:24px}.photo-upload-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .2s ease;cursor:pointer;border-radius:inherit;pointer-events:none}.community-shell__cover:hover .photo-upload-overlay{opacity:1;pointer-events:auto}.photo-upload-icon{font-size:2rem;line-height:1}.photo-upload-text{color:#fff;font-weight:600;font-size:.9375rem;text-shadow:0 1px 3px rgba(0,0,0,.3)}.avatar-upload-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;border-radius:24px;opacity:0;transition:opacity .2s ease;cursor:pointer;border:none;outline:none;pointer-events:none}.community-shell__avatar:hover .avatar-upload-overlay{opacity:1;pointer-events:auto}.avatar-upload-overlay:disabled{opacity:.6;cursor:default}.photo-upload-corner{position:absolute;right:16px;bottom:16px;display:inline-flex;align-items:center;gap:.5rem;background:#000000a6;color:#fff;padding:.45rem .7rem;border-radius:999px;cursor:pointer;box-shadow:0 6px 18px #00000040;border:none;outline:none;opacity:0;transform:translateY(12px);pointer-events:none;transition:background .2s ease,transform .2s ease,opacity .2s ease}.photo-upload-corner__icon{font-size:1rem;line-height:1}.photo-upload-corner__text{font-weight:600;font-size:.9rem}.photo-upload-corner:disabled{opacity:.6;cursor:default}.community-shell__cover:hover .photo-upload-corner,.photo-upload-corner:focus-visible{opacity:1;transform:translateY(0);pointer-events:auto}.avatar-upload-icon{font-size:2rem;line-height:1}.composer-encryption-toggle{display:flex;justify-content:space-between;align-items:center;background:#f0f9ff;padding:.75rem 1rem;border-radius:10px;border:1px solid #bfdbfe;margin-bottom:.5rem}.composer-encryption-label{display:flex;flex-direction:column;gap:.25rem;flex:1}.composer-encryption-title{font-size:.9375rem;font-weight:600;color:#1e40af}.composer-encryption-hint{font-size:.8125rem;color:#60a5fa}.composer-toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.composer-toggle-switch input{opacity:0;width:0;height:0;padding:0;margin:0}.composer-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:34px}.composer-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.composer-toggle-switch input:checked+.composer-toggle-slider{background-color:#2563eb}.composer-toggle-switch input:focus+.composer-toggle-slider{box-shadow:0 0 1px #2563eb}.composer-toggle-switch input:checked+.composer-toggle-slider:before{transform:translate(22px)}.composer-toggle-switch input:disabled+.composer-toggle-slider{opacity:.5;cursor:not-allowed}.site-admin{display:flex;flex-direction:column;gap:1.25rem}.site-admin__hint{margin:0 0 .75rem;color:#475569}.site-admin__error{background:#fee2e2;color:#991b1b;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.site-admin__table-wrapper{overflow-x:auto}.site-admin__table{width:100%;border-collapse:collapse}.site-admin__table th,.site-admin__table td{padding:.5rem .65rem;border-bottom:1px solid #e2e8f0;text-align:left;font-size:.95rem}.site-admin__table th{font-weight:600;color:#1f2937}.site-admin__table-actions{display:flex;gap:.5rem}.site-admin__button{background:#e2e8f0;color:#1e293b;padding:.35rem .65rem;border-radius:6px;font-size:.85rem}.site-admin__button--danger{background:#fee2e2;color:#b91c1c}.site-admin__forms{display:grid;gap:1.25rem}@media(min-width:900px){.site-admin__forms{grid-template-columns:repeat(2,minmax(0,1fr))}}.site-admin__form{display:flex;flex-direction:column;gap:.75rem}.site-admin__form label{display:flex;flex-direction:column;font-size:.9rem;color:#1f2937;gap:.25rem}.site-admin__form-actions{display:flex;gap:.75rem;flex-wrap:wrap}.site-admin__checkbox{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#1f2937}.site-admin__checkbox input{width:auto}.site-admin__danger-card{border:1px solid #fecdd3;background:#fff1f2}.site-admin__success{background:#ecfdf3;color:#166534;padding:.75rem 1rem;border-radius:8px;margin-bottom:.85rem;border:1px solid #bbf7d0}.communities-page-wrapper{max-width:680px;margin:0 auto;padding:1rem}.communities-page{background:#fff;border-radius:16px;box-shadow:0 12px 28px #0000000f;overflow:hidden}.communities-page__header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.communities-page__back-button{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;color:#64748b;font-size:1.5rem;font-weight:300;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.communities-page__back-button:hover{background:#f1f5f9;color:#1e40af}.communities-page__title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0}.communities-page__actions{padding:1rem 1.5rem}.communities-page__create-button{width:100%;padding:.85rem 1.25rem;font-size:1rem;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.communities-page__create-button:hover{filter:brightness(1.05)}.communities-page__modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.communities-page__modal{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.communities-page__modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.communities-page__modal-header h2{margin:0;font-size:1.25rem;font-weight:700}.communities-page__modal-close{width:32px;height:32px;border-radius:50%;background:#f1f5f9;border:none;color:#64748b;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.communities-page__modal-close:hover{background:#e2e8f0;color:#1e293b}.communities-page__create-form{padding:1.5rem}.communities-page__create-form .field{margin-bottom:1rem}.communities-page__create-form .field-hint{font-size:.75rem;color:#64748b;margin-top:.35rem}.communities-page__create-form .checkbox-label{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;cursor:pointer}.communities-page__create-form .checkbox-label input{width:auto}.communities-page__modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.communities-page__section{padding:1.25rem 1.5rem;border-top:1px solid #e2e8f0}.communities-page__section-title{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}.communities-page__invitations{display:flex;flex-direction:column;gap:.75rem}.communities-page__invitation-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px}.communities-page__invitation-info{display:flex;flex-direction:column;gap:.25rem}.communities-page__invitation-desc{font-size:.875rem;color:#64748b;margin:0}.communities-page__invitation-expires{font-size:.75rem;color:#94a3b8}.communities-page__loading{padding:3rem;text-align:center;color:#64748b}.communities-page__empty{padding:3rem 2rem;text-align:center}.communities-page__empty-icon{font-size:3rem;margin-bottom:1rem}.communities-page__empty h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.communities-page__empty p{font-size:.95rem;color:#64748b;margin:0;line-height:1.5}.communities-page__list{display:flex;flex-direction:column}.communities-page__card{display:block;width:100%;padding:1rem;margin:0;background:transparent;border:none;border-bottom:1px solid #f1f5f9;cursor:pointer;text-align:left;transition:background-color .15s ease}.communities-page__card:last-child{border-bottom:none}.communities-page__card:hover{background:#f8fafc}.communities-page__card-row{display:flex;align-items:center;gap:1rem}.communities-page__card-avatar{width:56px;height:56px;border-radius:12px;object-fit:cover;flex-shrink:0}.communities-page__card-avatar--fallback{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:1.375rem;font-weight:700;display:flex;align-items:center;justify-content:center}.communities-page__card-content{flex:1;min-width:0}.communities-page__card-title-row{display:flex;align-items:center;gap:.5rem}.communities-page__card-title{font-size:1.0625rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.communities-page__card-private{font-size:.875rem}.communities-page__card-description{margin:.25rem 0 0;font-size:.875rem;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.communities-page__card-meta{display:flex;align-items:center;gap:.5rem;margin-top:.35rem}.communities-page__card-role{font-size:.8125rem;color:#94a3b8;text-transform:capitalize}.communities-page__card-members{font-size:.8125rem;color:#94a3b8}.communities-page__card-chevron{font-size:1.5rem;color:#cbd5e1;font-weight:300;flex-shrink:0}@media(max-width:640px){.communities-page-wrapper{padding:.5rem}.communities-page__header{padding:1rem}.communities-page__actions{padding:.75rem 1rem}.communities-page__section{padding:1rem}.communities-page__card{padding:.875rem}.communities-page__card-avatar{width:48px;height:48px}}.connections-page{background:#fff;border-radius:16px;box-shadow:0 12px 28px #0000000f;overflow:hidden}.connections-page__title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.connections-page__actions{display:flex;gap:.75rem;padding:1rem 1.5rem}.connections-page__action-button{flex:1;padding:.85rem 1.25rem;font-size:1rem;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.connections-page__action-button:hover{filter:brightness(1.05)}.connections-page__action-button--secondary{background:#f1f5f9;color:#1e293b}.connections-page__action-button--secondary:hover{background:#e2e8f0}.connections-page__section{padding:1.25rem 1.5rem;border-top:1px solid #e2e8f0}.connections-page__form-section{background:#f8fafc}.connections-page__section-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}.connections-page__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;background:#2563eb;color:#fff;border-radius:9999px;text-transform:none;letter-spacing:normal}.connections-page__description{color:#4b5563;font-size:.9375rem;margin:0 0 1rem;line-height:1.5}.connections-page__inline-form{display:flex;gap:.75rem;align-items:flex-end}.connections-page__inline-form .field{flex:1;margin-bottom:0}.connections-page__inline-form button{flex-shrink:0}.connections-page__invite-result{margin-top:1rem;padding:1rem;background:#f0fdf4;border:1px solid #86efac;border-radius:8px}.connections-page__invite-result p{margin:0 0 .5rem;font-size:.875rem;color:#15803d}.connections-page__invite-link{display:block;padding:.5rem .75rem;background:#fff;border:1px solid #d1fae5;border-radius:6px;font-size:.8125rem;word-break:break-all;color:#047857}.connections-page__requests{display:flex;flex-direction:column;gap:1rem}.connections-page__request-group{display:flex;flex-direction:column;gap:.5rem}.connections-page__request-group-title{font-size:.8125rem;font-weight:600;color:#64748b;margin:0 0 .25rem}.connections-page__request-card{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px}.connections-page__request-card--outgoing{background:#fefce8;border-color:#fef08a}.connections-page__request-info{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.connections-page__request-name{color:#6b7280}.connections-page__request-actions{display:flex;gap:.5rem}.connections-page__request-actions button{padding:.5rem 1rem;font-size:.875rem}.connections-page__request-status{font-size:.8125rem;color:#a16207;font-weight:500}.connections-page__loading{padding:3rem;text-align:center;color:#64748b}.connections-page__error{padding:1rem}.connections-page__empty{padding:3rem 2rem;text-align:center}.connections-page__empty-icon{font-size:3rem;margin-bottom:1rem;display:block}.connections-page__empty h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.connections-page__empty p{font-size:.95rem;color:#64748b;margin:0;line-height:1.5}.connections-page__list{display:flex;flex-direction:column}.connections-page__card{display:block;width:100%;padding:1rem;margin:0;background:transparent;border:none;border-bottom:1px solid #f1f5f9}.connections-page__card:last-child{border-bottom:none}.connections-page__card-row{display:flex;align-items:flex-start;gap:1rem}.connections-page__card-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.connections-page__card-avatar--fallback{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:1.375rem;font-weight:700;display:flex;align-items:center;justify-content:center}.connections-page__card-content{flex:1;min-width:0}.connections-page__card-title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.connections-page__card-title{font-size:1.0625rem;font-weight:600;color:#0f172a}.connections-page__verified-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;background:#dcfce7;color:#15803d;border-radius:9999px}.connections-page__changed-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;background:#fee2e2;color:#dc2626;border-radius:9999px}.connections-page__card-name{margin:.125rem 0 0;font-size:.875rem;color:#64748b}.connections-page__card-bio{margin:.35rem 0 0;font-size:.875rem;color:#4b5563;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:640px){.connections-page__title{padding:1rem}.connections-page__actions{padding:.75rem 1rem;flex-direction:column}.connections-page__section{padding:1rem}.connections-page__inline-form{flex-direction:column;align-items:stretch}.connections-page__card{padding:.875rem}.connections-page__card-avatar{width:48px;height:48px}}