.mhd{display:flex;flex-direction:column;gap:.75rem;width:100%}.mhd-connection{justify-content:space-between;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#ffffff,rgba(241,84,91,.03));border-radius:1rem;border:1px solid rgba(241,84,91,.1)}.mhd-connection,.mhd-person{display:flex;align-items:center}.mhd-person{gap:.625rem;min-width:0;flex:1}.mhd-person--recipient{justify-content:flex-end}.mhd-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.875rem;font-weight:700;color:white;letter-spacing:.5px}.mhd-avatar--sender{background:linear-gradient(135deg,var(--color-primary) 0,#ff6b6b 100%);box-shadow:0 2px 8px rgba(241,84,91,.25)}.mhd-avatar--recipient{background:linear-gradient(135deg,#374151,#1f2937);box-shadow:0 2px 8px rgba(55,65,81,.25)}.mhd-avatar img{width:100%;height:100%;object-fit:cover}.mhd-avatar--anonymous{background:linear-gradient(135deg,var(--color-primary) 0,#ff6b6b 100%);box-shadow:0 2px 8px rgba(241,84,91,.25)}.mhd-anonymous-icon{font-size:1.25rem;color:white}.mhd-person-info{display:flex;flex-direction:column;gap:.125rem;min-width:0;line-height:1.25}.mhd-person-info--right{text-align:right;align-items:flex-end}.mhd-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af}.mhd-name{font-weight:600;font-size:.9375rem;color:#1f2937;max-width:120px}.mhd-name,.mhd-username-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhd-username-text{font-size:.75rem;color:var(--color-primary)}.mhd-person--clickable{text-decoration:none;color:inherit;cursor:pointer;transition:opacity .15s ease;border-radius:.5rem}.mhd-person--clickable:hover{opacity:.85}.mhd-topic{font-weight:600;font-size:.9375rem;color:var(--color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.mhd-bridge-wrapper{flex-direction:column;gap:.25rem}.mhd-bridge,.mhd-bridge-wrapper{display:flex;align-items:center;flex-shrink:0}.mhd-bridge{gap:0;padding:0 .25rem}.mhd-meta{align-items:center;justify-content:center;gap:.5rem;margin-top:.375rem}.mhd-meta,.mhd-meta--desktop{display:flex}.mhd-meta--mobile{display:none;flex-direction:column;align-items:center;gap:.375rem;width:100%;margin-top:0}.mhd-meta__box{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:1rem;white-space:nowrap}.mhd-meta__box--revealed{background:rgba(241,84,91,.04);border-color:rgba(241,84,91,.15)}.mhd-meta__label{font-size:.625rem;font-weight:500;color:#9ca3af}.mhd-meta__box--revealed .mhd-meta__label{color:var(--color-primary)}.mhd-meta__value{font-size:.6875rem;font-weight:600;color:#374151;white-space:nowrap}.mhd-meta__box--revealed .mhd-meta__value{color:var(--color-primary)}.mhd-bridge-line{width:20px;height:2px;background:linear-gradient(90deg,transparent,#e5e7eb)}.mhd-bridge-line--left{background:linear-gradient(90deg,rgba(241,84,91,.2),rgba(241,84,91,.3))}.mhd-bridge-line--right{background:linear-gradient(90deg,rgba(241,84,91,.3),rgba(55,65,81,.2))}.mhd-bridge-icon{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0,#ff6b6b 100%);border:none;display:flex;align-items:center;justify-content:center;color:white;font-size:.75rem;flex-shrink:0;box-shadow:0 2px 6px rgba(241,84,91,.3)}@media (max-width:576px){.mhd-connection{padding:.625rem;gap:.25rem;align-items:center;flex-wrap:wrap}.mhd-meta--desktop{display:none!important;height:0;overflow:hidden;margin:0;padding:0}.mhd-bridge-wrapper{gap:0}.mhd-meta--mobile{justify-content:center;width:100%;margin-top:.5rem}.mhd-meta--mobile,.mhd-person{display:flex;flex-direction:row}.mhd-avatar{width:36px;height:36px;font-size:.75rem}.mhd-person{gap:.5rem}.mhd-name,.mhd-topic{font-size:.8125rem;max-width:90px}.mhd-label{font-size:.5625rem}.mhd-username-text{font-size:.6875rem}.mhd-bridge-wrapper{padding-top:.5rem}.mhd-bridge-line{width:8px}.mhd-bridge-icon{width:24px;height:24px;font-size:.75rem}.mhd-meta{gap:.375rem;margin-top:.25rem}.mhd-meta__box{padding:.1875rem .375rem}.mhd-meta__label{font-size:.5rem}.mhd-meta__value{font-size:.5625rem}}@media (max-width:360px){.mhd-avatar{width:32px;height:32px;font-size:.6875rem}.mhd-name,.mhd-topic{max-width:60px}.mhd-bridge-line{width:6px}.mhd-bridge-icon{width:20px;height:20px;font-size:.625rem}.mhd-meta__box{padding:.125rem .25rem}.mhd-meta__label{font-size:.4375rem}.mhd-meta__value{font-size:.5rem}}.nav-m5{position:relative;justify-content:space-between;padding:1rem 0;z-index:9999}.nav-m5,.nav-m5__left{display:flex;align-items:center}.nav-m5__left{gap:.75rem}.nav-m5__center{position:absolute;left:50%;transform:translateX(-50%);z-index:10}.nav-m5__right{gap:.75rem}.nav-m5__burger,.nav-m5__right{display:flex;align-items:center}.nav-m5__burger{justify-content:center;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:background-color .15s ease;font-size:1.25rem;color:rgba(0,0,0,.7)}.nav-m5__burger:hover{background-color:rgba(0,0,0,.05)}.nav-m5__profile-wrapper{position:relative}.nav-m5__profile-btn{width:36px;height:36px;border-radius:50%;border:2px solid rgba(0,0,0,.1);background-color:#f3f4f6;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,box-shadow .15s ease;padding:0}.nav-m5__profile-btn:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(255,0,0,.1)}.nav-m5__profile-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.nav-m5__profile-initials{font-size:.75rem;font-weight:600;color:#4b5563}.nav-m5__profile-btn--guest{background:linear-gradient(135deg,rgba(241,84,91,.08),rgba(241,84,91,.12));border-color:rgba(241,84,91,.2)}.nav-m5__profile-btn--guest:hover{background:linear-gradient(135deg,rgba(241,84,91,.12),rgba(241,84,91,.18));border-color:var(--color-primary)}.nav-m5__profile-guest-icon{font-size:1.5rem;color:var(--color-primary)}.nav-m5__profile-menu{position:absolute;top:calc(100% + .75rem);right:0;min-width:240px;background-color:white;border-radius:1rem;box-shadow:0 10px 40px -5px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);z-index:100;overflow:hidden}.nav-m5__profile-header{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid #f3f4f6;background:linear-gradient(135deg,rgba(255,0,0,.02),rgba(255,0,0,.05))}.nav-m5__profile-avatar-large{width:48px;height:48px;border-radius:50%;background-color:#f3f4f6;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(255,0,0,.15)}.nav-m5__profile-initials-large{font-size:1rem;font-weight:600;color:#4b5563}.nav-m5__profile-info{min-width:0;flex:1}.nav-m5__profile-name{font-size:.9375rem;font-weight:600;color:#111827}.nav-m5__profile-email,.nav-m5__profile-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-m5__profile-email{font-size:.75rem;color:#6b7280}.nav-m5__menu-items{padding:.5rem}.nav-m5__menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:none;cursor:pointer;border-radius:.75rem;transition:background-color .15s ease;text-align:left}.nav-m5__menu-item:hover{background-color:#f9fafb}.nav-m5__menu-icon{font-size:1.25rem;color:#6b7280;flex-shrink:0}.nav-m5__menu-text{font-size:.875rem;font-weight:500;color:#374151}.nav-m5__menu-divider{height:1px;background-color:#f3f4f6;margin:.25rem .5rem}.nav-m5__menu-item--danger .nav-m5__menu-icon,.nav-m5__menu-item--danger .nav-m5__menu-text{color:var(--color-primary)}.nav-m5__menu-item--danger:hover{background-color:rgba(255,0,0,.05)}