diff --git a/webui-src/app/scss/pages/_board.scss b/webui-src/app/scss/pages/_board.scss index ad5b3f4..84021ae 100644 --- a/webui-src/app/scss/pages/_board.scss +++ b/webui-src/app/scss/pages/_board.scss @@ -3,260 +3,261 @@ ========================================================= */ #popupmessage { - position: fixed !important; - top: 0 !important; - left: 0 !important; - right: 0 !important; - bottom: 0 !important; - width: 100vw !important; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100vw; /* Mobile browsers count the collapsible URL bar in 100vh, so a full height overlay is taller than the screen and its bottom is unreachable. dvh follows the bar; the vh line stays as a fallback for older engines. */ - height: 100vh !important; - height: 100dvh !important; - background-color: rgba(15, 23, 42, 0.75) !important; - backdrop-filter: blur(4px) !important; - z-index: 999999 !important; + height: 100vh; + height: 100dvh; + background-color: rgba(15, 23, 42, 0.75); + backdrop-filter: blur(4px); + z-index: 999999; display: none; - align-items: center !important; - justify-content: center !important; - box-sizing: border-box !important; + align-items: center; + justify-content: center; + box-sizing: border-box; } .popup { - position: fixed !important; - top: 50% !important; - left: 50% !important; - transform: translate(-50%, -50%) !important; - z-index: 1000000 !important; - max-width: 90vw !important; - max-height: 90vh !important; - display: flex !important; - flex-direction: column !important; - box-sizing: border-box !important; + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 1000000; + max-width: 90vw; + max-height: 90vh; + display: flex; + flex-direction: column; + box-sizing: border-box; } .popup-content { - position: relative !important; - background: #ffffff !important; - border-radius: 12px !important; - padding: 1rem !important; - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 10px 10px -5px rgba(0, 0, 0, 0.2) !important; - max-width: 90vw !important; - max-height: 90vh !important; - overflow: auto !important; - box-sizing: border-box !important; + position: relative; + background: #ffffff; + border-radius: 12px; + padding: 1rem; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 10px 10px -5px rgba(0, 0, 0, 0.2); + max-width: 90vw; + max-height: 90vh; + overflow: auto; + box-sizing: border-box; } .popup-content span.close { - position: absolute !important; - top: 0.5rem !important; - right: 0.75rem !important; - font-size: 1.75rem !important; - font-weight: 700 !important; - color: #64748b !important; - cursor: pointer !important; - line-height: 1 !important; - z-index: 10 !important; - transition: color 0.15s ease !important; + position: absolute; + top: 0.5rem; + right: 0.75rem; + font-size: 1.75rem; + font-weight: 700; + color: #64748b; + cursor: pointer; + line-height: 1; + z-index: 10; + transition: color 0.15s ease; } .popup-content span.close:hover { - color: #ef4444 !important; + color: #ef4444; } .board-view-container { - display: flex !important; - flex-direction: column !important; - gap: 1rem !important; - width: 100% !important; - max-width: 100% !important; - overflow-x: hidden !important; - padding: 0.5rem 0 !important; - box-sizing: border-box !important; + display: flex; + flex-direction: column; + gap: 1rem; + width: 100%; + max-width: 100%; + overflow-x: hidden; + padding: 0.5rem 0; + box-sizing: border-box; } .board-table { - width: 100% !important; - border-collapse: collapse !important; + width: 100%; + border-collapse: collapse; } .board-table th, .board-table td { - text-align: left !important; - padding: 0.65rem 0.85rem !important; + text-align: left; + padding: 0.65rem 0.85rem; } /* Toolbar Header Controls */ .board-toolbar { - display: flex !important; - flex-direction: row !important; - align-items: center !important; - justify-content: space-between !important; - gap: 1rem !important; - width: 100% !important; - padding: 0.5rem 0.85rem !important; - background-color: #ffffff !important; - border: 1px solid #cbd5e1 !important; - border-radius: 8px !important; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important; - box-sizing: border-box !important; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + gap: 1rem; + width: 100%; + padding: 0.5rem 0.85rem; + background-color: #ffffff; + border: 1px solid #cbd5e1; + border-radius: 8px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); + box-sizing: border-box; } .board-toolbar__left { - display: flex !important; - flex-direction: row !important; - align-items: center !important; - gap: 0.75rem !important; - flex: 1 !important; - min-width: 0 !important; + display: flex; + flex-direction: row; + align-items: center; + gap: 0.75rem; + flex: 1; + min-width: 0; } .board-toolbar__right { - display: flex !important; - flex-direction: row !important; - align-items: center !important; - gap: 0.65rem !important; - flex-shrink: 0 !important; + display: flex; + flex-direction: row; + align-items: center; + gap: 0.65rem; + flex-shrink: 0; } .board-toolbar__count-badge { - display: inline-flex !important; - align-items: center !important; - gap: 0.4rem !important; - padding: 0.3rem 0.65rem !important; - background-color: #f1f5f9 !important; - color: #475569 !important; - font-size: 0.825rem !important; - font-weight: 600 !important; - border-radius: 16px !important; - border: 1px solid #e2e8f0 !important; - white-space: nowrap !important; + display: inline-flex; + align-items: center; + gap: 0.4rem; + padding: 0.3rem 0.65rem; + background-color: #f1f5f9; + color: #475569; + font-size: 0.825rem; + font-weight: 600; + border-radius: 16px; + border: 1px solid #e2e8f0; + white-space: nowrap; } .board-toolbar__count-badge i { - color: #007bff !important; + color: #007bff; } .board-toolbar__search { - position: relative !important; - display: flex !important; - align-items: center !important; - flex: 1 !important; - max-width: 380px !important; - min-width: 160px !important; + position: relative; + display: flex; + align-items: center; + flex: 1; + max-width: 380px; + min-width: 160px; } .board-toolbar__search-icon { - position: absolute !important; - left: 0.75rem !important; - color: #94a3b8 !important; - font-size: 0.85rem !important; - pointer-events: none !important; + position: absolute; + left: 0.75rem; + color: #94a3b8; + font-size: 0.85rem; + pointer-events: none; } -.board-toolbar__search-input { - width: 100% !important; - padding: 0.35rem 0.65rem 0.35rem 2.1rem !important; - border: 1px solid #cbd5e1 !important; - border-radius: 6px !important; - font-size: 0.85rem !important; - background-color: #ffffff !important; - color: #1e293b !important; +input.board-toolbar__search-input { + width: 100%; + padding: 0.35rem 0.65rem 0.35rem 2.1rem; + border: 1px solid #cbd5e1; + border-radius: 6px; + font-size: 0.85rem; + background-color: #ffffff; + color: #1e293b; } -.board-toolbar__search-input:focus { - outline: none !important; - border-color: #007bff !important; - box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15) !important; +input.board-toolbar__search-input:focus { + outline: none; + border-color: #007bff; + box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15); } .board-toolbar__voter { - display: inline-flex !important; - align-items: center !important; - gap: 0.4rem !important; - color: #475569 !important; - font-size: 0.8rem !important; - font-weight: 600 !important; - white-space: nowrap !important; + display: inline-flex; + align-items: center; + gap: 0.4rem; + color: #475569; + font-size: 0.8rem; + font-weight: 600; + white-space: nowrap; } .board-toolbar__voter select { - max-width: 180px !important; - min-width: 110px !important; - padding: 0.3rem 0.45rem !important; - border: 1px solid #cbd5e1 !important; - border-radius: 6px !important; - background: #fff !important; - color: #1e293b !important; - font-size: 0.8rem !important; + max-width: 180px; + min-width: 110px; + padding: 0.3rem 0.45rem; + border: 1px solid #cbd5e1; + border-radius: 6px; + background: #fff; + color: #1e293b; + font-size: 0.8rem; } .board-toolbar__voter select:focus { - outline: none !important; - border-color: #007bff !important; - box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15) !important; + outline: none; + border-color: #007bff; + box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15); } .board-toolbar__view-toggle { - display: inline-flex !important; - flex-direction: row !important; - align-items: center !important; - background-color: #f1f5f9 !important; - padding: 2px !important; - border-radius: 6px !important; - border: 1px solid #cbd5e1 !important; + display: inline-flex; + flex-direction: row; + align-items: center; + background-color: #f1f5f9; + padding: 2px; + border-radius: 6px; + border: 1px solid #cbd5e1; } .board-toolbar__toggle-btn { - display: inline-flex !important; - align-items: center !important; - justify-content: center !important; - gap: 0.35rem !important; - padding: 0.3rem 0.65rem !important; - border: none !important; - background: transparent !important; - color: #64748b !important; - font-size: 0.825rem !important; - font-weight: 500 !important; - border-radius: 4px !important; - cursor: pointer !important; - white-space: nowrap !important; - transition: all 0.2s ease !important; + display: inline-flex; + align-items: center; + justify-content: center; + gap: 0.35rem; + padding: 0.3rem 0.65rem; + border: none; + background: transparent; + color: #64748b; + font-size: 0.825rem; + font-weight: 500; + border-radius: 4px; + cursor: pointer; + white-space: nowrap; + transition: all 0.2s ease; } .board-toolbar__toggle-btn i { - font-size: 0.85rem !important; + font-size: 0.85rem; } .board-toolbar__toggle-btn:hover { - color: #1e293b !important; - background-color: rgba(255, 255, 255, 0.6) !important; + color: #1e293b; + background-color: rgba(255, 255, 255, 0.6); } -.board-toolbar__toggle-btn--active { - background-color: #007bff !important; - color: #ffffff !important; - font-weight: 600 !important; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important; +.board-toolbar__toggle-btn--active, +.board-toolbar__toggle-btn--active:hover { + background-color: #007bff; + color: #ffffff; + font-weight: 600; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .board-toolbar__toggle-btn--active i { - color: #ffffff !important; + color: #ffffff; } @media (max-width: 768px) { .board-toolbar { - flex-wrap: wrap !important; + flex-wrap: wrap; } .board-toolbar__left { - flex-basis: 100% !important; + flex-basis: 100%; } .board-toolbar__toggle-btn span { - display: none !important; + display: none; } .board-toolbar__toggle-btn { - padding: 0.35rem 0.55rem !important; + padding: 0.35rem 0.55rem; } } @@ -282,139 +283,137 @@ .board-post-voting__identity select { flex: 1; min-width: 0; max-width: none; } .board-post-voting__buttons { justify-content: center; } .board-card__notes-btn span { display: none; } - .board-card__notes-btn { width: 30px; height: 30px; justify-content: center; padding: 0 !important; } - .board-card__notes-btn i { margin: 0 !important; } } /* Pagination Controls (< 1 - 25 >) on exact same level right next to toggle */ .board-pagination { - display: inline-flex !important; - flex-direction: row !important; - align-items: center !important; - gap: 0.25rem !important; - background-color: #ffffff !important; - padding: 2px 4px !important; - border-radius: 6px !important; - border: 1px solid #cbd5e1 !important; + display: inline-flex; + flex-direction: row; + align-items: center; + gap: 0.25rem; + background-color: #ffffff; + padding: 2px 4px; + border-radius: 6px; + border: 1px solid #cbd5e1; } .board-pagination__btn { - display: inline-flex !important; - align-items: center !important; - justify-content: center !important; - width: 26px !important; - height: 26px !important; - min-width: 26px !important; - min-height: 26px !important; - padding: 0 !important; - margin: 0 !important; - border: 1px solid #cbd5e1 !important; - border-radius: 4px !important; - background: #ffffff !important; - color: #007bff !important; - font-size: 0.825rem !important; - cursor: pointer !important; - transition: all 0.15s ease !important; + display: inline-flex; + align-items: center; + justify-content: center; + width: 26px; + height: 26px; + min-width: 26px; + min-height: 26px; + padding: 0; + margin: 0; + border: 1px solid #cbd5e1; + border-radius: 4px; + background: #ffffff; + color: #007bff; + font-size: 0.825rem; + cursor: pointer; + transition: all 0.15s ease; } .board-pagination__btn i { - font-size: 0.825rem !important; - color: #007bff !important; + font-size: 0.825rem; + color: #007bff; } .board-pagination__btn:hover:not(:disabled) { - background-color: #007bff !important; - color: #ffffff !important; - border-color: #007bff !important; + background-color: #007bff; + color: #ffffff; + border-color: #007bff; } .board-pagination__btn:hover:not(:disabled) i { - color: #ffffff !important; + color: #ffffff; } .board-pagination__btn:disabled { - opacity: 0.4 !important; - cursor: not-allowed !important; - color: #94a3b8 !important; - border-color: #e2e8f0 !important; - background-color: #f1f5f9 !important; + opacity: 0.4; + cursor: not-allowed; + color: #94a3b8; + border-color: #e2e8f0; + background-color: #f1f5f9; } .board-pagination__btn:disabled i { - color: #94a3b8 !important; + color: #94a3b8; } .board-pagination__label { - font-size: 0.825rem !important; - font-weight: 700 !important; - color: #334155 !important; - padding: 0 0.35rem !important; - white-space: nowrap !important; - user-select: none !important; + font-size: 0.825rem; + font-weight: 700; + color: #334155; + padding: 0 0.35rem; + white-space: nowrap; + user-select: none; } /* Bottom Pagination Container */ .board-view-footer { - display: flex !important; - justify-content: center !important; - align-items: center !important; - padding: 1rem 0 0.5rem 0 !important; - width: 100% !important; + display: flex; + justify-content: center; + align-items: center; + padding: 1rem 0 0.5rem 0; + width: 100%; } /* Board Grid Layout Modes */ .board-grid { - display: flex !important; - flex-direction: column !important; - width: 100% !important; - box-sizing: border-box !important; + display: flex; + flex-direction: column; + width: 100%; + box-sizing: border-box; } .board-grid--compact { - display: flex !important; - flex-direction: column !important; - gap: 0.5rem !important; - width: 100% !important; + display: flex; + flex-direction: column; + gap: 0.5rem; + width: 100%; } .board-grid--card { - display: grid !important; - grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important; - gap: 1.25rem !important; - width: 100% !important; + display: grid; + grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); + gap: 1.25rem; + width: 100%; } .board-grid__empty { - display: flex !important; - flex-direction: column !important; - align-items: center !important; - justify-content: center !important; - padding: 4rem 2rem !important; - text-align: center !important; - background: #ffffff !important; - border: 2px dashed #cbd5e1 !important; - border-radius: 12px !important; - width: 100% !important; - box-sizing: border-box !important; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 4rem 2rem; + text-align: center; + background: #ffffff; + border: 2px dashed #cbd5e1; + border-radius: 12px; + width: 100%; + box-sizing: border-box; } .board-grid__empty-icon { - font-size: 3rem !important; - color: #cbd5e1 !important; - margin-bottom: 1rem !important; + font-size: 3rem; + color: #cbd5e1; + margin-bottom: 1rem; } .board-grid__empty-title { - font-size: 1.15rem !important; - font-weight: 600 !important; - color: #475569 !important; - margin: 0 0 0.5rem 0 !important; + font-size: 1.15rem; + font-weight: 600; + color: #475569; + margin: 0 0 0.5rem 0; } .board-grid__empty-desc { - font-size: 0.9rem !important; - color: #94a3b8 !important; - margin: 0 !important; + font-size: 0.9rem; + color: #94a3b8; + margin: 0; } /* =================================================== @@ -422,107 +421,107 @@ (Identical to Retroshare C++ Qt GUI Posted design) =================================================== */ .board-card { - box-sizing: border-box !important; + box-sizing: border-box; } .board-card--compact { - display: flex !important; - flex-direction: row !important; - align-items: center !important; - width: 100% !important; - min-height: 70px !important; - padding: 0.45rem 0.75rem !important; - background-color: #eef2f5 !important; - border: 1px solid #d1d5db !important; - border-radius: 4px !important; - gap: 0.75rem !important; - box-sizing: border-box !important; - margin-bottom: 0.35rem !important; + display: flex; + flex-direction: row; + align-items: center; + width: 100%; + min-height: 70px; + padding: 0.45rem 0.75rem; + background-color: #eef2f5; + border: 1px solid #d1d5db; + border-radius: 4px; + gap: 0.75rem; + box-sizing: border-box; + margin-bottom: 0.35rem; } .board-card--compact:hover { - background-color: #e2e8f0 !important; - border-color: #9ca3af !important; + background-color: #e2e8f0; + border-color: #9ca3af; } /* Vote Pill (Matching Comments Button style with normal-sized icons) */ .board-card__vote-pill { - display: inline-flex !important; - align-items: center !important; - gap: 0.4rem !important; - padding: 0.2rem 0.55rem !important; - background-color: #f1f5f9 !important; - border: 1px solid #cbd5e1 !important; - border-radius: 20px !important; - box-sizing: border-box !important; + display: inline-flex; + align-items: center; + gap: 0.4rem; + padding: 0.2rem 0.55rem; + background-color: #f1f5f9; + border: 1px solid #cbd5e1; + border-radius: 20px; + box-sizing: border-box; } button.board-card__vote-btn, .board-card__vote-pill .board-card__vote-btn { - background: transparent !important; - border: none !important; - box-shadow: none !important; - padding: 0.1rem 0.2rem !important; - margin: 0 !important; - cursor: pointer !important; - display: flex !important; - align-items: center !important; - justify-content: center !important; - line-height: 1 !important; - border-radius: 4px !important; - transition: background-color 0.15s ease !important; - outline: none !important; + background: transparent; + border: none; + box-shadow: none; + padding: 0.1rem 0.2rem; + margin: 0; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + line-height: 1; + border-radius: 4px; + transition: background-color 0.15s ease; + outline: none; } .board-card__vote-pill .board-card__vote-btn:hover { - background-color: #e2e8f0 !important; - box-shadow: none !important; + background-color: #e2e8f0; + box-shadow: none; } .board-card__vote-pill .board-card__vote-btn--up i { - color: #16a34a !important; - font-size: 1.15rem !important; + color: #16a34a; + font-size: 1.15rem; } .board-card__vote-pill .board-card__vote-btn--down i { - color: #dc2626 !important; - font-size: 1.15rem !important; + color: #dc2626; + font-size: 1.15rem; } .board-card__vote-pill .board-card__vote-score { - font-size: 0.9rem !important; - font-weight: 700 !important; - color: #1e293b !important; - padding: 0 0.15rem !important; - line-height: 1 !important; - min-width: 1rem !important; - text-align: center !important; + font-size: 0.9rem; + font-weight: 700; + color: #1e293b; + padding: 0 0.15rem; + line-height: 1; + min-width: 1rem; + text-align: center; } /* Thumbnail Image Container */ .board-card--compact .board-card__image-container { - width: 110px !important; - height: 62px !important; - flex-shrink: 0 !important; - border-radius: 4px !important; - overflow: hidden !important; - background-color: #cbd5e1 !important; + width: 110px; + height: 62px; + flex-shrink: 0; + border-radius: 4px; + overflow: hidden; + background-color: #cbd5e1; } .board-card--compact .board-card__image { - width: 100% !important; - height: 100% !important; - object-fit: cover !important; - display: block !important; + width: 100%; + height: 100%; + object-fit: cover; + display: block; } .board-card--compact .board-card__placeholder-wrapper { - width: 100% !important; - height: 100% !important; - display: flex !important; - align-items: center !important; - justify-content: center !important; - background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%) !important; + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%); } .board-card__placeholder-content { @@ -537,19 +536,19 @@ button.board-card__vote-btn, .board-card__placeholder-content i { font-size: 1.35rem; } .board-card--compact .board-card__placeholder-img { - width: 24px !important; - height: 24px !important; - color: #64748b !important; + width: 24px; + height: 24px; + color: #64748b; } /* Main Details Section */ .board-card--compact .board-card__content { - display: flex !important; - flex-direction: column !important; - justify-content: center !important; - flex: 1 !important; - min-width: 0 !important; - padding: 0 !important; + display: flex; + flex-direction: column; + justify-content: center; + flex: 1; + min-width: 0; + padding: 0; } .board-card__title-button, @@ -570,258 +569,253 @@ button.board-card__vote-btn, /* Title: Blue bold underlined italicized link (Matches Qt GUI) */ .board-card--compact .board-card__title { - font-size: 1.05rem !important; - font-weight: 700 !important; - color: #2255aa !important; - text-decoration: underline !important; - font-style: italic !important; - white-space: nowrap !important; - overflow: hidden !important; - text-overflow: ellipsis !important; - margin: 0 0 0.15rem 0 !important; - cursor: pointer !important; + font-size: 1.05rem; + font-weight: 700; + color: #2255aa; + text-decoration: underline; + font-style: italic; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + margin: 0 0 0.15rem 0; + cursor: pointer; } .board-card--compact .board-card__title:hover { - color: #1d4ed8 !important; + color: #1d4ed8; } /* Meta line: Posted by */ .board-card--compact .board-card__meta { - font-size: 0.8rem !important; - color: #475569 !important; - margin-bottom: 0.2rem !important; + font-size: 0.8rem; + color: #475569; + margin-bottom: 0.2rem; } .board-card--compact .board-card__meta b { - color: #1e293b !important; + color: #1e293b; } /* Footer: Comment button matching Qt GUI */ .board-card--compact .board-card__footer { - display: flex !important; - align-items: center !important; - gap: 0.5rem !important; - padding: 0 !important; - border: none !important; - margin: 0 !important; + display: flex; + align-items: center; + gap: 0.5rem; + padding: 0; + border: none; + margin: 0; } -button.board-card__comments-btn, -.board-card__comments-btn, -.board-card--compact .board-card__comments-btn { - display: inline-flex !important; - align-items: center !important; - gap: 0.35rem !important; - padding: 0.2rem 0.5rem !important; - background: transparent !important; - border: none !important; - box-shadow: none !important; - color: #64748b !important; - font-size: 0.85rem !important; - font-weight: 500 !important; - cursor: pointer !important; - outline: none !important; +.board-card__comments-btn { + display: inline-flex; + align-items: center; + gap: 0.35rem; + padding: 0.2rem 0.5rem; + background: transparent; + border: none; + box-shadow: none; + color: #64748b; + font-size: 0.85rem; + font-weight: 500; + cursor: pointer; + outline: none; } -button.board-card__comments-btn:hover, -.board-card__comments-btn:hover, -.board-card--compact .board-card__comments-btn:hover { - color: #007bff !important; - text-decoration: underline !important; - box-shadow: none !important; +.board-card__comments-btn:hover { + color: #007bff; + text-decoration: underline; + box-shadow: none; } -button.board-card__notes-btn, .board-card__notes-btn { - display: inline-flex !important; - align-items: center !important; - gap: 0.35rem !important; - padding: 0.2rem 0.5rem !important; - background: transparent !important; - border: none !important; - box-shadow: none !important; - color: #64748b !important; - font-size: 0.85rem !important; - font-weight: 500 !important; - cursor: pointer !important; + display: inline-flex; + align-items: center; + gap: 0.35rem; + padding: 0.2rem 0.5rem; + background: transparent; + border: none; + box-shadow: none; + color: #64748b; + font-size: 0.85rem; + font-weight: 500; + cursor: pointer; } -.board-card__notes-btn:hover { color: #007bff !important; text-decoration: underline !important; } +.board-card__notes-btn:hover { color: #007bff; text-decoration: underline; } /* =================================================== CARD VIEW MODE: ELEVATED GRID CARD =================================================== */ .board-card--card { - display: flex !important; - flex-direction: column !important; - background-color: #ffffff !important; - border: 1px solid #e2e8f0 !important; - border-radius: 10px !important; - overflow: hidden !important; - transition: transform 0.2s ease, box-shadow 0.2s ease !important; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04) !important; + display: flex; + flex-direction: column; + background-color: #ffffff; + border: 1px solid #e2e8f0; + border-radius: 10px; + overflow: hidden; + transition: transform 0.2s ease, box-shadow 0.2s ease; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); } .board-card--card:hover { - transform: translateY(-3px) !important; - box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08) !important; - border-color: #cbd5e1 !important; + transform: translateY(-3px); + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); + border-color: #cbd5e1; } .board-card--card .board-card__vote-col { - display: none !important; + display: none; } .board-card--card .board-card__image-container { - width: 100% !important; - height: 170px !important; - overflow: hidden !important; - background-color: #f1f5f9 !important; + width: 100%; + height: 170px; + overflow: hidden; + background-color: #f1f5f9; } .board-card--card .board-card__image { - width: 100% !important; - height: 100% !important; - object-fit: cover !important; - display: block !important; + width: 100%; + height: 100%; + object-fit: cover; + display: block; } .board-card--card .board-card__placeholder-wrapper { - width: 100% !important; - height: 100% !important; - display: flex !important; - align-items: center !important; - justify-content: center !important; - background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important; + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .board-card--card .board-card__placeholder-img { - width: 36px !important; - height: 36px !important; - color: #94a3b8 !important; + width: 36px; + height: 36px; + color: #94a3b8; } .board-card--card .board-card__content { - display: flex !important; - flex-direction: column !important; - flex: 1 !important; - padding: 1rem !important; + display: flex; + flex-direction: column; + flex: 1; + padding: 1rem; } .board-card--card .board-card__title { - font-size: 1.05rem !important; - font-weight: 700 !important; - color: #0f172a !important; - margin: 0 0 0.4rem 0 !important; - white-space: nowrap !important; - overflow: hidden !important; - text-overflow: ellipsis !important; - cursor: pointer !important; + font-size: 1.05rem; + font-weight: 700; + color: #0f172a; + margin: 0 0 0.4rem 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + cursor: pointer; } .board-card--card .board-card__title:hover { - color: #007bff !important; + color: #007bff; } .board-card--card .board-card__meta { - font-size: 0.8rem !important; - color: #64748b !important; - margin-bottom: 0.5rem !important; + font-size: 0.8rem; + color: #64748b; + margin-bottom: 0.5rem; } .board-card--card .board-card__notes-wrapper { - display: flex !important; - flex-direction: column !important; - gap: 0.35rem !important; - margin-bottom: 0.75rem !important; + display: flex; + flex-direction: column; + gap: 0.35rem; + margin-bottom: 0.75rem; } .board-card--card .board-card__notes { - font-size: 0.85rem !important; - line-height: 1.45 !important; - color: #475569 !important; - background-color: #f8fafc !important; - border-left: 3px solid #cbd5e1 !important; - padding: 0.4rem 0.6rem !important; - word-break: break-word !important; + font-size: 0.85rem; + line-height: 1.45; + color: #475569; + background-color: #f8fafc; + border-left: 3px solid #cbd5e1; + padding: 0.4rem 0.6rem; + word-break: break-word; } .board-card--card .board-card__notes--clamped { - display: -webkit-box !important; - -webkit-line-clamp: 3 !important; - -webkit-box-orient: vertical !important; - overflow: hidden !important; - white-space: pre-line !important; + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; + white-space: pre-line; } .board-card--card .board-card__notes--expanded { - display: block !important; - white-space: pre-line !important; + display: block; + white-space: pre-line; } .board-card--card .board-card__notes-toggle { - align-self: flex-start !important; - background: none !important; - border: none !important; - padding: 0.1rem 0.3rem !important; - color: #007bff !important; - font-size: 0.775rem !important; - font-weight: 600 !important; - cursor: pointer !important; + align-self: flex-start; + background: none; + border: none; + padding: 0.1rem 0.3rem; + color: #007bff; + font-size: 0.775rem; + font-weight: 600; + cursor: pointer; } .board-card--card .board-card__notes-toggle:hover { - text-decoration: underline !important; + text-decoration: underline; } .board-card--card .board-card__footer { - display: flex !important; - align-items: center !important; - justify-content: flex-end !important; - margin-top: auto !important; - padding-top: 0.65rem !important; - border-top: 1px solid #f1f5f9 !important; + display: flex; + align-items: center; + justify-content: flex-end; + margin-top: auto; + padding-top: 0.65rem; + border-top: 1px solid #f1f5f9; } .board-card--card .board-card__comments-btn { - display: inline-flex !important; - align-items: center !important; - gap: 0.4rem !important; - padding: 0.3rem 0.6rem !important; - background-color: #f1f5f9 !important; - color: #475569 !important; - border: 1px solid #e2e8f0 !important; - border-radius: 6px !important; - font-size: 0.8rem !important; - font-weight: 500 !important; - cursor: pointer !important; + display: inline-flex; + align-items: center; + gap: 0.4rem; + padding: 0.3rem 0.6rem; + background-color: #f1f5f9; + color: #475569; + border: 1px solid #e2e8f0; + border-radius: 6px; + font-size: 0.8rem; + font-weight: 500; + cursor: pointer; } .board-card--card .board-card__comments-btn:hover { - background-color: #007bff !important; - color: #ffffff !important; - border-color: #007bff !important; + background-color: #007bff; + color: #ffffff; + border-color: #007bff; } .board-card--card .board-card__comments-btn:hover i { - color: #ffffff !important; + color: #ffffff; } .board-card--card .board-card__notes-btn { - display: inline-flex !important; - align-items: center !important; - gap: 0.4rem !important; - padding: 0.3rem 0.6rem !important; - background-color: #f8fafc !important; - color: #475569 !important; - border: 1px solid #e2e8f0 !important; - border-radius: 6px !important; - font-size: 0.8rem !important; - font-weight: 500 !important; + display: inline-flex; + align-items: center; + gap: 0.4rem; + padding: 0.3rem 0.6rem; + background-color: #f8fafc; + color: #475569; + border: 1px solid #e2e8f0; + border-radius: 6px; + font-size: 0.8rem; + font-weight: 500; } -.board-card--card .board-card__notes-btn:hover { background-color: #e0f2fe !important; color: #0369a1 !important; border-color: #7dd3fc !important; text-decoration: none !important; } +.board-card--card .board-card__notes-btn:hover { background-color: #e0f2fe; color: #0369a1; border-color: #7dd3fc; text-decoration: none; } .board-notes-dialog { min-width: min(560px, 75vw); max-width: 75vw; } .board-notes-dialog h3 { margin: 0 2rem .8rem 0; color: #0f172a; } @@ -844,157 +838,146 @@ button.board-card__notes-btn, } .photo-view-dialog { - background-color: #f8fafc !important; - border-radius: 8px !important; - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5) !important; - display: flex !important; - flex-direction: column !important; - max-width: 90vw !important; - max-height: 90vh !important; - width: 820px !important; - overflow: hidden !important; - position: relative !important; - z-index: 1 !important; + background-color: #f8fafc; + border-radius: 8px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5); + display: flex; + flex-direction: column; + max-width: 90vw; + max-height: 90vh; + width: 820px; + overflow: hidden; + position: relative; + z-index: 1; } .photo-view-header { - display: flex !important; - align-items: center !important; - justify-content: space-between !important; - padding: 0.75rem 1rem !important; - background-color: #ffffff !important; - border-bottom: 1px solid #e2e8f0 !important; + display: flex; + align-items: center; + justify-content: space-between; + padding: 0.75rem 1rem; + background-color: #ffffff; + border-bottom: 1px solid #e2e8f0; } .photo-view-title { - font-size: 1.05rem !important; - font-style: italic !important; - font-weight: 700 !important; - color: #1e293b !important; - margin: 0 !important; - flex: 1 !important; - overflow: hidden !important; - text-overflow: ellipsis !important; - white-space: nowrap !important; + font-size: 1.05rem; + font-style: italic; + font-weight: 700; + color: #1e293b; + margin: 0; + flex: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .photo-view-close-btn { - background: none !important; - border: none !important; - font-size: 1.6rem !important; - line-height: 1 !important; - color: #64748b !important; - cursor: pointer !important; - padding: 0 0.4rem !important; + background: none; + border: none; + font-size: 1.6rem; + line-height: 1; + color: #64748b; + cursor: pointer; + padding: 0 0.4rem; } .photo-view-close-btn:hover { - color: #ef4444 !important; + color: #ef4444; } .photo-view-body { - display: flex !important; - flex-direction: row !important; - align-items: stretch !important; - background-color: #0f172a !important; - flex: 1 !important; - min-height: 380px !important; - max-height: 68vh !important; - overflow: hidden !important; + display: flex; + flex-direction: row; + align-items: stretch; + background-color: #0f172a; + flex: 1; + min-height: 380px; + max-height: 68vh; + overflow: hidden; } /* Left/right nav columns (fixed 56px wide, vertically center the button) */ .photo-view-nav-col { - width: 56px !important; - flex-shrink: 0 !important; - display: flex !important; - align-items: center !important; - justify-content: center !important; - background-color: rgba(0, 0, 0, 0.25) !important; + width: 56px; + flex-shrink: 0; + display: flex; + align-items: center; + justify-content: center; + background-color: rgba(0, 0, 0, 0.25); } /* Image wrapper fills remaining space */ .photo-view-img-wrap { - flex: 1 !important; - display: flex !important; - align-items: center !important; - justify-content: center !important; - min-width: 0 !important; - padding: 0.75rem !important; + flex: 1; + display: flex; + align-items: center; + justify-content: center; + min-width: 0; + padding: 0.75rem; } .photo-view-img { - max-width: 100% !important; - max-height: 65vh !important; - object-fit: contain !important; - display: block !important; - border-radius: 4px !important; + max-width: 100%; + max-height: 65vh; + object-fit: contain; + display: block; + border-radius: 4px; } .photo-view-no-img { - color: #94a3b8 !important; - font-size: 0.95rem !important; + color: #94a3b8; + font-size: 0.95rem; } /* Nav button — static in flex column, no absolute positioning */ .photo-view-nav-btn { - width: 38px !important; - height: 38px !important; - background-color: #ffffff !important; - border: 1px solid #cbd5e1 !important; - border-radius: 6px !important; - color: #007bff !important; - display: flex !important; - align-items: center !important; - justify-content: center !important; - cursor: pointer !important; - box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important; - transition: all 0.15s ease !important; - flex-shrink: 0 !important; + width: 38px; + height: 38px; + background-color: #ffffff; + border: 1px solid #cbd5e1; + border-radius: 6px; + color: #007bff; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); + transition: all 0.15s ease; + flex-shrink: 0; } .photo-view-nav-btn i { - font-size: 1rem !important; - color: #007bff !important; + font-size: 1rem; + color: #007bff; } .photo-view-nav-btn:hover { - background-color: #007bff !important; - color: #ffffff !important; - border-color: #007bff !important; + background-color: #007bff; + color: #ffffff; + border-color: #007bff; } .photo-view-nav-btn:hover i { - color: #ffffff !important; + color: #ffffff; } .photo-view-footer { - display: flex !important; - align-items: center !important; - justify-content: space-between !important; - padding: 0.75rem 1rem !important; - background-color: #ffffff !important; - border-top: 1px solid #e2e8f0 !important; + display: flex; + align-items: center; + justify-content: space-between; + padding: 0.75rem 1rem; + background-color: #ffffff; + border-top: 1px solid #e2e8f0; } .photo-view-meta { - font-size: 0.875rem !important; - color: #475569 !important; + font-size: 0.875rem; + color: #475569; } .photo-view-meta b { - color: #0f172a !important; -} - -/* Responsive: Hide board header description on mobile screens */ -@media (max-width: 768px) { - .media-item__desc { - display: none !important; - } - .media-item__details { - flex-basis: 100% !important; - width: 100% !important; - } + color: #0f172a; } .board-detail-default-thumbnail { @@ -1015,9 +998,9 @@ button.board-card__notes-btn, /* Create Board dialog mirrors the Create Channel form language. */ .create-board-form { - display: grid !important; + display: grid; grid-template-columns: 11rem minmax(0, 1fr); - gap: 1rem 1.5rem !important; + gap: 1rem 1.5rem; &__heading, &__title, @@ -1090,9 +1073,9 @@ button.board-card__notes-btn, } .create-board-post { - display: flex !important; + display: flex; flex-direction: column; - gap: .9rem !important; + gap: .9rem; &__heading h3 { margin: 0; color: #1e293b; } &__heading p { margin: .25rem 0 0; color: #64748b; font-size: .9rem; } @@ -1145,12 +1128,12 @@ button.board-card__notes-btn, } .posts > .posts__heading.board-posts-heading { - display: flex !important; - flex-direction: row !important; - align-items: center !important; - justify-content: flex-start !important; + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-start; width: 100%; - gap: 1rem !important; + gap: 1rem; flex-wrap: wrap; text-align: left; } @@ -1195,3 +1178,23 @@ button.board-card__notes-btn, .board-posts-heading__create span { display: none; } .board-posts-heading__create { min-width: 2.25rem; justify-content: center; padding-inline: .55rem; } } + +// Match the shared button:active specificity so pressing a flat control does +// not restore the global inset shadow. +.board-toolbar__toggle-btn:active, +.board-card__comments-btn:active, +.board-card__notes-btn:active, +.board-card__vote-pill .board-card__vote-btn:active { + box-shadow: none; +} + +// Keep this after the card variants at the same specificity as their padding. +@media (max-width: 560px) { + .board-card .board-card__notes-btn { + width: 30px; + height: 30px; + justify-content: center; + padding: 0; + } + .board-card__notes-btn i { margin: 0; } +} \ No newline at end of file diff --git a/webui-src/styles.css b/webui-src/styles.css index c79a573..2f72042 100644 --- a/webui-src/styles.css +++ b/webui-src/styles.css @@ -4,4 +4,4 @@ */.fa,.fas,.far,.fal,.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-0.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);transform:scale(1, -1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(-1, -1);transform:scale(-1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-flip-both{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:""}.fa-accessible-icon:before{content:""}.fa-accusoft:before{content:""}.fa-acquisitions-incorporated:before{content:""}.fa-ad:before{content:""}.fa-address-book:before{content:""}.fa-address-card:before{content:""}.fa-adjust:before{content:""}.fa-adn:before{content:""}.fa-adobe:before{content:""}.fa-adversal:before{content:""}.fa-affiliatetheme:before{content:""}.fa-air-freshener:before{content:""}.fa-airbnb:before{content:""}.fa-algolia:before{content:""}.fa-align-center:before{content:""}.fa-align-justify:before{content:""}.fa-align-left:before{content:""}.fa-align-right:before{content:""}.fa-alipay:before{content:""}.fa-allergies:before{content:""}.fa-amazon:before{content:""}.fa-amazon-pay:before{content:""}.fa-ambulance:before{content:""}.fa-american-sign-language-interpreting:before{content:""}.fa-amilia:before{content:""}.fa-anchor:before{content:""}.fa-android:before{content:""}.fa-angellist:before{content:""}.fa-angle-double-down:before{content:""}.fa-angle-double-left:before{content:""}.fa-angle-double-right:before{content:""}.fa-angle-double-up:before{content:""}.fa-angle-down:before{content:""}.fa-angle-left:before{content:""}.fa-angle-right:before{content:""}.fa-angle-up:before{content:""}.fa-angry:before{content:""}.fa-angrycreative:before{content:""}.fa-angular:before{content:""}.fa-ankh:before{content:""}.fa-app-store:before{content:""}.fa-app-store-ios:before{content:""}.fa-apper:before{content:""}.fa-apple:before{content:""}.fa-apple-alt:before{content:""}.fa-apple-pay:before{content:""}.fa-archive:before{content:""}.fa-archway:before{content:""}.fa-arrow-alt-circle-down:before{content:""}.fa-arrow-alt-circle-left:before{content:""}.fa-arrow-alt-circle-right:before{content:""}.fa-arrow-alt-circle-up:before{content:""}.fa-arrow-circle-down:before{content:""}.fa-arrow-circle-left:before{content:""}.fa-arrow-circle-right:before{content:""}.fa-arrow-circle-up:before{content:""}.fa-arrow-down:before{content:""}.fa-arrow-left:before{content:""}.fa-arrow-right:before{content:""}.fa-arrow-up:before{content:""}.fa-arrows-alt:before{content:""}.fa-arrows-alt-h:before{content:""}.fa-arrows-alt-v:before{content:""}.fa-artstation:before{content:""}.fa-assistive-listening-systems:before{content:""}.fa-asterisk:before{content:""}.fa-asymmetrik:before{content:""}.fa-at:before{content:""}.fa-atlas:before{content:""}.fa-atlassian:before{content:""}.fa-atom:before{content:""}.fa-audible:before{content:""}.fa-audio-description:before{content:""}.fa-autoprefixer:before{content:""}.fa-avianex:before{content:""}.fa-aviato:before{content:""}.fa-award:before{content:""}.fa-aws:before{content:""}.fa-baby:before{content:""}.fa-baby-carriage:before{content:""}.fa-backspace:before{content:""}.fa-backward:before{content:""}.fa-bacon:before{content:""}.fa-balance-scale:before{content:""}.fa-balance-scale-left:before{content:""}.fa-balance-scale-right:before{content:""}.fa-ban:before{content:""}.fa-band-aid:before{content:""}.fa-bandcamp:before{content:""}.fa-barcode:before{content:""}.fa-bars:before{content:""}.fa-baseball-ball:before{content:""}.fa-basketball-ball:before{content:""}.fa-bath:before{content:""}.fa-battery-empty:before{content:""}.fa-battery-full:before{content:""}.fa-battery-half:before{content:""}.fa-battery-quarter:before{content:""}.fa-battery-three-quarters:before{content:""}.fa-battle-net:before{content:""}.fa-bed:before{content:""}.fa-beer:before{content:""}.fa-behance:before{content:""}.fa-behance-square:before{content:""}.fa-bell:before{content:""}.fa-bell-slash:before{content:""}.fa-bezier-curve:before{content:""}.fa-bible:before{content:""}.fa-bicycle:before{content:""}.fa-biking:before{content:""}.fa-bimobject:before{content:""}.fa-binoculars:before{content:""}.fa-biohazard:before{content:""}.fa-birthday-cake:before{content:""}.fa-bitbucket:before{content:""}.fa-bitcoin:before{content:""}.fa-bity:before{content:""}.fa-black-tie:before{content:""}.fa-blackberry:before{content:""}.fa-blender:before{content:""}.fa-blender-phone:before{content:""}.fa-blind:before{content:""}.fa-blog:before{content:""}.fa-blogger:before{content:""}.fa-blogger-b:before{content:""}.fa-bluetooth:before{content:""}.fa-bluetooth-b:before{content:""}.fa-bold:before{content:""}.fa-bolt:before{content:""}.fa-bomb:before{content:""}.fa-bone:before{content:""}.fa-bong:before{content:""}.fa-book:before{content:""}.fa-book-dead:before{content:""}.fa-book-medical:before{content:""}.fa-book-open:before{content:""}.fa-book-reader:before{content:""}.fa-bookmark:before{content:""}.fa-bootstrap:before{content:""}.fa-border-all:before{content:""}.fa-border-none:before{content:""}.fa-border-style:before{content:""}.fa-bowling-ball:before{content:""}.fa-box:before{content:""}.fa-box-open:before{content:""}.fa-boxes:before{content:""}.fa-braille:before{content:""}.fa-brain:before{content:""}.fa-bread-slice:before{content:""}.fa-briefcase:before{content:""}.fa-briefcase-medical:before{content:""}.fa-broadcast-tower:before{content:""}.fa-broom:before{content:""}.fa-brush:before{content:""}.fa-btc:before{content:""}.fa-buffer:before{content:""}.fa-bug:before{content:""}.fa-building:before{content:""}.fa-bullhorn:before{content:""}.fa-bullseye:before{content:""}.fa-burn:before{content:""}.fa-buromobelexperte:before{content:""}.fa-bus:before{content:""}.fa-bus-alt:before{content:""}.fa-business-time:before{content:""}.fa-buysellads:before{content:""}.fa-calculator:before{content:""}.fa-calendar:before{content:""}.fa-calendar-alt:before{content:""}.fa-calendar-check:before{content:""}.fa-calendar-day:before{content:""}.fa-calendar-minus:before{content:""}.fa-calendar-plus:before{content:""}.fa-calendar-times:before{content:""}.fa-calendar-week:before{content:""}.fa-camera:before{content:""}.fa-camera-retro:before{content:""}.fa-campground:before{content:""}.fa-canadian-maple-leaf:before{content:""}.fa-candy-cane:before{content:""}.fa-cannabis:before{content:""}.fa-capsules:before{content:""}.fa-car:before{content:""}.fa-car-alt:before{content:""}.fa-car-battery:before{content:""}.fa-car-crash:before{content:""}.fa-car-side:before{content:""}.fa-caret-down:before{content:""}.fa-caret-left:before{content:""}.fa-caret-right:before{content:""}.fa-caret-square-down:before{content:""}.fa-caret-square-left:before{content:""}.fa-caret-square-right:before{content:""}.fa-caret-square-up:before{content:""}.fa-caret-up:before{content:""}.fa-carrot:before{content:""}.fa-cart-arrow-down:before{content:""}.fa-cart-plus:before{content:""}.fa-cash-register:before{content:""}.fa-cat:before{content:""}.fa-cc-amazon-pay:before{content:""}.fa-cc-amex:before{content:""}.fa-cc-apple-pay:before{content:""}.fa-cc-diners-club:before{content:""}.fa-cc-discover:before{content:""}.fa-cc-jcb:before{content:""}.fa-cc-mastercard:before{content:""}.fa-cc-paypal:before{content:""}.fa-cc-stripe:before{content:""}.fa-cc-visa:before{content:""}.fa-centercode:before{content:""}.fa-centos:before{content:""}.fa-certificate:before{content:""}.fa-chair:before{content:""}.fa-chalkboard:before{content:""}.fa-chalkboard-teacher:before{content:""}.fa-charging-station:before{content:""}.fa-chart-area:before{content:""}.fa-chart-bar:before{content:""}.fa-chart-line:before{content:""}.fa-chart-pie:before{content:""}.fa-check:before{content:""}.fa-check-circle:before{content:""}.fa-check-double:before{content:""}.fa-check-square:before{content:""}.fa-cheese:before{content:""}.fa-chess:before{content:""}.fa-chess-bishop:before{content:""}.fa-chess-board:before{content:""}.fa-chess-king:before{content:""}.fa-chess-knight:before{content:""}.fa-chess-pawn:before{content:""}.fa-chess-queen:before{content:""}.fa-chess-rook:before{content:""}.fa-chevron-circle-down:before{content:""}.fa-chevron-circle-left:before{content:""}.fa-chevron-circle-right:before{content:""}.fa-chevron-circle-up:before{content:""}.fa-chevron-down:before{content:""}.fa-chevron-left:before{content:""}.fa-chevron-right:before{content:""}.fa-chevron-up:before{content:""}.fa-child:before{content:""}.fa-chrome:before{content:""}.fa-chromecast:before{content:""}.fa-church:before{content:""}.fa-circle:before{content:""}.fa-circle-notch:before{content:""}.fa-city:before{content:""}.fa-clinic-medical:before{content:""}.fa-clipboard:before{content:""}.fa-clipboard-check:before{content:""}.fa-clipboard-list:before{content:""}.fa-clock:before{content:""}.fa-clone:before{content:""}.fa-closed-captioning:before{content:""}.fa-cloud:before{content:""}.fa-cloud-download-alt:before{content:""}.fa-cloud-meatball:before{content:""}.fa-cloud-moon:before{content:""}.fa-cloud-moon-rain:before{content:""}.fa-cloud-rain:before{content:""}.fa-cloud-showers-heavy:before{content:""}.fa-cloud-sun:before{content:""}.fa-cloud-sun-rain:before{content:""}.fa-cloud-upload-alt:before{content:""}.fa-cloudscale:before{content:""}.fa-cloudsmith:before{content:""}.fa-cloudversify:before{content:""}.fa-cocktail:before{content:""}.fa-code:before{content:""}.fa-code-branch:before{content:""}.fa-codepen:before{content:""}.fa-codiepie:before{content:""}.fa-coffee:before{content:""}.fa-cog:before{content:""}.fa-cogs:before{content:""}.fa-coins:before{content:""}.fa-columns:before{content:""}.fa-comment:before{content:""}.fa-comment-alt:before{content:""}.fa-comment-dollar:before{content:""}.fa-comment-dots:before{content:""}.fa-comment-medical:before{content:""}.fa-comment-slash:before{content:""}.fa-comments:before{content:""}.fa-comments-dollar:before{content:""}.fa-compact-disc:before{content:""}.fa-compass:before{content:""}.fa-compress:before{content:""}.fa-compress-arrows-alt:before{content:""}.fa-concierge-bell:before{content:""}.fa-confluence:before{content:""}.fa-connectdevelop:before{content:""}.fa-contao:before{content:""}.fa-cookie:before{content:""}.fa-cookie-bite:before{content:""}.fa-copy:before{content:""}.fa-copyright:before{content:""}.fa-couch:before{content:""}.fa-cpanel:before{content:""}.fa-creative-commons:before{content:""}.fa-creative-commons-by:before{content:""}.fa-creative-commons-nc:before{content:""}.fa-creative-commons-nc-eu:before{content:""}.fa-creative-commons-nc-jp:before{content:""}.fa-creative-commons-nd:before{content:""}.fa-creative-commons-pd:before{content:""}.fa-creative-commons-pd-alt:before{content:""}.fa-creative-commons-remix:before{content:""}.fa-creative-commons-sa:before{content:""}.fa-creative-commons-sampling:before{content:""}.fa-creative-commons-sampling-plus:before{content:""}.fa-creative-commons-share:before{content:""}.fa-creative-commons-zero:before{content:""}.fa-credit-card:before{content:""}.fa-critical-role:before{content:""}.fa-crop:before{content:""}.fa-crop-alt:before{content:""}.fa-cross:before{content:""}.fa-crosshairs:before{content:""}.fa-crow:before{content:""}.fa-crown:before{content:""}.fa-crutch:before{content:""}.fa-css3:before{content:""}.fa-css3-alt:before{content:""}.fa-cube:before{content:""}.fa-cubes:before{content:""}.fa-cut:before{content:""}.fa-cuttlefish:before{content:""}.fa-d-and-d:before{content:""}.fa-d-and-d-beyond:before{content:""}.fa-dashcube:before{content:""}.fa-database:before{content:""}.fa-deaf:before{content:""}.fa-delicious:before{content:""}.fa-democrat:before{content:""}.fa-deploydog:before{content:""}.fa-deskpro:before{content:""}.fa-desktop:before{content:""}.fa-dev:before{content:""}.fa-deviantart:before{content:""}.fa-dharmachakra:before{content:""}.fa-dhl:before{content:""}.fa-diagnoses:before{content:""}.fa-diaspora:before{content:""}.fa-dice:before{content:""}.fa-dice-d20:before{content:""}.fa-dice-d6:before{content:""}.fa-dice-five:before{content:""}.fa-dice-four:before{content:""}.fa-dice-one:before{content:""}.fa-dice-six:before{content:""}.fa-dice-three:before{content:""}.fa-dice-two:before{content:""}.fa-digg:before{content:""}.fa-digital-ocean:before{content:""}.fa-digital-tachograph:before{content:""}.fa-directions:before{content:""}.fa-discord:before{content:""}.fa-discourse:before{content:""}.fa-divide:before{content:""}.fa-dizzy:before{content:""}.fa-dna:before{content:""}.fa-dochub:before{content:""}.fa-docker:before{content:""}.fa-dog:before{content:""}.fa-dollar-sign:before{content:""}.fa-dolly:before{content:""}.fa-dolly-flatbed:before{content:""}.fa-donate:before{content:""}.fa-door-closed:before{content:""}.fa-door-open:before{content:""}.fa-dot-circle:before{content:""}.fa-dove:before{content:""}.fa-download:before{content:""}.fa-draft2digital:before{content:""}.fa-drafting-compass:before{content:""}.fa-dragon:before{content:""}.fa-draw-polygon:before{content:""}.fa-dribbble:before{content:""}.fa-dribbble-square:before{content:""}.fa-dropbox:before{content:""}.fa-drum:before{content:""}.fa-drum-steelpan:before{content:""}.fa-drumstick-bite:before{content:""}.fa-drupal:before{content:""}.fa-dumbbell:before{content:""}.fa-dumpster:before{content:""}.fa-dumpster-fire:before{content:""}.fa-dungeon:before{content:""}.fa-dyalog:before{content:""}.fa-earlybirds:before{content:""}.fa-ebay:before{content:""}.fa-edge:before{content:""}.fa-edit:before{content:""}.fa-egg:before{content:""}.fa-eject:before{content:""}.fa-elementor:before{content:""}.fa-ellipsis-h:before{content:""}.fa-ellipsis-v:before{content:""}.fa-ello:before{content:""}.fa-ember:before{content:""}.fa-empire:before{content:""}.fa-envelope:before{content:""}.fa-envelope-open:before{content:""}.fa-envelope-open-text:before{content:""}.fa-envelope-square:before{content:""}.fa-envira:before{content:""}.fa-equals:before{content:""}.fa-eraser:before{content:""}.fa-erlang:before{content:""}.fa-ethereum:before{content:""}.fa-ethernet:before{content:""}.fa-etsy:before{content:""}.fa-euro-sign:before{content:""}.fa-evernote:before{content:""}.fa-exchange-alt:before{content:""}.fa-exclamation:before{content:""}.fa-exclamation-circle:before{content:""}.fa-exclamation-triangle:before{content:""}.fa-expand:before{content:""}.fa-expand-arrows-alt:before{content:""}.fa-expeditedssl:before{content:""}.fa-external-link-alt:before{content:""}.fa-external-link-square-alt:before{content:""}.fa-eye:before{content:""}.fa-eye-dropper:before{content:""}.fa-eye-slash:before{content:""}.fa-facebook:before{content:""}.fa-facebook-f:before{content:""}.fa-facebook-messenger:before{content:""}.fa-facebook-square:before{content:""}.fa-fan:before{content:""}.fa-fantasy-flight-games:before{content:""}.fa-fast-backward:before{content:""}.fa-fast-forward:before{content:""}.fa-fax:before{content:""}.fa-feather:before{content:""}.fa-feather-alt:before{content:""}.fa-fedex:before{content:""}.fa-fedora:before{content:""}.fa-female:before{content:""}.fa-fighter-jet:before{content:""}.fa-figma:before{content:""}.fa-file:before{content:""}.fa-file-alt:before{content:""}.fa-file-archive:before{content:""}.fa-file-audio:before{content:""}.fa-file-code:before{content:""}.fa-file-contract:before{content:""}.fa-file-csv:before{content:""}.fa-file-download:before{content:""}.fa-file-excel:before{content:""}.fa-file-export:before{content:""}.fa-file-image:before{content:""}.fa-file-import:before{content:""}.fa-file-invoice:before{content:""}.fa-file-invoice-dollar:before{content:""}.fa-file-medical:before{content:""}.fa-file-medical-alt:before{content:""}.fa-file-pdf:before{content:""}.fa-file-powerpoint:before{content:""}.fa-file-prescription:before{content:""}.fa-file-signature:before{content:""}.fa-file-upload:before{content:""}.fa-file-video:before{content:""}.fa-file-word:before{content:""}.fa-fill:before{content:""}.fa-fill-drip:before{content:""}.fa-film:before{content:""}.fa-filter:before{content:""}.fa-fingerprint:before{content:""}.fa-fire:before{content:""}.fa-fire-alt:before{content:""}.fa-fire-extinguisher:before{content:""}.fa-firefox:before{content:""}.fa-first-aid:before{content:""}.fa-first-order:before{content:""}.fa-first-order-alt:before{content:""}.fa-firstdraft:before{content:""}.fa-fish:before{content:""}.fa-fist-raised:before{content:""}.fa-flag:before{content:""}.fa-flag-checkered:before{content:""}.fa-flag-usa:before{content:""}.fa-flask:before{content:""}.fa-flickr:before{content:""}.fa-flipboard:before{content:""}.fa-flushed:before{content:""}.fa-fly:before{content:""}.fa-folder:before{content:""}.fa-folder-minus:before{content:""}.fa-folder-open:before{content:""}.fa-folder-plus:before{content:""}.fa-font:before{content:""}.fa-font-awesome:before{content:""}.fa-font-awesome-alt:before{content:""}.fa-font-awesome-flag:before{content:""}.fa-font-awesome-logo-full:before{content:""}.fa-fonticons:before{content:""}.fa-fonticons-fi:before{content:""}.fa-football-ball:before{content:""}.fa-fort-awesome:before{content:""}.fa-fort-awesome-alt:before{content:""}.fa-forumbee:before{content:""}.fa-forward:before{content:""}.fa-foursquare:before{content:""}.fa-free-code-camp:before{content:""}.fa-freebsd:before{content:""}.fa-frog:before{content:""}.fa-frown:before{content:""}.fa-frown-open:before{content:""}.fa-fulcrum:before{content:""}.fa-funnel-dollar:before{content:""}.fa-futbol:before{content:""}.fa-galactic-republic:before{content:""}.fa-galactic-senate:before{content:""}.fa-gamepad:before{content:""}.fa-gas-pump:before{content:""}.fa-gavel:before{content:""}.fa-gem:before{content:""}.fa-genderless:before{content:""}.fa-get-pocket:before{content:""}.fa-gg:before{content:""}.fa-gg-circle:before{content:""}.fa-ghost:before{content:""}.fa-gift:before{content:""}.fa-gifts:before{content:""}.fa-git:before{content:""}.fa-git-alt:before{content:""}.fa-git-square:before{content:""}.fa-github:before{content:""}.fa-github-alt:before{content:""}.fa-github-square:before{content:""}.fa-gitkraken:before{content:""}.fa-gitlab:before{content:""}.fa-gitter:before{content:""}.fa-glass-cheers:before{content:""}.fa-glass-martini:before{content:""}.fa-glass-martini-alt:before{content:""}.fa-glass-whiskey:before{content:""}.fa-glasses:before{content:""}.fa-glide:before{content:""}.fa-glide-g:before{content:""}.fa-globe:before{content:""}.fa-globe-africa:before{content:""}.fa-globe-americas:before{content:""}.fa-globe-asia:before{content:""}.fa-globe-europe:before{content:""}.fa-gofore:before{content:""}.fa-golf-ball:before{content:""}.fa-goodreads:before{content:""}.fa-goodreads-g:before{content:""}.fa-google:before{content:""}.fa-google-drive:before{content:""}.fa-google-play:before{content:""}.fa-google-plus:before{content:""}.fa-google-plus-g:before{content:""}.fa-google-plus-square:before{content:""}.fa-google-wallet:before{content:""}.fa-gopuram:before{content:""}.fa-graduation-cap:before{content:""}.fa-gratipay:before{content:""}.fa-grav:before{content:""}.fa-greater-than:before{content:""}.fa-greater-than-equal:before{content:""}.fa-grimace:before{content:""}.fa-grin:before{content:""}.fa-grin-alt:before{content:""}.fa-grin-beam:before{content:""}.fa-grin-beam-sweat:before{content:""}.fa-grin-hearts:before{content:""}.fa-grin-squint:before{content:""}.fa-grin-squint-tears:before{content:""}.fa-grin-stars:before{content:""}.fa-grin-tears:before{content:""}.fa-grin-tongue:before{content:""}.fa-grin-tongue-squint:before{content:""}.fa-grin-tongue-wink:before{content:""}.fa-grin-wink:before{content:""}.fa-grip-horizontal:before{content:""}.fa-grip-lines:before{content:""}.fa-grip-lines-vertical:before{content:""}.fa-grip-vertical:before{content:""}.fa-gripfire:before{content:""}.fa-grunt:before{content:""}.fa-guitar:before{content:""}.fa-gulp:before{content:""}.fa-h-square:before{content:""}.fa-hacker-news:before{content:""}.fa-hacker-news-square:before{content:""}.fa-hackerrank:before{content:""}.fa-hamburger:before{content:""}.fa-hammer:before{content:""}.fa-hamsa:before{content:""}.fa-hand-holding:before{content:""}.fa-hand-holding-heart:before{content:""}.fa-hand-holding-usd:before{content:""}.fa-hand-lizard:before{content:""}.fa-hand-middle-finger:before{content:""}.fa-hand-paper:before{content:""}.fa-hand-peace:before{content:""}.fa-hand-point-down:before{content:""}.fa-hand-point-left:before{content:""}.fa-hand-point-right:before{content:""}.fa-hand-point-up:before{content:""}.fa-hand-pointer:before{content:""}.fa-hand-rock:before{content:""}.fa-hand-scissors:before{content:""}.fa-hand-spock:before{content:""}.fa-hands:before{content:""}.fa-hands-helping:before{content:""}.fa-handshake:before{content:""}.fa-hanukiah:before{content:""}.fa-hard-hat:before{content:""}.fa-hashtag:before{content:""}.fa-hat-wizard:before{content:""}.fa-haykal:before{content:""}.fa-hdd:before{content:""}.fa-heading:before{content:""}.fa-headphones:before{content:""}.fa-headphones-alt:before{content:""}.fa-headset:before{content:""}.fa-heart:before{content:""}.fa-heart-broken:before{content:""}.fa-heartbeat:before{content:""}.fa-helicopter:before{content:""}.fa-highlighter:before{content:""}.fa-hiking:before{content:""}.fa-hippo:before{content:""}.fa-hips:before{content:""}.fa-hire-a-helper:before{content:""}.fa-history:before{content:""}.fa-hockey-puck:before{content:""}.fa-holly-berry:before{content:""}.fa-home:before{content:""}.fa-hooli:before{content:""}.fa-hornbill:before{content:""}.fa-horse:before{content:""}.fa-horse-head:before{content:""}.fa-hospital:before{content:""}.fa-hospital-alt:before{content:""}.fa-hospital-symbol:before{content:""}.fa-hot-tub:before{content:""}.fa-hotdog:before{content:""}.fa-hotel:before{content:""}.fa-hotjar:before{content:""}.fa-hourglass:before{content:""}.fa-hourglass-end:before{content:""}.fa-hourglass-half:before{content:""}.fa-hourglass-start:before{content:""}.fa-house-damage:before{content:""}.fa-houzz:before{content:""}.fa-hryvnia:before{content:""}.fa-html5:before{content:""}.fa-hubspot:before{content:""}.fa-i-cursor:before{content:""}.fa-ice-cream:before{content:""}.fa-icicles:before{content:""}.fa-icons:before{content:""}.fa-id-badge:before{content:""}.fa-id-card:before{content:""}.fa-id-card-alt:before{content:""}.fa-igloo:before{content:""}.fa-image:before{content:""}.fa-images:before{content:""}.fa-imdb:before{content:""}.fa-inbox:before{content:""}.fa-indent:before{content:""}.fa-industry:before{content:""}.fa-infinity:before{content:""}.fa-info:before{content:""}.fa-info-circle:before{content:""}.fa-instagram:before{content:""}.fa-intercom:before{content:""}.fa-internet-explorer:before{content:""}.fa-invision:before{content:""}.fa-ioxhost:before{content:""}.fa-italic:before{content:""}.fa-itch-io:before{content:""}.fa-itunes:before{content:""}.fa-itunes-note:before{content:""}.fa-java:before{content:""}.fa-jedi:before{content:""}.fa-jedi-order:before{content:""}.fa-jenkins:before{content:""}.fa-jira:before{content:""}.fa-joget:before{content:""}.fa-joint:before{content:""}.fa-joomla:before{content:""}.fa-journal-whills:before{content:""}.fa-js:before{content:""}.fa-js-square:before{content:""}.fa-jsfiddle:before{content:""}.fa-kaaba:before{content:""}.fa-kaggle:before{content:""}.fa-key:before{content:""}.fa-keybase:before{content:""}.fa-keyboard:before{content:""}.fa-keycdn:before{content:""}.fa-khanda:before{content:""}.fa-kickstarter:before{content:""}.fa-kickstarter-k:before{content:""}.fa-kiss:before{content:""}.fa-kiss-beam:before{content:""}.fa-kiss-wink-heart:before{content:""}.fa-kiwi-bird:before{content:""}.fa-korvue:before{content:""}.fa-landmark:before{content:""}.fa-language:before{content:""}.fa-laptop:before{content:""}.fa-laptop-code:before{content:""}.fa-laptop-medical:before{content:""}.fa-laravel:before{content:""}.fa-lastfm:before{content:""}.fa-lastfm-square:before{content:""}.fa-laugh:before{content:""}.fa-laugh-beam:before{content:""}.fa-laugh-squint:before{content:""}.fa-laugh-wink:before{content:""}.fa-layer-group:before{content:""}.fa-leaf:before{content:""}.fa-leanpub:before{content:""}.fa-lemon:before{content:""}.fa-less:before{content:""}.fa-less-than:before{content:""}.fa-less-than-equal:before{content:""}.fa-level-down-alt:before{content:""}.fa-level-up-alt:before{content:""}.fa-life-ring:before{content:""}.fa-lightbulb:before{content:""}.fa-line:before{content:""}.fa-link:before{content:""}.fa-linkedin:before{content:""}.fa-linkedin-in:before{content:""}.fa-linode:before{content:""}.fa-linux:before{content:""}.fa-lira-sign:before{content:""}.fa-list:before{content:""}.fa-list-alt:before{content:""}.fa-list-ol:before{content:""}.fa-list-ul:before{content:""}.fa-location-arrow:before{content:""}.fa-lock:before{content:""}.fa-lock-open:before{content:""}.fa-long-arrow-alt-down:before{content:""}.fa-long-arrow-alt-left:before{content:""}.fa-long-arrow-alt-right:before{content:""}.fa-long-arrow-alt-up:before{content:""}.fa-low-vision:before{content:""}.fa-luggage-cart:before{content:""}.fa-lyft:before{content:""}.fa-magento:before{content:""}.fa-magic:before{content:""}.fa-magnet:before{content:""}.fa-mail-bulk:before{content:""}.fa-mailchimp:before{content:""}.fa-male:before{content:""}.fa-mandalorian:before{content:""}.fa-map:before{content:""}.fa-map-marked:before{content:""}.fa-map-marked-alt:before{content:""}.fa-map-marker:before{content:""}.fa-map-marker-alt:before{content:""}.fa-map-pin:before{content:""}.fa-map-signs:before{content:""}.fa-markdown:before{content:""}.fa-marker:before{content:""}.fa-mars:before{content:""}.fa-mars-double:before{content:""}.fa-mars-stroke:before{content:""}.fa-mars-stroke-h:before{content:""}.fa-mars-stroke-v:before{content:""}.fa-mask:before{content:""}.fa-mastodon:before{content:""}.fa-maxcdn:before{content:""}.fa-medal:before{content:""}.fa-medapps:before{content:""}.fa-medium:before{content:""}.fa-medium-m:before{content:""}.fa-medkit:before{content:""}.fa-medrt:before{content:""}.fa-meetup:before{content:""}.fa-megaport:before{content:""}.fa-meh:before{content:""}.fa-meh-blank:before{content:""}.fa-meh-rolling-eyes:before{content:""}.fa-memory:before{content:""}.fa-mendeley:before{content:""}.fa-menorah:before{content:""}.fa-mercury:before{content:""}.fa-meteor:before{content:""}.fa-microchip:before{content:""}.fa-microphone:before{content:""}.fa-microphone-alt:before{content:""}.fa-microphone-alt-slash:before{content:""}.fa-microphone-slash:before{content:""}.fa-microscope:before{content:""}.fa-microsoft:before{content:""}.fa-minus:before{content:""}.fa-minus-circle:before{content:""}.fa-minus-square:before{content:""}.fa-mitten:before{content:""}.fa-mix:before{content:""}.fa-mixcloud:before{content:""}.fa-mizuni:before{content:""}.fa-mobile:before{content:""}.fa-mobile-alt:before{content:""}.fa-modx:before{content:""}.fa-monero:before{content:""}.fa-money-bill:before{content:""}.fa-money-bill-alt:before{content:""}.fa-money-bill-wave:before{content:""}.fa-money-bill-wave-alt:before{content:""}.fa-money-check:before{content:""}.fa-money-check-alt:before{content:""}.fa-monument:before{content:""}.fa-moon:before{content:""}.fa-mortar-pestle:before{content:""}.fa-mosque:before{content:""}.fa-motorcycle:before{content:""}.fa-mountain:before{content:""}.fa-mouse-pointer:before{content:""}.fa-mug-hot:before{content:""}.fa-music:before{content:""}.fa-napster:before{content:""}.fa-neos:before{content:""}.fa-network-wired:before{content:""}.fa-neuter:before{content:""}.fa-newspaper:before{content:""}.fa-nimblr:before{content:""}.fa-node:before{content:""}.fa-node-js:before{content:""}.fa-not-equal:before{content:""}.fa-notes-medical:before{content:""}.fa-npm:before{content:""}.fa-ns8:before{content:""}.fa-nutritionix:before{content:""}.fa-object-group:before{content:""}.fa-object-ungroup:before{content:""}.fa-odnoklassniki:before{content:""}.fa-odnoklassniki-square:before{content:""}.fa-oil-can:before{content:""}.fa-old-republic:before{content:""}.fa-om:before{content:""}.fa-opencart:before{content:""}.fa-openid:before{content:""}.fa-opera:before{content:""}.fa-optin-monster:before{content:""}.fa-osi:before{content:""}.fa-otter:before{content:""}.fa-outdent:before{content:""}.fa-page4:before{content:""}.fa-pagelines:before{content:""}.fa-pager:before{content:""}.fa-paint-brush:before{content:""}.fa-paint-roller:before{content:""}.fa-palette:before{content:""}.fa-palfed:before{content:""}.fa-pallet:before{content:""}.fa-paper-plane:before{content:""}.fa-paperclip:before{content:""}.fa-parachute-box:before{content:""}.fa-paragraph:before{content:""}.fa-parking:before{content:""}.fa-passport:before{content:""}.fa-pastafarianism:before{content:""}.fa-paste:before{content:""}.fa-patreon:before{content:""}.fa-pause:before{content:""}.fa-pause-circle:before{content:""}.fa-paw:before{content:""}.fa-paypal:before{content:""}.fa-peace:before{content:""}.fa-pen:before{content:""}.fa-pen-alt:before{content:""}.fa-pen-fancy:before{content:""}.fa-pen-nib:before{content:""}.fa-pen-square:before{content:""}.fa-pencil-alt:before{content:""}.fa-pencil-ruler:before{content:""}.fa-penny-arcade:before{content:""}.fa-people-carry:before{content:""}.fa-pepper-hot:before{content:""}.fa-percent:before{content:""}.fa-percentage:before{content:""}.fa-periscope:before{content:""}.fa-person-booth:before{content:""}.fa-phabricator:before{content:""}.fa-phoenix-framework:before{content:""}.fa-phoenix-squadron:before{content:""}.fa-phone:before{content:""}.fa-phone-alt:before{content:""}.fa-phone-slash:before{content:""}.fa-phone-square:before{content:""}.fa-phone-square-alt:before{content:""}.fa-phone-volume:before{content:""}.fa-photo-video:before{content:""}.fa-php:before{content:""}.fa-pied-piper:before{content:""}.fa-pied-piper-alt:before{content:""}.fa-pied-piper-hat:before{content:""}.fa-pied-piper-pp:before{content:""}.fa-piggy-bank:before{content:""}.fa-pills:before{content:""}.fa-pinterest:before{content:""}.fa-pinterest-p:before{content:""}.fa-pinterest-square:before{content:""}.fa-pizza-slice:before{content:""}.fa-place-of-worship:before{content:""}.fa-plane:before{content:""}.fa-plane-arrival:before{content:""}.fa-plane-departure:before{content:""}.fa-play:before{content:""}.fa-play-circle:before{content:""}.fa-playstation:before{content:""}.fa-plug:before{content:""}.fa-plus:before{content:""}.fa-plus-circle:before{content:""}.fa-plus-square:before{content:""}.fa-podcast:before{content:""}.fa-poll:before{content:""}.fa-poll-h:before{content:""}.fa-poo:before{content:""}.fa-poo-storm:before{content:""}.fa-poop:before{content:""}.fa-portrait:before{content:""}.fa-pound-sign:before{content:""}.fa-power-off:before{content:""}.fa-pray:before{content:""}.fa-praying-hands:before{content:""}.fa-prescription:before{content:""}.fa-prescription-bottle:before{content:""}.fa-prescription-bottle-alt:before{content:""}.fa-print:before{content:""}.fa-procedures:before{content:""}.fa-product-hunt:before{content:""}.fa-project-diagram:before{content:""}.fa-pushed:before{content:""}.fa-puzzle-piece:before{content:""}.fa-python:before{content:""}.fa-qq:before{content:""}.fa-qrcode:before{content:""}.fa-question:before{content:""}.fa-question-circle:before{content:""}.fa-quidditch:before{content:""}.fa-quinscape:before{content:""}.fa-quora:before{content:""}.fa-quote-left:before{content:""}.fa-quote-right:before{content:""}.fa-quran:before{content:""}.fa-r-project:before{content:""}.fa-radiation:before{content:""}.fa-radiation-alt:before{content:""}.fa-rainbow:before{content:""}.fa-random:before{content:""}.fa-raspberry-pi:before{content:""}.fa-ravelry:before{content:""}.fa-react:before{content:""}.fa-reacteurope:before{content:""}.fa-readme:before{content:""}.fa-rebel:before{content:""}.fa-receipt:before{content:""}.fa-recycle:before{content:""}.fa-red-river:before{content:""}.fa-reddit:before{content:""}.fa-reddit-alien:before{content:""}.fa-reddit-square:before{content:""}.fa-redhat:before{content:""}.fa-redo:before{content:""}.fa-redo-alt:before{content:""}.fa-registered:before{content:""}.fa-remove-format:before{content:""}.fa-renren:before{content:""}.fa-reply:before{content:""}.fa-reply-all:before{content:""}.fa-replyd:before{content:""}.fa-republican:before{content:""}.fa-researchgate:before{content:""}.fa-resolving:before{content:""}.fa-restroom:before{content:""}.fa-retweet:before{content:""}.fa-rev:before{content:""}.fa-ribbon:before{content:""}.fa-ring:before{content:""}.fa-road:before{content:""}.fa-robot:before{content:""}.fa-rocket:before{content:""}.fa-rocketchat:before{content:""}.fa-rockrms:before{content:""}.fa-route:before{content:""}.fa-rss:before{content:""}.fa-rss-square:before{content:""}.fa-ruble-sign:before{content:""}.fa-ruler:before{content:""}.fa-ruler-combined:before{content:""}.fa-ruler-horizontal:before{content:""}.fa-ruler-vertical:before{content:""}.fa-running:before{content:""}.fa-rupee-sign:before{content:""}.fa-sad-cry:before{content:""}.fa-sad-tear:before{content:""}.fa-safari:before{content:""}.fa-salesforce:before{content:""}.fa-sass:before{content:""}.fa-satellite:before{content:""}.fa-satellite-dish:before{content:""}.fa-save:before{content:""}.fa-schlix:before{content:""}.fa-school:before{content:""}.fa-screwdriver:before{content:""}.fa-scribd:before{content:""}.fa-scroll:before{content:""}.fa-sd-card:before{content:""}.fa-search:before{content:""}.fa-search-dollar:before{content:""}.fa-search-location:before{content:""}.fa-search-minus:before{content:""}.fa-search-plus:before{content:""}.fa-searchengin:before{content:""}.fa-seedling:before{content:""}.fa-sellcast:before{content:""}.fa-sellsy:before{content:""}.fa-server:before{content:""}.fa-servicestack:before{content:""}.fa-shapes:before{content:""}.fa-share:before{content:""}.fa-share-alt:before{content:""}.fa-share-alt-square:before{content:""}.fa-share-square:before{content:""}.fa-shekel-sign:before{content:""}.fa-shield-alt:before{content:""}.fa-ship:before{content:""}.fa-shipping-fast:before{content:""}.fa-shirtsinbulk:before{content:""}.fa-shoe-prints:before{content:""}.fa-shopping-bag:before{content:""}.fa-shopping-basket:before{content:""}.fa-shopping-cart:before{content:""}.fa-shopware:before{content:""}.fa-shower:before{content:""}.fa-shuttle-van:before{content:""}.fa-sign:before{content:""}.fa-sign-in-alt:before{content:""}.fa-sign-language:before{content:""}.fa-sign-out-alt:before{content:""}.fa-signal:before{content:""}.fa-signature:before{content:""}.fa-sim-card:before{content:""}.fa-simplybuilt:before{content:""}.fa-sistrix:before{content:""}.fa-sitemap:before{content:""}.fa-sith:before{content:""}.fa-skating:before{content:""}.fa-sketch:before{content:""}.fa-skiing:before{content:""}.fa-skiing-nordic:before{content:""}.fa-skull:before{content:""}.fa-skull-crossbones:before{content:""}.fa-skyatlas:before{content:""}.fa-skype:before{content:""}.fa-slack:before{content:""}.fa-slack-hash:before{content:""}.fa-slash:before{content:""}.fa-sleigh:before{content:""}.fa-sliders-h:before{content:""}.fa-slideshare:before{content:""}.fa-smile:before{content:""}.fa-smile-beam:before{content:""}.fa-smile-wink:before{content:""}.fa-smog:before{content:""}.fa-smoking:before{content:""}.fa-smoking-ban:before{content:""}.fa-sms:before{content:""}.fa-snapchat:before{content:""}.fa-snapchat-ghost:before{content:""}.fa-snapchat-square:before{content:""}.fa-snowboarding:before{content:""}.fa-snowflake:before{content:""}.fa-snowman:before{content:""}.fa-snowplow:before{content:""}.fa-socks:before{content:""}.fa-solar-panel:before{content:""}.fa-sort:before{content:""}.fa-sort-alpha-down:before{content:""}.fa-sort-alpha-down-alt:before{content:""}.fa-sort-alpha-up:before{content:""}.fa-sort-alpha-up-alt:before{content:""}.fa-sort-amount-down:before{content:""}.fa-sort-amount-down-alt:before{content:""}.fa-sort-amount-up:before{content:""}.fa-sort-amount-up-alt:before{content:""}.fa-sort-down:before{content:""}.fa-sort-numeric-down:before{content:""}.fa-sort-numeric-down-alt:before{content:""}.fa-sort-numeric-up:before{content:""}.fa-sort-numeric-up-alt:before{content:""}.fa-sort-up:before{content:""}.fa-soundcloud:before{content:""}.fa-sourcetree:before{content:""}.fa-spa:before{content:""}.fa-space-shuttle:before{content:""}.fa-speakap:before{content:""}.fa-speaker-deck:before{content:""}.fa-spell-check:before{content:""}.fa-spider:before{content:""}.fa-spinner:before{content:""}.fa-splotch:before{content:""}.fa-spotify:before{content:""}.fa-spray-can:before{content:""}.fa-square:before{content:""}.fa-square-full:before{content:""}.fa-square-root-alt:before{content:""}.fa-squarespace:before{content:""}.fa-stack-exchange:before{content:""}.fa-stack-overflow:before{content:""}.fa-stackpath:before{content:""}.fa-stamp:before{content:""}.fa-star:before{content:""}.fa-star-and-crescent:before{content:""}.fa-star-half:before{content:""}.fa-star-half-alt:before{content:""}.fa-star-of-david:before{content:""}.fa-star-of-life:before{content:""}.fa-staylinked:before{content:""}.fa-steam:before{content:""}.fa-steam-square:before{content:""}.fa-steam-symbol:before{content:""}.fa-step-backward:before{content:""}.fa-step-forward:before{content:""}.fa-stethoscope:before{content:""}.fa-sticker-mule:before{content:""}.fa-sticky-note:before{content:""}.fa-stop:before{content:""}.fa-stop-circle:before{content:""}.fa-stopwatch:before{content:""}.fa-store:before{content:""}.fa-store-alt:before{content:""}.fa-strava:before{content:""}.fa-stream:before{content:""}.fa-street-view:before{content:""}.fa-strikethrough:before{content:""}.fa-stripe:before{content:""}.fa-stripe-s:before{content:""}.fa-stroopwafel:before{content:""}.fa-studiovinari:before{content:""}.fa-stumbleupon:before{content:""}.fa-stumbleupon-circle:before{content:""}.fa-subscript:before{content:""}.fa-subway:before{content:""}.fa-suitcase:before{content:""}.fa-suitcase-rolling:before{content:""}.fa-sun:before{content:""}.fa-superpowers:before{content:""}.fa-superscript:before{content:""}.fa-supple:before{content:""}.fa-surprise:before{content:""}.fa-suse:before{content:""}.fa-swatchbook:before{content:""}.fa-swimmer:before{content:""}.fa-swimming-pool:before{content:""}.fa-symfony:before{content:""}.fa-synagogue:before{content:""}.fa-sync:before{content:""}.fa-sync-alt:before{content:""}.fa-syringe:before{content:""}.fa-table:before{content:""}.fa-table-tennis:before{content:""}.fa-tablet:before{content:""}.fa-tablet-alt:before{content:""}.fa-tablets:before{content:""}.fa-tachometer-alt:before{content:""}.fa-tag:before{content:""}.fa-tags:before{content:""}.fa-tape:before{content:""}.fa-tasks:before{content:""}.fa-taxi:before{content:""}.fa-teamspeak:before{content:""}.fa-teeth:before{content:""}.fa-teeth-open:before{content:""}.fa-telegram:before{content:""}.fa-telegram-plane:before{content:""}.fa-temperature-high:before{content:""}.fa-temperature-low:before{content:""}.fa-tencent-weibo:before{content:""}.fa-tenge:before{content:""}.fa-terminal:before{content:""}.fa-text-height:before{content:""}.fa-text-width:before{content:""}.fa-th:before{content:""}.fa-th-large:before{content:""}.fa-th-list:before{content:""}.fa-the-red-yeti:before{content:""}.fa-theater-masks:before{content:""}.fa-themeco:before{content:""}.fa-themeisle:before{content:""}.fa-thermometer:before{content:""}.fa-thermometer-empty:before{content:""}.fa-thermometer-full:before{content:""}.fa-thermometer-half:before{content:""}.fa-thermometer-quarter:before{content:""}.fa-thermometer-three-quarters:before{content:""}.fa-think-peaks:before{content:""}.fa-thumbs-down:before{content:""}.fa-thumbs-up:before{content:""}.fa-thumbtack:before{content:""}.fa-ticket-alt:before{content:""}.fa-times:before{content:""}.fa-times-circle:before{content:""}.fa-tint:before{content:""}.fa-tint-slash:before{content:""}.fa-tired:before{content:""}.fa-toggle-off:before{content:""}.fa-toggle-on:before{content:""}.fa-toilet:before{content:""}.fa-toilet-paper:before{content:""}.fa-toolbox:before{content:""}.fa-tools:before{content:""}.fa-tooth:before{content:""}.fa-torah:before{content:""}.fa-torii-gate:before{content:""}.fa-tractor:before{content:""}.fa-trade-federation:before{content:""}.fa-trademark:before{content:""}.fa-traffic-light:before{content:""}.fa-train:before{content:""}.fa-tram:before{content:""}.fa-transgender:before{content:""}.fa-transgender-alt:before{content:""}.fa-trash:before{content:""}.fa-trash-alt:before{content:""}.fa-trash-restore:before{content:""}.fa-trash-restore-alt:before{content:""}.fa-tree:before{content:""}.fa-trello:before{content:""}.fa-tripadvisor:before{content:""}.fa-trophy:before{content:""}.fa-truck:before{content:""}.fa-truck-loading:before{content:""}.fa-truck-monster:before{content:""}.fa-truck-moving:before{content:""}.fa-truck-pickup:before{content:""}.fa-tshirt:before{content:""}.fa-tty:before{content:""}.fa-tumblr:before{content:""}.fa-tumblr-square:before{content:""}.fa-tv:before{content:""}.fa-twitch:before{content:""}.fa-twitter:before{content:""}.fa-twitter-square:before{content:""}.fa-typo3:before{content:""}.fa-uber:before{content:""}.fa-ubuntu:before{content:""}.fa-uikit:before{content:""}.fa-umbrella:before{content:""}.fa-umbrella-beach:before{content:""}.fa-underline:before{content:""}.fa-undo:before{content:""}.fa-undo-alt:before{content:""}.fa-uniregistry:before{content:""}.fa-universal-access:before{content:""}.fa-university:before{content:""}.fa-unlink:before{content:""}.fa-unlock:before{content:""}.fa-unlock-alt:before{content:""}.fa-untappd:before{content:""}.fa-upload:before{content:""}.fa-ups:before{content:""}.fa-usb:before{content:""}.fa-user:before{content:""}.fa-user-alt:before{content:""}.fa-user-alt-slash:before{content:""}.fa-user-astronaut:before{content:""}.fa-user-check:before{content:""}.fa-user-circle:before{content:""}.fa-user-clock:before{content:""}.fa-user-cog:before{content:""}.fa-user-edit:before{content:""}.fa-user-friends:before{content:""}.fa-user-graduate:before{content:""}.fa-user-injured:before{content:""}.fa-user-lock:before{content:""}.fa-user-md:before{content:""}.fa-user-minus:before{content:""}.fa-user-ninja:before{content:""}.fa-user-nurse:before{content:""}.fa-user-plus:before{content:""}.fa-user-secret:before{content:""}.fa-user-shield:before{content:""}.fa-user-slash:before{content:""}.fa-user-tag:before{content:""}.fa-user-tie:before{content:""}.fa-user-times:before{content:""}.fa-users:before{content:""}.fa-users-cog:before{content:""}.fa-usps:before{content:""}.fa-ussunnah:before{content:""}.fa-utensil-spoon:before{content:""}.fa-utensils:before{content:""}.fa-vaadin:before{content:""}.fa-vector-square:before{content:""}.fa-venus:before{content:""}.fa-venus-double:before{content:""}.fa-venus-mars:before{content:""}.fa-viacoin:before{content:""}.fa-viadeo:before{content:""}.fa-viadeo-square:before{content:""}.fa-vial:before{content:""}.fa-vials:before{content:""}.fa-viber:before{content:""}.fa-video:before{content:""}.fa-video-slash:before{content:""}.fa-vihara:before{content:""}.fa-vimeo:before{content:""}.fa-vimeo-square:before{content:""}.fa-vimeo-v:before{content:""}.fa-vine:before{content:""}.fa-vk:before{content:""}.fa-vnv:before{content:""}.fa-voicemail:before{content:""}.fa-volleyball-ball:before{content:""}.fa-volume-down:before{content:""}.fa-volume-mute:before{content:""}.fa-volume-off:before{content:""}.fa-volume-up:before{content:""}.fa-vote-yea:before{content:""}.fa-vr-cardboard:before{content:""}.fa-vuejs:before{content:""}.fa-walking:before{content:""}.fa-wallet:before{content:""}.fa-warehouse:before{content:""}.fa-water:before{content:""}.fa-wave-square:before{content:""}.fa-waze:before{content:""}.fa-weebly:before{content:""}.fa-weibo:before{content:""}.fa-weight:before{content:""}.fa-weight-hanging:before{content:""}.fa-weixin:before{content:""}.fa-whatsapp:before{content:""}.fa-whatsapp-square:before{content:""}.fa-wheelchair:before{content:""}.fa-whmcs:before{content:""}.fa-wifi:before{content:""}.fa-wikipedia-w:before{content:""}.fa-wind:before{content:""}.fa-window-close:before{content:""}.fa-window-maximize:before{content:""}.fa-window-minimize:before{content:""}.fa-window-restore:before{content:""}.fa-windows:before{content:""}.fa-wine-bottle:before{content:""}.fa-wine-glass:before{content:""}.fa-wine-glass-alt:before{content:""}.fa-wix:before{content:""}.fa-wizards-of-the-coast:before{content:""}.fa-wolf-pack-battalion:before{content:""}.fa-won-sign:before{content:""}.fa-wordpress:before{content:""}.fa-wordpress-simple:before{content:""}.fa-wpbeginner:before{content:""}.fa-wpexplorer:before{content:""}.fa-wpforms:before{content:""}.fa-wpressr:before{content:""}.fa-wrench:before{content:""}.fa-x-ray:before{content:""}.fa-xbox:before{content:""}.fa-xing:before{content:""}.fa-xing-square:before{content:""}.fa-y-combinator:before{content:""}.fa-yahoo:before{content:""}.fa-yammer:before{content:""}.fa-yandex:before{content:""}.fa-yandex-international:before{content:""}.fa-yarn:before{content:""}.fa-yelp:before{content:""}.fa-yen-sign:before{content:""}.fa-yin-yang:before{content:""}.fa-yoast:before{content:""}.fa-youtube:before{content:""}.fa-youtube-square:before{content:""}.fa-zhihu:before{content:""}.sr-only{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}/*! * Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) - */@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url("./webfonts/fa-solid-900.eot");src:url("./webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("./webfonts/fa-solid-900.woff2") format("woff2"),url("./webfonts/fa-solid-900.woff") format("woff"),url("./webfonts/fa-solid-900.ttf") format("truetype"),url("./webfonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas,.far{font-family:"Font Awesome 5 Free";font-weight:900}html{font-size:87.5%;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;line-height:1.5;font-family:"Roboto",Arial,Helvetica,sans-serif !important;letter-spacing:-0.025ch}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}#main{height:100vh;height:100dvh}.content{display:flex;height:100%;overflow:hidden}.tab-content{display:flex;height:100%;width:100%;background-color:#eef3f6;animation:fadein .3s;overflow:auto}input[type=text],input[type=password],input[type=number],textarea{box-sizing:border-box;background:#fff;max-width:100%;font-size:1rem;font-weight:400;border:1px solid #ccc;border-radius:.25rem;padding:.25rem .5rem;outline:rgba(0,0,0,0)}input:focus{border:1px solid #3ba4d7;box-shadow:inset 0 0 5px #ccc}input.stretched{width:90%}input.small{max-width:70%;padding:.1rem}input.searchbar{width:40%}a{cursor:pointer}a[title=Back]{width:max-content;height:max-content;padding:.475rem .75rem;border-radius:50%;transition:100ms}a[title=Back]:hover{background:#eef3f6}table{padding:20px;table-layout:fixed;width:100%;border-collapse:collapse;text-align:center;color:#333;font-size:1.125rem}table th{font-size:1.125rem;color:#000;border-bottom:2px solid #eee}table tr{border-bottom:1px solid #eee}h3{color:#444}hr{margin-left:0;color:#aaa}.grid-2col{display:grid;grid-template-columns:auto auto;gap:1rem;justify-content:start}.grid-2col input[type=checkbox]{margin-top:20px}.error{color:red}.tooltip{color:#333;position:relative;display:inline-block;margin:0 .25rem}.tooltiptext{visibility:hidden;position:absolute;top:100%;left:50%;min-width:250px;margin-left:-120px;z-index:1;color:#ccc;background-color:#333;font-size:.875rem;text-align:center;padding:.25rem;border-radius:.5rem}.tooltip:hover .tooltiptext{visibility:visible;animation:fadein .5s}blockquote{color:#14141b;padding:.75rem 1rem .75rem 2rem;border-radius:.25rem}blockquote.info{position:relative;line-height:1.2;color:rgba(20,20,27,.8);border:1px solid rgba(17,143,204,.8)}blockquote.info::before{font-family:"Font Awesome 5 Free";position:absolute;top:.5rem;left:.5rem;content:"";color:#019dff}@keyframes fadein{from{opacity:0}to{opacity:1}}.fadein{animation:fadein .5s}@keyframes swipe-from-left{from{margin-left:100%}to{margin-left:0}}button{width:max-content;height:max-content;color:#fff;background:#019dff;font-size:1rem;padding:.4rem 1rem;border:0;border-radius:5px;cursor:pointer;box-shadow:inset -3px -3px 0 rgb(0,94.5826771654,154)}button:active{outline:none;box-shadow:inset 3px 3px 0 rgb(0,94.5826771654,154)}button{white-space:nowrap !important;flex-shrink:0 !important}button.red{width:max-content;height:max-content;color:#fff;background:#ff3a4a;font-size:1rem;padding:.4rem 1rem;border:0;border-radius:5px;cursor:pointer;box-shadow:inset -3px -3px 0 rgb(211,0,17.1370558376)}button.red:active{outline:none;box-shadow:inset 3px 3px 0 rgb(211,0,17.1370558376)}button.red{white-space:nowrap !important;flex-shrink:0 !important}button.close-btn,.close-btn,.modal-close,.history-modal .close-btn,.rightbar-close,button.icon-btn,button.btn-icon,button[class*=close]{box-shadow:none !important}button.close-btn:active,.close-btn:active,.modal-close:active,.history-modal .close-btn:active,.rightbar-close:active,button.icon-btn:active,button.btn-icon:active,button[class*=close]:active{box-shadow:none !important}.comments,.board-comments{margin-top:1.5rem;max-width:900px;color:#0f172a}.comments__heading,.board-comments__heading{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.comments__heading h3,.board-comments__heading h3{margin:0;font-size:1.15rem}.comments__heading span,.board-comments__heading span{color:#64748b;font-size:.8rem;font-weight:600}.comments__heading i,.board-comments__heading i{margin-right:.35rem}.comments__voter,.board-comments__voter{display:inline-flex;align-items:center;gap:.4rem;margin-left:auto;color:#64748b;font-size:.75rem;font-weight:600;white-space:nowrap}.comments__voter select,.board-comments__voter select{max-width:180px;padding:.25rem .4rem;font-size:.78rem}.comment-composer,.board-comment-composer,.comment,.board-comment{display:flex;gap:.8rem}.comment-avatar,.board-comment-avatar{display:flex;flex:0 0 38px;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg, #2563eb, #7c3aed);color:#fff;font-size:.78rem;font-weight:700}.comment-avatar>.avatar,.comment-avatar>.jdenticon-avatar,.comment-avatar>.defaultAvatar,.board-comment-avatar>.avatar,.board-comment-avatar>.jdenticon-avatar,.board-comment-avatar>.defaultAvatar{width:100% !important;height:100% !important;min-width:100% !important;min-height:100% !important;margin-right:0 !important}.comment-composer__body,.board-comment-composer__body,.comment__content,.board-comment__content{min-width:0;flex:1}.comment-composer__identity,.board-comment-composer__identity{max-width:240px;margin-bottom:.45rem;font-size:.8rem}.comment-composer__input,.board-comment-composer__input{width:100%;min-height:36px;padding:.45rem 0;resize:vertical;border:0;border-bottom:1px solid #94a3b8;border-radius:0;background:rgba(0,0,0,0);color:#0f172a;font:inherit;line-height:1.4;box-sizing:border-box}.comment-composer__input:focus,.board-comment-composer__input:focus{outline:0;border-bottom:2px solid #2563eb}.comment-composer__input:disabled,.board-comment-composer__input:disabled{cursor:not-allowed;opacity:.6}.comment-composer__actions,.board-comment-composer__actions,.comment__actions,.board-comment__actions{display:flex;align-items:center;gap:.45rem;margin-top:.55rem}.comment-composer__actions,.board-comment-composer__actions{justify-content:flex-end}.comment-composer__actions button,.board-comment-composer__actions button{border:0;background:rgba(0,0,0,0);color:#475569;cursor:pointer;font-size:.78rem;font-weight:700}.comment__actions,.board-comment__actions{gap:.65rem;margin-top:.35rem}.comment__actions button,.board-comment__actions button{padding:.25rem .2rem;color:#0f172a;border:0;background:rgba(0,0,0,0);cursor:pointer;font-size:.78rem;font-weight:700}.comment__actions button:hover,.board-comment__actions button:hover{color:#2563eb}.comment__actions i,.board-comment__actions i{margin-right:.2rem}.comment-composer__submit,.board-comment-composer__submit{padding:.45rem .85rem !important;border-radius:999px !important;background:#2563eb !important;color:#fff !important}.comment-composer__submit:disabled,.board-comment-composer__submit:disabled{background:#dbe3ef !important;color:#94a3b8 !important;cursor:not-allowed}.comment-composer__cancel:hover,.board-comment-composer__cancel:hover{color:#2563eb}.comment-composer__replying,.board-comment-composer__replying{display:flex;align-items:center;gap:.25rem;margin-bottom:.35rem;color:#64748b;font-size:.8rem}.comment-composer__replying button,.board-comment-composer__replying button{margin-left:.3rem;border:0;background:rgba(0,0,0,0);color:#475569;cursor:pointer;font-size:.78rem;font-weight:700}.comment-composer__hint,.board-comment-composer__hint,.comment-composer__error,.board-comment-composer__error{margin:.4rem 0 0;font-size:.78rem}.comment-composer__hint,.board-comment-composer__hint{color:#64748b}.comment-composer__error,.board-comment-composer__error{color:#dc2626}.comment-composer__emoji,.board-comment-composer__emoji{position:relative;margin-right:auto}.comment-emoji-popover,.board-comment-emoji-popover{position:absolute;z-index:20;top:38px;left:0;width:250px;max-height:180px;overflow-y:auto;padding:.5rem;display:grid;grid-template-columns:repeat(8, 1fr);gap:.2rem;background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.16)}.comments__list,.board-comments__list{margin-top:1.8rem}.comment,.board-comment{margin-top:1.35rem}.comment--reply,.board-comment--reply{margin-top:1rem}.comment__header,.board-comment__header{display:flex;align-items:center;justify-content:space-between;min-height:18px}.comment__meta,.board-comment__meta{display:flex;align-items:baseline;gap:.55rem;font-size:.8rem}.comment__meta b,.board-comment__meta b{color:#1e293b}.comment__meta span,.board-comment__meta span{color:#64748b;font-size:.75rem}.comment__text,.board-comment__text{margin:.2rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.comment__replies-toggle,.board-comment__replies-toggle{position:relative;margin-top:.3rem;padding:.25rem .35rem;border:0;background:rgba(0,0,0,0);color:#2563eb;cursor:pointer;font-size:.78rem;font-weight:700}.comment__replies-toggle:hover,.board-comment__replies-toggle:hover{background:#eff6ff;border-radius:4px}.comment__replies-toggle i,.board-comment__replies-toggle i{margin-left:.15rem}.comment__replies-toggle::before,.board-comment__replies-toggle::before{content:"";position:absolute;left:-3.15rem;bottom:.8rem;width:1.5rem;height:2.2rem;border-left:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;border-radius:0 0 0 .75rem;pointer-events:none}.comment__replies,.board-comment__replies{margin-top:.2rem;padding-left:1rem;border-left:2px solid #e2e8f0}.comments__status,.board-comments__status,.comments__empty,.board-comments__empty{margin:2rem 0;color:#64748b;text-align:center}.comments__status i,.board-comments__status i,.comments__empty i,.board-comments__empty i{font-size:1.5rem}@media(max-width: 560px){.comments__heading,.board-comments__heading{flex-wrap:wrap;justify-content:space-between;gap:.5rem}.comments__voter,.board-comments__voter{width:100%;margin-left:0}.comments__voter select,.board-comments__voter select{flex:1;max-width:none}.comment-composer,.board-comment-composer,.comment,.board-comment{gap:.6rem}.comment-avatar,.board-comment-avatar{flex-basis:32px;width:32px;height:32px;font-size:.68rem}.comment__replies,.board-comment__replies{padding-left:.6rem}.comment__replies-toggle::before,.board-comment__replies-toggle::before{left:-2.65rem;width:1.2rem}}.media-item{display:flex;margin-top:.5rem;padding:1rem;border:1px solid rgba(20,20,27,.1);border-radius:4px}.media-item__details{flex-basis:40%;display:flex;align-items:start;gap:.5rem}.media-item__details img{width:6rem;object-fit:contain}.media-item__desc{flex-basis:60%}@media(max-width: 768px){.media-item__desc{display:none !important}.media-item__details{flex-basis:100% !important;width:100% !important}}.active-link{background:hsla(0,0%,100%,.1) !important}.nav-menu{background-color:#14141b;box-shadow:0 5px 5px #222;display:flex;flex-direction:column;align-items:center;height:100%;padding:.25rem;margin-right:0rem}.nav-menu__logo{padding:1.2rem 0;display:flex;align-items:center;gap:.3rem}.nav-menu__logo img{width:1.6rem}.nav-menu__logo h5{line-height:1;color:#fff}.nav-menu__box{padding:2rem .125rem;display:flex;flex-direction:column;gap:.5rem;position:relative}.nav-menu__box .item{position:relative;margin:0;padding:.675rem .5rem;width:10rem;display:flex;align-items:center;line-height:1;border-radius:.5rem;text-decoration:none;color:#ccc;text-transform:capitalize;transition:0ms}.nav-menu__box .item:hover{background-color:rgba(238,243,246,.15)}.nav-menu__box .item i.sidenav-icon{width:2.5rem;height:1.4rem;display:grid;place-items:center}.nav-menu__box .nav-unread-badge{margin-left:auto;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:999px;display:grid;place-items:center;background:#ef4444;color:#fff;font-size:.7rem;line-height:1}.nav-menu__box .item.item-selected{color:#9bdaff;background-color:rgba(155,218,255,.15);font-weight:medium}.nav-menu__box button.toggle-nav{display:none;position:absolute;padding:0;top:0;right:-1rem;background:rgb(77.5,186.5157480315,255);width:1.5rem;height:1.5rem;aspect-ratio:1;justify-content:center;align-items:center;border-radius:50%;box-shadow:none}.nav-menu.collapsed .nav-menu__logo .logo-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.nav-menu.collapsed .nav-menu__logo .logo-container>*:not(img){display:block}.nav-menu.collapsed .nav-menu__logo .nav-menu__logo-text{display:none !important}.nav-menu.collapsed .nav-menu__box .item{padding:.675rem 0;width:2.5rem;justify-content:center;transition:300ms}.nav-menu.collapsed .nav-menu__box .item span,.nav-menu.collapsed .nav-menu__box .item p{display:none !important}.nav-menu.collapsed .nav-menu__box .item .nav-unread-badge{display:grid !important;position:absolute;top:.1rem;right:-0.15rem;min-width:1rem;height:1rem;padding:0 .2rem;font-size:.6rem}.nav-menu.collapsed button i{rotate:180deg}.nav-menu:hover button.toggle-nav{display:flex}.sidebar{width:13rem;background-color:#fff;display:flex;flex-direction:column}.sidebar a{text-decoration:none;text-transform:capitalize;padding:1rem;cursor:pointer;color:#999}.sidebar a:hover{color:#222}.sidebar .selected-sidebar-link{font-weight:bold;color:#222;border-left:5px solid #3ba4d7;animation:expand-left-border .1s}.sidebar-mobile-toggle,.sidebar-drawer__title,.sidebar-drawer__backdrop{display:none !important}.sidebarquickview>h6{padding:.5rem}.sidebarquickview a{text-decoration:none;text-transform:capitalize;padding:.5rem 1rem;display:block;color:#999}.sidebarquickview a a:hover{color:#222}.sidebarquickview .selected-sidebarquickview-link{font-weight:bold;color:#222;border-left:5px solid #3ba4d7;animation:expand-left-border .1s}.node-panel{width:100%;padding:.5rem;animation:fadein .5s}@keyframes expand-left-border{from{border-left:0}to{border-left:5px solid #3ba4d7}}@media(max-width: 700px){.tab-content{flex-direction:column}.sidebar{width:100% !important;flex-direction:row !important;overflow-x:auto !important;overflow-y:hidden !important;white-space:nowrap !important;border-bottom:1px solid rgba(20,20,27,.1) !important;background:#fff !important;z-index:50 !important;flex-shrink:0 !important;height:auto !important;padding:0 !important}.sidebar a{display:inline-block !important;padding:.8rem 1.2rem !important;border-bottom:3px solid rgba(0,0,0,0) !important;border-left:none !important}.sidebar .selected-sidebar-link{border-left:none !important;border-bottom:3px solid #3ba4d7 !important;animation:none !important}.sidebarquickview>h4,.sidebarquickview>h6{display:none !important}.sidebar-drawer{display:block;position:relative;width:100%;height:44px;z-index:1000}.sidebar-mobile-toggle{display:inline-flex !important;width:40px;height:40px;align-items:center;justify-content:center;border:0;border-radius:6px;background:#fff;color:#0f172a;cursor:pointer;font-size:1.15rem}.sidebar-mobile-toggle:hover{background:#f1f5f9}.sidebar-drawer .sidebar{position:fixed !important;top:0;left:0;display:flex !important;flex-direction:column !important;width:min(82vw,300px) !important;height:100dvh !important;padding:1rem 0 !important;overflow-y:auto !important;overflow-x:hidden !important;transform:translateX(-105%);transition:transform 180ms ease;border:0 !important;border-right:1px solid #e2e8f0 !important;background:#fff !important;opacity:1 !important;pointer-events:auto !important;box-shadow:8px 0 24px rgba(15,23,42,.16);white-space:normal !important;z-index:1002 !important}.sidebar-drawer .sidebar.sidebar--mobile-open{transform:translateX(0)}.sidebar-drawer .sidebar a{display:block !important;padding:.8rem 1.25rem !important;border:0 !important;border-left:4px solid rgba(0,0,0,0) !important;color:#334155 !important;font-size:.95rem}.sidebar-drawer .sidebar .selected-sidebar-link{border-left-color:#3ba4d7 !important;border-bottom:0 !important;background:#f0f9ff;color:#0f172a !important}.sidebar-drawer__title{display:block !important;margin:0 1.25rem .65rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sidebar-drawer__backdrop{display:block !important;position:fixed;inset:0;background:rgba(15,23,42,.35);pointer-events:auto;z-index:1001}}@media(min-width: 701px){.sidebar-drawer{display:contents}.sidebar-mobile-toggle,.sidebar-drawer__title,.sidebar-drawer__backdrop{display:none !important}}.mobile-app-header,.mobile-bottom-nav,.mobile-more-overlay,.mobile-status-overlay{display:none}@media(max-width: 700px){.nav-menu{display:none !important}.mobile-app-header{display:flex;align-items:center;justify-content:space-between;min-height:calc(44px + env(safe-area-inset-top));padding:env(safe-area-inset-top) .7rem 0;box-sizing:border-box;color:#f8fafc;background:#14141b;flex-shrink:0}.mobile-app-header__brand{display:flex;align-items:center;gap:.55rem}.mobile-app-header__brand img{width:1.35rem;height:1.35rem}.mobile-app-header__brand strong{font-size:.85rem}.mobile-status-trigger{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem;color:#e2e8f0;background:hsla(0,0%,100%,.08);border:0;border-radius:999px;box-shadow:none;font-size:.75rem}.mobile-status-trigger__dot{display:inline-block;width:.65rem;height:.65rem;flex:0 0 auto;border:2px solid hsla(0,0%,100%,.7);border-radius:50%}.mobile-status-trigger i{font-size:.6rem}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));min-height:calc(50px + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);box-sizing:border-box;background:#fff;border-top:1px solid #cbd5e1;box-shadow:0 -4px 14px rgba(15,23,42,.08);flex-shrink:0;z-index:900}.mobile-bottom-nav__item{position:relative;display:flex;width:100%;align-items:center;justify-content:center;flex-direction:column;min-width:0;margin:0;min-height:48px;padding:.2rem .1rem;gap:.1rem;color:#64748b;background:rgba(0,0,0,0);border:0;border-radius:0;box-shadow:none;text-decoration:none}.mobile-bottom-nav__item.active{color:#0284c7}.mobile-bottom-nav__item i{width:auto;height:auto;font-size:1.15rem}.mobile-bottom-nav__item span{overflow:hidden;max-width:100%;font-size:.6rem;text-overflow:ellipsis}.mobile-bottom-nav__item .nav-unread-badge{position:absolute;top:.1rem;left:calc(50% + .45rem);display:grid;place-items:center;min-width:1.05rem;height:1.05rem;padding:0 .22rem;box-sizing:border-box;border:2px solid #fff;border-radius:999px;background:#ef4444;color:#fff;font-size:.6rem;font-weight:700;line-height:1;box-shadow:0 1px 3px rgba(15,23,42,.25)}.mobile-more-overlay,.mobile-status-overlay{position:fixed;inset:0;display:flex;align-items:flex-end;background:rgba(15,23,42,.45);z-index:1100}.mobile-more-sheet,.mobile-status-sheet{width:100%;max-height:min(75dvh,38rem);padding:.55rem 1rem max(1rem,env(safe-area-inset-bottom));box-sizing:border-box;overflow-y:auto;color:#1e293b;background:#fff;border-radius:1rem 1rem 0 0;box-shadow:0 -12px 32px rgba(15,23,42,.2)}.mobile-more-sheet__handle,.mobile-status-sheet__handle{width:2.5rem;height:.25rem;margin:0 auto .75rem;background:#cbd5e1;border-radius:999px}.mobile-more-sheet h3,.mobile-status-sheet h3{margin:0 0 .75rem}.mobile-more-sheet__links{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.4rem}.mobile-more-sheet__links a{display:flex;align-items:center;padding:.75rem;gap:.65rem;color:#334155;background:#f8fafc;border-radius:.55rem;text-decoration:none}.mobile-more-sheet__links a.active{color:#0369a1;background:#e0f2fe}.mobile-more-sheet__actions{display:flex;padding-top:.75rem;margin-top:.75rem;gap:.5rem;border-top:1px solid #e2e8f0}.mobile-more-sheet__actions button{flex:1}.mobile-status-sheet__heading,.mobile-status-sheet__heading>div{display:flex;align-items:center}.mobile-status-sheet__heading{justify-content:space-between;margin-bottom:1rem}.mobile-status-sheet__heading>div{gap:.55rem}.mobile-status-sheet__heading button{padding:.4rem;color:#64748b;background:rgba(0,0,0,0);border:0;box-shadow:none}.mobile-status-sheet__grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.55rem}.mobile-status-sheet__item{display:flex;flex-direction:column;min-width:0;padding:.75rem;gap:.2rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.55rem}.mobile-status-sheet__item span,.mobile-status-sheet__item small{color:#64748b;font-size:.72rem}.mobile-status-sheet__item strong{overflow-wrap:anywhere;font-size:.9rem}.mobile-status-sheet__version{margin-top:.75rem;color:#94a3b8;font-size:.7rem;text-align:center}}.mobile-app-header__version{margin-left:.4rem;font-size:.7rem;font-weight:600;color:#64748b;align-self:flex-end;padding-bottom:.15rem}.mobile-status-sheet__version{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.mobile-status-sheet__version button{border:1px solid #cbd5e1;background:#f8fafc;color:#334155;border-radius:.375rem;padding:.3rem .6rem;font-size:.75rem;font-weight:600;cursor:pointer}.posts{height:100%;margin-top:1rem;flex-direction:column;overflow:auto}.posts__heading{display:flex;flex-direction:column;justify-content:space-between}.posts-container{height:100%;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:2rem;border:1px solid rgba(20,20,27,.1);border-radius:4px;overflow:auto}.posts-container-card{min-height:240px;flex-direction:column;border:1px solid rgba(20,20,27,.5);border-radius:4px;cursor:pointer;text-align:center}.posts-container-card img{flex-basis:90%;object-fit:cover}.posts-container-card p{padding:0 .125rem;flex-basis:10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-bar{width:100%;height:2rem;position:relative;text-align:center;background-color:#eef3f6;border-radius:20px;overflow:hidden}.progress-bar__status{position:absolute;top:0;left:0;height:100%;color:#14141b;background-color:#019dff}.progress-bar__percent{position:absolute;inset:0;margin:auto;width:fit-content;height:fit-content}.progress-bar-chunks{position:relative;margin-top:.5rem;width:100%;height:2rem;display:flex;border-radius:.25rem;overflow:hidden;background-color:#eef3f6}.progress-bar-chunks .chunk{width:100%}.progress-bar-chunks .chunk[data-chunkVal="0"]{background-color:rgba(155,218,255,.2)}.progress-bar-chunks .chunk[data-chunkVal="1"]{background-color:#ff3a4a}.progress-bar-chunks .chunk[data-chunkVal="2"]{background-color:#019dff}.progress-bar-chunks .chunk[data-chunkVal="3"]{background-color:#fcba03}.progress-bar-chunks__percent{position:absolute;inset:0;margin:auto;width:fit-content;height:fit-content}.statusbar{display:flex;justify-content:space-between;align-items:center;height:28px;background-color:#14141b;border-top:1px solid #2e2e38;padding:0 1rem;font-size:.8rem;color:#94a3b8;z-index:100;box-sizing:border-box;user-select:none;flex-shrink:0}.statusbar-left{display:flex;align-items:center;gap:.75rem}.statusbar-right{display:flex;align-items:center;gap:.75rem}.statusbar-item{display:flex;align-items:center;gap:.3rem}.statusbar-divider{width:1px;height:14px;background-color:#2e2e38}.status-bullet{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 4px rgba(0,0,0,.5)}@media(max-width: 700px){.statusbar{display:none !important}}.widget{height:100%;padding:1rem;display:flex;flex-direction:column;gap:.5rem;background-color:#fff;border-radius:.5rem;overflow:auto}.widget .top-heading{display:flex;justify-content:space-between}.widget__heading{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #999}.widget__body{height:100%;display:flex;flex-direction:column;overflow:auto}.widget__body-heading{display:flex;justify-content:space-between;align-items:center}.widget__body-heading .action{display:flex;gap:.5rem}.widget__body-content{height:100%;overflow:auto}.widget__body-box{display:flex;flex-direction:column;gap:.5rem}.widget-half{max-width:50%}#modal-container{display:none;position:fixed;z-index:1300;height:100%;top:0;left:0;width:100%;background-color:rgba(0,0,0,.2)}.modal-content{position:absolute;color:#555;width:40%;min-height:10rem;height:max-content;padding:1.5rem;inset:0;margin:auto;background-color:#fff;border-radius:.5rem;animation:fadein .5s;display:flex;flex-direction:column}.modal-content button:last-child{margin-top:auto}.modal-content .close-btn{position:absolute;right:1.5rem}.modal-content .widget{padding:0}.modal-content.location-details-modal{width:min(760px,100% - 2rem);height:min(480px,100% - 2rem);max-height:calc(100% - 2rem);min-height:0;box-sizing:border-box;overflow:hidden}.location-details-dialog{display:flex;flex-direction:column;height:100%;min-width:0;min-height:0;overflow:hidden}.location-details-dialog h3{margin:0 2.5rem .75rem 0;color:#1e293b}.location-details-dialog .location-detail-tabs{overflow-x:auto;margin:0 -1.5rem;padding:0 1rem}.location-details-dialog .location-detail-tabs .tab-btn{flex:0 0 auto !important;margin:0 !important}.location-details-dialog .location-detail-content{flex:1 1 auto;min-height:0;padding:1rem .25rem .25rem 0;overflow-y:auto}.location-details-dialog .info-grid{display:grid;grid-template-columns:140px minmax(0, 1fr);gap:.7rem 1rem}.location-details-dialog .info-label{color:#64748b;font-weight:600}.location-details-dialog .info-value{min-width:0;color:#1e293b;overflow-wrap:anywhere}.location-details-dialog .retroshare-id-text{max-height:100%;box-sizing:border-box;overflow:auto;padding:.75rem;border:1px solid #cbd5e1;background:#f8fafc;white-space:pre-wrap;overflow-wrap:anywhere}.location-details-dialog .known-addresses-list{height:10rem;max-height:25vh;margin-bottom:0;overflow:auto;padding:.75rem;border:1px solid #cbd5e1;background:#f8fafc;white-space:pre}@media(max-width: 600px){.modal-content .close-btn{right:1rem}.modal-content.location-details-modal{width:calc(100% - 1rem);height:max-content;max-height:calc(100dvh - 5rem);padding:1rem}.location-details-dialog .location-detail-tabs{margin:0 -1rem;padding:0 .5rem}.location-details-dialog .location-detail-tabs .tab-btn{padding-right:.75rem;padding-left:.75rem;font-size:.85rem}.location-details-dialog .info-grid{grid-template-columns:1fr;gap:.2rem}.location-details-dialog .info-value{margin-bottom:.65rem}.location-details-dialog .known-addresses-list{height:8rem;max-height:20vh;font-size:.75rem}}#notification-container{position:absolute;bottom:0;right:0}.login-page{background-image:linear-gradient(-45deg, rgba(1, 157, 255, 0.75), rgba(17, 143, 204, 0.75));height:100%;animation:fadein .5s}.login-page .login-container{background-color:#fff;box-shadow:3px 3px 5px rgba(20,20,27,.4);margin:auto;position:relative;top:100px;max-width:400px;max-height:500px;border-radius:5px;display:flex;flex-direction:column;align-items:center}.login-page .login-container input{padding:.375rem .75rem;border-radius:.275rem}.login-page .login-container *{margin-bottom:1rem}.login-page .login-container>img{margin:1rem 0 2rem}.login-page .login-container extra{margin:0}.login-page .login-container>a{text-decoration:underline;cursor:pointer}.login-page .extra>label,.login-page .extra>br,.login-page .extra>input{margin-bottom:0}.homepage{margin:2rem auto 0;display:flex;flex-direction:column;gap:4rem}.homepage .logo{display:flex;justify-content:center;align-items:center}.homepage .logo img{width:90px}.homepage .logo .retroshareText{display:flex;flex-direction:column;align-items:center}.homepage .logo .retroshareText .retrotext{font-size:36px;font-weight:600;line-height:1.125}.homepage .logo .retroshareText .retrotext>span{color:#118fcc}.homepage .logo .retroshareText>b{font-size:14px;line-height:1}.homepage .certificate{display:flex;flex-direction:column;gap:4rem}.homepage .certificate__heading{text-align:center}.homepage .certificate__heading>h1{margin-bottom:1rem}.homepage .certificate__content{display:flex;flex-direction:column;gap:2rem;padding:2rem;text-align:center;border:1.5px solid rgba(17,143,204,.2);border-radius:6px;box-shadow:0px 0px 8px 2px rgba(20,20,27,.05)}.homepage .certificate__content .rsId>p{margin-bottom:.5rem;color:#118fcc}.homepage .certificate__content .retroshareID{padding:.25rem;display:flex;align-items:center;justify-self:start;font-size:1.25rem;border-radius:4px;background:rgba(20,20,27,.05)}.homepage .certificate__content .retroshareID .textArea{padding:0;width:100%;height:auto;font-size:1rem;font-family:monospace;background:rgba(0,0,0,0);border:none;resize:none;overflow:hidden;field-sizing:content}.homepage .certificate__content .retroshareID i{color:#118fcc}.homepage .certificate__content .retroshareID>i{margin:0 .5rem;cursor:pointer}.homepage .certificate__content .webhelp{padding:.5rem;background:#f5f5f5;display:flex;justify-content:center;align-items:center;gap:.5rem;border-radius:4px;border:1px solid rgba(20,20,27,.5);width:fit-content;cursor:pointer}.homepage .certificate__content .webhelp-container{display:grid;place-items:center}.homepage .certificate__content .webhelp:hover{background:#eef3f6;border:1px solid #14141b}.homepage .certificate__content .webhelp>i{font-size:1.2rem;color:green}.homepage .certificate__content .add-friend>h6,.homepage .certificate__content .webhelp-container>h6{font-weight:normal;margin-bottom:.5rem}@media(max-width: 768px){.homepage{margin:1rem auto !important;padding:0 1rem !important;gap:2rem !important;max-width:100% !important;box-sizing:border-box !important}.homepage .logo{flex-direction:column !important;gap:.5rem !important;text-align:center !important}.homepage .logo img{width:60px !important}.homepage .logo .retroshareText .retrotext{font-size:1.6rem !important}.homepage .logo .retroshareText>b{font-size:.75rem !important}.homepage .certificate{gap:2rem !important}.homepage .certificate__heading>h1{font-size:1.35rem !important;margin-bottom:.5rem !important}.homepage .certificate__heading{font-size:.85rem !important}.homepage .certificate__content{padding:1rem .75rem !important;gap:1.25rem !important}.homepage .certificate__content .retroshareID{padding:.5rem !important;font-size:.85rem !important;max-width:100% !important}.homepage .certificate__content .retroshareID .textArea{font-size:.8rem !important;word-break:break-all !important;overflow-wrap:anywhere !important}}.modal-content.web-help-modal{width:min(30rem,100% - 2rem);min-height:0;max-height:calc(100dvh - 2rem);box-sizing:border-box;overflow-y:auto}.web-help-confirmation{min-width:0}.web-help-confirmation h3{margin:0 3rem .75rem 0;font-size:1.5rem}.web-help-confirmation p{margin:.75rem 0;line-height:1.5}.web-help-confirmation__url{padding:.65rem .75rem;color:rgba(20,20,27,.8);background:rgba(17,143,204,.08);border-radius:4px;overflow-wrap:anywhere;word-break:break-word}@media(max-width: 600px){.modal-content.web-help-modal{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem);padding:1rem}.web-help-confirmation h3{font-size:1.25rem}.web-help-confirmation button:last-child{width:100%}}.modal-content.copy-confirmation-modal{width:min(28rem,100% - 2rem);min-height:0;box-sizing:border-box}.modal-content.copy-confirmation-modal h3{margin:0 3rem .75rem 0;font-size:1.5rem}.modal-content.copy-confirmation-modal p{line-height:1.5}@media(max-width: 600px){.modal-content.copy-confirmation-modal{width:calc(100% - 1rem);max-height:calc(100% - 1rem);padding:1rem}.modal-content.copy-confirmation-modal h3{font-size:1.25rem}.modal-content.copy-confirmation-modal button:last-child{width:100%}}.add-friend-wizard{width:100%;min-width:0;box-sizing:border-box}.add-friend-wizard__heading{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.add-friend-wizard__heading>i{display:grid;place-items:center;width:3rem;height:3rem;flex:0 0 auto;color:#fff;background:#118fcc;border-radius:50%;font-size:1.25rem}.add-friend-wizard__heading h3,.add-friend-wizard__heading p{margin:0}.add-friend-wizard__heading p{margin-top:.25rem;color:rgba(20,20,27,.75)}.add-friend-wizard .cert-drop-zone{padding:1.25rem;border:2px dashed rgba(17,143,204,.45);border-radius:6px;transition:border-color 120ms ease,background-color 120ms ease}.add-friend-wizard .cert-drop-zone--active{border-color:#118fcc;background:rgba(17,143,204,.08)}.add-friend-wizard .cert-drop-zone>label:first-child{display:block;margin-bottom:.5rem;font-weight:600}.add-friend-wizard .cert-drop-zone textarea{display:block;width:100%;box-sizing:border-box;padding:.75rem;resize:vertical;font-family:monospace;overflow-wrap:anywhere}.add-friend-wizard__divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:rgba(20,20,27,.6)}.add-friend-wizard__divider::before,.add-friend-wizard__divider::after{content:"";height:1px;flex:1;background:rgba(20,20,27,.15)}.add-friend-wizard__file{display:flex;align-items:center;gap:.75rem;color:rgba(20,20,27,.7)}.add-friend-wizard__file input{display:none}.add-friend-wizard__file label{margin:0;white-space:nowrap;cursor:pointer}.add-friend-wizard__actions{display:flex;justify-content:flex-end;margin-top:1.25rem}.add-friend-wizard__actions button:disabled{cursor:not-allowed;opacity:.5}.modal-content.add-friend-modal{width:min(42rem,100% - 2rem);max-height:calc(100% - 2rem);min-height:0;box-sizing:border-box;overflow:auto}@media(max-width: 600px){.modal-content.add-friend-modal{width:calc(100% - 1rem);max-height:calc(100% - 1rem);padding:1rem}.add-friend-wizard__heading{align-items:flex-start;padding-right:2.25rem}.add-friend-wizard__heading>i{width:2.5rem;height:2.5rem;font-size:1rem}.add-friend-wizard__heading h3{font-size:1.5rem}.add-friend-wizard .cert-drop-zone{padding:.75rem}.add-friend-wizard .cert-drop-zone textarea{min-height:8rem}.add-friend-wizard__file{align-items:stretch;flex-direction:column}.add-friend-wizard__file label{width:100%;box-sizing:border-box;text-align:center}.add-friend-wizard__file span{overflow-wrap:anywhere}.add-friend-wizard__actions button{width:100%}}.modal-content.friend-confirmation-modal{width:min(34rem,100% - 2rem);max-height:calc(100% - 2rem);min-height:0;box-sizing:border-box;overflow:auto}.friend-confirmation{min-width:0}.friend-confirmation__heading{display:flex;align-items:center;gap:1rem;padding-right:2.5rem;margin-bottom:1.25rem}.friend-confirmation__heading>i{display:grid;place-items:center;width:3rem;height:3rem;flex:0 0 auto;color:#fff;background:#118fcc;border-radius:50%}.friend-confirmation__heading h3,.friend-confirmation__heading p{margin:0}.friend-confirmation__heading p{margin-top:.25rem;color:rgba(20,20,27,.7)}.friend-confirmation__details{overflow:hidden;border:1px solid rgba(20,20,27,.15);border-radius:6px}.friend-confirmation__row{display:grid;grid-template-columns:7rem minmax(0, 1fr);gap:1rem;padding:.75rem 1rem}.friend-confirmation__row+.friend-confirmation__row{border-top:1px solid rgba(20,20,27,.1)}.friend-confirmation__row code,.friend-confirmation__row span,.friend-confirmation__row strong{min-width:0;overflow-wrap:anywhere}.friend-confirmation__label{color:rgba(20,20,27,.65);font-weight:600}.friend-confirmation__actions{display:flex;justify-content:flex-end;margin-top:1.25rem}@media(max-width: 600px){.modal-content.friend-confirmation-modal{width:calc(100% - 1rem);max-height:calc(100% - 1rem);padding:1rem}.friend-confirmation__heading{align-items:flex-start}.friend-confirmation__heading>i{width:2.5rem;height:2.5rem}.friend-confirmation__heading h3{font-size:1.5rem}.friend-confirmation__row{grid-template-columns:1fr;gap:.25rem;padding:.65rem .75rem}.friend-confirmation__actions button{width:100%}}.network-container{display:flex;height:100%;width:100%;overflow:hidden;background-color:#f1f5f9}.network-left-pane{width:320px;min-width:300px;max-width:350px;border-right:1px solid #cbd5e1;display:flex;flex-direction:column;background:#fff;box-shadow:2px 0 5px rgba(0,0,0,.05)}.own-profile-card{padding:1.25rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);display:flex;flex-direction:column;gap:.75rem}.own-profile-card .profile-header{display:flex;align-items:center;gap:1rem}.own-profile-card .profile-header .profile-avatar-wrapper{position:relative;flex-shrink:0}.own-profile-card .profile-header .profile-avatar-wrapper .status-dot{position:absolute;bottom:-1px;right:-1px;width:13px;height:13px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}.own-profile-card .profile-header .profile-avatar-wrapper .profile-status-button{padding:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.own-profile-card .profile-header .profile-avatar-wrapper .profile-status-button:hover,.own-profile-card .profile-header .profile-avatar-wrapper .profile-status-button:focus-visible{transform:scale(1.2);box-shadow:0 0 0 3px rgba(59,164,215,.25);outline:none}.own-profile-card .profile-header .profile-avatar-wrapper .profile-presence-menu{position:absolute;z-index:20;top:calc(100% + .5rem);left:0;width:9rem;padding:.3rem;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;box-shadow:0 8px 20px rgba(15,23,42,.18)}.own-profile-card .profile-header .profile-avatar-wrapper .profile-presence-option{display:grid;grid-template-columns:.65rem 1fr .75rem;align-items:center;width:100%;margin:0;padding:.45rem .55rem;gap:.5rem;color:#334155;background:rgba(0,0,0,0);border:0;border-radius:.35rem;text-align:left}.own-profile-card .profile-header .profile-avatar-wrapper .profile-presence-option:hover,.own-profile-card .profile-header .profile-avatar-wrapper .profile-presence-option.active{background:#f1f5f9}.own-profile-card .profile-header .profile-avatar-wrapper .profile-presence-option>span{width:.55rem;height:.55rem;border-radius:50%}.own-profile-card .profile-header .profile-avatar-wrapper .profile-presence-option>i{color:#3ba4d7;font-size:.7rem}.own-profile-card .profile-info{display:flex;flex-direction:column;flex:1;overflow:hidden}.own-profile-card .profile-info .profile-name{font-weight:700;color:#1e293b;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.own-profile-card .profile-info .profile-status{font-size:.85rem;color:#10b981;font-weight:500;display:flex;align-items:center;gap:.35rem}.own-profile-card .profile-info .profile-status::before{content:"";display:inline-block;width:8px;height:8px;background-color:var(--profile-status-color, #10b981);border-radius:50%}.own-profile-card .own-identity-select-container{display:flex;flex-direction:column;gap:.25rem}.own-profile-card .own-identity-select-container label{font-size:.75rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.own-profile-card .own-identity-select-container select.own-identity-select{width:100%;padding:.375rem .5rem;font-size:.85rem;border:1px solid #cbd5e1;border-radius:.375rem;background-color:#fff;color:#334155;outline:none;cursor:pointer;transition:border-color .2s}.own-profile-card .own-identity-select-container select.own-identity-select:focus{border-color:#3ba4d7}.friends-list-container{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.friends-list-container .searchbar-container{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0}.friends-list-container .searchbar-container input.searchbar{width:100%;padding:.5rem .75rem;font-size:.9rem;border:1px solid #cbd5e1;border-radius:.375rem;background-color:#f8fafc;outline:none;transition:all .2s}.friends-list-container .searchbar-container input.searchbar:focus{background-color:#fff;border-color:#3ba4d7;box-shadow:0 0 0 3px rgba(59,164,215,.15)}.friends-list-container .friends-scroll{flex:1;overflow-y:auto;padding:.5rem 0}.friend-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:.125rem .5rem;border-radius:.5rem;cursor:pointer;transition:all .2s}.friend-list-item:hover{background-color:#f1f5f9}.friend-list-item.selected{background-color:#e0f2fe}.friend-list-item.selected .friend-name{color:#0369a1;font-weight:600}.friend-list-item .friend-avatar{position:relative;flex-shrink:0}.friend-list-item .friend-avatar .status-dot{position:absolute;bottom:-1px;right:-1px;width:13px;height:13px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}.friend-list-item .friend-meta{flex:1;min-width:0}.friend-list-item .friend-meta .friend-name{font-size:.95rem;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.friend-list-item .friend-meta .friend-status{font-size:.8rem;color:#94a3b8}.friend-list-item .friend-meta .friend-status.online{color:#10b981;font-weight:500}.network-right-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#f8fafc}.network-pane-placeholder{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#94a3b8;gap:1rem;padding:2rem;text-align:center}.network-pane-placeholder i{font-size:4rem;color:#cbd5e1}.network-pane-placeholder p{font-size:1.1rem;max-width:400px}.network-tabs{display:flex;background-color:#fff;border-bottom:1px solid #cbd5e1;padding:.5rem 1rem 0;gap:.5rem}.network-tabs .tab-btn{padding:.625rem 1.25rem;font-size:.95rem;font-weight:600;color:#64748b;background:rgba(0,0,0,0);border:none;border-radius:.375rem .375rem 0 0;border-bottom:3px solid rgba(0,0,0,0);cursor:pointer;box-shadow:none;transition:all .2s}.network-tabs .tab-btn:hover{color:#334155;background-color:#f1f5f9}.network-tabs .tab-btn.active{color:#3ba4d7;border-bottom-color:#3ba4d7;background-color:rgba(0,0,0,0)}.chat-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;margin-top:.2rem;padding:0 .35rem;border-radius:999px;background:#0284c7;color:#fff;font-size:.7rem;font-weight:700;line-height:1}.mobile-pane-header,.mobile-graph-shortcut{display:none !important}.network-tab-content.network-graph-tab{min-height:0;padding:0;overflow:hidden}.network-graph{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;padding:1rem;box-sizing:border-box}.network-graph__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1rem;margin-bottom:.75rem}.network-graph__toolbar label{display:flex;align-items:center;gap:.45rem;color:#475569;font-size:.8rem;font-weight:600}.network-graph__toolbar select{padding:.3rem .45rem}.network-graph__edge-control input{width:8rem}.network-graph__zoom-control{display:flex;align-items:center;gap:.3rem}.network-graph__zoom-control button{min-width:1.9rem;padding:.3rem .45rem}.network-graph__zoom-control label{flex-direction:column;align-items:flex-start;gap:.1rem}.network-graph__zoom-control input{width:7rem}.network-graph__search{display:flex;align-items:center;min-width:10rem;margin-left:auto;padding:.35rem .6rem;gap:.4rem;background:#fff;border:1px solid #cbd5e1;border-radius:.4rem}.network-graph__search input{min-width:0;padding:0;border:0;outline:0}.network-graph__canvas{flex:1;width:100%;min-height:20rem;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;touch-action:none}.network-graph__edges line{stroke:#94a3b8;stroke-width:1.25;opacity:.65}.network-graph__node{cursor:grab}.network-graph__node circle{stroke:#fff;stroke-width:2;filter:drop-shadow(0 1px 2px rgba(15, 23, 42, 0.35))}.network-graph__node text{fill:#1e293b;font-size:12px;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.network-graph__node.is-match circle{stroke:#f97316;stroke-width:5}.network-graph__message{display:grid;flex:1;place-items:center;color:#64748b}.network-graph__message--error{color:#b91c1c}.network-graph__legend{display:flex;align-items:center;flex-wrap:wrap;margin-top:.65rem;gap:.5rem 1rem;color:#64748b;font-size:.75rem}.network-graph__legend span:last-child{margin-left:auto}.network-graph__key{display:inline-block;width:.65rem;height:.65rem;margin-right:.3rem;border-radius:50%}.network-graph__key--own{background:#d6d91f}.network-graph__key--online{background:#16a34a}.network-graph__key--offline{background:#64748b}@media(max-width: 700px){.network-tabs .tab-btn{padding-inline:.65rem;font-size:.8rem}.network-graph{padding:.5rem}.network-graph__redraw{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;min-width:2.25rem;height:2.25rem;padding:0}.network-graph__redraw span{display:none}.network-graph__toolbar{align-items:stretch}.network-graph__search{width:100%;box-sizing:border-box}.network-graph__toolbar .network-graph__edge-control,.network-graph__zoom-control{display:none}.network-graph__search{margin-left:0}.network-graph__canvas{min-height:18rem}.network-graph__legend span:last-child{width:100%;margin-left:0}}.network-tab-content{flex:1;overflow-y:auto;padding:1.5rem}.network-detail-view{display:flex;flex-direction:column;gap:1.5rem}.network-detail-view .detail-header{display:flex;align-items:center;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.network-detail-view .detail-header .detail-title{flex:1}.network-detail-view .detail-header .detail-title h2{font-size:1.75rem;font-weight:800;color:#1e293b;margin-bottom:.25rem}.network-detail-view .detail-header .detail-title .detail-subtitle{font-size:.9rem;color:#64748b;display:flex;align-items:center;gap:.5rem}.network-detail-view .detail-header .detail-actions{display:flex;gap:.75rem}.network-detail-view .detail-header .detail-actions button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem}.network-detail-view .detail-section{background-color:#fff;border-radius:.5rem;border:1px solid #e2e8f0;padding:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.02)}.network-detail-view .detail-section h3{font-size:1.1rem;font-weight:700;color:#334155;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.network-detail-view .detail-section .info-grid{display:grid;grid-template-columns:120px 1fr;row-gap:.75rem;font-size:.9rem}.network-detail-view .detail-section .info-grid .info-label{font-weight:600;color:#64748b}.network-detail-view .detail-section .info-grid .info-value{color:#1e293b;word-break:break-all}.network-detail-view .locations-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1rem}.network-detail-view .location-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.02)}.network-detail-view .location-card .loc-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:.5rem;margin-bottom:.25rem}.network-detail-view .location-card .loc-header .loc-name{font-weight:700;color:#334155;font-size:.95rem}.network-detail-view .location-card .loc-header .loc-status{font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:.25rem}.network-detail-view .location-card .loc-header .loc-status.online{background-color:#d1fae5;color:#065f46}.network-detail-view .location-card .loc-header .loc-status.offline{background-color:#f1f5f9;color:#475569}.network-detail-view .location-card .loc-body{font-size:.85rem;display:grid;grid-template-columns:80px 1fr;row-gap:.25rem}.network-detail-view .location-card .loc-body .loc-label{color:#64748b}.network-detail-view .location-card .loc-body .loc-val{color:#334155;word-break:break-all}.network-detail-view .location-card .loc-footer{margin-top:.5rem;display:flex;justify-content:flex-end}.network-detail-view .location-card .loc-footer button{font-size:.8rem;padding:.25rem .75rem}.network-chat-view{display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:#f8fafc}.network-chat-view .chat-messages{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.network-chat-view .chat-bubble-container{display:flex;flex-direction:column;max-width:70%}.network-chat-view .chat-bubble-container.outgoing{align-self:flex-end;align-items:flex-end}.network-chat-view .chat-bubble-container.outgoing .chat-bubble{background-color:#3ba4d7;color:#fff;border-bottom-right-radius:.125rem}.network-chat-view .chat-bubble-container.incoming{align-self:flex-start;align-items:flex-start}.network-chat-view .chat-bubble-container.incoming .chat-bubble{background-color:#fff;color:#1e293b;border:1px solid #e2e8f0;border-bottom-left-radius:.125rem}.network-chat-view .chat-bubble-container .chat-sender{font-size:.75rem;color:#64748b;margin-bottom:.25rem;padding:0 .25rem}.network-chat-view .chat-bubble-container .chat-bubble{padding:.625rem .875rem;border-radius:.75rem;font-size:.925rem;line-height:1.4;white-space:break-spaces;word-break:break-word;box-shadow:0 1px 2px rgba(0,0,0,.05)}.network-chat-view .chat-bubble-container .chat-time{font-size:.7rem;color:#94a3b8;margin-top:.25rem;padding:0 .25rem}.network-chat-view .chat-input-area{padding:1rem;background-color:#fff;border-top:1px solid #cbd5e1;display:flex;gap:.75rem;align-items:flex-end}.network-chat-view .chat-input-area textarea.chat-textarea{flex:1;resize:none !important;min-height:40px;max-height:160px;height:40px;padding:.55rem .75rem;border:1px solid #cbd5e1;border-radius:.625rem;font-size:.9rem;line-height:1.45;outline:none;overflow-y:hidden;box-sizing:border-box;transition:all .2s}.network-chat-view .chat-input-area textarea.chat-textarea:focus{border-color:#3ba4d7;box-shadow:0 0 0 3px rgba(59,164,215,.15)}.network-chat-view .chat-input-area button.send-btn{padding:.5rem 1.25rem;font-size:.9rem;height:40px;display:flex;align-items:center;gap:.5rem}.network-chat-view .chat-warning{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#64748b;text-align:center;padding:2rem;gap:1rem}.network-chat-view .chat-warning i{font-size:3rem;color:#cbd5e1}.network-chat-view .chat-warning h4{font-weight:700;color:#334155}.network-chat-view .chat-warning p{max-width:350px;font-size:.9rem}@media(max-width: 768px){.network-tab-content.network-chat-tab-content{min-height:0;padding:0;overflow:hidden}.network-container{flex-direction:column !important}.network-left-pane{width:100% !important;max-width:none !important;height:45% !important;border-right:none !important;border-bottom:1px solid #cbd5e1 !important}.network-right-pane{height:55% !important;flex:1 !important}.detail-actions button .btn-text,.detail-header .detail-actions button .btn-text{display:none !important}.detail-actions button,.detail-header .detail-actions button{padding:.45rem .65rem !important;min-width:38px !important;height:38px !important;justify-content:center !important;align-items:center !important}.detail-actions button i,.detail-header .detail-actions button i{margin:0 !important;font-size:1.05rem !important}.network-detail-view .detail-header{flex-direction:column !important;align-items:flex-start !important;gap:1rem !important}.network-detail-view .detail-header .friend-avatar{margin-bottom:.25rem !important}.locations-grid{grid-template-columns:1fr !important}.network-chat-view .chat-input-area{align-items:flex-end !important;padding:.35rem .45rem !important;gap:.2rem !important;min-width:0}.network-chat-view .chat-input-area .mobile-chat-attachment{order:1}.network-chat-view .chat-input-area .chat-hub-action-btn,.network-chat-view .chat-input-area label.chat-hub-action-btn{width:32px !important;height:32px !important;min-width:32px !important;padding:.25rem !important;font-size:.95rem !important}.network-chat-view .chat-input-area .emoji-picker-wrapper{order:3;flex:0 0 32px}.network-chat-view .chat-input-area .emoji-picker-wrapper .emoji-picker{right:-2.7rem;left:auto;width:min(320px,100vw - 1rem);max-height:min(420px,100dvh - 8rem)}.network-chat-view .chat-input-area textarea.chat-textarea{order:2;min-width:0 !important;min-height:40px !important;height:40px !important;max-height:140px !important;padding:.55rem .7rem !important;border-color:#dbe2ea !important;border-radius:1.25rem !important;background:#fff !important;box-sizing:border-box;overflow-y:hidden;line-height:1.4}.network-chat-view .chat-input-area .send-btn{order:4;width:40px !important;min-width:40px !important;height:40px !important;padding:0 !important;font-size:0 !important;justify-content:center;border-radius:50% !important}.network-chat-view .chat-input-area .send-btn i{margin:0 !important;font-size:1rem !important}}@media(max-width: 700px){.network-container{display:block !important}.network-container .network-left-pane{width:100% !important;min-width:0 !important;height:100% !important;max-width:none !important;border:0 !important}.network-container .network-right-pane{display:none !important;width:100% !important;height:100% !important}.network-container.mobile-detail-open .network-left-pane{display:none !important}.network-container.mobile-detail-open .network-right-pane{display:flex !important}.mobile-pane-header{display:grid !important;grid-template-columns:minmax(5rem, auto) minmax(0, 1fr) minmax(5rem, auto);align-items:center;min-height:46px;padding:.35rem .65rem;border-bottom:1px solid #e2e8f0;background:#fff;flex:0 0 auto}.mobile-pane-header strong{grid-column:2;overflow:hidden;color:#1e293b;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mobile-back-button{grid-column:1;justify-self:start;display:inline-flex !important;align-items:center;gap:.4rem;width:auto !important;min-width:0 !important;margin:0 !important;padding:.4rem .25rem !important;border:0 !important;box-shadow:none !important;background:rgba(0,0,0,0) !important;color:#0284c7 !important;font-weight:700}.network-container .network-tabs{flex:0 0 auto;overflow-x:auto}}.identity{color:#444;font-size:1.1em;margin:20px;padding:10px;border:1px solid #aaa;border-radius:20px}.identity>h4{margin:5px;font-size:1.3em}.identity button{font-size:.9em}.identity .details{display:grid;grid-template-columns:140px auto;grid-row-gap:5px;justify-content:left}.defaultAvatar{width:3rem;height:3rem;aspect-ratio:1;background:#b0c4de;border-radius:50%;display:grid;place-items:center}.defaultAvatar p{font-weight:900;color:#666f7f;transform:translateY(1px)}img.avatar{display:block;width:3rem;height:max-content;aspect-ratio:1;margin-right:.3em;border-radius:50%}.counter{margin-left:.5em}.counter:before{content:"("}.counter:after{content:")"}.chatInit{margin-left:.5em;color:green;cursor:pointer}.people-sidebar-header{display:flex;flex-direction:column;padding:.75rem 1rem .5rem 1rem;gap:.75rem;border-bottom:1px solid #e2e8f0;background-color:#fff}.people-sidebar-header .searchbar-wrapper{position:relative;display:flex;align-items:center}.people-sidebar-header .searchbar-wrapper i.fa-search{position:absolute;left:.85rem;color:#94a3b8;font-size:.9rem}.people-sidebar-header .searchbar-wrapper input.searchbar-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.9rem;background-color:#f8fafc;color:#1e293b;outline:none;transition:all .2s ease}.people-sidebar-header .searchbar-wrapper input.searchbar-input:focus{border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.people-sidebar-header .segmented-control{display:flex;background-color:#f1f5f9;padding:3px;border-radius:.5rem;gap:4px}.people-sidebar-header .segmented-control button.segment-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;font-size:.9rem;font-weight:600;color:#64748b;background:rgba(0,0,0,0);border:none;border-radius:.375rem;cursor:pointer;box-shadow:none;transition:all .2s ease}.people-sidebar-header .segmented-control button.segment-tab:hover{color:#1e293b}.people-sidebar-header .segmented-control button.segment-tab.active{background-color:#fff;color:#0f172a;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.people-sidebar-header .segmented-control button.segment-tab.active .segment-badge{background-color:#019dff;color:#fff}.people-sidebar-header .segmented-control button.segment-tab .segment-badge{display:inline-flex;align-items:center;justify-content:center;background-color:#cbd5e1;color:#334155;font-size:.75rem;font-weight:700;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:9999px;line-height:1;transition:all .2s ease}.people-sidebar-header .sub-filter-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:32px}.people-sidebar-header .sub-filter-row select.filter-select{padding:.35rem .6rem;border:1px solid #cbd5e1;border-radius:.375rem;font-size:.85rem;font-weight:600;color:#475569;background-color:#fff;cursor:pointer;outline:none}.people-sidebar-header .sub-filter-row .btn-add-id{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.375rem;background-color:#3b82f6;color:#fff;border:none;cursor:pointer;font-size:.9rem;transition:background-color .2s}.people-sidebar-header .sub-filter-row .btn-add-id:hover{background-color:#2563eb}.friends-list-container .people-context-menu{position:absolute;left:2rem;width:210px;background-color:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 10px rgba(0,0,0,.15);border-radius:.375rem;z-index:1010;padding:.25rem 0;display:flex;flex-direction:column}.friends-list-container .people-context-menu .menu-item{padding:.5rem 1rem;font-size:.85rem;color:#334155;cursor:pointer;display:flex;align-items:center;transition:background-color .2s}.friends-list-container .people-context-menu .menu-item:hover{background-color:#f1f5f9;color:#0f172a}.people-container{display:flex !important;flex-direction:row !important;height:100% !important;width:100% !important;overflow:hidden !important;background-color:#f1f5f9 !important}.people-left-pane{width:320px !important;min-width:300px !important;max-width:350px !important;height:100% !important;border-right:1px solid #cbd5e1 !important;display:flex !important;flex-direction:column !important;background:#fff !important;box-shadow:2px 0 5px rgba(0,0,0,.05) !important;flex-shrink:0 !important;overflow:hidden !important}.people-right-pane{flex:1 !important;min-width:0 !important;height:100% !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;background-color:#f8fafc !important}.people-list-container{flex:1 !important;overflow-y:auto !important;padding:.5rem 0 !important}.chat-item{display:flex !important;align-items:center !important;gap:.75rem !important;padding:.65rem .85rem !important;margin:.2rem .5rem !important;border-radius:.5rem !important;cursor:pointer !important;transition:all .2s ease !important;position:relative !important}.chat-item:hover{background-color:#f1f5f9 !important}.chat-item.selected{background-color:#e0f2fe !important}.chat-item.selected .chat-name{color:#0369a1 !important;font-weight:700 !important}.chat-item .chat-avatar-wrapper{position:relative !important;flex-shrink:0 !important}.chat-item .chat-avatar-wrapper .status-dot{position:absolute !important;bottom:-1px !important;right:-1px !important;width:13px !important;height:13px !important;border-radius:50% !important;border:2px solid #fff !important}.chat-item .chat-info{flex:1 !important;min-width:0 !important;display:flex !important;flex-direction:column !important}.chat-item .chat-info .chat-name{font-size:.95rem !important;font-weight:600 !important;color:#1e293b !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.chat-item .chat-info .chat-last-msg{font-size:.825rem !important;color:#64748b !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;margin-top:.1rem !important}.chat-item .chat-meta{display:flex !important;flex-direction:column !important;align-items:flex-end !important;flex-shrink:0 !important}.chat-item .chat-meta .chat-time{font-size:.75rem !important;color:#94a3b8 !important;font-weight:500 !important}@media(max-width: 768px){.people-container{flex-direction:column !important}.people-left-pane{width:100% !important;max-width:none !important;height:45% !important;border-right:none !important;border-bottom:1px solid #cbd5e1 !important}.people-right-pane{height:55% !important}.detail-actions button .btn-text,.detail-header .detail-actions button .btn-text{display:none !important}.chat-tunnel-status .tunnel-label,.select-own-profile .chatting-as-label{display:none !important}.detail-actions button,.detail-header .detail-actions button{padding:.45rem .65rem !important;min-width:38px !important;height:38px !important;justify-content:center !important;align-items:center !important}}.create-identity-form{display:grid !important;grid-template-columns:11rem minmax(0, 1fr);gap:1rem 1.5rem !important}.create-identity-form__heading,.create-identity-form__name,.create-identity-form__help,.create-identity-form__submit{grid-column:1/-1}.create-identity-form__heading{display:flex;align-items:center;gap:.75rem}.create-identity-form__heading>i{color:#3ba4d7;font-size:1.5rem}.create-identity-form__heading h3{margin:0;color:#1e293b}.create-identity-form__heading p{margin:.2rem 0 0;color:#64748b;font-size:.9rem}.create-identity-form__name{width:100%}.create-identity-form__avatar{grid-row:span 2;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border:1px solid #e2e8f0;border-radius:.65rem;background:#f8fafc}.create-identity-form__avatar-label,.create-identity-form__field label{color:#475569;font-size:.85rem;font-weight:700}.create-identity-form__file-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.create-identity-form__file-button{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .65rem;border:1px solid #0284c7;border-radius:.35rem;background:#0284c7;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer}.create-identity-form__remove-avatar{padding:.25rem .5rem;border:0;box-shadow:none;background:rgba(0,0,0,0);color:#64748b;font-size:.78rem}.create-identity-form__remove-avatar:hover{color:#dc2626;text-decoration:underline}.create-identity-form__avatar small{color:#64748b;text-align:center}.create-identity-form__field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.create-identity-form__field .config-style-select{width:100%;max-width:320px;min-width:0;box-sizing:border-box;padding:.375rem .5rem;border:1px solid #cbd5e1;border-radius:.375rem;background:#fff;color:#334155;outline:none;font-weight:600}.create-identity-form__field .config-style-select:focus{border-color:#3ba4d7}.create-identity-form__help{color:#475569;line-height:1.5}.create-identity-form__submit{justify-self:end}@media(max-width: 700px){.people-container{display:block !important}.people-container .people-left-pane{width:100% !important;min-width:0 !important;height:100% !important;max-width:none !important;border:0 !important}.people-container .people-right-pane{display:none !important;width:100% !important;height:100% !important}.people-container.mobile-detail-open .people-left-pane{display:none !important}.people-container.mobile-detail-open .people-right-pane{display:flex !important}.people-container .network-tabs{flex:0 0 auto}.people-container .network-tab-content{min-height:0}}.create-identity-avatar-preview{width:8rem;height:8rem;overflow:hidden;border:1px solid #cbd5e1;border-radius:.5rem;background:#eef2ff;display:flex;align-items:center;justify-content:center}.create-identity-avatar-preview>img{width:100%;height:100%;object-fit:cover}.create-identity-avatar-preview>.jdenticon-avatar,.create-identity-avatar-preview>.defaultAvatar{margin:0 !important}.modal-content.create-identity-modal{width:min(720px,100% - 2rem);max-height:calc(100% - 2rem);box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.modal-content.signed-identity-modal{width:min(440px,100% - 2rem);min-height:0;box-sizing:border-box}.modal-content.edit-identity-modal{width:min(440px,100% - 2rem);min-height:0;box-sizing:border-box}.edit-identity-form{display:flex;flex-direction:column;width:100%;min-width:0;gap:.65rem}.edit-identity-form__heading{display:flex;align-items:center;gap:.65rem;padding-right:2.5rem}.edit-identity-form__heading>i{color:#3ba4d7;font-size:1.35rem}.edit-identity-form__heading h3{margin:0;color:#1e293b}.edit-identity-form__name-label{color:#475569;font-size:.85rem;font-weight:700}.edit-identity-form__name{width:100%;min-width:0}.edit-identity-form__avatar{display:flex;align-items:center;min-width:0;gap:.75rem;padding:.75rem;border:1px solid #e2e8f0;border-radius:.65rem;background:#f8fafc}.edit-identity-form__avatar>.avatar,.edit-identity-form__avatar>.jdenticon-avatar,.edit-identity-form__avatar>.defaultAvatar{flex:0 0 auto;margin:0 !important}.edit-identity-form__avatar-button{display:inline-flex;align-items:center;gap:.4rem;min-width:0;padding:.45rem .7rem;border-radius:.35rem;background:#0284c7;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap}.edit-identity-form__keep{padding:.35rem .55rem;font-size:.8rem}.edit-identity-form__save{align-self:flex-end;margin-top:.25rem !important}.signed-identity-form{display:flex;flex-direction:column;gap:.75rem;width:100%}.signed-identity-form__heading{display:flex;align-items:flex-start;gap:.75rem;padding-right:2.5rem}.signed-identity-form__heading>i{color:#3ba4d7;font-size:1.5rem;margin-top:.15rem}.signed-identity-form__heading h3{margin:0;color:#1e293b}.signed-identity-form__heading p{margin:.25rem 0 0;color:#64748b;line-height:1.4}.signed-identity-form label{color:#475569;font-size:.85rem;font-weight:700}.signed-identity-form input{width:100%;box-sizing:border-box;min-width:0}.signed-identity-form__submit{align-self:flex-end;margin-top:.5rem !important}.signed-identity-result{padding-right:2.5rem}.signed-identity-result h3{margin:0;color:#1e293b}.signed-identity-result p{margin:.75rem 0 0;color:#475569;line-height:1.5}@media(max-width: 600px){.modal-content.create-identity-modal{width:calc(100% - 1rem) !important;max-width:none !important;max-height:calc(100% - 1rem);padding:1rem}.create-identity-form{width:100%;min-width:0;grid-template-columns:minmax(0, 1fr);gap:.75rem !important}.create-identity-form__heading,.create-identity-form__name,.create-identity-form__avatar,.create-identity-form__field,.create-identity-form__help,.create-identity-form__submit{grid-column:1}.create-identity-form__avatar{grid-row:auto}.create-identity-form__field .config-style-select{max-width:none}.create-identity-form__heading{padding-right:2.5rem}.create-identity-form__heading h3{font-size:1.35rem;white-space:nowrap}.create-identity-form__heading p{font-size:.82rem}.create-identity-form__avatar{padding:.6rem}.create-identity-form__help{font-size:.85rem}.create-identity-form__submit{width:100%}.create-identity-avatar-preview{width:7rem;height:7rem}.modal-content.signed-identity-modal{width:calc(100% - 1rem) !important;max-width:none !important;padding:1rem}.modal-content.edit-identity-modal{width:calc(100% - 1rem) !important;max-width:none !important;max-height:calc(100dvh - 1rem);padding:1rem;overflow-y:auto}.edit-identity-form__heading h3{font-size:1.35rem;white-space:nowrap}.edit-identity-form__avatar{flex-direction:column;padding:.85rem}.edit-identity-form__avatar-button{justify-content:center;width:100%;box-sizing:border-box}.edit-identity-form__keep,.edit-identity-form__save{width:100%}.signed-identity-form__submit{width:100%}}.people-context-menu{position:absolute !important;z-index:9999 !important;background-color:#fff !important;border:1px solid #cbd5e1 !important;border-radius:8px !important;box-shadow:0 10px 25px -5px rgba(0,0,0,.15),0 8px 10px -6px rgba(0,0,0,.1) !important;padding:.35rem 0 !important;min-width:180px !important;font-family:inherit !important;overflow:hidden !important}.people-context-menu .menu-item{display:flex !important;align-items:center !important;padding:.6rem .9rem !important;font-size:.875rem !important;font-weight:500 !important;color:#1e293b !important;cursor:pointer !important;transition:background-color .15s ease,color .15s ease !important;user-select:none !important}.people-context-menu .menu-item:hover{background-color:#f1f5f9 !important;color:#0284c7 !important}.people-context-menu .menu-item i{font-size:1rem !important;width:1.25rem !important;text-align:center !important}.lobby{margin:10px;border:1px solid #aaa;border-radius:20px}.lobby .mainname{margin:20px;font-weight:100;font-size:1.2em}.topic{color:#666}.lobby>.topic{font-size:.95em;margin-left:25px;margin-bottom:5px}.lefttitle{margin-top:15px;margin-bottom:0;font-weight:100;font-size:1.2em}.leftname{margin-top:5px;margin-bottom:5px;padding:5px;font-weight:100;font-size:1em}.leftlobby>.topic{font-size:.75em;margin-left:15px;margin-bottom:5px}.subscribed,.public{cursor:pointer}.leftlobby{border:1px solid #aaa;border-radius:10px;margin-top:5px;background-color:#fff}.leftlobby.selected-lobby,.selectedidentity{color:#fff;background-color:#3ba4d7}.rightbar{position:absolute;width:185px;background-color:#fff;overflow:auto;top:130px;bottom:15px;right:15px}.user{padding:5px}.lobbyName{padding:15px;margin-top:2rem}.lobbies{position:absolute;width:185px;left:165px;bottom:15px;top:130px;overflow:auto}.messages,.setup{position:absolute;background-color:#fff;top:130px;left:360px;right:215px;overflow:auto}.messages{bottom:115px}.messagetext{white-space:break-spaces;margin-right:5px}.message>*{margin-left:5px}.username{color:#006400;font-weight:bolder}.chatMessage{position:absolute;background-color:#fff;height:85px;bottom:15px;right:215px;left:360px}textarea.chatMsg{height:100%;width:100%}.chatatchar{margin-left:.2em;margin-right:.2em;color:silver}.setupicon{margin-left:1em;cursor:pointer}.leaveicon{margin-left:1em;cursor:pointer;color:#d40000}.selectidentity{margin:15px;font-size:1.2em}.setup>.identity{cursor:pointer}.setup{bottom:15px}.createDistantChat{margin-top:1em}.no-lobbies .messages,.no-lobbies .chatMessage,.no-lobbies .setup{left:165px}@media(min-width: 900px){.node-panel.chat-room{display:grid !important;grid-template-columns:250px 1fr 200px !important;grid-template-rows:auto 1fr auto !important;grid-template-areas:"lobbies header rightbar" "lobbies messages rightbar" "lobbies input rightbar" !important;padding:0 !important;height:100% !important}.node-panel.chat-room .lobbyName{grid-area:header;padding:10px;border-bottom:1px solid #eee;margin:0;z-index:10;background:#fff}.node-panel.chat-room .lobbies{grid-area:lobbies;position:static !important;width:auto !important;height:auto !important;border-right:1px solid #ccc;overflow-y:auto;display:block !important;top:auto !important;bottom:auto !important;left:auto !important}.node-panel.chat-room .messages{grid-area:messages;position:static !important;width:auto !important;height:auto !important;overflow-y:auto;padding:10px;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;margin:0 !important}.node-panel.chat-room .rightbar{grid-area:rightbar;position:static !important;width:auto !important;border-left:1px solid #ccc;overflow-y:auto;display:block !important}.node-panel.chat-room .chatMessage{grid-area:input;position:static !important;width:auto !important;height:auto !important;border-top:1px solid #eee;left:auto !important;right:auto !important;bottom:auto !important;flex:0 0 auto;padding:10px !important;background:#fff;z-index:10}}@media(max-width: 899px){.node-panel.chat-room{display:flex !important;flex-direction:column !important;height:100% !important;position:relative !important}.node-panel.chat-room .lobbyName{flex:0 0 auto}.node-panel.chat-room .messages{flex:1 !important;overflow-y:auto !important;position:relative !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;width:100% !important;height:auto !important;margin:0 !important}.node-panel.chat-room .chatMessage{flex:0 0 auto !important;position:relative !important;bottom:0 !important;left:0 !important;right:0 !important;width:100% !important;height:auto !important;z-index:100}.node-panel.chat-room .rightbar,.node-panel.chat-room .lobbies{display:none !important;position:fixed !important;top:60px !important;bottom:0 !important;width:80% !important;background:#fff !important;z-index:200 !important;box-shadow:2px 0 10px rgba(0,0,0,.2) !important}.node-panel.chat-room.show-lobbies .lobbies{display:block !important;left:0 !important}.node-panel.chat-room.show-users .rightbar{display:block !important;right:0 !important}.chat-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:150}.show-lobbies .chat-overlay,.show-users .chat-overlay{display:block}.mobile-menu-icons{display:flex;gap:15px;font-size:1.2rem}.mobile-menu-icons i{cursor:pointer;padding:5px}}@media(max-width: 700px){.chat-hub-container{display:block}.chat-hub-container .chat-hub-left-pane{width:100%;min-width:0;height:100%;max-width:none;max-height:none;border:0}.chat-hub-container .chat-hub-right-pane{display:none;width:100%;height:100%}.chat-hub-container.mobile-detail-open .chat-hub-left-pane{display:none}.chat-hub-container.mobile-detail-open .chat-hub-right-pane{display:flex}.chat-hub-container .chat-hub-tab-content{min-height:0}}@media(min-width: 900px){.mobile-menu-icons{display:none}}.chat-hub-container{display:flex;height:100%;width:100%;overflow:hidden;background-color:#f1f5f9}.chat-hub-left-pane{width:320px;min-width:300px;max-width:350px;border-right:1px solid #cbd5e1;display:flex;flex-direction:column;background:#fff;box-shadow:2px 0 5px rgba(0,0,0,.05)}.chat-own-profile-card{padding:.85rem 1.25rem !important;border-bottom:1px solid #e2e8f0 !important;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:.75rem !important;position:relative}.chat-own-profile-card .profile-header{display:flex !important;align-items:center !important;gap:.75rem !important;flex:1 !important;min-width:0 !important}.chat-own-profile-card .chat-create-lobby-btn{display:flex !important;align-items:center !important;gap:.35rem !important;padding:.4rem .85rem !important;font-size:.85rem !important;font-weight:600 !important;border-radius:.375rem !important;cursor:pointer !important;flex-shrink:0 !important;white-space:nowrap !important}.chat-own-profile-card .profile-info{display:flex;flex-direction:column;flex:1;overflow:hidden}.chat-own-profile-card .profile-info .profile-name{font-weight:700;color:#1e293b;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-own-profile-card .profile-info .profile-status{font-size:.85rem;color:#10b981;font-weight:500;display:flex;align-items:center;gap:.35rem}.chat-own-profile-card .profile-info .profile-status::before{content:"";display:inline-block;width:8px;height:8px;background-color:#10b981;border-radius:50%}.chat-rooms-list-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-rooms-list-container .searchbar-container{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0}.chat-rooms-list-container .searchbar-container input.searchbar{width:100%;padding:.5rem .75rem;font-size:.9rem;border:1px solid #cbd5e1;border-radius:.375rem;background-color:#f8fafc;outline:none;transition:all .2s}.chat-rooms-list-container .searchbar-container input.searchbar:focus{background-color:#fff;border-color:#3ba4d7;box-shadow:0 0 0 3px rgba(59,164,215,.15)}.chat-rooms-list-container .rooms-scroll{flex:1;overflow-y:auto;padding:.5rem 0}.rooms-section-title{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem .375rem;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.rooms-section-title i{font-size:.7rem;color:#94a3b8}.chat-room-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:.125rem .5rem;border-radius:.5rem;cursor:pointer;transition:all .2s}.chat-room-list-item:hover{background-color:#f1f5f9}.chat-room-list-item.selected{background-color:#e0f2fe}.chat-room-list-item.selected .room-name{color:#0369a1;font-weight:600}.chat-room-list-item .room-icon{flex-shrink:0;width:36px;height:36px;border-radius:.5rem;background:linear-gradient(135deg, #3ba4d7, #0ea5e9);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.35rem}.chat-room-list-item.public-room .room-icon{background:linear-gradient(135deg, #10b981, #059669)}.chat-room-list-item .room-meta{flex:1;min-width:0}.chat-room-list-item .room-meta .room-name{font-size:.95rem;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.chat-room-list-item .room-meta .room-topic{font-size:.8rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-room-list-item .room-badge{flex-shrink:0;min-width:24px;height:24px;border-radius:12px;background-color:#e2e8f0;color:#475569;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 .375rem}.chat-hub-right-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#f8fafc}.chat-pane-placeholder{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#94a3b8;gap:1rem;padding:2rem;text-align:center}.chat-pane-placeholder i{font-size:4rem;color:#cbd5e1}.chat-pane-placeholder p{font-size:1.1rem;max-width:400px}.chat-hub-tab-content{flex:1;overflow-y:auto;padding:1.5rem}.chat-room-detail-view{display:flex;flex-direction:column;gap:1.5rem}.chat-room-detail-view .detail-header{display:flex;align-items:flex-start;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.chat-room-detail-view .detail-header .detail-title{flex:1;min-width:200px}.chat-room-detail-view .detail-header .detail-title h2{font-size:1.75rem;font-weight:800;color:#1e293b;margin-bottom:.25rem}.chat-room-detail-view .detail-header .detail-title .detail-subtitle{font-size:.9rem;color:#64748b;display:flex;align-items:center;gap:.5rem}.chat-room-detail-view .detail-header .detail-actions{display:flex;gap:.75rem;flex-wrap:wrap}.chat-room-detail-view .detail-header .detail-actions button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem}.chat-room-detail-view .detail-section{background-color:#fff;border-radius:.5rem;border:1px solid #e2e8f0;padding:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.02)}.chat-room-detail-view .detail-section h3{font-size:1.1rem;font-weight:700;color:#334155;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.chat-room-detail-view .detail-section .info-grid{display:grid;grid-template-columns:130px 1fr;row-gap:.75rem;font-size:.9rem}.chat-room-detail-view .detail-section .info-grid .info-label{font-weight:600;color:#64748b}.chat-room-detail-view .detail-section .info-grid .info-value{color:#1e293b;word-break:break-all}.participants-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:.5rem}.participant-card{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem}.participant-card>.jdenticon-avatar,.participant-card>.defaultAvatar,.participant-card>img.avatar{margin-right:0 !important}.participant-card .participant-name{flex:1;min-width:0;font-size:.875rem;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-actions{display:none}.participant-more{display:none}@media(max-width: 700px){.chat-hub-tab-content.details-content{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.chat-hub-tab-content.details-content .participants-grid{grid-template-columns:1fr}.chat-hub-tab-content.details-content .participant-card{min-height:3rem;flex-wrap:wrap}.chat-hub-tab-content.details-content .participant-card.has-actions{cursor:pointer}.chat-hub-tab-content.details-content .participant-card.has-actions:focus-visible{outline:2px solid #0284c7;outline-offset:1px}.chat-hub-tab-content.details-content .participant-more{display:block;color:#94a3b8;font-size:.75rem;transition:transform .15s ease}.chat-hub-tab-content.details-content .participant-card.actions-open .participant-more{transform:rotate(180deg)}.chat-hub-tab-content.details-content .participant-actions{display:flex;width:100%;gap:.4rem;padding-top:.25rem}.chat-hub-tab-content.details-content .participant-action{display:inline-flex;flex:1;align-items:center;justify-content:center;min-width:0;gap:.3rem;padding:.4rem .35rem;border:1px solid #cbd5e1;border-radius:.375rem;background:#fff;color:#0369a1;box-shadow:none;font-size:.75rem;font-weight:600}.chat-hub-tab-content.details-content .participant-action:active{background:#e0f2fe;box-shadow:none}}.no-participants{color:#94a3b8;font-size:.9rem;font-style:italic}.detail-actions-footer{display:flex;gap:.75rem}.detail-actions-footer button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem}.join-description{color:#64748b;font-size:.9rem;margin-bottom:1rem}.identities-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:.75rem}.chat-invite-decline{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;border:1px solid #fca5a5;border-radius:.5rem;background:#fff;color:#b91c1c;font-weight:600;cursor:pointer}.chat-invite-decline:hover{background:#fef2f2}.chat-invite-decline:disabled{opacity:.5;cursor:not-allowed}@media(max-width: 700px){.chat-invite-decline{width:100%;justify-content:center}}.identity-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .2s}.identity-card:hover{background-color:#e0f2fe;border-color:#3ba4d7}.identity-card__identity{display:flex;align-items:center;min-width:0;gap:.65rem}.identity-card__identity>.avatar,.identity-card__identity>.jdenticon-avatar,.identity-card__identity>.defaultAvatar{margin-right:0 !important}.identity-card .identity-name{overflow:hidden;font-size:.95rem;font-weight:600;color:#334155;text-overflow:ellipsis;white-space:nowrap}.identity-card i{color:#3ba4d7;font-size:.9rem}.no-rooms{padding:1rem;color:#94a3b8;text-align:center;font-style:italic}@media(max-width: 899px){.chat-hub-container{flex-direction:column}.chat-hub-left-pane{width:100%;min-width:0;max-width:none;max-height:45%;border-right:none;border-bottom:1px solid #cbd5e1}.chat-hub-right-pane{flex:1;min-height:0}}.chat-hub-header-bar{padding:.75rem 1.5rem;background-color:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;height:65px;flex-shrink:0}.chat-hub-header-bar .chat-header-info{display:flex;flex-direction:column;overflow:hidden}.chat-hub-header-bar .chat-header-info .chat-header-name{font-size:1.15rem;font-weight:800;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-hub-header-bar .chat-header-info .chat-header-topic{font-size:.85rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.125rem}.chat-hub-header-bar .chat-header-actions{display:flex;gap:.5rem}.chat-hub-header-bar .chat-header-actions button{display:flex;align-items:center;gap:.35rem;padding:.375rem .75rem;font-size:.85rem}@media(max-width: 700px){.chat-hub-header-bar{height:auto;min-height:48px;padding:.45rem .55rem;gap:.45rem}.chat-hub-header-bar .chat-header-info{min-width:0;flex:1}.chat-hub-header-bar .chat-header-info .chat-header-name{font-size:.95rem}.chat-hub-header-bar .chat-header-actions{flex:0 0 auto;gap:.25rem}.chat-hub-header-bar .chat-header-actions button{width:32px;min-width:32px;height:32px;padding:0;justify-content:center;font-size:0}.chat-hub-header-bar .chat-header-actions button i{margin:0;font-size:.95rem}}.chat-hub-tabs-container{background-color:#fff;border-bottom:1px solid #cbd5e1;padding:.5rem 1.5rem 0}.chat-hub-tabs{display:flex;gap:.5rem}.chat-hub-tabs .tab-btn{padding:.625rem 1.25rem;font-size:.95rem;font-weight:600;color:#64748b;background:rgba(0,0,0,0);border:none;border-radius:.375rem .375rem 0 0;border-bottom:3px solid rgba(0,0,0,0);cursor:pointer;box-shadow:none;transition:all .2s;display:flex;align-items:center;gap:.5rem}.chat-hub-tabs .tab-btn:hover{color:#334155;background-color:#f1f5f9}.chat-hub-tabs .tab-btn.active{color:#3ba4d7;border-bottom-color:#3ba4d7;background-color:rgba(0,0,0,0)}.chat-hub-tab-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#f8fafc}.chat-hub-conversation-layout{display:flex;flex-direction:row;height:100%;width:100%;overflow:hidden}.chat-hub-conversation-main{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden}.chat-hub-rightbar{width:200px;border-left:1px solid #cbd5e1;background-color:#fff;display:flex;flex-direction:column;flex-shrink:0;position:relative}.chat-hub-rightbar .rightbar-title{padding:.75rem 1rem;font-size:.85rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.chat-hub-rightbar .rightbar-users-list{flex:1;overflow-y:auto;padding:.5rem}.chat-hub-rightbar .user{padding:.5rem .75rem;font-size:.9rem;color:#334155;border-radius:.375rem;transition:all .2s;display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.chat-hub-rightbar .user:hover{background-color:#f1f5f9;color:#0f172a}.chat-hub-rightbar .user .defaultAvatar{width:2rem;height:2rem;font-size:.9rem;flex-shrink:0}.chat-hub-rightbar .user img.avatar{width:2rem;height:2rem;flex-shrink:0}.chat-hub-rightbar .rightbar-title{display:flex;align-items:center;justify-content:space-between}.chat-hub-rightbar .rightbar-close{display:none;border:none;background:rgba(0,0,0,0);color:#64748b;font-size:1rem;padding:.25rem .5rem;cursor:pointer}@media(min-width: 900px){.chat-hub-header-bar .chat-header-actions .participants-toggle{display:none}}@media(max-width: 899px){.chat-hub-conversation-layout{position:relative}.chat-hub-rightbar{display:none}.chat-hub-conversation-layout.show-participants .chat-hub-rightbar{display:flex;position:absolute;top:0;right:0;bottom:0;width:min(80vw,320px);z-index:60;box-shadow:-4px 0 16px rgba(0,0,0,.15)}.chat-hub-conversation-layout.show-participants .rightbar-close{display:inline-flex}}.chat-hub-messages{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.chat-hub-messages .message{display:flex;flex-direction:column;max-width:70%;padding:.625rem .875rem;border-radius:.75rem;font-size:.925rem;line-height:1.4;word-break:break-word;box-shadow:0 1px 2px rgba(0,0,0,.05)}.chat-hub-messages .message.incoming{align-self:flex-start;align-items:flex-start;background-color:#fff;color:#1e293b;border:1px solid #e2e8f0;border-bottom-left-radius:.125rem}.chat-hub-messages .message.outgoing{align-self:flex-end;align-items:flex-end;background-color:#3ba4d7;color:#fff;border-bottom-right-radius:.125rem}.chat-hub-messages .message .username{font-size:.75rem;margin-bottom:.25rem;padding:0 .125rem;font-weight:700}.chat-hub-messages .message.incoming .username{color:#0369a1}.chat-hub-messages .message.outgoing .username{color:#e0f2fe}.chat-hub-messages .message .messagetext{white-space:break-spaces;margin:0}.chat-hub-messages .message .datetime{font-size:.7rem;margin-top:.25rem;padding:0 .125rem;opacity:.8}.chat-hub-messages .message.incoming .datetime{color:#64748b}.chat-hub-messages .message.outgoing .datetime{color:#f1f5f9}.chat-attachment-preview{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background-color:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0}.chat-attachment-preview__item{position:relative;display:inline-flex;flex-shrink:0}.chat-attachment-preview__thumb{width:auto;max-width:220px;height:120px;min-width:90px;object-fit:cover;border-radius:.625rem;border:1px solid #cbd5e1;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.chat-attachment-preview__thumb:hover{transform:scale(1.02);box-shadow:0 4px 14px rgba(0,0,0,.18)}.chat-attachment-preview__remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background-color:#ef4444;color:#fff;border:2px solid #fff;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.25);padding:0;line-height:1;transition:background-color .15s,transform .15s}.chat-attachment-preview__remove:hover{background-color:#dc2626;transform:scale(1.1)}.chat-attachment-preview__info{display:flex;flex-direction:column;gap:.15rem;min-width:0;overflow:hidden}.chat-attachment-preview__name{font-size:.85rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-attachment-preview__hint{font-size:.75rem;color:#64748b}.chat-hub-input-area{padding:.75rem 1.5rem;background-color:#fff;border-top:1px solid #cbd5e1;display:flex;gap:.75rem;align-items:flex-end;flex-shrink:0}.chat-hub-input-area textarea.chat-hub-textarea{flex:1;resize:none !important;min-height:40px;max-height:160px;height:40px;padding:.55rem .75rem;border:1px solid #cbd5e1;border-radius:.625rem;font-size:.9rem;line-height:1.45;outline:none;overflow-y:hidden;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;background-color:#f8fafc}.chat-hub-input-area textarea.chat-hub-textarea:focus{background-color:#fff;border-color:#3ba4d7;box-shadow:0 0 0 3px rgba(59,164,215,.15)}.chat-hub-input-area button.chat-hub-send-btn{padding:.5rem 1.25rem;font-size:.9rem;height:40px;display:flex;align-items:center;gap:.5rem;border-radius:.375rem}button.chat-hub-action-btn,label.chat-hub-action-btn,.chat-hub-action-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:36px !important;height:36px !important;min-width:36px !important;padding:0 !important;margin:0 !important;background:rgba(0,0,0,0) !important;border:none !important;box-shadow:none !important;color:#64748b !important;font-size:1.15rem !important;border-radius:.375rem !important;cursor:pointer !important;transition:all .15s ease !important;outline:none !important}button.chat-hub-action-btn:hover,label.chat-hub-action-btn:hover,.chat-hub-action-btn:hover{background-color:#e2e8f0 !important;color:#3b82f6 !important;box-shadow:none !important}button.chat-hub-action-btn i,label.chat-hub-action-btn i,.chat-hub-action-btn i{font-size:1.15rem !important;color:inherit !important}.mobile-chat-attachment{display:none;position:relative;flex:0 0 auto}.mobile-chat-attachment__menu{position:absolute;z-index:20;bottom:calc(100% + .5rem);left:0;display:flex;min-width:9rem;flex-direction:column;padding:.25rem;border:1px solid #cbd5e1;border-radius:.5rem;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.18)}button.mobile-chat-attachment__option,label.mobile-chat-attachment__option{display:flex;width:100%;align-items:center;gap:.6rem;padding:.55rem .7rem;border:0;border-radius:.35rem;background:rgba(0,0,0,0);box-shadow:none;color:#334155;cursor:pointer;font-size:.9rem;text-align:left}button.mobile-chat-attachment__option:hover,label.mobile-chat-attachment__option:hover{background:#f1f5f9}@media(max-width: 700px){.chat-attachment-preview{padding:.35rem .6rem;gap:.5rem}.chat-attachment-preview__thumb{height:80px;max-width:130px}.chat-hub-input-area .desktop-chat-attachment,.network-chat-view .chat-input-area .desktop-chat-attachment{display:none !important}.chat-hub-input-area .mobile-chat-attachment,.network-chat-view .chat-input-area .mobile-chat-attachment{display:block}.chat-hub-input-area{gap:.2rem;align-items:center;padding:.35rem .45rem}.chat-hub-input-area .mobile-chat-attachment{order:1}.chat-hub-input-area textarea.chat-hub-textarea{order:2;min-width:0;min-height:40px;height:40px;max-height:140px;padding:.55rem .7rem;resize:none !important;border-color:#dbe2ea;border-radius:1.25rem;background:#fff;box-sizing:border-box;overflow-y:hidden;line-height:1.4}.chat-hub-input-area .emoji-picker-wrapper{order:3}.chat-hub-input-area .emoji-picker-wrapper .emoji-picker{right:-2.7rem;left:auto;width:min(320px,100vw - 1rem);max-height:min(420px,100dvh - 8rem)}.chat-hub-input-area .mobile-chat-attachment .chat-hub-action-btn,.chat-hub-input-area .emoji-picker-wrapper .chat-hub-action-btn{width:32px !important;height:32px !important;padding:.25rem !important}.chat-hub-input-area button.chat-hub-send-btn{order:4;width:40px;min-width:40px;height:40px;padding:0;justify-content:center;border-radius:50%}.chat-hub-input-area button.chat-hub-send-btn i{margin:0}}.chat-hub-messages.compact-container,.messages.compact-container{gap:0 !important;padding:.75rem 1rem !important;background-color:#fff !important;display:flex !important;flex-direction:column !important}.chat-hub-messages.compact-container .message.compact,.messages.compact-container .message.compact{display:block !important;max-width:100% !important;padding:.1rem 0 !important;border-radius:0 !important;background-color:rgba(0,0,0,0) !important;border:none !important;box-shadow:none !important;align-self:flex-start !important;font-size:.875rem !important;line-height:1.45 !important;margin:0 !important;white-space:nowrap !important}.chat-hub-messages.compact-container .message.compact:hover,.messages.compact-container .message.compact:hover{background-color:#f8fafc !important;overflow:visible !important;white-space:normal !important}.chat-hub-messages.compact-container .message.compact .datetime,.messages.compact-container .message.compact .datetime{color:#a0a0a0 !important;margin-right:.4rem !important;font-size:.78rem !important;font-family:monospace !important;opacity:1 !important;display:inline !important}.chat-hub-messages.compact-container .message.compact .username,.messages.compact-container .message.compact .username{font-weight:bold !important;margin-right:.2rem !important;font-size:.875rem !important;display:inline !important}.chat-hub-messages.compact-container .message.compact .messagetext,.messages.compact-container .message.compact .messagetext{color:#1e293b !important;white-space:normal !important;word-break:break-word !important;display:inline !important;margin:0 !important}.chat-create-lobby-btn{position:absolute;bottom:.5rem;right:1.25rem;background-color:#0084ff;color:#fff;border:none;border-radius:.375rem;padding:.35rem .75rem;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,132,255,.2),0 2px 4px -1px rgba(0,132,255,.1);transition:background-color .2s,transform .2s;display:flex;align-items:center;gap:.25rem}.chat-create-lobby-btn:hover{background-color:#0073e6;transform:translateY(-1px)}.chat-create-lobby-btn:active{transform:translateY(0)}.chat-hub-rightbar .user .user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.chat-hub-rightbar .rightbar-context-menu{position:absolute;right:1rem;width:210px;background-color:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 10px rgba(0,0,0,.15);border-radius:.375rem;z-index:1010;padding:.25rem 0;display:flex;flex-direction:column}.chat-hub-rightbar .rightbar-context-menu .menu-item{padding:.5rem 1rem;font-size:.85rem;color:#334155;cursor:pointer;display:flex;align-items:center;transition:background-color .2s}.chat-hub-rightbar .rightbar-context-menu .menu-item:hover{background-color:#f1f5f9;color:#0f172a}.chat-emoji{font-size:1.45em;line-height:1;vertical-align:-0.15em;display:inline-block}.chat-hub-attach-btn,.chat-hub-action-btn{background-color:rgba(0,0,0,0) !important;border:none !important;font-size:1.15rem !important;color:#64748b !important;cursor:pointer !important;padding:.4rem .5rem !important;border-radius:.375rem !important;flex-shrink:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;transition:all .2s !important;box-shadow:none !important;margin:0 !important;line-height:1 !important;height:36px !important;width:36px !important}.chat-hub-attach-btn:hover,.chat-hub-action-btn:hover{background-color:#f1f5f9 !important;color:#3b82f6 !important;transform:none !important}.attach-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background-color:rgba(15,23,42,.4);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.attach-modal{background-color:#fff;border-radius:.5rem;width:450px;max-width:90%;padding:1.5rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1rem}.attach-modal .attach-modal-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.25rem}.attach-modal .attach-modal-icon{font-size:1.2rem;color:#3b82f6}.attach-modal h4{margin:0;font-size:1.2rem;color:#0f172a}.attach-modal p{margin:0;font-size:.9rem;color:#475569}.attach-modal .attach-path-row{display:flex;gap:.5rem;align-items:center}.attach-modal .attach-path-row input[type=text]{flex:1;padding:.75rem;border:1px solid #cbd5e1;border-radius:.375rem;font-size:.9rem;outline:none;transition:border-color .2s;min-width:0}.attach-modal .attach-path-row input[type=text]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.attach-browse-btn{flex-shrink:0;display:flex;align-items:center;gap:.35rem;padding:.625rem .9rem;font-size:.875rem;background-color:#f1f5f9;color:#334155;border:1px solid #cbd5e1;border-radius:.375rem;cursor:pointer;box-shadow:none;transition:background-color .2s,border-color .2s;white-space:nowrap}.attach-browse-btn:hover{background-color:#e2e8f0;border-color:#94a3b8}.attach-path-hint{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .75rem;background-color:#fffbeb;border:1px solid #fcd34d;border-left:3px solid #f59e0b;border-radius:.375rem;font-size:.825rem;color:#92400e;line-height:1.45}.attach-path-hint i{color:#f59e0b;margin-top:.1rem;flex-shrink:0}.attach-path-hint code{font-family:monospace;background-color:rgba(245,158,11,.15);padding:.05rem .25rem;border-radius:.2rem}.attach-modal .hashing-spinner{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#3b82f6}.attach-modal .error-text{color:#ef4444;font-size:.85rem;margin:0}.attach-modal .modal-buttons{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.attach-modal .modal-buttons button{padding:.5rem 1rem;font-size:.9rem;border-radius:.25rem;border:none;cursor:pointer;transition:opacity .2s}.attach-modal .modal-buttons button:hover{opacity:.9}.chat-hub-emoji-btn{background-color:rgba(0,0,0,0);border:none;font-size:1.3rem;cursor:pointer;padding:.35rem .4rem;margin-right:.25rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:.375rem;line-height:1;transition:background-color .15s,transform .15s;box-shadow:none}.chat-hub-emoji-btn:hover{background-color:#f1f5f9;transform:scale(1.1)}.chat-hub-messages.compact-container .message.compact,.messages.compact-container .message.compact{display:block !important;max-width:100% !important;padding:.1rem 0 !important;border-radius:0 !important;background-color:rgba(0,0,0,0) !important;border:none !important;box-shadow:none !important;align-self:flex-start !important;font-size:.875rem !important;line-height:1.45 !important;margin:0 !important;white-space:nowrap !important}.chat-hub-messages.compact-container .message.compact:hover,.messages.compact-container .message.compact:hover{background-color:#f8fafc !important;overflow:visible !important;white-space:normal !important}.chat-hub-messages.compact-container .message.compact .datetime,.messages.compact-container .message.compact .datetime{color:#a0a0a0 !important;margin-right:.4rem !important;font-size:.78rem !important;font-family:monospace !important;opacity:1 !important;display:inline !important}.chat-hub-messages.compact-container .message.compact .username,.messages.compact-container .message.compact .username{font-weight:bold !important;margin-right:.2rem !important;font-size:.875rem !important;display:inline !important}.chat-hub-messages.compact-container .message.compact .messagetext,.messages.compact-container .message.compact .messagetext{color:#1e293b !important;white-space:normal !important;word-break:break-word !important;display:inline !important;margin:0 !important}.user-tooltip{position:fixed !important;width:280px !important;background-color:#ffffe1 !important;border:1px solid #7f7f7f !important;box-shadow:2px 2px 6px rgba(0,0,0,.25) !important;padding:.5rem !important;border-radius:.25rem !important;z-index:10000 !important;white-space:normal !important;display:flex !important;gap:.5rem !important;align-items:flex-start !important;color:#000 !important;font-size:.8rem !important;text-align:left !important;pointer-events:none !important}.user-tooltip .tooltip-avatar{flex-shrink:0 !important}.user-tooltip .tooltip-avatar .jdenticon-avatar,.user-tooltip .tooltip-avatar .defaultAvatar,.user-tooltip .tooltip-avatar img.avatar{width:56px !important;height:56px !important;min-width:56px !important;min-height:56px !important;border-radius:2px !important;border:1px solid #999 !important;box-shadow:none !important;object-fit:cover !important}.user-tooltip .tooltip-details{display:flex !important;flex-direction:column !important;gap:.2rem !important;min-width:0 !important;flex:1 !important}.user-tooltip .tooltip-details .tooltip-row{line-height:1.2 !important;display:flex !important;flex-direction:row !important;align-items:baseline !important;gap:.35rem !important;white-space:normal !important;word-break:break-all !important}.user-tooltip .tooltip-details .tooltip-row .tooltip-label{font-weight:bold !important;color:#000 !important;font-size:.8rem !important;flex-shrink:0 !important}.user-tooltip .tooltip-details .tooltip-row .tooltip-value{font-weight:normal !important;color:#000 !important;font-size:.8rem !important;overflow:hidden !important;text-overflow:ellipsis !important}.user-tooltip .tooltip-details .tooltip-row .tooltip-value.tooltip-id{font-family:monospace !important;font-size:.75rem !important;color:#00b !important}.attach-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background-color:rgba(15,23,42,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.attach-modal{background:#fff;border-radius:.5rem;width:480px;max-width:92vw;box-shadow:0 20px 25px -5px rgba(0,0,0,.15),0 8px 10px -6px rgba(0,0,0,.1);padding:1.5rem;display:flex;flex-direction:column;color:#1e293b;box-sizing:border-box}.attach-modal h4{margin:0 0 1rem 0;font-size:1.15rem;font-weight:700;color:#0f172a}.attach-modal .attach-modal-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.attach-modal .attach-modal-header h4{margin:0}.attach-modal .attach-modal-header .attach-modal-icon{font-size:1.25rem;color:#3b82f6}.emoji-picker-wrapper{position:relative;flex-shrink:0;display:flex;align-items:center}.emoji-picker{position:absolute;bottom:calc(100% + .5rem);left:0;width:320px;background-color:#fff;border:1px solid #e2e8f0;border-radius:.625rem;box-shadow:0 8px 30px -4px rgba(0,0,0,.18),0 4px 12px -2px rgba(0,0,0,.1);z-index:9999;display:flex;flex-direction:column;overflow:hidden;animation:emoji-pop .15s ease-out}.emoji-search-row{display:flex;align-items:center;gap:.4rem;padding:.6rem .75rem .4rem;border-bottom:1px solid #f1f5f9}.emoji-search-icon{color:#94a3b8;font-size:.8rem;flex-shrink:0}input.emoji-search-input{flex:1;border:1px solid #e2e8f0;border-radius:.375rem;padding:.3rem .5rem;font-size:.85rem;outline:none;background-color:#f8fafc;transition:border-color .15s}input.emoji-search-input:focus{border-color:#3ba4d7;background-color:#fff;box-shadow:none}.emoji-search-clear{background:none !important;border:none !important;cursor:pointer;color:#94a3b8;padding:.2rem;font-size:.8rem;box-shadow:none !important;display:flex;align-items:center}.emoji-search-clear:hover{color:#475569}.emoji-categories{display:flex;gap:.1rem;padding:.35rem .5rem;border-bottom:1px solid #f1f5f9;overflow-x:auto;scrollbar-width:none}.emoji-categories::-webkit-scrollbar{display:none}.emoji-cat-btn{background:rgba(0,0,0,0) !important;border:none !important;cursor:pointer;font-size:1.15rem !important;padding:.25rem .35rem !important;border-radius:6px !important;line-height:1 !important;box-shadow:none !important;transition:background-color .15s ease,transform .1s ease !important;flex-shrink:0;width:auto !important;height:auto !important;min-width:unset !important}.emoji-cat-btn:hover{background-color:#f1f5f9 !important;transform:scale(1.15)}.emoji-cat-btn.active{background-color:#e0f2fe !important;border-radius:6px !important;box-shadow:none !important}.emoji-grid{display:grid !important;grid-template-columns:repeat(8, 1fr) !important;gap:2px !important;padding:.4rem .35rem !important;max-height:220px !important;overflow-y:auto !important;overflow-x:hidden !important;scrollbar-width:thin;scrollbar-color:#cbd5e1 rgba(0,0,0,0)}.emoji-grid::-webkit-scrollbar{width:5px}.emoji-grid::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.emoji-grid::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.emoji-btn{background:rgba(0,0,0,0) !important;border:none !important;cursor:pointer;font-size:1.25rem !important;padding:.35rem 0 !important;border-radius:6px !important;line-height:1 !important;box-shadow:none !important;text-align:center;transition:background-color .1s ease,transform .1s ease !important;display:flex !important;align-items:center !important;justify-content:center !important;width:auto !important;height:auto !important;min-width:unset !important}.emoji-btn:hover{background-color:#e2e8f0 !important;transform:scale(1.2)}@keyframes emoji-pop{from{opacity:0;transform:scale(0.92) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.rightbar-context-menu,.chat-msg-context-menu{z-index:9999 !important;background-color:#fff !important;border:1px solid #cbd5e1 !important;border-radius:8px !important;box-shadow:0 10px 25px -5px rgba(0,0,0,.15),0 8px 10px -6px rgba(0,0,0,.1) !important;padding:.35rem 0 !important;font-family:inherit !important;overflow:hidden !important}.rightbar-context-menu .menu-item,.rightbar-context-menu .context-menu-item,.chat-msg-context-menu .menu-item,.chat-msg-context-menu .context-menu-item{display:flex !important;align-items:center !important;padding:.55rem .85rem !important;font-size:.875rem !important;font-weight:500 !important;color:#1e293b !important;cursor:pointer !important;transition:background-color .15s ease,color .15s ease !important;user-select:none !important}.rightbar-context-menu .menu-item:hover,.rightbar-context-menu .context-menu-item:hover,.chat-msg-context-menu .menu-item:hover,.chat-msg-context-menu .context-menu-item:hover{background-color:#f1f5f9 !important;color:#0284c7 !important}.rightbar-context-menu .menu-item i,.rightbar-context-menu .context-menu-item i,.chat-msg-context-menu .menu-item i,.chat-msg-context-menu .context-menu-item i{font-size:.95rem !important;width:1.25rem !important;text-align:center !important}.rightbar-context-menu{position:absolute !important;right:10px !important;min-width:220px !important;z-index:9999 !important}.chat-msg-context-menu{position:fixed !important;right:auto !important;width:max-content !important;min-width:180px !important;max-width:calc(100vw - 16px) !important;box-sizing:border-box !important}.chat-msg-context-menu .context-menu-item{white-space:nowrap !important}.chat-image-viewer{position:fixed;inset:0;z-index:1000000;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:3.5rem 1rem 1rem;background:rgba(15,23,42,.98)}.chat-image-viewer__image{display:block;max-width:100%;max-height:100%;object-fit:contain}.chat-image-viewer__close{position:absolute;top:max(.5rem,env(safe-area-inset-top));right:max(.5rem,env(safe-area-inset-right));width:2.75rem;height:2.75rem;padding:0;border:1px solid hsla(0,0%,100%,.5);border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:2rem;line-height:1}.side-bar{display:flex;flex-direction:column;background:#fff}.side-bar .mail-compose-btn{width:96%;margin:.25rem;padding:.75rem 0}.side-bar .sidebar a,.side-bar .sidebarquickview a{display:flex;align-items:center;gap:.5rem}.side-bar .sidebar-badge{margin-left:auto;background-color:#3b82f6;color:#fff;font-size:.725rem;font-weight:700;padding:.15rem .45rem;border-radius:999px;line-height:1;display:inline-flex;align-items:center;justify-content:center;min-width:1.2rem}.compose-mail__from{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:2px solid #eef3f6}.compose-mail__recipients{padding:.5rem 0;display:flex;flex-direction:column;gap:.5rem;border-bottom:2px solid #eef3f6}.compose-mail__recipients__container{display:flex;gap:.5rem}.compose-mail__recipients__container>label{text-transform:capitalize}.compose-mail__recipients__container .recipients{width:100%;display:flex;gap:.5rem;flex-wrap:wrap}.compose-mail__recipients__container .recipients__selected{padding:.125rem .5rem;display:flex;align-items:center;gap:.5rem;border:1px solid #eef3f6;border-radius:3px;cursor:default}.compose-mail__recipients__container .recipients__selected i{cursor:pointer;padding:.25rem}.compose-mail__recipients__container .recipients__input{display:flex;position:relative;flex-grow:1}.compose-mail__recipients__container .recipients__input-field{flex-grow:1;min-width:200px;padding:0;border:none;box-shadow:none}.compose-mail__recipients__container .recipients__input-field:focus+.recipients__input-list{display:flex}.compose-mail__recipients__container .recipients__input-list{z-index:1;position:absolute;top:1rem;padding:0;width:min(24rem,100vw - 3rem);max-width:100%;max-height:15rem;flex-direction:column;overflow:auto;display:none;background:#fff;border-top:1px solid #eef3f6;border-bottom:1px solid #eef3f6}.compose-mail__recipients__container .recipients__input-list:hover{display:flex}.compose-mail__recipients__container .recipients__input-list li{list-style:none;padding:.25rem .5rem;cursor:pointer;background:#fff;border:1px solid #eef3f6;border-top:0px}.compose-mail__recipients__container .recipients__input-list li:hover{background:#eef3f6}.compose-mail__recipients__container .recipients__input-list li:last-child{border-bottom:0px}.compose-mail__recipients .remove-recipient{padding:.125rem .5rem}.compose-mail input[type=text].compose-mail__subject{padding:.5rem 0;border:none;box-shadow:none;border-bottom:2px solid #eef3f6;border-radius:0}.compose-mail__message{margin:.5rem 0;height:100%;display:flex;flex-direction:column;overflow:auto}.compose-mail__message-body{height:100%;outline:rgba(0,0,0,0)}.compose-mail__send-btn{display:flex;align-items:center;gap:.5rem}.compose-mail__send-btn i{transform:translateY(-1px)}.msg-view{height:100%;display:flex;flex-direction:column;gap:1rem;overflow:auto}.msg-view-nav{display:flex;justify-content:space-between;align-items:column}.msg-view-nav__action{display:flex;gap:.5rem}.msg-view__header{display:flex;flex-direction:column;gap:1rem}.msg-view__header>h3{line-height:1}.msg-view__header .msg-details{display:flex;gap:1rem}.msg-view__header .msg-details__avatar{height:max-content}.msg-view__header .msg-details__info{display:flex;flex-direction:column}.msg-view__header .msg-details__info-item{display:flex;gap:.5rem}.msg-view__body{height:100%;overflow:auto;font-size:14px !important}.msg-view__attachment{height:50%;overflow:auto;display:flex;flex-direction:column}.msg-view__attachment-items{height:100%;overflow:auto}.mail-tag{width:8rem;padding:.5rem}.msgHeader{display:flex}.msgHeaderDetails{display:flex;flex-direction:column}table.mails th:nth-child(1){width:5%;color:#fcba03}table.mails th:nth-child(2){width:5%;color:hsl(202.5,30.7692307692%,44.9019607843%)}table.mails th:nth-child(3){width:50%;text-align:start}table.mails th:nth-child(4),table.mails th:nth-child(5){width:20%;text-align:start}table.mails td:nth-child(3){text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table.mails td:nth-child(4),table.mails td:nth-child(5){text-align:start}table.mails tr:hover{background-color:#eef3f6;cursor:pointer}table.mails tr.unread{color:#000;background-color:#eef3f6}table.mails>tr:hover{cursor:auto;background-color:#fff}table.mails th.sortable-th{cursor:pointer;user-select:none;transition:background-color .2s,color .2s}table.mails th.sortable-th:hover{background-color:#eef3f6;color:hsl(202.5,30.7692307692%,14.9019607843%)}input.star-check{display:none}input.star-check+label.star-check{color:gray}input.star-check:checked+label.star-check{color:#fcba03}#truncate{height:6rem;overflow:auto}#truncate.truncated-view{height:1.75rem;overflow:hidden}.toggle-truncate{font-size:.75rem;padding:0 .25rem;background:#999;color:#14141b;box-shadow:none;border-radius:2px}table.attachment-container{padding:0}table.attachment-container>tr{border:0}table.attachment-container .attachment-header{width:100%;display:flex;justify-content:space-between}table.attachment-container .attachment-header th{text-align:start}table.attachment-container .attachment-header th:nth-child(1){flex-basis:45%}table.attachment-container .attachment-header th:nth-child(2){flex-basis:15%}table.attachment-container .attachment-header th:nth-child(3){flex-basis:10%}table.attachment-container .attachment-header th:nth-child(4){flex-basis:20%}table.attachment-container .attachment-header th:nth-child(5){text-align:center;flex-basis:10%}table.attachment-container .attachment{width:100%;display:flex;justify-content:space-between;text-align:start}table.attachment-container .attachment__name{flex-basis:45%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}table.attachment-container .attachment__name span{margin-left:8px}table.attachment-container .attachment__from{flex-basis:15%}table.attachment-container .attachment__size{flex-basis:10%}table.attachment-container .attachment__date{flex-basis:20%}table.attachment-container .attachment td:nth-child(5){display:flex;justify-content:center;align-items:center;flex-basis:10%}table.attachment-container .attachment td:nth-child(5) button{font-size:.875rem}.view-toggle{height:max-content;border:1px solid #019dff;border-radius:4px;display:flex}.view-toggle *{padding:4px 12px;border-radius:4px}.composePopupOverlay{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1;background-color:rgba(0,0,0,.2)}.composePopupOverlay .composePopup{position:absolute;inset:0;margin:auto;width:80%;height:90%}.composePopupOverlay .composePopup>.widget{padding:2rem}.composePopupOverlay .composePopup .close-btn{position:absolute;top:1.5rem;right:1.5rem}.attachments-wrapper{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.attachment-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 1px 3px rgba(0,0,0,.02)}.attachment-card .attachment-icon{width:40px;height:40px;border-radius:.5rem;background:#eff6ff;color:#3b82f6;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.attachment-card .attachment-info{flex:1;min-width:0}.attachment-card .attachment-info .attachment-name{font-weight:600;font-size:.9rem;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-card .attachment-info .attachment-size{font-size:.75rem;color:#64748b}.attachment-card .btn-attachment-download{padding:.4rem .75rem;font-size:.8rem;height:34px}.mobile-fab-compose{display:none}@media(max-width: 768px){.side-bar{width:100% !important;flex-direction:row !important;overflow-x:auto !important;overflow-y:hidden !important;white-space:nowrap !important;border-bottom:1px solid #cbd5e1 !important;padding:.5rem !important;flex-shrink:0 !important;background:#fff !important}.side-bar .mail-compose-btn{display:none !important}.side-bar .sidebar{width:auto !important;flex-direction:row !important;gap:.25rem !important}.side-bar .sidebar a{padding:.5rem .75rem !important;font-size:.85rem !important;border-radius:.375rem !important;border-left:none !important;border-bottom:none !important;display:inline-flex !important;align-items:center !important;gap:.35rem !important}.side-bar .sidebar a .sidebar-link-text{display:none !important}.side-bar .sidebar a i{margin-right:0 !important;font-size:1.1rem !important}.side-bar .sidebar a .sidebar-badge{margin-left:0 !important;background:#3b82f6 !important;color:#fff !important;font-size:.7rem !important;font-weight:700 !important;padding:.15rem .4rem !important;border-radius:999px !important;line-height:1 !important}.side-bar .sidebar a.selected-sidebar-link{background-color:#e0f2fe !important;color:#0369a1 !important;border-left:none !important;font-weight:600 !important}.side-bar .sidebarquickview{display:none !important}select.mail-tag{padding:.45rem .75rem !important;border-radius:.5rem !important;border:1px solid #cbd5e1 !important;font-size:.85rem !important;font-weight:600 !important;background-color:#fff !important;color:#1e293b !important;outline:none !important;cursor:pointer !important;box-shadow:0 1px 2px rgba(0,0,0,.05) !important}.node-panel{width:100% !important;flex:1 !important;padding:.5rem !important;overflow:auto !important}.table-pagination-container table.mails{display:block !important;width:100% !important}.table-pagination-container table.mails tr:first-child{display:none !important}.table-pagination-container table.mails tbody{display:flex !important;flex-direction:column !important;gap:.5rem !important}.table-pagination-container table.mails tr.msgbody{display:flex !important;flex-direction:column !important;padding:.85rem !important;background:#fff !important;border:1px solid #e2e8f0 !important;border-radius:.65rem !important;box-shadow:0 1px 3px rgba(0,0,0,.03) !important;position:relative !important;margin-bottom:.25rem !important;transition:all .2s ease !important}.table-pagination-container table.mails tr.msgbody.unread{background:#f0f9ff !important;border-color:#bae6fd !important;border-left:4px solid #0284c7 !important}.table-pagination-container table.mails tr.msgbody td{display:block !important;padding:0 !important;border:none !important}.table-pagination-container table.mails tr.msgbody td.cell-from{order:1 !important;margin-bottom:.35rem !important;padding-right:5rem !important}.table-pagination-container table.mails tr.msgbody td.cell-from div{display:flex !important;align-items:center !important;gap:.5rem !important;width:100% !important}.table-pagination-container table.mails tr.msgbody td.cell-from div .jdenticon-avatar,.table-pagination-container table.mails tr.msgbody td.cell-from div .defaultAvatar,.table-pagination-container table.mails tr.msgbody td.cell-from div img.avatar{flex-shrink:0 !important;width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important;aspect-ratio:1/1 !important;object-fit:cover !important;border-radius:50% !important}.table-pagination-container table.mails tr.msgbody td.cell-from div span{font-weight:700 !important;font-size:.95rem !important;color:#1e293b !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.table-pagination-container table.mails tr.msgbody td.cell-date{order:2 !important;position:absolute !important;top:.85rem !important;right:.85rem !important;font-size:.75rem !important;font-weight:600 !important;color:#64748b !important;white-space:nowrap !important}.table-pagination-container table.mails tr.msgbody td.cell-subject{order:3 !important;margin-bottom:.25rem !important;font-size:.9rem !important;color:#334155 !important}.table-pagination-container table.mails tr.msgbody td.cell-subject span{font-weight:600 !important}.table-pagination-container table.mails tr.msgbody td.cell-star{order:4 !important;position:absolute !important;bottom:.75rem !important;right:.85rem !important}.table-pagination-container table.mails tr.msgbody td.cell-attachment{order:5 !important;position:absolute !important;bottom:.75rem !important;right:2.5rem !important;color:#64748b !important}.msg-view{padding:.5rem !important;gap:.75rem !important}.msg-view .msg-view-nav{background:#fff !important;padding:.5rem .75rem !important;border-radius:.5rem !important;border:1px solid #e2e8f0 !important}.msg-view .msg-view-nav__action button{padding:.45rem .65rem !important;min-width:38px !important;height:38px !important;justify-content:center !important}.msg-view .msg-view-nav__action button .btn-text{display:none !important}.msg-view .msg-view-nav__action button i{margin:0 !important;font-size:1rem !important}.msg-view__header{background:#fff !important;padding:1rem !important;border-radius:.5rem !important;border:1px solid #e2e8f0 !important}.msg-view__header h3{font-size:1.25rem !important;font-weight:800 !important;color:#0f172a !important;line-height:1.3 !important}.msg-view__body{background:#fff !important;padding:1rem !important;border-radius:.5rem !important;border:1px solid #e2e8f0 !important;font-size:.95rem !important;line-height:1.6 !important;color:#1e293b !important}.msg-view__attachment{height:auto !important}.mobile-fab-compose{position:fixed !important;bottom:1.75rem !important;right:1.5rem !important;width:54px !important;height:54px !important;border-radius:50% !important;background:linear-gradient(135deg, #3b82f6, #2563eb) !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:1.35rem !important;box-shadow:0 4px 14px rgba(37,99,235,.45) !important;border:none !important;z-index:1000 !important;cursor:pointer !important;transition:transform .2s ease !important}.mobile-fab-compose:active{transform:scale(0.92) !important}.composePopupOverlay .composePopup{width:95% !important;height:95% !important}}.mail-mobile-nav-toggle{display:none}.mail-nav-drawer{display:contents}.mail-mobile-box-title{display:none}@media(max-width: 768px){.side-bar{height:44px !important;padding:.25rem !important;overflow:visible !important}.mail-mobile-nav-toggle{display:inline-flex !important;width:40px;height:40px;align-items:center;justify-content:center;border:0;border-radius:6px;background:#fff;color:#0f172a;cursor:pointer;font-size:1.15rem}.mail-nav-drawer{position:fixed;top:0;left:0;z-index:1100;display:flex !important;flex-direction:column;width:min(82vw,300px);height:100dvh;padding:1rem 0;overflow-y:auto;background:#fff;border-right:1px solid #e2e8f0;box-shadow:8px 0 24px rgba(15,23,42,.16);transform:translateX(-105%);transition:transform 180ms ease}.mail-nav-drawer--open{transform:translateX(0)}.mail-mobile-box-title{display:flex !important;align-items:center;gap:.55rem;margin:.35rem 0 .55rem;color:#0f172a;font-size:1.45rem;font-weight:600}.mail-mobile-box-title i{color:#3b82f6;font-size:1.35rem}.mail-box-content>.widget__heading{display:none}.mail-nav-drawer .mail-compose-btn{display:flex !important;margin:0 .85rem .75rem !important}.mail-nav-drawer .sidebar,.mail-nav-drawer .sidebarquickview{display:flex !important;flex-direction:column !important;width:100% !important}.mail-nav-drawer .sidebarquickview{margin-top:.5rem;border-top:1px solid #e2e8f0;padding-top:.5rem}.mail-nav-drawer .sidebarquickview h6{display:block !important;margin:0 .9rem .35rem;color:#64748b}.mail-nav-drawer .sidebar a,.mail-nav-drawer .sidebarquickview a{display:flex !important;width:auto;padding:.7rem 1rem !important;border-radius:0 !important}.mail-nav-drawer .sidebar a .sidebar-link-text{display:inline !important}.mail-nav-drawer .sidebar a i{margin-right:.75rem !important;font-size:1.1rem !important}}@media(max-width: 700px){.mobile-fab-compose{bottom:calc(50px + env(safe-area-inset-bottom) + 1rem) !important}.composePopupOverlay{z-index:1050}.composePopupOverlay .composePopup{top:calc(44px + env(safe-area-inset-top) + .5rem) !important;right:0 !important;bottom:calc(50px + env(safe-area-inset-bottom) + .5rem) !important;left:0 !important;width:calc(100% - 1rem) !important;height:auto !important;margin:0 auto !important}.composePopupOverlay .composePopup>.widget{padding:1rem}.composePopupOverlay .composePopup .close-btn{top:.75rem;right:.75rem}}.file-view{width:100%;padding:1rem;margin-top:1.5rem;border-radius:8px;border:1px solid #ccc;animation:fadein .5s}.file-view__heading{display:flex;justify-content:space-between;margin-bottom:.5rem}.file-view__heading-chunk{display:flex;gap:1rem}.file-view__body{display:flex;flex-direction:column;gap:1rem}.file-view__body-details{display:flex;align-items:center}.file-view__body-details-stat{width:100%;display:grid;grid-template-columns:repeat(5, 1fr)}.file-view__body-details-stat span>i{margin-right:.5rem}.file-view__body-details-action{display:flex;gap:1rem;height:100%}.file-view__body-details-action button,.file-view__body-details-action button.red{padding:.25rem .75rem}table.myfiles td{word-wrap:break-word}table.myfiles th:nth-child(1){width:2%}table.myfiles th:nth-child(2){width:50%}table.myfiles td:nth-child(2){text-align:start}table.friendsfiles td{word-wrap:break-word}table.friendsfiles th:nth-child(1){width:1.5rem;padding-left:.25rem;padding-right:0}table.friendsfiles th:nth-child(2){width:50%;text-align:left;padding-left:.25rem}table.friendsfiles th:nth-child(4){width:40%}table.friendsfiles td:nth-child(2){text-align:start;padding-left:.25rem}table.friendsfiles td:nth-child(1){width:1.5rem;padding-left:.25rem;padding-right:0}.file-search-container{margin-top:1rem;padding:8px;display:flex;gap:8px;border:1px solid rgba(20,20,27,.2);border-radius:6px;height:100%;overflow:auto}.file-search-container__keywords{flex-basis:15%;padding-right:.25rem;border-right:1px solid rgba(20,20,27,.1)}.file-search-container__keywords .keywords-container{display:flex;flex-direction:column;border-top:2.5px solid rgba(20,20,27,.08);margin-top:.125rem;padding-top:.25rem}.file-search-container__keywords .keywords-container a{font-size:1.2rem;text-decoration:none;color:#14141b}.file-search-container__keywords .keywords-container a.selected{color:#019dff}.file-search-container__results{flex-basis:85%;height:100%;overflow:auto}.file-search-container__results .results-container .results-header tr{display:flex}.file-search-container__results .results-container .results-header tr th{font-size:1.25rem;font-weight:bold;text-align:left}.file-search-container__results .results-container .results-header tr th:nth-child(1){flex-basis:40%}.file-search-container__results .results-container .results-header tr th:nth-child(2){flex-basis:10%;text-align:center}.file-search-container__results .results-container .results-header tr th:nth-child(3){flex-basis:40%}.file-search-container__results .results-container .results-header tr th:nth-child(4){flex-basis:10%}.file-search-container__results .results-container .results{height:100%;overflow:auto}.file-search-container__results .results-container .results tr{display:flex}.file-search-container__results .results-container .results tr .results__hash,.file-search-container__results .results-container .results tr .results__name{text-align:left;flex-basis:40%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-search-container__results .results-container .results tr .results__hash span,.file-search-container__results .results-container .results tr .results__name span{margin-left:8px}.file-search-container__results .results-container .results tr .results__size{flex-basis:10%}.file-search-container__results .results-container .results tr .results__download{flex-basis:10%;display:flex;justify-content:start;align-items:center}.search-form{display:flex;width:40%}.search-form input{width:100%}.search-form button{margin-left:.5rem}.file-search-container{align-items:stretch;min-height:16rem;padding:1rem;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.06)}.file-search-container__keywords{flex:0 0 13rem;padding:0 1rem 0 0}.file-search-container__keywords .keywords-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.file-search-container__keywords .keywords-header h5{margin:0;font-size:1rem}.file-search-container__keywords .clear-btn{padding:.35rem .7rem}.file-search-container__keywords .keywords-container a{padding:.45rem .55rem;border-radius:.35rem;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-search-container__keywords .keywords-container a:hover,.file-search-container__keywords .keywords-container a.selected{background:rgba(0,154,235,.1);color:#019dff}.file-search-container__results{flex:1 1 auto;min-width:0;overflow:visible}.file-search-container__results>h5{margin:0;color:#64748b}.results-container{width:100%;border:1px solid #dbe3ec;border-radius:.5rem;overflow:hidden}.results-row{display:grid;grid-template-columns:minmax(12rem, 2fr) minmax(5.5rem, 0.6fr) minmax(12rem, 1.6fr) auto;gap:1rem;align-items:center}.results-header{background:#f1f5f9;border-bottom:1px solid #dbe3ec;color:#475569;font-size:.78rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.results-header .results-row{padding:.65rem .85rem}.results-list .file-item{padding:.75rem .85rem;border-bottom:1px solid #edf2f7;transition:background-color .15s ease}.results-list .file-item:last-child{border-bottom:0}.results-list .file-item:hover{background:#f8fafc}.results-cell{min-width:0}.results-cell.name-col{display:flex;align-items:center;gap:.55rem;color:#0f172a;font-weight:600}.results-cell.name-col i{color:#0284c7;font-size:1.1rem}.results-cell.name-col span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-cell.size-col{color:#475569;white-space:nowrap}.results-cell.hash-col{overflow:hidden;color:#64748b;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.download-btn-v65{padding:.45rem .75rem;white-space:nowrap}.modal-content.add-file-modal{width:min(32rem,100% - 2rem);box-sizing:border-box}.add-file-dialog{display:flex;flex-direction:column;min-width:0;gap:.75rem}.add-file-dialog__heading{display:flex;align-items:center;padding-right:3rem;gap:.6rem}.add-file-dialog__heading h3{margin:0;white-space:nowrap}.add-file-dialog hr{width:100%;margin:0}.add-file-dialog label{color:#334155;font-weight:600}.add-file-dialog input[type=text]{width:100%;min-width:0;box-sizing:border-box}.add-file-dialog button[type=submit]{align-self:flex-end}.shareManagerPopupOverlay{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1;background-color:rgba(0,0,0,.2);z-index:1200}.shareManagerPopupOverlay .shareManagerPopup{position:absolute;inset:0;margin:auto;width:80%;height:90%;max-width:72rem;box-sizing:border-box}.shareManagerPopupOverlay .shareManagerPopup>.widget{padding:1.5rem}.shareManagerPopupOverlay .shareManagerPopup .close-btn{position:absolute;top:1.5rem;right:1.5rem}.share-manager{display:flex;flex-direction:column;justify-content:space-between;min-height:0}.share-manager__table{margin:1rem 0 auto}.share-manager__table thead{font-weight:bold;text-align:left}.share-manager__table thead td:nth-child(1),.share-manager__table thead td:nth-child(2){padding-left:.5rem}.share-manager__table thead td:nth-child(3) .tooltip,.share-manager__table thead td:nth-child(4) .tooltip{font-weight:normal;font-size:1rem}.share-manager__table tbody{text-align:left}.share-manager__table tbody td:nth-child(4){font-size:1rem}.share-manager__table td input{border:0 !important}.share-manager__table td input[type=text]{width:100%}.share-manager__table td:nth-child(1){width:45%}.share-manager__table td:nth-child(2){width:20%}.share-manager__table td:nth-child(3){width:10%}.share-manager__table td:nth-child(4){width:25%}.share-manager__actions{display:flex;justify-content:space-between}.share-manager__empty td{padding:2rem 1rem;color:#64748b;text-align:center}.share-manager__form{display:flex;flex-direction:column;gap:.5rem}.share-manager__form_input{display:flex;flex-direction:column;gap:.5rem}.share-manager__form_input input{flex-grow:1}.share-manager .share-flags input.share-flags-check{display:none}.share-manager .share-flags input.share-flags-check+label.share-flags-label{color:gray;margin-right:.25rem;padding:.25rem .25rem .125rem;border:1px solid #6d6d6d;border-radius:.5rem}.share-manager .share-flags input.share-flags-check:checked+label.share-flags-label{color:#118fcc}.share-manager label span{display:inline-block;width:1.125rem}.manage-visibility label{width:100%;cursor:pointer}.manage-visibility{display:flex;justify-content:space-between}@media(max-width: 700px){.modal-content.add-file-modal{width:calc(100% - 1rem);min-height:0;padding:1rem}.modal-content.add-file-modal>.close-btn{top:.75rem;right:.75rem;padding:.55rem .75rem}.add-file-dialog{gap:.85rem}.add-file-dialog__heading{min-height:2.5rem}.add-file-dialog__heading h3{font-size:1.4rem}.add-file-dialog button[type=submit]{width:100%;min-height:2.75rem}.shareManagerPopupOverlay{height:100dvh;padding:.5rem;box-sizing:border-box;background-color:rgba(15,23,42,.55)}.shareManagerPopupOverlay .shareManagerPopup{position:relative;width:100%;height:100%;min-width:0;overflow:hidden;border-radius:.75rem;background:#fff}.shareManagerPopupOverlay .shareManagerPopup>.widget{min-width:0;padding:1rem;overflow:hidden}.shareManagerPopupOverlay .shareManagerPopup .close-btn{top:.85rem;right:.85rem;padding:.55rem .75rem}.shareManagerPopupOverlay .shareManagerPopup .widget__heading{min-height:2.5rem;padding-right:3rem}.shareManagerPopupOverlay .shareManagerPopup .widget__heading h3{overflow:hidden;font-size:1.45rem;text-overflow:ellipsis;white-space:nowrap}.share-manager{flex:1 1 auto;height:auto;overflow:hidden}.share-manager>blockquote.info{flex:0 0 auto;margin:.75rem 0 0;padding:.75rem .75rem .75rem 2rem;font-size:.9rem;line-height:1.35}.share-manager__table{flex:1 1 auto;min-height:0;margin:.75rem 0;padding:0;overflow-y:auto}.share-manager__actions{flex:0 0 auto;gap:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.share-manager__actions button{flex:1 1 0 !important;width:auto;min-height:2.75rem}.file-view__body-details{flex-direction:column;align-items:flex-start;gap:1rem}.file-view__body-details-stat{grid-template-columns:1fr;gap:.5rem}.file-view__body-details-stat span{display:flex;align-items:center}.share-manager__table,.share-manager__table thead,.share-manager__table tbody,.share-manager__table tr,.share-manager__table td{display:block;width:100% !important}.share-manager__table thead{display:none}.share-manager__table tr{border:1px solid #ccc;border-radius:8px;margin-bottom:1rem;padding:.5rem;background:#fff}.share-manager__table td{margin-bottom:.5rem;border:none !important;padding-left:0 !important}.share-manager__table tr:not(.share-manager__empty) td::before{display:block;margin-bottom:.2rem;color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.share-manager__table tr:not(.share-manager__empty) td:nth-child(1)::before{content:"Shared directory"}.share-manager__table tr:not(.share-manager__empty) td:nth-child(2)::before{content:"Visible name"}.share-manager__table tr:not(.share-manager__empty) td:nth-child(3)::before{content:"Access"}.share-manager__table tr:not(.share-manager__empty) td:nth-child(4)::before{content:"Visibility"}.share-manager__table .share-manager__empty{display:table-row;margin:0;padding:0;border:0}.share-manager__table .share-manager__empty td{display:table-cell;padding:2rem 1rem !important}table.myfiles,table.myfiles tr,table.myfiles td,table.friendsfiles,table.friendsfiles tr,table.friendsfiles td{display:block;width:100% !important}table.myfiles th,table.friendsfiles th{display:none}table.myfiles tr,table.friendsfiles tr{border:1px solid #ccc;border-radius:8px;margin-bottom:1rem;padding:.5rem;background:#fff}table.friendsfiles tr{display:grid;grid-template-columns:1.25rem minmax(0, 1fr) auto;align-items:center;column-gap:.35rem;margin-bottom:.5rem;padding:.65rem .5rem}table.friendsfiles td{display:block;width:auto !important;margin:0;padding:0 !important;border:0 !important}table.friendsfiles td:nth-child(1){grid-column:1}table.friendsfiles td:nth-child(2){grid-column:2;left:0 !important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.friendsfiles td:nth-child(3){grid-column:3;white-space:nowrap}table.friendsfiles td:nth-child(4){grid-column:2/-1;margin-top:.4rem}table.myfiles tr{display:grid;grid-template-columns:1.25rem minmax(0, 1fr) auto;align-items:center;column-gap:.35rem;margin-bottom:.5rem;padding:.65rem .5rem}table.myfiles td{display:block;width:auto !important;margin:0;padding:0 !important;border:0 !important}table.myfiles td:nth-child(1){grid-column:1}table.myfiles td:nth-child(2){grid-column:2;left:0 !important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.myfiles td:nth-child(3){grid-column:3;white-space:nowrap}.my-files__configure-shares{width:2.4rem;min-width:2.4rem;padding:.55rem !important}.my-files__configure-shares span{display:none}.file-search-container{flex-direction:column}.file-search-container__keywords{flex-basis:auto;width:100%;border-right:none;border-bottom:1px solid rgba(20,20,27,.1);padding-bottom:1rem;margin-bottom:1rem}.results-container,.results-container thead,.results-container tbody,.results-container tr,.results-container td{display:block;width:100% !important}.results-container thead{display:none}.results-container tr{border-bottom:1px solid #eee;padding:1rem 0}.results-container td{margin-bottom:.5rem;word-break:break-all}.search-form{width:auto;flex:1;max-width:18rem}.file-search-container{gap:.75rem;padding:.75rem}.file-search-container__keywords{padding:0 0 .75rem;margin:0}.file-search-container__results{width:100%}.results-header{display:none}.results-list .file-item{display:grid;grid-template-columns:minmax(0, 1fr) auto;grid-template-areas:"name action" "size hash";gap:.45rem .75rem;padding:.8rem}.results-cell.name-col{grid-area:name}.results-cell.size-col{grid-area:size;font-size:.82rem}.results-cell.hash-col{grid-area:hash;max-width:10rem;text-align:right}.results-cell.action-col{grid-area:action}.download-btn-v65{padding:.4rem .6rem}}.file-section{margin-top:2rem;display:flex;flex-direction:column}.comments-section{margin-top:2rem;display:flex;justify-content:space-between}.comments-section__menu{display:flex;gap:1rem}.comments-section__menu-id{display:flex;align-items:center;gap:.25rem}#toggleunsub{position:relative;background:gray}table.channels th:nth-child(1){width:50%;text-align:start}table.channels td:nth-child(1){text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table.channels tr:hover{background-color:#eef3f6;cursor:pointer}table.channels tr.hidden{display:none}table{padding:.5rem}table.comments{border:1px solid #eee}table.comments th{height:40px}table.comments th:nth-child(1){width:2%}table.comments th:nth-child(2){width:40%}table.comments td{word-wrap:break-word}table.comments td:nth-child(2){text-align:start}table.files th:first-child{text-align:start;width:60%}table.files tr td:first-child{text-align:start}table.files td{word-wrap:break-word}.posts-container-card .channel-post__placeholder{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:#64748b;background:linear-gradient(135deg, #f8fafc, #dbe5f1)}.channel-post__placeholder i{font-size:1.35rem;color:#64748b}.channel-post__placeholder span{font-size:2rem;font-weight:700;color:#2563eb}.channel-post__placeholder small{font-size:.72rem;font-weight:600}.post-description{margin:1rem 0;padding:.85rem 1rem;border-radius:10px;background:#f1f5f9;color:#1e293b}.post-description__text{overflow-wrap:anywhere;line-height:1.5}.post-description__text>:first-child{margin-top:0}.post-description__text>:last-child{margin-bottom:0}.post-description__text--collapsed{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.post-description__toggle{margin-top:.35rem;padding:0 !important;border:0 !important;box-shadow:none !important;background:rgba(0,0,0,0) !important;color:#0f172a !important;font-size:.85rem !important;font-weight:700 !important}.post-description__toggle:hover{color:#2563eb !important;text-decoration:underline}.create-channel-form{display:grid !important;grid-template-columns:11rem minmax(0, 1fr);gap:1rem 1.5rem !important}.create-channel-form__heading,.create-channel-form__title,.create-channel-form__description,.create-channel-form__submit{grid-column:1/-1}.create-channel-form__heading h3{margin:0;color:#1e293b}.create-channel-form__heading p{margin:.25rem 0 0;color:#64748b;font-size:.9rem}.create-channel-form__title{width:100%}.create-channel-form__thumbnail{grid-row:span 2;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border:1px solid #e2e8f0;border-radius:.65rem;background:#f8fafc}.create-channel-form__thumbnail-label,.create-channel-form__field label{color:#475569;font-size:.85rem;font-weight:700}.create-channel-form__file-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.create-channel-form__file-button{padding:.4rem .65rem;border:1px solid #0284c7;border-radius:.35rem;background:#0284c7;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer}.create-channel-form__thumbnail small{color:#64748b;text-align:center}.create-channel-form__field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.create-channel-form__field .config-style-select{width:100%;max-width:320px;min-width:0;box-sizing:border-box;padding:.4rem;border:1px solid #cbd5e1;border-radius:4px;background-color:#fff;color:#1e293b;font-size:.95rem}.create-channel-form__description{width:100%;min-height:7rem;resize:vertical}.create-channel-form__submit{justify-self:end}.modal-content.create-channel-modal{width:min(760px,100% - 2rem);max-height:calc(100% - 2rem);box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.channel-thumbnail-preview{width:9rem;height:9rem;overflow:hidden;border:1px solid #cbd5e1;border-radius:.5rem;background:#f8fafc}.channel-thumbnail-preview img{width:100%;height:100%;display:block;object-fit:cover}.channel-thumbnail-preview__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;background:linear-gradient(135deg, #eef2ff, #dbeafe);color:#64748b}.channel-thumbnail-preview__placeholder i{color:#3ba4d7;font-size:2rem}.channel-thumbnail-preview__placeholder span{color:#334155;font-weight:700}.channel-thumbnail-preview__placeholder small{font-size:.72rem}.channel-detail-default-thumbnail{display:flex;flex:0 0 6rem;align-items:center;justify-content:center;width:6rem;height:6rem;border:1px solid #cbd5e1;border-radius:4px;background:linear-gradient(135deg, #eef6fb, #dbeafe);color:#3ba4d7;box-sizing:border-box}.channel-detail-default-thumbnail i{font-size:2.75rem}.create-channel-post-form{display:grid !important;grid-template-columns:11rem minmax(0, 1fr);gap:1rem 1.5rem !important}.create-channel-post-form__heading,.create-channel-post-form__title,.create-channel-post-form__description,.create-channel-post-form__submit{grid-column:1/-1}.create-channel-post-form__heading h3{margin:0;color:#1e293b}.create-channel-post-form__heading p{margin:.25rem 0 0;color:#64748b;font-size:.9rem}.create-channel-post-form__title,.create-channel-post-form__description{width:100%;box-sizing:border-box}.create-channel-post-form__thumbnail{grid-row:span 2;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border:1px solid #e2e8f0;border-radius:.65rem;background:#f8fafc}.create-channel-post-form__thumbnail-label,.create-channel-post-form__attachments>label:first-child{color:#475569;font-size:.85rem;font-weight:700}.create-channel-post-form__file-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.create-channel-post-form__file-button,.create-channel-post-form__attachment-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem .65rem;border:1px solid #0284c7;border-radius:.35rem;background:#0284c7;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer}.create-channel-post-form__thumbnail small,.create-channel-post-form__attachments small{color:#64748b;text-align:center}.create-channel-post-form__attachments{display:flex;flex-direction:column;align-items:flex-start;align-self:start;gap:.5rem;min-width:0;padding:.8rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#f8fafc}.create-channel-post-form__attachment-list{width:100%;max-height:9rem;overflow-y:auto;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:.35rem;background:#fff}.create-channel-post-form__attachment-item{display:flex;align-items:center;gap:.55rem;padding:.45rem .55rem;border-bottom:1px solid #e2e8f0}.create-channel-post-form__attachment-item:last-child{border-bottom:0}.create-channel-post-form__attachment-item>i{flex:0 0 auto;color:#64748b}.create-channel-post-form__attachment-info{display:flex;flex-direction:column;min-width:0;flex:1}.create-channel-post-form__attachment-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155}.create-channel-post-form__attachment-info small{text-align:left}.create-channel-post-form__attachment-remove{flex:0 0 auto;padding:.25rem .4rem;border:0;box-shadow:none;background:rgba(0,0,0,0);color:#dc2626}.create-channel-post-form__attachment-remove:hover{background:#fee2e2}.create-channel-post-form__description{min-height:9rem;resize:vertical}.create-channel-post-form__submit{justify-self:end}.channel-post-thumbnail-preview{width:9rem;height:9rem;overflow:hidden;border:1px solid #cbd5e1;border-radius:.5rem;background:#f8fafc}.channel-post-thumbnail-preview img{width:100%;height:100%;display:block;object-fit:cover}.channel-post-thumbnail-preview__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;background:linear-gradient(135deg, #eef2ff, #dbeafe);color:#64748b}.channel-post-thumbnail-preview__placeholder i{color:#3ba4d7;font-size:2rem}.channel-post-thumbnail-preview__placeholder span{color:#334155;font-weight:700;text-align:center}.channel-post-thumbnail-preview__placeholder small{font-size:.72rem}.modal-content.create-channel-post-modal{width:min(760px,100% - 2rem);max-height:calc(100% - 2rem);box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.posts>.posts__heading.channel-posts-heading{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;width:100%;gap:1rem !important;flex-wrap:wrap;text-align:left}.posts>.posts__heading.channel-posts-heading h3{margin:0;text-align:left}.channel-posts-heading__create{display:inline-flex;align-items:center;gap:.35rem}@media(max-width: 600px){.modal-content.create-channel-modal{width:calc(100% - 1rem);max-height:calc(100% - 1rem);padding:1rem}.create-channel-form{width:100%;min-width:0;padding:0;overflow:visible;grid-template-columns:1fr}.create-channel-form__heading,.create-channel-form__title,.create-channel-form__thumbnail,.create-channel-form__field,.create-channel-form__description,.create-channel-form__submit{grid-column:1}.create-channel-form__thumbnail{grid-row:auto}.create-channel-form__thumbnail input[type=file]{max-width:100%}.create-channel-form__field .config-style-select{max-width:100%}.create-channel-form__description{box-sizing:border-box}.create-channel-form__submit{width:100%}.channel-thumbnail-preview{width:8rem;height:8rem}.modal-content.create-channel-post-modal{width:calc(100% - 1rem);max-height:calc(100% - 1rem);padding:1rem}.create-channel-post-form{width:100%;min-width:0;padding:0;grid-template-columns:minmax(0, 1fr)}.create-channel-post-form__heading,.create-channel-post-form__title,.create-channel-post-form__thumbnail,.create-channel-post-form__attachments,.create-channel-post-form__description,.create-channel-post-form__submit{grid-column:1}.create-channel-post-form__thumbnail{grid-row:auto}.create-channel-post-form__attachments{align-items:stretch;box-sizing:border-box}.create-channel-post-form__submit{width:100%}.channel-post-thumbnail-preview{width:8rem;height:8rem}.channel-posts-heading__create span{display:none}.channel-posts-heading__create{min-width:2.25rem;justify-content:center;padding-inline:.55rem}}.posts-container{align-content:start;grid-auto-rows:240px}.posts-container-card{position:relative;display:flex;align-self:start;height:240px;min-height:0;overflow:hidden}.posts-container-card>img,.posts-container-card>.channel-post__placeholder{min-height:0}.channel-post-comment-badge{position:absolute;z-index:2;top:.5rem;right:.5rem;display:inline-flex;align-items:center;gap:.3rem;min-width:1.75rem;min-height:1.75rem;padding:.25rem .45rem;box-sizing:border-box;color:#0f172a;background:hsla(0,0%,100%,.94);border:1px solid rgba(148,163,184,.7);border-radius:999px;box-shadow:0 2px 6px rgba(15,23,42,.22);font-size:.75rem;font-weight:700;pointer-events:none}.channel-post-comment-badge i{color:#3ba4d7}@media(max-width: 700px){.posts-container{grid-auto-rows:210px;gap:1rem}.posts-container-card{height:210px}}@media(max-width: 700px){.file-section{margin-top:1.25rem}table.channel-files,table.channel-files tbody,table.channel-files tr,table.channel-files td{display:block;width:100% !important;box-sizing:border-box}table.channel-files{padding:0;table-layout:auto}table.channel-files thead{display:none}table.channel-files tr{margin:0 0 .7rem;padding:.7rem;border:1px solid #dbe3ef;border-radius:8px;background:#fff}table.channel-files td{min-width:0;padding:.25rem 0;border:0;text-align:left}table.channel-files td::before{display:block;margin-bottom:.1rem;color:#64748b;content:attr(data-label);font-size:.72rem;font-weight:700;text-transform:uppercase}table.channel-files .channel-file__name{overflow-wrap:anywhere;color:#0f172a;font-weight:600;line-height:1.35}table.channel-files .channel-file__size{color:#475569}table.channel-files .channel-file__action{padding-top:.5rem}table.channel-files .channel-file__action>button{min-width:116px}table.channel-files .channel-file__action .file-view{margin-top:.6rem}}#mtags{width:160px;text-align:center;font-size:medium;margin-left:10px;height:40px}.forums-node-panel{position:relative;bottom:200px;margin-left:200px;animation:fadein .5s}.forum-thread-view{width:100%;min-width:0;box-sizing:border-box}.forum-post-content{max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}.forum-post-content img,.forum-post-content video,.forum-post-content iframe{max-width:100%;height:auto}.forum-post-content pre{max-width:100%;overflow:auto;white-space:pre-wrap}.forum-post-content table{display:block;max-width:100%;overflow-x:auto}table.forums th:nth-child(1){width:50%;text-align:start}table.forums td:nth-child(1){text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table.forums tr:hover{background-color:#eef3f6;cursor:pointer}table.forums tr.hidden{display:none}#searchforum{position:relative;margin-left:250px}#forumdetails{position:relative;padding:10px}.forum-detail-heading{margin-top:.75rem}.forum-detail-heading h3{margin:0}.forum-detail-card{display:grid;grid-template-columns:6rem minmax(15rem, 2fr) minmax(18rem, 3fr);grid-template-areas:"icon details description";align-items:center;gap:1rem 2rem;margin-top:.75rem;padding:1rem;border:1px solid #d7dee8;border-radius:4px;background:#fff}.forum-detail-card__icon{grid-area:icon;display:flex;align-items:center;justify-content:center;width:6rem;height:6rem;border:1px solid #cbd5e1;border-radius:4px;background:linear-gradient(135deg, #eef6fb, #dbeafe);color:#3ba4d7;box-sizing:border-box}.forum-detail-card__icon i{font-size:2.75rem}.forum-detail-card__details{grid-area:details;display:flex;flex-direction:column;gap:.3rem}.forum-detail-card__description{grid-area:description}.forum-detail-card__details>div,.forum-detail-card__description{min-width:0;overflow-wrap:anywhere}.forum-detail-card__details b,.forum-detail-card__description b{margin-right:.25rem}.forum-threads{margin-top:1rem}.forum-threads__heading{display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding-bottom:.35rem;border-bottom:1px solid #d7dee8}.forum-threads__heading h3{margin:0}.forum-threads__create{display:inline-flex;align-items:center;gap:.35rem}@media(max-width: 700px){.forum-detail-heading{align-items:center;gap:.75rem}.forum-detail-heading h3{min-width:0;overflow-wrap:anywhere}.forum-detail-card{grid-template-columns:5rem minmax(0, 1fr);grid-template-areas:"icon details" "description description";align-items:start;gap:1rem}.forum-detail-card__icon{width:5rem;height:5rem}.forum-detail-card__icon i{font-size:2.25rem}.forum-threads__create{min-width:2.25rem;justify-content:center;padding-inline:.55rem}.forum-threads__create span{display:none}}.p{margin:0}#toggleunsub{position:relative;background:gray}table.threads tr:hover{background-color:#eef3f6;cursor:pointer}table.threads td{word-wrap:break-word}table.threadreply th:nth-child(2){width:50%}table.threadreply th:nth-child(1){width:2%}table.threadreply td:nth-child(2){width:50%;text-align:start}table.threadreply td{word-wrap:break-word}table.threadreply tr:hover{background-color:#eef3f6;cursor:pointer}.create-forum-form{display:grid !important;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1rem 1.5rem !important}.create-forum-form__heading,.create-forum-form__title,.create-forum-form__moderators,.create-forum-form__description,.create-forum-form__submit{grid-column:1/-1}.create-forum-form__heading h3{margin:0;color:#1e293b}.create-forum-form__heading p{margin:.25rem 0 0;color:#64748b;font-size:.9rem}.create-forum-form__title,.create-forum-form__description{width:100%;box-sizing:border-box}.create-forum-form__description{min-height:7rem;resize:vertical}.create-forum-form__field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.create-forum-form__field label,.create-forum-form__moderators-heading label{color:#475569;font-size:.85rem;font-weight:700}.create-forum-form__field .config-style-select{width:100%;min-width:0;box-sizing:border-box;padding:.4rem;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:#1e293b;font-size:.95rem}.create-forum-form__moderators{min-width:0}.create-forum-form__moderators-heading{display:flex;justify-content:space-between;margin-bottom:.4rem}.create-forum-form__moderators-heading span{color:#64748b;font-size:.8rem}.create-forum-form__moderators-toggle{display:inline-flex;align-items:center;gap:.45rem;cursor:pointer}.create-forum-form__moderators-toggle input{margin:0}.create-forum-form__moderator-controls{display:flex;flex-direction:column;gap:.4rem}.create-forum-form__moderator-controls>.config-style-select{width:100%;box-sizing:border-box;padding:.4rem;border:1px solid #cbd5e1;border-radius:4px;background:#fff}.create-forum-form__search{position:relative}.create-forum-form__search i{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:#94a3b8}.create-forum-form__search input{width:100%;box-sizing:border-box;padding-left:2rem}.create-forum-form__moderator-list{max-height:13rem;overflow-y:auto;border:1px solid #cbd5e1;border-radius:4px;background:#fff}.create-forum-form__moderator{display:flex;align-items:center;gap:.65rem;padding:.45rem .65rem;border-bottom:1px solid #e2e8f0;cursor:pointer}.create-forum-form__moderator:last-child{border-bottom:0}.create-forum-form__moderator:hover{background:#f1f5f9}.create-forum-form__moderator>span{display:flex;flex-direction:column;min-width:0}.create-forum-form__moderator>.jdenticon-avatar,.create-forum-form__moderator>.defaultAvatar,.create-forum-form__moderator>img.avatar{flex:0 0 30px;margin-right:0}.create-forum-form__moderator b{color:#1e293b;font-size:.9rem}.create-forum-form__moderator small{color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-forum-form__empty{padding:1rem;color:#64748b;text-align:center}.create-forum-form__submit{justify-self:end}.modal-content.create-forum-modal{width:min(720px,100% - 2rem);max-height:calc(100% - 2rem);box-sizing:border-box;overflow-x:hidden;overflow-y:auto}@media(max-width: 600px){.modal-content.create-forum-modal{width:calc(100% - 1rem);max-height:calc(100% - 1rem);padding:1rem}.create-forum-form{grid-template-columns:minmax(0, 1fr)}.create-forum-form__heading,.create-forum-form__title,.create-forum-form__field,.create-forum-form__moderators,.create-forum-form__description,.create-forum-form__submit{grid-column:1}.create-forum-form__moderator-list{max-height:10rem}.create-forum-form__submit{width:100%}}.forum-thread-composer{width:min(720px,100%);height:auto;box-sizing:border-box;gap:.85rem}.forum-thread-composer__heading{padding-right:5.5rem}.forum-thread-composer__heading-copy{min-width:0}.forum-thread-composer__heading h3{margin:0;color:#1e293b}.forum-thread-composer__heading p{margin:.25rem 0 0;color:#64748b;font-size:.9rem}.forum-thread-composer__fullscreen{position:absolute;z-index:2;top:1.25rem;right:4.25rem;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin:0;padding:0;border:0;border-radius:4px;background:#f1f5f9;color:#475569;box-shadow:none}.forum-thread-composer__fullscreen:hover{background:#e0f2fe;color:#0284c7}.forum-thread-composer__reply{padding:.6rem .75rem;border-radius:4px;background:#f1f5f9;color:#475569}.forum-thread-composer__title{width:100%;box-sizing:border-box}.forum-thread-composer__field{display:flex;flex-direction:column;gap:.35rem}.forum-thread-composer__field label{color:#475569;font-size:.85rem;font-weight:700}.forum-thread-composer__field select{width:100%;box-sizing:border-box;padding:.45rem;border:1px solid #cbd5e1;border-radius:4px;background:#fff}.forum-thread-composer__editor{position:relative}.forum-thread-composer__editor textarea{display:block;width:100%;min-height:8rem;padding:.75rem;border-radius:4px 4px 0 0;box-sizing:border-box;resize:vertical}.forum-thread-composer__toolbar{position:relative;display:flex;gap:.25rem;padding:.4rem .5rem;border:1px solid #cbd5e1;border-top:0;border-radius:0 0 4px 4px;background:#f8fafc}.forum-thread-composer__toolbar>input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.forum-thread-composer__tool{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,0);color:#0284c7;cursor:pointer;box-shadow:none;box-sizing:border-box}.forum-thread-composer__tool:hover,.forum-thread-composer__tool.active{background:#e0f2fe}.forum-thread-composer__emoji-picker{position:absolute;left:2.75rem;bottom:3rem;z-index:10;width:min(22rem,100vw - 4rem);padding:.5rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;box-shadow:0 10px 25px rgba(15,23,42,.18)}.forum-thread-composer__emoji-categories{display:flex;gap:.15rem;overflow-x:auto;padding-bottom:.35rem;border-bottom:1px solid #e2e8f0}.forum-thread-composer__emoji-categories button,.forum-thread-composer__emoji-grid button{border:0;background:rgba(0,0,0,0);box-shadow:none;cursor:pointer;color:#0f172a}.forum-thread-composer__emoji-categories button{flex:0 0 2rem;padding:.3rem;border-radius:4px}.forum-thread-composer__emoji-categories button.active{background:#e0f2fe}.forum-thread-composer__emoji-grid{display:grid;grid-template-columns:repeat(8, 1fr);max-height:12rem;overflow-y:auto;padding-top:.4rem}.forum-thread-composer__emoji-grid button{padding:.3rem;font-size:1.15rem}.forum-thread-composer__file-panel{display:flex;flex-direction:column;gap:.35rem;padding:.65rem;border:1px solid #cbd5e1;border-top:0;background:#f8fafc}.forum-thread-composer__file-panel>div{display:flex;gap:.4rem;min-width:0}.forum-thread-composer__file-panel input{flex:1 1 auto;min-width:0;box-sizing:border-box}.forum-thread-composer__file-panel label{display:flex;flex:0 0 2.4rem;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:#0284c7;cursor:pointer}.forum-thread-composer__file-panel button{flex:0 0 auto}.forum-thread-composer__file-panel small{color:#64748b}.forum-thread-composer__file-panel small.error-text{color:#dc2626}.forum-thread-composer__inline-images{display:flex;flex-direction:column;gap:.65rem;padding:.75rem;border:1px solid #cbd5e1;border-top:0;background:#fff}.forum-thread-composer__inline-image{position:relative;align-self:flex-start;max-width:100%}.forum-thread-composer__inline-image img{display:block;max-width:100%;max-height:12rem;border-radius:6px;object-fit:contain}.forum-thread-composer__inline-image button{position:absolute;top:.4rem;right:.4rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:50%;background:rgba(15,23,42,.78);color:#fff;box-shadow:none}.forum-thread-composer__attachments{padding:.65rem;border:1px solid #d7dee8;border-radius:6px;background:#f8fafc}.forum-thread-composer__attachments-heading{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem;color:#475569;font-size:.85rem;font-weight:700}.forum-thread-composer__attachment-list{display:flex;flex-wrap:wrap;gap:.5rem;max-height:6rem;overflow-y:auto}.forum-thread-composer__attachment{display:flex;align-items:center;gap:.5rem;max-width:18rem;padding:.35rem .5rem;border:1px solid #cbd5e1;border-radius:6px;background:#fff}.forum-thread-composer__attachment>img{width:2rem;height:2rem;border-radius:4px;object-fit:cover}.forum-thread-composer__attachment>i{width:2rem;color:#3b82f6;text-align:center}.forum-thread-composer__attachment>span{display:flex;flex-direction:column;min-width:0}.forum-thread-composer__attachment b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.forum-thread-composer__attachment small{color:#64748b}.forum-thread-composer__attachment button{margin-left:auto;padding:.25rem;border:0;background:rgba(0,0,0,0);color:#ef4444;box-shadow:none}.forum-thread-composer__capacity{color:#64748b;font-size:.78rem;text-align:right}.forum-thread-composer__capacity.is-over-limit{color:#dc2626;font-weight:700}.forum-thread-composer__actions{display:flex;justify-content:flex-end}.modal-content.create-forum-thread-modal{width:min(720px,100% - 2rem);height:fit-content;max-height:calc(100% - 2rem);min-height:0;padding:1.25rem;box-sizing:border-box;overflow:hidden}.modal-content.create-forum-thread-modal>.forum-thread-composer{flex:0 1 auto;height:auto;max-height:calc(100vh - 4.5rem);min-height:0;padding-right:.25rem;overflow-x:hidden;overflow-y:auto}.modal-content.create-forum-thread-modal:not(.is-fullscreen){height:fit-content !important}.modal-content.create-forum-thread-modal:not(.is-fullscreen)>.forum-thread-composer{flex-grow:0;flex-shrink:1;align-self:stretch}.modal-content.create-forum-thread-modal.is-fullscreen{width:min(1100px,100% - 3rem);height:min(760px,100vh - 3rem);max-width:1100px;max-height:calc(100vh - 3rem);min-height:0;overflow:hidden}.modal-content.create-forum-thread-modal.is-fullscreen>.forum-thread-composer{width:100%;height:auto;max-height:100%;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.modal-content.create-forum-thread-modal.is-fullscreen .forum-thread-composer__title,.modal-content.create-forum-thread-modal.is-fullscreen .forum-thread-composer__field,.modal-content.create-forum-thread-modal.is-fullscreen .forum-thread-composer__editor,.modal-content.create-forum-thread-modal.is-fullscreen .forum-thread-composer__toolbar,.modal-content.create-forum-thread-modal.is-fullscreen .forum-thread-composer__attachments,.modal-content.create-forum-thread-modal.is-fullscreen .forum-thread-composer__inline-images{width:100%;box-sizing:border-box}.modal-content.create-forum-thread-modal.is-fullscreen .forum-thread-composer__editor textarea{width:100%;height:clamp(14rem,100vh - 25rem,28rem);min-height:14rem;max-height:28rem;box-sizing:border-box}@media(max-width: 600px){.modal-content.create-forum-thread-modal{width:calc(100% - 1rem);height:auto;max-height:calc(100% - 1rem);padding:1rem;overflow-y:auto}.modal-content.create-forum-thread-modal>.forum-thread-composer{width:100%;height:auto;max-height:calc(100vh - 3rem);padding:0;overflow-y:visible}.forum-thread-composer__fullscreen{display:none}.forum-thread-composer__editor textarea{min-height:7rem}.forum-thread-composer__emoji-picker{left:0;width:calc(100vw - 3rem);box-sizing:border-box}.forum-thread-composer__emoji-grid{grid-template-columns:repeat(6, 1fr)}.forum-thread-composer__file-panel>div{flex-wrap:wrap}.forum-thread-composer__file-panel input{flex-basis:calc(100% - 3rem)}.forum-thread-composer__file-panel button{flex:1 1 100%}.forum-thread-composer__attachment{max-width:100%;flex:1 1 100%}.forum-thread-composer__actions button{width:100%}}#popupmessage{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100vw !important;height:100vh !important;height:100dvh !important;background-color:rgba(15,23,42,.75) !important;backdrop-filter:blur(4px) !important;z-index:999999 !important;display:none;align-items:center !important;justify-content:center !important;box-sizing:border-box !important}.popup{position:fixed !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important;z-index:1000000 !important;max-width:90vw !important;max-height:90vh !important;display:flex !important;flex-direction:column !important;box-sizing:border-box !important}.popup-content{position:relative !important;background:#fff !important;border-radius:12px !important;padding:1rem !important;box-shadow:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.2) !important;max-width:90vw !important;max-height:90vh !important;overflow:auto !important;box-sizing:border-box !important}.popup-content span.close{position:absolute !important;top:.5rem !important;right:.75rem !important;font-size:1.75rem !important;font-weight:700 !important;color:#64748b !important;cursor:pointer !important;line-height:1 !important;z-index:10 !important;transition:color .15s ease !important}.popup-content span.close:hover{color:#ef4444 !important}.board-view-container{display:flex !important;flex-direction:column !important;gap:1rem !important;width:100% !important;max-width:100% !important;overflow-x:hidden !important;padding:.5rem 0 !important;box-sizing:border-box !important}.board-table{width:100% !important;border-collapse:collapse !important}.board-table th,.board-table td{text-align:left !important;padding:.65rem .85rem !important}.board-toolbar{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;gap:1rem !important;width:100% !important;padding:.5rem .85rem !important;background-color:#fff !important;border:1px solid #cbd5e1 !important;border-radius:8px !important;box-shadow:0 1px 3px rgba(0,0,0,.05) !important;box-sizing:border-box !important}.board-toolbar__left{display:flex !important;flex-direction:row !important;align-items:center !important;gap:.75rem !important;flex:1 !important;min-width:0 !important}.board-toolbar__right{display:flex !important;flex-direction:row !important;align-items:center !important;gap:.65rem !important;flex-shrink:0 !important}.board-toolbar__count-badge{display:inline-flex !important;align-items:center !important;gap:.4rem !important;padding:.3rem .65rem !important;background-color:#f1f5f9 !important;color:#475569 !important;font-size:.825rem !important;font-weight:600 !important;border-radius:16px !important;border:1px solid #e2e8f0 !important;white-space:nowrap !important}.board-toolbar__count-badge i{color:#007bff !important}.board-toolbar__search{position:relative !important;display:flex !important;align-items:center !important;flex:1 !important;max-width:380px !important;min-width:160px !important}.board-toolbar__search-icon{position:absolute !important;left:.75rem !important;color:#94a3b8 !important;font-size:.85rem !important;pointer-events:none !important}.board-toolbar__search-input{width:100% !important;padding:.35rem .65rem .35rem 2.1rem !important;border:1px solid #cbd5e1 !important;border-radius:6px !important;font-size:.85rem !important;background-color:#fff !important;color:#1e293b !important}.board-toolbar__search-input:focus{outline:none !important;border-color:#007bff !important;box-shadow:0 0 0 3px rgba(0,123,255,.15) !important}.board-toolbar__voter{display:inline-flex !important;align-items:center !important;gap:.4rem !important;color:#475569 !important;font-size:.8rem !important;font-weight:600 !important;white-space:nowrap !important}.board-toolbar__voter select{max-width:180px !important;min-width:110px !important;padding:.3rem .45rem !important;border:1px solid #cbd5e1 !important;border-radius:6px !important;background:#fff !important;color:#1e293b !important;font-size:.8rem !important}.board-toolbar__voter select:focus{outline:none !important;border-color:#007bff !important;box-shadow:0 0 0 3px rgba(0,123,255,.15) !important}.board-toolbar__view-toggle{display:inline-flex !important;flex-direction:row !important;align-items:center !important;background-color:#f1f5f9 !important;padding:2px !important;border-radius:6px !important;border:1px solid #cbd5e1 !important}.board-toolbar__toggle-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:.35rem !important;padding:.3rem .65rem !important;border:none !important;background:rgba(0,0,0,0) !important;color:#64748b !important;font-size:.825rem !important;font-weight:500 !important;border-radius:4px !important;cursor:pointer !important;white-space:nowrap !important;transition:all .2s ease !important}.board-toolbar__toggle-btn i{font-size:.85rem !important}.board-toolbar__toggle-btn:hover{color:#1e293b !important;background-color:hsla(0,0%,100%,.6) !important}.board-toolbar__toggle-btn--active{background-color:#007bff !important;color:#fff !important;font-weight:600 !important;box-shadow:0 1px 2px rgba(0,0,0,.1) !important}.board-toolbar__toggle-btn--active i{color:#fff !important}@media(max-width: 768px){.board-toolbar{flex-wrap:wrap !important}.board-toolbar__left{flex-basis:100% !important}.board-toolbar__toggle-btn span{display:none !important}.board-toolbar__toggle-btn{padding:.35rem .55rem !important}}.board-post-voting{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.85rem 0;padding:.65rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem}.board-post-voting__identity{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.8rem;font-weight:600}.board-post-voting__identity select{max-width:220px;padding:.3rem .45rem;font-size:.8rem}.board-post-voting__buttons{display:flex;align-items:center;gap:.35rem}.board-post-voting__buttons button{min-width:52px;padding:.3rem .55rem;box-shadow:none}.board-post-voting__score{min-width:2rem;color:#334155;font-weight:700;text-align:center}@media(max-width: 560px){.board-post-voting{align-items:stretch;flex-direction:column}.board-post-voting__identity select{flex:1;min-width:0;max-width:none}.board-post-voting__buttons{justify-content:center}.board-card__notes-btn span{display:none}.board-card__notes-btn{width:30px;height:30px;justify-content:center;padding:0 !important}.board-card__notes-btn i{margin:0 !important}}.board-pagination{display:inline-flex !important;flex-direction:row !important;align-items:center !important;gap:.25rem !important;background-color:#fff !important;padding:2px 4px !important;border-radius:6px !important;border:1px solid #cbd5e1 !important}.board-pagination__btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:26px !important;height:26px !important;min-width:26px !important;min-height:26px !important;padding:0 !important;margin:0 !important;border:1px solid #cbd5e1 !important;border-radius:4px !important;background:#fff !important;color:#007bff !important;font-size:.825rem !important;cursor:pointer !important;transition:all .15s ease !important}.board-pagination__btn i{font-size:.825rem !important;color:#007bff !important}.board-pagination__btn:hover:not(:disabled){background-color:#007bff !important;color:#fff !important;border-color:#007bff !important}.board-pagination__btn:hover:not(:disabled) i{color:#fff !important}.board-pagination__btn:disabled{opacity:.4 !important;cursor:not-allowed !important;color:#94a3b8 !important;border-color:#e2e8f0 !important;background-color:#f1f5f9 !important}.board-pagination__btn:disabled i{color:#94a3b8 !important}.board-pagination__label{font-size:.825rem !important;font-weight:700 !important;color:#334155 !important;padding:0 .35rem !important;white-space:nowrap !important;user-select:none !important}.board-view-footer{display:flex !important;justify-content:center !important;align-items:center !important;padding:1rem 0 .5rem 0 !important;width:100% !important}.board-grid{display:flex !important;flex-direction:column !important;width:100% !important;box-sizing:border-box !important}.board-grid--compact{display:flex !important;flex-direction:column !important;gap:.5rem !important;width:100% !important}.board-grid--card{display:grid !important;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)) !important;gap:1.25rem !important;width:100% !important}.board-grid__empty{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;padding:4rem 2rem !important;text-align:center !important;background:#fff !important;border:2px dashed #cbd5e1 !important;border-radius:12px !important;width:100% !important;box-sizing:border-box !important}.board-grid__empty-icon{font-size:3rem !important;color:#cbd5e1 !important;margin-bottom:1rem !important}.board-grid__empty-title{font-size:1.15rem !important;font-weight:600 !important;color:#475569 !important;margin:0 0 .5rem 0 !important}.board-grid__empty-desc{font-size:.9rem !important;color:#94a3b8 !important;margin:0 !important}.board-card{box-sizing:border-box !important}.board-card--compact{display:flex !important;flex-direction:row !important;align-items:center !important;width:100% !important;min-height:70px !important;padding:.45rem .75rem !important;background-color:#eef2f5 !important;border:1px solid #d1d5db !important;border-radius:4px !important;gap:.75rem !important;box-sizing:border-box !important;margin-bottom:.35rem !important}.board-card--compact:hover{background-color:#e2e8f0 !important;border-color:#9ca3af !important}.board-card__vote-pill{display:inline-flex !important;align-items:center !important;gap:.4rem !important;padding:.2rem .55rem !important;background-color:#f1f5f9 !important;border:1px solid #cbd5e1 !important;border-radius:20px !important;box-sizing:border-box !important}button.board-card__vote-btn,.board-card__vote-pill .board-card__vote-btn{background:rgba(0,0,0,0) !important;border:none !important;box-shadow:none !important;padding:.1rem .2rem !important;margin:0 !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important;border-radius:4px !important;transition:background-color .15s ease !important;outline:none !important}.board-card__vote-pill .board-card__vote-btn:hover{background-color:#e2e8f0 !important;box-shadow:none !important}.board-card__vote-pill .board-card__vote-btn--up i{color:#16a34a !important;font-size:1.15rem !important}.board-card__vote-pill .board-card__vote-btn--down i{color:#dc2626 !important;font-size:1.15rem !important}.board-card__vote-pill .board-card__vote-score{font-size:.9rem !important;font-weight:700 !important;color:#1e293b !important;padding:0 .15rem !important;line-height:1 !important;min-width:1rem !important;text-align:center !important}.board-card--compact .board-card__image-container{width:110px !important;height:62px !important;flex-shrink:0 !important;border-radius:4px !important;overflow:hidden !important;background-color:#cbd5e1 !important}.board-card--compact .board-card__image{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}.board-card--compact .board-card__placeholder-wrapper{width:100% !important;height:100% !important;display:flex !important;align-items:center !important;justify-content:center !important;background:linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%) !important}.board-card__placeholder-content{display:flex;flex-direction:column;align-items:center;gap:.3rem;color:#64748b;font-size:.72rem;font-weight:600}.board-card__placeholder-content i{font-size:1.35rem}.board-card--compact .board-card__placeholder-img{width:24px !important;height:24px !important;color:#64748b !important}.board-card--compact .board-card__content{display:flex !important;flex-direction:column !important;justify-content:center !important;flex:1 !important;min-width:0 !important;padding:0 !important}.board-card__title-button,.board-card__title-button:active{all:unset;box-sizing:border-box;display:block;width:100%;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.board-card__title-button:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.board-card--compact .board-card__title{font-size:1.05rem !important;font-weight:700 !important;color:#25a !important;text-decoration:underline !important;font-style:italic !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;margin:0 0 .15rem 0 !important;cursor:pointer !important}.board-card--compact .board-card__title:hover{color:#1d4ed8 !important}.board-card--compact .board-card__meta{font-size:.8rem !important;color:#475569 !important;margin-bottom:.2rem !important}.board-card--compact .board-card__meta b{color:#1e293b !important}.board-card--compact .board-card__footer{display:flex !important;align-items:center !important;gap:.5rem !important;padding:0 !important;border:none !important;margin:0 !important}button.board-card__comments-btn,.board-card__comments-btn,.board-card--compact .board-card__comments-btn{display:inline-flex !important;align-items:center !important;gap:.35rem !important;padding:.2rem .5rem !important;background:rgba(0,0,0,0) !important;border:none !important;box-shadow:none !important;color:#64748b !important;font-size:.85rem !important;font-weight:500 !important;cursor:pointer !important;outline:none !important}button.board-card__comments-btn:hover,.board-card__comments-btn:hover,.board-card--compact .board-card__comments-btn:hover{color:#007bff !important;text-decoration:underline !important;box-shadow:none !important}button.board-card__notes-btn,.board-card__notes-btn{display:inline-flex !important;align-items:center !important;gap:.35rem !important;padding:.2rem .5rem !important;background:rgba(0,0,0,0) !important;border:none !important;box-shadow:none !important;color:#64748b !important;font-size:.85rem !important;font-weight:500 !important;cursor:pointer !important}.board-card__notes-btn:hover{color:#007bff !important;text-decoration:underline !important}.board-card--card{display:flex !important;flex-direction:column !important;background-color:#fff !important;border:1px solid #e2e8f0 !important;border-radius:10px !important;overflow:hidden !important;transition:transform .2s ease,box-shadow .2s ease !important;box-shadow:0 2px 4px rgba(0,0,0,.04) !important}.board-card--card:hover{transform:translateY(-3px) !important;box-shadow:0 8px 16px rgba(0,0,0,.08) !important;border-color:#cbd5e1 !important}.board-card--card .board-card__vote-col{display:none !important}.board-card--card .board-card__image-container{width:100% !important;height:170px !important;overflow:hidden !important;background-color:#f1f5f9 !important}.board-card--card .board-card__image{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}.board-card--card .board-card__placeholder-wrapper{width:100% !important;height:100% !important;display:flex !important;align-items:center !important;justify-content:center !important;background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important}.board-card--card .board-card__placeholder-img{width:36px !important;height:36px !important;color:#94a3b8 !important}.board-card--card .board-card__content{display:flex !important;flex-direction:column !important;flex:1 !important;padding:1rem !important}.board-card--card .board-card__title{font-size:1.05rem !important;font-weight:700 !important;color:#0f172a !important;margin:0 0 .4rem 0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;cursor:pointer !important}.board-card--card .board-card__title:hover{color:#007bff !important}.board-card--card .board-card__meta{font-size:.8rem !important;color:#64748b !important;margin-bottom:.5rem !important}.board-card--card .board-card__notes-wrapper{display:flex !important;flex-direction:column !important;gap:.35rem !important;margin-bottom:.75rem !important}.board-card--card .board-card__notes{font-size:.85rem !important;line-height:1.45 !important;color:#475569 !important;background-color:#f8fafc !important;border-left:3px solid #cbd5e1 !important;padding:.4rem .6rem !important;word-break:break-word !important}.board-card--card .board-card__notes--clamped{display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;white-space:pre-line !important}.board-card--card .board-card__notes--expanded{display:block !important;white-space:pre-line !important}.board-card--card .board-card__notes-toggle{align-self:flex-start !important;background:none !important;border:none !important;padding:.1rem .3rem !important;color:#007bff !important;font-size:.775rem !important;font-weight:600 !important;cursor:pointer !important}.board-card--card .board-card__notes-toggle:hover{text-decoration:underline !important}.board-card--card .board-card__footer{display:flex !important;align-items:center !important;justify-content:flex-end !important;margin-top:auto !important;padding-top:.65rem !important;border-top:1px solid #f1f5f9 !important}.board-card--card .board-card__comments-btn{display:inline-flex !important;align-items:center !important;gap:.4rem !important;padding:.3rem .6rem !important;background-color:#f1f5f9 !important;color:#475569 !important;border:1px solid #e2e8f0 !important;border-radius:6px !important;font-size:.8rem !important;font-weight:500 !important;cursor:pointer !important}.board-card--card .board-card__comments-btn:hover{background-color:#007bff !important;color:#fff !important;border-color:#007bff !important}.board-card--card .board-card__comments-btn:hover i{color:#fff !important}.board-card--card .board-card__notes-btn{display:inline-flex !important;align-items:center !important;gap:.4rem !important;padding:.3rem .6rem !important;background-color:#f8fafc !important;color:#475569 !important;border:1px solid #e2e8f0 !important;border-radius:6px !important;font-size:.8rem !important;font-weight:500 !important}.board-card--card .board-card__notes-btn:hover{background-color:#e0f2fe !important;color:#0369a1 !important;border-color:#7dd3fc !important;text-decoration:none !important}.board-notes-dialog{min-width:min(560px,75vw);max-width:75vw}.board-notes-dialog h3{margin:0 2rem .8rem 0;color:#0f172a}.board-notes-dialog__label{margin:0 0 .35rem;color:#64748b;font-size:.78rem;font-weight:700;text-transform:uppercase}.board-notes-dialog__content{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#1e293b;line-height:1.55}#photo-view-overlay{display:none;position:fixed;inset:0;z-index:999999;background-color:rgba(0,0,0,.85);align-items:center;justify-content:center}.photo-view-dialog{background-color:#f8fafc !important;border-radius:8px !important;box-shadow:0 20px 25px -5px rgba(0,0,0,.5) !important;display:flex !important;flex-direction:column !important;max-width:90vw !important;max-height:90vh !important;width:820px !important;overflow:hidden !important;position:relative !important;z-index:1 !important}.photo-view-header{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:.75rem 1rem !important;background-color:#fff !important;border-bottom:1px solid #e2e8f0 !important}.photo-view-title{font-size:1.05rem !important;font-style:italic !important;font-weight:700 !important;color:#1e293b !important;margin:0 !important;flex:1 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.photo-view-close-btn{background:none !important;border:none !important;font-size:1.6rem !important;line-height:1 !important;color:#64748b !important;cursor:pointer !important;padding:0 .4rem !important}.photo-view-close-btn:hover{color:#ef4444 !important}.photo-view-body{display:flex !important;flex-direction:row !important;align-items:stretch !important;background-color:#0f172a !important;flex:1 !important;min-height:380px !important;max-height:68vh !important;overflow:hidden !important}.photo-view-nav-col{width:56px !important;flex-shrink:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;background-color:rgba(0,0,0,.25) !important}.photo-view-img-wrap{flex:1 !important;display:flex !important;align-items:center !important;justify-content:center !important;min-width:0 !important;padding:.75rem !important}.photo-view-img{max-width:100% !important;max-height:65vh !important;object-fit:contain !important;display:block !important;border-radius:4px !important}.photo-view-no-img{color:#94a3b8 !important;font-size:.95rem !important}.photo-view-nav-btn{width:38px !important;height:38px !important;background-color:#fff !important;border:1px solid #cbd5e1 !important;border-radius:6px !important;color:#007bff !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;box-shadow:0 4px 10px rgba(0,0,0,.3) !important;transition:all .15s ease !important;flex-shrink:0 !important}.photo-view-nav-btn i{font-size:1rem !important;color:#007bff !important}.photo-view-nav-btn:hover{background-color:#007bff !important;color:#fff !important;border-color:#007bff !important}.photo-view-nav-btn:hover i{color:#fff !important}.photo-view-footer{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:.75rem 1rem !important;background-color:#fff !important;border-top:1px solid #e2e8f0 !important}.photo-view-meta{font-size:.875rem !important;color:#475569 !important}.photo-view-meta b{color:#0f172a !important}@media(max-width: 768px){.media-item__desc{display:none !important}.media-item__details{flex-basis:100% !important;width:100% !important}}.board-detail-default-thumbnail{display:flex;flex:0 0 6rem;align-items:center;justify-content:center;width:6rem;height:6rem;border:1px solid #cbd5e1;border-radius:4px;background:linear-gradient(135deg, #eef6fb, #dbeafe);color:#3ba4d7;box-sizing:border-box}.board-detail-default-thumbnail i{font-size:2.75rem}.create-board-form{display:grid !important;grid-template-columns:11rem minmax(0, 1fr);gap:1rem 1.5rem !important}.create-board-form__heading,.create-board-form__title,.create-board-form__description,.create-board-form__submit{grid-column:1/-1}.create-board-form__heading h3{margin:0;color:#1e293b}.create-board-form__heading p{margin:.25rem 0 0;color:#64748b;font-size:.9rem}.create-board-form__title{width:100%}.create-board-form__visual{grid-row:span 2;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.75rem;border:1px solid #e2e8f0;border-radius:.65rem;background:#f8fafc}.create-board-form .board-thumbnail-preview{width:9rem;height:9rem;overflow:hidden;border:1px solid #cbd5e1;border-radius:.5rem;background:linear-gradient(135deg, #eef2ff, #dbeafe)}.create-board-form .board-thumbnail-preview img{width:100%;height:100%;display:block;object-fit:cover}.create-board-form .board-thumbnail-preview__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.create-board-form .board-thumbnail-preview__placeholder i{color:#3ba4d7;font-size:2rem}.create-board-form .board-thumbnail-preview__placeholder span,.create-board-form__visual-label{color:#334155;font-weight:700}.create-board-form__file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.create-board-form__file-button{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;padding:.35rem .65rem;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:#334155;font-size:.85rem}.create-board-form__image-error{color:#b91c1c;font-size:.85rem;text-align:center}.create-board-form__file-button:hover{border-color:#3ba4d7;color:#0879b2}.create-board-form__visual small{color:#64748b;text-align:center}.create-board-form__field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.create-board-form__field label{color:#475569;font-size:.85rem;font-weight:700}.create-board-form__field .config-style-select{width:100%;max-width:320px;min-width:0;box-sizing:border-box;padding:.4rem;border:1px solid #cbd5e1;border-radius:4px;background-color:#fff;color:#1e293b;font-size:.95rem}.create-board-form__description{width:100%;min-height:7rem;resize:vertical}.create-board-form__submit{justify-self:end}.modal-content.create-board-modal{width:min(760px,100% - 2rem);max-height:calc(100% - 2rem);box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.create-board-post{display:flex !important;flex-direction:column;gap:.9rem !important}.create-board-post__heading h3{margin:0;color:#1e293b}.create-board-post__heading p{margin:.25rem 0 0;color:#64748b;font-size:.9rem}.create-board-post__modes{display:flex;gap:.4rem;border-bottom:1px solid #cbd5e1}.create-board-post__modes button{border:0;border-bottom:3px solid rgba(0,0,0,0);border-radius:0;background:rgba(0,0,0,0);color:#475569;box-shadow:none;padding:.55rem .8rem}.create-board-post__modes button.active{color:#0788cb;border-bottom-color:#0788cb}.create-board-post__title,.create-board-post__link,.create-board-post__notes{width:100%;box-sizing:border-box}.create-board-post__notes{resize:vertical;min-height:10rem}.create-board-post__image{display:flex;flex-direction:column;align-items:center;gap:.65rem}.create-board-post__preview{width:min(100%,30rem);height:16rem;overflow:hidden;border:1px solid #cbd5e1;border-radius:.5rem;background:#f8fafc}.create-board-post__preview img{width:100%;height:100%;object-fit:contain;display:block}.create-board-post__placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;color:#64748b}.create-board-post__placeholder i{color:#3ba4d7;font-size:2.5rem}.create-board-post__file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.create-board-post__file-button{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;padding:.4rem .7rem;border:1px solid #cbd5e1;border-radius:4px;background:#fff}.create-board-post__author{display:flex;align-items:center;gap:.65rem}.create-board-post__author label{color:#475569;font-weight:700}.create-board-post__author select.network-style-select{flex:1;width:100%;min-width:0;box-sizing:border-box;padding:.375rem .5rem;border:1px solid #cbd5e1;border-radius:.375rem;background-color:#fff;color:#334155;outline:none;cursor:pointer;font-size:.85rem;font-weight:600;transition:border-color .2s}.create-board-post__author select.network-style-select:focus{border-color:#3ba4d7}.create-board-post__submit{align-self:flex-end;min-width:6rem}.posts>.posts__heading.board-posts-heading{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;width:100%;gap:1rem !important;flex-wrap:wrap;text-align:left}.posts>.posts__heading.board-posts-heading h3{margin:0;text-align:left}.board-posts-heading__create{display:inline-flex;align-items:center;gap:.3rem}.modal-content.create-board-post-modal{width:min(760px,100% - 2rem);max-height:calc(100% - 2rem);box-sizing:border-box;overflow-x:hidden;overflow-y:auto}@media(max-width: 600px){.modal-content.create-board-modal{width:calc(100% - 1rem);max-height:calc(100% - 1rem);padding:1rem}.create-board-form{width:100%;min-width:0;padding:0;overflow:visible;grid-template-columns:1fr}.create-board-form__heading,.create-board-form__title,.create-board-form__visual,.create-board-form__field,.create-board-form__description,.create-board-form__submit{grid-column:1}.create-board-form__visual{grid-row:auto}.create-board-form__field .config-style-select{max-width:100%}.create-board-form__description{box-sizing:border-box}.create-board-form__submit{width:100%}.create-board-form .board-thumbnail-preview{width:8rem;height:8rem}.modal-content.create-board-post-modal{width:calc(100% - 1rem);max-height:calc(100% - 1rem);padding:1rem}.create-board-post__modes button{flex:1;padding:.5rem .25rem}.create-board-post__preview{height:12rem}.create-board-post__author{align-items:stretch;flex-direction:column;gap:.35rem}.create-board-post__submit{width:100%}.board-posts-heading__create span{display:none}.board-posts-heading__create{min-width:2.25rem;justify-content:center;padding-inline:.55rem}}.mail .permission-flag{margin-bottom:1rem;display:flex;gap:1rem}.mail-tags{padding:.5rem;border:1px solid rgba(20,20,27,.2);border-radius:6px}.mail-tags__container{display:flex;flex-direction:column}.mail-tags__container .tag-item{display:flex;align-items:center;gap:4px;border-bottom:1px solid rgba(20,20,27,.1);padding:2px 0}.mail-tags__container .tag-item:last-child{border:none}.mail-tags__container .tag-item__color{width:1.25rem;height:1.25rem;aspect-ratio:1}.mail-tags__container .tag-item__name{font-size:1.125rem}.mail-tags__container .tag-item__modify{margin-left:auto;font-size:.75rem;display:flex;gap:4px}.mail-tags__container .tag-item:hover{background-color:#eef3f6}.mail-tags__container .tag-item button,.mail-tags__container .tag-item button.red{padding:.25rem .6rem}.mail-tags-form .input-field{margin-bottom:.5rem}.mail-tags-form .input-field label{margin-right:.5rem}.external-address{margin:0;padding-left:1rem;height:100px;overflow:hidden auto}.external-address::-webkit-scrollbar{display:none}.proxy-server{display:flex;flex-direction:column;gap:4px}.proxy-server__tor>h4,.proxy-server__i2p>h4{margin-bottom:.25rem}.proxy-server__tor>input,.proxy-server__i2p>input{margin-right:.5rem}.proxy-server__tor .proxy-outgoing,.proxy-server__i2p .proxy-outgoing{display:inline-flex;align-items:center;gap:.5rem}.proxy-server__tor .proxy-outgoing__status,.proxy-server__i2p .proxy-outgoing__status{width:1rem;height:1rem;aspect-ratio:1;border:1px solid #000;border-radius:50%}.config-files{display:flex;flex-direction:column;gap:1rem}.proxy-server-container{width:100%;display:flex;flex-direction:column;gap:1rem}.proxy-description{color:#334155;font-size:.95rem;margin-bottom:.5rem}.proxy-rows-container{display:flex;flex-direction:column;gap:.75rem;width:100%}.proxy-row{display:grid;grid-template-columns:160px 220px 220px auto;gap:.75rem;align-items:center;width:100%}.proxy-label{font-size:.95rem;font-weight:500;color:#1e293b}.proxy-addr-input,.proxy-port-input{width:100% !important;max-width:none !important}.proxy-status-container{display:flex;align-items:center;gap:.5rem}.proxy-status-bullet{width:14px;height:14px;border-radius:50%;display:inline-block;border:1px solid #475569}.proxy-status-text{font-size:.95rem;color:#1e293b}@media(max-width: 700px){.config-network{min-width:0;overflow-x:hidden}.config-network .widget{min-width:0;padding:.8rem}.config-network .nw-config-row{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:.35rem !important;min-width:0}.config-network .nw-config-row>label,.config-network .nw-config-row>p{margin:0 !important}.config-network .nw-mode-group,.config-network .nat-control-group,.config-network .addr-control-group,.config-network .proxy-control-group,.config-network .addr-port-group{width:100%;min-width:0;gap:.5rem !important}.config-network input[type=text],.config-network input[type=number],.config-network select{width:100% !important;max-width:none !important;min-width:0 !important;box-sizing:border-box}.config-network .port-group,.config-network .status-indicator{margin-left:0 !important}.config-network .port-group input[type=number]{width:90px !important}.config-network .external-address{width:100%;height:auto;max-height:9rem;padding-left:1.25rem;overflow:auto;overflow-wrap:anywhere;word-break:break-word;box-sizing:border-box}}@media(max-width: 700px){.node-config .config-grid{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:.6rem !important;min-width:0;box-sizing:border-box}.node-config .default-id-selector{width:100%;min-width:0}.node-config .default-id-selector select,.node-config .config-grid>select{width:100% !important;min-width:0 !important;max-width:none !important;box-sizing:border-box}.node-config .storage-input-group{justify-content:flex-start}.node-config .table-container{overflow:visible !important}.node-config .history-config-table,.node-config .history-config-table tbody,.node-config .history-config-table tr,.node-config .history-config-table td{display:block;width:100% !important;box-sizing:border-box}.node-config .history-config-table{table-layout:auto}.node-config .history-config-table thead{display:none}.node-config .history-config-table tr{margin:0;padding:.75rem;border-bottom:1px solid #e2e8f0 !important}.node-config .history-config-table tr:last-child{border-bottom:0 !important}.node-config .history-config-table td{padding:.25rem 0 !important;text-align:left !important}.node-config .history-config-table td:nth-child(2),.node-config .history-config-table td:nth-child(3){display:flex;align-items:center;justify-content:space-between;gap:.75rem}.node-config .history-config-table td:nth-child(2)::before{content:"Enable history";color:#64748b;font-size:.8rem;font-weight:600}.node-config .history-config-table td:nth-child(3)::before{content:"Max saved messages";color:#64748b;font-size:.8rem;font-weight:600}}.statistics-page{max-width:1500px;margin:0 auto;padding:1.5rem;color:#1e293b}.statistics-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.statistics-header h1{display:flex;align-items:center;gap:.65rem;margin:0 0 .25rem;font-size:1.7rem}.statistics-header h1 i{color:#0788cb}.statistics-header p,.traffic-panel__heading p{margin:0;color:#64748b}.statistics-header button{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap}.statistics-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.25rem;align-items:start}.traffic-panel{min-width:0;padding:1.25rem;border:1px solid #dbe4ec;border-radius:.75rem;background:#fff;box-shadow:0 3px 14px rgba(15,23,42,.06)}.traffic-panel__heading h2{margin:0 0 .2rem;font-size:1.2rem}.traffic-pie{display:grid;grid-template-columns:minmax(13rem, 45%) 1fr;align-items:center;gap:1.25rem;margin:1.25rem 0}.traffic-pie svg{width:100%;max-height:18rem;transform:rotate(-90deg)}.traffic-pie__track,.traffic-pie__segment{fill:none;stroke-width:18}.traffic-pie__track{stroke:#e8eef3}.traffic-pie__segment{transition:stroke-dasharray .25s ease}.traffic-pie__value,.traffic-pie__caption{transform:rotate(90deg);transform-origin:60px 60px;fill:#1e293b}.traffic-pie__value{font-size:9px;font-weight:700}.traffic-pie__caption{font-size:5px;fill:#64748b}.traffic-legend{min-width:0;max-height:16rem;overflow-y:auto}.traffic-legend__item{display:grid;grid-template-columns:.7rem minmax(0, 1fr) auto;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.84rem}.traffic-legend__swatch{width:.7rem;height:.7rem;border-radius:50%}.traffic-legend__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.traffic-table-wrap{overflow-x:auto}.traffic-table{width:100%;font-size:.85rem}.traffic-table th,.traffic-table td{padding:.55rem .45rem;text-align:right;border-bottom:1px solid #e8eef3;white-space:nowrap}.traffic-table th:first-child,.traffic-table td:first-child{text-align:left;white-space:normal}.traffic-empty{display:grid;place-items:center;gap:.5rem;min-height:18rem;color:#94a3b8;text-align:center}.traffic-empty i{font-size:3rem}.statistics-error{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem;padding:.8rem 1rem;color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem}.statistics-note{margin:1rem 0 0;color:#64748b;font-size:.8rem;text-align:right}@media(max-width: 1050px){.statistics-grid{grid-template-columns:1fr}}@media(max-width: 600px){.statistics-page{padding:.75rem}.statistics-header{align-items:flex-start}.statistics-header h1{font-size:1.35rem}.statistics-header button{padding:.5rem;font-size:0}.statistics-header button i{font-size:1rem}.traffic-panel{padding:.8rem}.traffic-pie{grid-template-columns:1fr}.traffic-pie svg{max-height:14rem}}.debug-page{padding:1.25rem;max-width:720px}.debug-page h2{margin:0 0 1rem;font-size:1.25rem}.debug-page h3{margin:0 0 .5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.debug-page h4{margin:.75rem 0 .25rem;font-size:.8rem;color:#475569}.debug-section{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem}.debug-grid{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem;font-size:.9rem;color:#334155}.debug-grid strong{word-break:break-word}.debug-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.debug-actions button{border:1px solid #cbd5e1;background:#f8fafc;color:#334155;border-radius:.375rem;padding:.4rem .75rem;font-size:.85rem;font-weight:600;cursor:pointer}.debug-table{width:100%;border-collapse:collapse;font-size:.85rem}.debug-table th,.debug-table td{text-align:left;padding:.25rem .5rem;border-bottom:1px solid #f1f5f9;white-space:nowrap}.debug-table td:first-child{white-space:normal;word-break:break-all}.debug-empty,.debug-hint{font-size:.8rem;color:#64748b;margin:.25rem 0 0}@media(max-width: 700px),(max-width: 899px)and (max-height: 500px){.network-detail-view{gap:1rem}.network-detail-view .detail-header{flex-direction:column;align-items:flex-start;padding-bottom:1rem}.network-detail-view .detail-header .detail-title h2{font-size:1.35rem}.network-detail-view .detail-header .detail-actions{flex-wrap:wrap;width:100%}.network-detail-view .detail-section{padding:.875rem}.network-detail-view .detail-section .info-grid{grid-template-columns:1fr;row-gap:.25rem}.network-detail-view .detail-section .info-grid .info-label{margin-top:.5rem}.network-detail-view .locations-grid{grid-template-columns:1fr}.network-detail-view .location-card .loc-body{grid-template-columns:1fr}.proxy-row{grid-template-columns:1fr;gap:.35rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.grid-2col{grid-template-columns:1fr}.grid-2col input[type=checkbox]{margin-top:0}.identity{margin:.5rem;padding:.75rem}.identity .details{grid-template-columns:1fr;grid-row-gap:.125rem}.widget{padding:.5rem}.widget-half{max-width:100%}}@media(max-width: 700px),(max-width: 899px)and (max-height: 500px){table{table-layout:auto;font-size:1rem}table td,table th{word-break:break-word}table.myfiles th:nth-child(2),table.friendsfiles th:nth-child(2){width:auto}table.comments{display:block}table.comments tbody{display:block}table.comments tr.comments-head{display:none}table.comments tr:not(.comments-head){display:block;padding:.5rem 0}table.comments tr:not(.comments-head)>td{display:block;text-align:start;padding:.125rem 0}table.comments tr:not(.comments-head)>td:nth-child(n+3){display:inline-block;margin-right:.75rem;font-size:.8rem;color:#64748b}table.comments tr:not(.comments-head)>td:nth-child(5)::before{content:"Score: "}table.comments tr:not(.comments-head)>td:nth-child(6)::before{content:"⬆"}table.comments tr:not(.comments-head)>td:nth-child(7)::before{content:"⬇"}}@media(max-width: 700px),(max-width: 899px)and (max-height: 500px){.statusbar{gap:.5rem;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.statusbar::-webkit-scrollbar{display:none}.statusbar-left,.statusbar-right{flex-shrink:0;gap:.5rem !important}.statusbar-divider{display:none}}@media(max-width: 700px),(max-width: 899px)and (max-height: 500px){input[type=text],input[type=password],input[type=number],input[type=search],input[type=email],select,textarea{font-size:16px}input.stretched,input.searchbar{width:100%}input.small{max-width:100%}.sidebar a{min-height:2.75rem;display:inline-flex !important;align-items:center}.tooltiptext{left:0;margin-left:0;min-width:0;width:max-content;max-width:80vw}}@media(hover: none),(pointer: coarse){.tooltip .tooltiptext:focus,.tooltip .tooltiptext:focus-within{visibility:visible}.tooltip:focus-within .tooltiptext{visibility:visible}.compose-mail__recipients .recipients__input:focus-within .recipients__input-list{display:flex}}@media(hover: none),(pointer: coarse){html,body{overscroll-behavior-y:none}.chat-messages,.chat-hub-messages,.tab-content,.main-container{overscroll-behavior-y:contain}} + */@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url("./webfonts/fa-solid-900.eot");src:url("./webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("./webfonts/fa-solid-900.woff2") format("woff2"),url("./webfonts/fa-solid-900.woff") format("woff"),url("./webfonts/fa-solid-900.ttf") format("truetype"),url("./webfonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas,.far{font-family:"Font Awesome 5 Free";font-weight:900}html{font-size:87.5%;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;line-height:1.5;font-family:"Roboto",Arial,Helvetica,sans-serif !important;letter-spacing:-0.025ch}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}#main{height:100vh;height:100dvh}.content{display:flex;height:100%;overflow:hidden}.tab-content{display:flex;height:100%;width:100%;background-color:#eef3f6;animation:fadein .3s;overflow:auto}input[type=text],input[type=password],input[type=number],textarea{box-sizing:border-box;background:#fff;max-width:100%;font-size:1rem;font-weight:400;border:1px solid #ccc;border-radius:.25rem;padding:.25rem .5rem;outline:rgba(0,0,0,0)}input:focus{border:1px solid #3ba4d7;box-shadow:inset 0 0 5px #ccc}input.stretched{width:90%}input.small{max-width:70%;padding:.1rem}input.searchbar{width:40%}a{cursor:pointer}a[title=Back]{width:max-content;height:max-content;padding:.475rem .75rem;border-radius:50%;transition:100ms}a[title=Back]:hover{background:#eef3f6}table{padding:20px;table-layout:fixed;width:100%;border-collapse:collapse;text-align:center;color:#333;font-size:1.125rem}table th{font-size:1.125rem;color:#000;border-bottom:2px solid #eee}table tr{border-bottom:1px solid #eee}h3{color:#444}hr{margin-left:0;color:#aaa}.grid-2col{display:grid;grid-template-columns:auto auto;gap:1rem;justify-content:start}.grid-2col input[type=checkbox]{margin-top:20px}.error{color:red}.tooltip{color:#333;position:relative;display:inline-block;margin:0 .25rem}.tooltiptext{visibility:hidden;position:absolute;top:100%;left:50%;min-width:250px;margin-left:-120px;z-index:1;color:#ccc;background-color:#333;font-size:.875rem;text-align:center;padding:.25rem;border-radius:.5rem}.tooltip:hover .tooltiptext{visibility:visible;animation:fadein .5s}blockquote{color:#14141b;padding:.75rem 1rem .75rem 2rem;border-radius:.25rem}blockquote.info{position:relative;line-height:1.2;color:rgba(20,20,27,.8);border:1px solid rgba(17,143,204,.8)}blockquote.info::before{font-family:"Font Awesome 5 Free";position:absolute;top:.5rem;left:.5rem;content:"";color:#019dff}@keyframes fadein{from{opacity:0}to{opacity:1}}.fadein{animation:fadein .5s}@keyframes swipe-from-left{from{margin-left:100%}to{margin-left:0}}button{width:max-content;height:max-content;color:#fff;background:#019dff;font-size:1rem;padding:.4rem 1rem;border:0;border-radius:5px;cursor:pointer;box-shadow:inset -3px -3px 0 rgb(0,94.5826771654,154)}button:active{outline:none;box-shadow:inset 3px 3px 0 rgb(0,94.5826771654,154)}button{white-space:nowrap !important;flex-shrink:0 !important}button.red{width:max-content;height:max-content;color:#fff;background:#ff3a4a;font-size:1rem;padding:.4rem 1rem;border:0;border-radius:5px;cursor:pointer;box-shadow:inset -3px -3px 0 rgb(211,0,17.1370558376)}button.red:active{outline:none;box-shadow:inset 3px 3px 0 rgb(211,0,17.1370558376)}button.red{white-space:nowrap !important;flex-shrink:0 !important}button.close-btn,.close-btn,.modal-close,.history-modal .close-btn,.rightbar-close,button.icon-btn,button.btn-icon,button[class*=close]{box-shadow:none !important}button.close-btn:active,.close-btn:active,.modal-close:active,.history-modal .close-btn:active,.rightbar-close:active,button.icon-btn:active,button.btn-icon:active,button[class*=close]:active{box-shadow:none !important}.comments,.board-comments{margin-top:1.5rem;max-width:900px;color:#0f172a}.comments__heading,.board-comments__heading{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.comments__heading h3,.board-comments__heading h3{margin:0;font-size:1.15rem}.comments__heading span,.board-comments__heading span{color:#64748b;font-size:.8rem;font-weight:600}.comments__heading i,.board-comments__heading i{margin-right:.35rem}.comments__voter,.board-comments__voter{display:inline-flex;align-items:center;gap:.4rem;margin-left:auto;color:#64748b;font-size:.75rem;font-weight:600;white-space:nowrap}.comments__voter select,.board-comments__voter select{max-width:180px;padding:.25rem .4rem;font-size:.78rem}.comment-composer,.board-comment-composer,.comment,.board-comment{display:flex;gap:.8rem}.comment-avatar,.board-comment-avatar{display:flex;flex:0 0 38px;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg, #2563eb, #7c3aed);color:#fff;font-size:.78rem;font-weight:700}.comment-avatar>.avatar,.comment-avatar>.jdenticon-avatar,.comment-avatar>.defaultAvatar,.board-comment-avatar>.avatar,.board-comment-avatar>.jdenticon-avatar,.board-comment-avatar>.defaultAvatar{width:100% !important;height:100% !important;min-width:100% !important;min-height:100% !important;margin-right:0 !important}.comment-composer__body,.board-comment-composer__body,.comment__content,.board-comment__content{min-width:0;flex:1}.comment-composer__identity,.board-comment-composer__identity{max-width:240px;margin-bottom:.45rem;font-size:.8rem}.comment-composer__input,.board-comment-composer__input{width:100%;min-height:36px;padding:.45rem 0;resize:vertical;border:0;border-bottom:1px solid #94a3b8;border-radius:0;background:rgba(0,0,0,0);color:#0f172a;font:inherit;line-height:1.4;box-sizing:border-box}.comment-composer__input:focus,.board-comment-composer__input:focus{outline:0;border-bottom:2px solid #2563eb}.comment-composer__input:disabled,.board-comment-composer__input:disabled{cursor:not-allowed;opacity:.6}.comment-composer__actions,.board-comment-composer__actions,.comment__actions,.board-comment__actions{display:flex;align-items:center;gap:.45rem;margin-top:.55rem}.comment-composer__actions,.board-comment-composer__actions{justify-content:flex-end}.comment-composer__actions button,.board-comment-composer__actions button{border:0;background:rgba(0,0,0,0);color:#475569;cursor:pointer;font-size:.78rem;font-weight:700}.comment__actions,.board-comment__actions{gap:.65rem;margin-top:.35rem}.comment__actions button,.board-comment__actions button{padding:.25rem .2rem;color:#0f172a;border:0;background:rgba(0,0,0,0);cursor:pointer;font-size:.78rem;font-weight:700}.comment__actions button:hover,.board-comment__actions button:hover{color:#2563eb}.comment__actions i,.board-comment__actions i{margin-right:.2rem}.comment-composer__submit,.board-comment-composer__submit{padding:.45rem .85rem !important;border-radius:999px !important;background:#2563eb !important;color:#fff !important}.comment-composer__submit:disabled,.board-comment-composer__submit:disabled{background:#dbe3ef !important;color:#94a3b8 !important;cursor:not-allowed}.comment-composer__cancel:hover,.board-comment-composer__cancel:hover{color:#2563eb}.comment-composer__replying,.board-comment-composer__replying{display:flex;align-items:center;gap:.25rem;margin-bottom:.35rem;color:#64748b;font-size:.8rem}.comment-composer__replying button,.board-comment-composer__replying button{margin-left:.3rem;border:0;background:rgba(0,0,0,0);color:#475569;cursor:pointer;font-size:.78rem;font-weight:700}.comment-composer__hint,.board-comment-composer__hint,.comment-composer__error,.board-comment-composer__error{margin:.4rem 0 0;font-size:.78rem}.comment-composer__hint,.board-comment-composer__hint{color:#64748b}.comment-composer__error,.board-comment-composer__error{color:#dc2626}.comment-composer__emoji,.board-comment-composer__emoji{position:relative;margin-right:auto}.comment-emoji-popover,.board-comment-emoji-popover{position:absolute;z-index:20;top:38px;left:0;width:250px;max-height:180px;overflow-y:auto;padding:.5rem;display:grid;grid-template-columns:repeat(8, 1fr);gap:.2rem;background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.16)}.comments__list,.board-comments__list{margin-top:1.8rem}.comment,.board-comment{margin-top:1.35rem}.comment--reply,.board-comment--reply{margin-top:1rem}.comment__header,.board-comment__header{display:flex;align-items:center;justify-content:space-between;min-height:18px}.comment__meta,.board-comment__meta{display:flex;align-items:baseline;gap:.55rem;font-size:.8rem}.comment__meta b,.board-comment__meta b{color:#1e293b}.comment__meta span,.board-comment__meta span{color:#64748b;font-size:.75rem}.comment__text,.board-comment__text{margin:.2rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.comment__replies-toggle,.board-comment__replies-toggle{position:relative;margin-top:.3rem;padding:.25rem .35rem;border:0;background:rgba(0,0,0,0);color:#2563eb;cursor:pointer;font-size:.78rem;font-weight:700}.comment__replies-toggle:hover,.board-comment__replies-toggle:hover{background:#eff6ff;border-radius:4px}.comment__replies-toggle i,.board-comment__replies-toggle i{margin-left:.15rem}.comment__replies-toggle::before,.board-comment__replies-toggle::before{content:"";position:absolute;left:-3.15rem;bottom:.8rem;width:1.5rem;height:2.2rem;border-left:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;border-radius:0 0 0 .75rem;pointer-events:none}.comment__replies,.board-comment__replies{margin-top:.2rem;padding-left:1rem;border-left:2px solid #e2e8f0}.comments__status,.board-comments__status,.comments__empty,.board-comments__empty{margin:2rem 0;color:#64748b;text-align:center}.comments__status i,.board-comments__status i,.comments__empty i,.board-comments__empty i{font-size:1.5rem}@media(max-width: 560px){.comments__heading,.board-comments__heading{flex-wrap:wrap;justify-content:space-between;gap:.5rem}.comments__voter,.board-comments__voter{width:100%;margin-left:0}.comments__voter select,.board-comments__voter select{flex:1;max-width:none}.comment-composer,.board-comment-composer,.comment,.board-comment{gap:.6rem}.comment-avatar,.board-comment-avatar{flex-basis:32px;width:32px;height:32px;font-size:.68rem}.comment__replies,.board-comment__replies{padding-left:.6rem}.comment__replies-toggle::before,.board-comment__replies-toggle::before{left:-2.65rem;width:1.2rem}}.media-item{display:flex;margin-top:.5rem;padding:1rem;border:1px solid rgba(20,20,27,.1);border-radius:4px}.media-item__details{flex-basis:40%;display:flex;align-items:start;gap:.5rem}.media-item__details img{width:6rem;object-fit:contain}.media-item__desc{flex-basis:60%}@media(max-width: 768px){.media-item__desc{display:none !important}.media-item__details{flex-basis:100% !important;width:100% !important}}.active-link{background:hsla(0,0%,100%,.1) !important}.nav-menu{background-color:#14141b;box-shadow:0 5px 5px #222;display:flex;flex-direction:column;align-items:center;height:100%;padding:.25rem;margin-right:0rem}.nav-menu__logo{padding:1.2rem 0;display:flex;align-items:center;gap:.3rem}.nav-menu__logo img{width:1.6rem}.nav-menu__logo h5{line-height:1;color:#fff}.nav-menu__box{padding:2rem .125rem;display:flex;flex-direction:column;gap:.5rem;position:relative}.nav-menu__box .item{position:relative;margin:0;padding:.675rem .5rem;width:10rem;display:flex;align-items:center;line-height:1;border-radius:.5rem;text-decoration:none;color:#ccc;text-transform:capitalize;transition:0ms}.nav-menu__box .item:hover{background-color:rgba(238,243,246,.15)}.nav-menu__box .item i.sidenav-icon{width:2.5rem;height:1.4rem;display:grid;place-items:center}.nav-menu__box .nav-unread-badge{margin-left:auto;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:999px;display:grid;place-items:center;background:#ef4444;color:#fff;font-size:.7rem;line-height:1}.nav-menu__box .item.item-selected{color:#9bdaff;background-color:rgba(155,218,255,.15);font-weight:medium}.nav-menu__box button.toggle-nav{display:none;position:absolute;padding:0;top:0;right:-1rem;background:rgb(77.5,186.5157480315,255);width:1.5rem;height:1.5rem;aspect-ratio:1;justify-content:center;align-items:center;border-radius:50%;box-shadow:none}.nav-menu.collapsed .nav-menu__logo .logo-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.nav-menu.collapsed .nav-menu__logo .logo-container>*:not(img){display:block}.nav-menu.collapsed .nav-menu__logo .nav-menu__logo-text{display:none !important}.nav-menu.collapsed .nav-menu__box .item{padding:.675rem 0;width:2.5rem;justify-content:center;transition:300ms}.nav-menu.collapsed .nav-menu__box .item span,.nav-menu.collapsed .nav-menu__box .item p{display:none !important}.nav-menu.collapsed .nav-menu__box .item .nav-unread-badge{display:grid !important;position:absolute;top:.1rem;right:-0.15rem;min-width:1rem;height:1rem;padding:0 .2rem;font-size:.6rem}.nav-menu.collapsed button i{rotate:180deg}.nav-menu:hover button.toggle-nav{display:flex}.sidebar{width:13rem;background-color:#fff;display:flex;flex-direction:column}.sidebar a{text-decoration:none;text-transform:capitalize;padding:1rem;cursor:pointer;color:#999}.sidebar a:hover{color:#222}.sidebar .selected-sidebar-link{font-weight:bold;color:#222;border-left:5px solid #3ba4d7;animation:expand-left-border .1s}.sidebar-mobile-toggle,.sidebar-drawer__title,.sidebar-drawer__backdrop{display:none !important}.sidebarquickview>h6{padding:.5rem}.sidebarquickview a{text-decoration:none;text-transform:capitalize;padding:.5rem 1rem;display:block;color:#999}.sidebarquickview a a:hover{color:#222}.sidebarquickview .selected-sidebarquickview-link{font-weight:bold;color:#222;border-left:5px solid #3ba4d7;animation:expand-left-border .1s}.node-panel{width:100%;padding:.5rem;animation:fadein .5s}@keyframes expand-left-border{from{border-left:0}to{border-left:5px solid #3ba4d7}}@media(max-width: 700px){.tab-content{flex-direction:column}.sidebar{width:100% !important;flex-direction:row !important;overflow-x:auto !important;overflow-y:hidden !important;white-space:nowrap !important;border-bottom:1px solid rgba(20,20,27,.1) !important;background:#fff !important;z-index:50 !important;flex-shrink:0 !important;height:auto !important;padding:0 !important}.sidebar a{display:inline-block !important;padding:.8rem 1.2rem !important;border-bottom:3px solid rgba(0,0,0,0) !important;border-left:none !important}.sidebar .selected-sidebar-link{border-left:none !important;border-bottom:3px solid #3ba4d7 !important;animation:none !important}.sidebarquickview>h4,.sidebarquickview>h6{display:none !important}.sidebar-drawer{display:block;position:relative;width:100%;height:44px;z-index:1000}.sidebar-mobile-toggle{display:inline-flex !important;width:40px;height:40px;align-items:center;justify-content:center;border:0;border-radius:6px;background:#fff;color:#0f172a;cursor:pointer;font-size:1.15rem}.sidebar-mobile-toggle:hover{background:#f1f5f9}.sidebar-drawer .sidebar{position:fixed !important;top:0;left:0;display:flex !important;flex-direction:column !important;width:min(82vw,300px) !important;height:100dvh !important;padding:1rem 0 !important;overflow-y:auto !important;overflow-x:hidden !important;transform:translateX(-105%);transition:transform 180ms ease;border:0 !important;border-right:1px solid #e2e8f0 !important;background:#fff !important;opacity:1 !important;pointer-events:auto !important;box-shadow:8px 0 24px rgba(15,23,42,.16);white-space:normal !important;z-index:1002 !important}.sidebar-drawer .sidebar.sidebar--mobile-open{transform:translateX(0)}.sidebar-drawer .sidebar a{display:block !important;padding:.8rem 1.25rem !important;border:0 !important;border-left:4px solid rgba(0,0,0,0) !important;color:#334155 !important;font-size:.95rem}.sidebar-drawer .sidebar .selected-sidebar-link{border-left-color:#3ba4d7 !important;border-bottom:0 !important;background:#f0f9ff;color:#0f172a !important}.sidebar-drawer__title{display:block !important;margin:0 1.25rem .65rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sidebar-drawer__backdrop{display:block !important;position:fixed;inset:0;background:rgba(15,23,42,.35);pointer-events:auto;z-index:1001}}@media(min-width: 701px){.sidebar-drawer{display:contents}.sidebar-mobile-toggle,.sidebar-drawer__title,.sidebar-drawer__backdrop{display:none !important}}.mobile-app-header,.mobile-bottom-nav,.mobile-more-overlay,.mobile-status-overlay{display:none}@media(max-width: 700px){.nav-menu{display:none !important}.mobile-app-header{display:flex;align-items:center;justify-content:space-between;min-height:calc(44px + env(safe-area-inset-top));padding:env(safe-area-inset-top) .7rem 0;box-sizing:border-box;color:#f8fafc;background:#14141b;flex-shrink:0}.mobile-app-header__brand{display:flex;align-items:center;gap:.55rem}.mobile-app-header__brand img{width:1.35rem;height:1.35rem}.mobile-app-header__brand strong{font-size:.85rem}.mobile-status-trigger{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem;color:#e2e8f0;background:hsla(0,0%,100%,.08);border:0;border-radius:999px;box-shadow:none;font-size:.75rem}.mobile-status-trigger__dot{display:inline-block;width:.65rem;height:.65rem;flex:0 0 auto;border:2px solid hsla(0,0%,100%,.7);border-radius:50%}.mobile-status-trigger i{font-size:.6rem}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));min-height:calc(50px + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);box-sizing:border-box;background:#fff;border-top:1px solid #cbd5e1;box-shadow:0 -4px 14px rgba(15,23,42,.08);flex-shrink:0;z-index:900}.mobile-bottom-nav__item{position:relative;display:flex;width:100%;align-items:center;justify-content:center;flex-direction:column;min-width:0;margin:0;min-height:48px;padding:.2rem .1rem;gap:.1rem;color:#64748b;background:rgba(0,0,0,0);border:0;border-radius:0;box-shadow:none;text-decoration:none}.mobile-bottom-nav__item.active{color:#0284c7}.mobile-bottom-nav__item i{width:auto;height:auto;font-size:1.15rem}.mobile-bottom-nav__item span{overflow:hidden;max-width:100%;font-size:.6rem;text-overflow:ellipsis}.mobile-bottom-nav__item .nav-unread-badge{position:absolute;top:.1rem;left:calc(50% + .45rem);display:grid;place-items:center;min-width:1.05rem;height:1.05rem;padding:0 .22rem;box-sizing:border-box;border:2px solid #fff;border-radius:999px;background:#ef4444;color:#fff;font-size:.6rem;font-weight:700;line-height:1;box-shadow:0 1px 3px rgba(15,23,42,.25)}.mobile-more-overlay,.mobile-status-overlay{position:fixed;inset:0;display:flex;align-items:flex-end;background:rgba(15,23,42,.45);z-index:1100}.mobile-more-sheet,.mobile-status-sheet{width:100%;max-height:min(75dvh,38rem);padding:.55rem 1rem max(1rem,env(safe-area-inset-bottom));box-sizing:border-box;overflow-y:auto;color:#1e293b;background:#fff;border-radius:1rem 1rem 0 0;box-shadow:0 -12px 32px rgba(15,23,42,.2)}.mobile-more-sheet__handle,.mobile-status-sheet__handle{width:2.5rem;height:.25rem;margin:0 auto .75rem;background:#cbd5e1;border-radius:999px}.mobile-more-sheet h3,.mobile-status-sheet h3{margin:0 0 .75rem}.mobile-more-sheet__links{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.4rem}.mobile-more-sheet__links a{display:flex;align-items:center;padding:.75rem;gap:.65rem;color:#334155;background:#f8fafc;border-radius:.55rem;text-decoration:none}.mobile-more-sheet__links a.active{color:#0369a1;background:#e0f2fe}.mobile-more-sheet__actions{display:flex;padding-top:.75rem;margin-top:.75rem;gap:.5rem;border-top:1px solid #e2e8f0}.mobile-more-sheet__actions button{flex:1}.mobile-status-sheet__heading,.mobile-status-sheet__heading>div{display:flex;align-items:center}.mobile-status-sheet__heading{justify-content:space-between;margin-bottom:1rem}.mobile-status-sheet__heading>div{gap:.55rem}.mobile-status-sheet__heading button{padding:.4rem;color:#64748b;background:rgba(0,0,0,0);border:0;box-shadow:none}.mobile-status-sheet__grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.55rem}.mobile-status-sheet__item{display:flex;flex-direction:column;min-width:0;padding:.75rem;gap:.2rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.55rem}.mobile-status-sheet__item span,.mobile-status-sheet__item small{color:#64748b;font-size:.72rem}.mobile-status-sheet__item strong{overflow-wrap:anywhere;font-size:.9rem}.mobile-status-sheet__version{margin-top:.75rem;color:#94a3b8;font-size:.7rem;text-align:center}}.mobile-app-header__version{margin-left:.4rem;font-size:.7rem;font-weight:600;color:#64748b;align-self:flex-end;padding-bottom:.15rem}.mobile-status-sheet__version{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.mobile-status-sheet__version button{border:1px solid #cbd5e1;background:#f8fafc;color:#334155;border-radius:.375rem;padding:.3rem .6rem;font-size:.75rem;font-weight:600;cursor:pointer}.posts{height:100%;margin-top:1rem;flex-direction:column;overflow:auto}.posts__heading{display:flex;flex-direction:column;justify-content:space-between}.posts-container{height:100%;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:2rem;border:1px solid rgba(20,20,27,.1);border-radius:4px;overflow:auto}.posts-container-card{min-height:240px;flex-direction:column;border:1px solid rgba(20,20,27,.5);border-radius:4px;cursor:pointer;text-align:center}.posts-container-card img{flex-basis:90%;object-fit:cover}.posts-container-card p{padding:0 .125rem;flex-basis:10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-bar{width:100%;height:2rem;position:relative;text-align:center;background-color:#eef3f6;border-radius:20px;overflow:hidden}.progress-bar__status{position:absolute;top:0;left:0;height:100%;color:#14141b;background-color:#019dff}.progress-bar__percent{position:absolute;inset:0;margin:auto;width:fit-content;height:fit-content}.progress-bar-chunks{position:relative;margin-top:.5rem;width:100%;height:2rem;display:flex;border-radius:.25rem;overflow:hidden;background-color:#eef3f6}.progress-bar-chunks .chunk{width:100%}.progress-bar-chunks .chunk[data-chunkVal="0"]{background-color:rgba(155,218,255,.2)}.progress-bar-chunks .chunk[data-chunkVal="1"]{background-color:#ff3a4a}.progress-bar-chunks .chunk[data-chunkVal="2"]{background-color:#019dff}.progress-bar-chunks .chunk[data-chunkVal="3"]{background-color:#fcba03}.progress-bar-chunks__percent{position:absolute;inset:0;margin:auto;width:fit-content;height:fit-content}.statusbar{display:flex;justify-content:space-between;align-items:center;height:28px;background-color:#14141b;border-top:1px solid #2e2e38;padding:0 1rem;font-size:.8rem;color:#94a3b8;z-index:100;box-sizing:border-box;user-select:none;flex-shrink:0}.statusbar-left{display:flex;align-items:center;gap:.75rem}.statusbar-right{display:flex;align-items:center;gap:.75rem}.statusbar-item{display:flex;align-items:center;gap:.3rem}.statusbar-divider{width:1px;height:14px;background-color:#2e2e38}.status-bullet{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 4px rgba(0,0,0,.5)}@media(max-width: 700px){.statusbar{display:none !important}}.widget{height:100%;padding:1rem;display:flex;flex-direction:column;gap:.5rem;background-color:#fff;border-radius:.5rem;overflow:auto}.widget .top-heading{display:flex;justify-content:space-between}.widget__heading{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #999}.widget__body{height:100%;display:flex;flex-direction:column;overflow:auto}.widget__body-heading{display:flex;justify-content:space-between;align-items:center}.widget__body-heading .action{display:flex;gap:.5rem}.widget__body-content{height:100%;overflow:auto}.widget__body-box{display:flex;flex-direction:column;gap:.5rem}.widget-half{max-width:50%}#modal-container{display:none;position:fixed;z-index:1300;height:100%;top:0;left:0;width:100%;background-color:rgba(0,0,0,.2)}.modal-content{position:absolute;color:#555;width:40%;min-height:10rem;height:max-content;padding:1.5rem;inset:0;margin:auto;background-color:#fff;border-radius:.5rem;animation:fadein .5s;display:flex;flex-direction:column}.modal-content button:last-child{margin-top:auto}.modal-content .close-btn{position:absolute;right:1.5rem}.modal-content .widget{padding:0}.modal-content.location-details-modal{width:min(760px,100% - 2rem);height:min(480px,100% - 2rem);max-height:calc(100% - 2rem);min-height:0;box-sizing:border-box;overflow:hidden}.location-details-dialog{display:flex;flex-direction:column;height:100%;min-width:0;min-height:0;overflow:hidden}.location-details-dialog h3{margin:0 2.5rem .75rem 0;color:#1e293b}.location-details-dialog .location-detail-tabs{overflow-x:auto;margin:0 -1.5rem;padding:0 1rem}.location-details-dialog .location-detail-tabs .tab-btn{flex:0 0 auto !important;margin:0 !important}.location-details-dialog .location-detail-content{flex:1 1 auto;min-height:0;padding:1rem .25rem .25rem 0;overflow-y:auto}.location-details-dialog .info-grid{display:grid;grid-template-columns:140px minmax(0, 1fr);gap:.7rem 1rem}.location-details-dialog .info-label{color:#64748b;font-weight:600}.location-details-dialog .info-value{min-width:0;color:#1e293b;overflow-wrap:anywhere}.location-details-dialog .retroshare-id-text{max-height:100%;box-sizing:border-box;overflow:auto;padding:.75rem;border:1px solid #cbd5e1;background:#f8fafc;white-space:pre-wrap;overflow-wrap:anywhere}.location-details-dialog .known-addresses-list{height:10rem;max-height:25vh;margin-bottom:0;overflow:auto;padding:.75rem;border:1px solid #cbd5e1;background:#f8fafc;white-space:pre}@media(max-width: 600px){.modal-content .close-btn{right:1rem}.modal-content.location-details-modal{width:calc(100% - 1rem);height:max-content;max-height:calc(100dvh - 5rem);padding:1rem}.location-details-dialog .location-detail-tabs{margin:0 -1rem;padding:0 .5rem}.location-details-dialog .location-detail-tabs .tab-btn{padding-right:.75rem;padding-left:.75rem;font-size:.85rem}.location-details-dialog .info-grid{grid-template-columns:1fr;gap:.2rem}.location-details-dialog .info-value{margin-bottom:.65rem}.location-details-dialog .known-addresses-list{height:8rem;max-height:20vh;font-size:.75rem}}#notification-container{position:absolute;bottom:0;right:0}.login-page{background-image:linear-gradient(-45deg, rgba(1, 157, 255, 0.75), rgba(17, 143, 204, 0.75));height:100%;animation:fadein .5s}.login-page .login-container{background-color:#fff;box-shadow:3px 3px 5px rgba(20,20,27,.4);margin:auto;position:relative;top:100px;max-width:400px;max-height:500px;border-radius:5px;display:flex;flex-direction:column;align-items:center}.login-page .login-container input{padding:.375rem .75rem;border-radius:.275rem}.login-page .login-container *{margin-bottom:1rem}.login-page .login-container>img{margin:1rem 0 2rem}.login-page .login-container extra{margin:0}.login-page .login-container>a{text-decoration:underline;cursor:pointer}.login-page .extra>label,.login-page .extra>br,.login-page .extra>input{margin-bottom:0}.homepage{margin:2rem auto 0;display:flex;flex-direction:column;gap:4rem}.homepage .logo{display:flex;justify-content:center;align-items:center}.homepage .logo img{width:90px}.homepage .logo .retroshareText{display:flex;flex-direction:column;align-items:center}.homepage .logo .retroshareText .retrotext{font-size:36px;font-weight:600;line-height:1.125}.homepage .logo .retroshareText .retrotext>span{color:#118fcc}.homepage .logo .retroshareText>b{font-size:14px;line-height:1}.homepage .certificate{display:flex;flex-direction:column;gap:4rem}.homepage .certificate__heading{text-align:center}.homepage .certificate__heading>h1{margin-bottom:1rem}.homepage .certificate__content{display:flex;flex-direction:column;gap:2rem;padding:2rem;text-align:center;border:1.5px solid rgba(17,143,204,.2);border-radius:6px;box-shadow:0px 0px 8px 2px rgba(20,20,27,.05)}.homepage .certificate__content .rsId>p{margin-bottom:.5rem;color:#118fcc}.homepage .certificate__content .retroshareID{padding:.25rem;display:flex;align-items:center;justify-self:start;font-size:1.25rem;border-radius:4px;background:rgba(20,20,27,.05)}.homepage .certificate__content .retroshareID .textArea{padding:0;width:100%;height:auto;font-size:1rem;font-family:monospace;background:rgba(0,0,0,0);border:none;resize:none;overflow:hidden;field-sizing:content}.homepage .certificate__content .retroshareID i{color:#118fcc}.homepage .certificate__content .retroshareID>i{margin:0 .5rem;cursor:pointer}.homepage .certificate__content .webhelp{padding:.5rem;background:#f5f5f5;display:flex;justify-content:center;align-items:center;gap:.5rem;border-radius:4px;border:1px solid rgba(20,20,27,.5);width:fit-content;cursor:pointer}.homepage .certificate__content .webhelp-container{display:grid;place-items:center}.homepage .certificate__content .webhelp:hover{background:#eef3f6;border:1px solid #14141b}.homepage .certificate__content .webhelp>i{font-size:1.2rem;color:green}.homepage .certificate__content .add-friend>h6,.homepage .certificate__content .webhelp-container>h6{font-weight:normal;margin-bottom:.5rem}@media(max-width: 768px){.homepage{margin:1rem auto !important;padding:0 1rem !important;gap:2rem !important;max-width:100% !important;box-sizing:border-box !important}.homepage .logo{flex-direction:column !important;gap:.5rem !important;text-align:center !important}.homepage .logo img{width:60px !important}.homepage .logo .retroshareText .retrotext{font-size:1.6rem !important}.homepage .logo .retroshareText>b{font-size:.75rem !important}.homepage .certificate{gap:2rem !important}.homepage .certificate__heading>h1{font-size:1.35rem !important;margin-bottom:.5rem !important}.homepage .certificate__heading{font-size:.85rem !important}.homepage .certificate__content{padding:1rem .75rem !important;gap:1.25rem !important}.homepage .certificate__content .retroshareID{padding:.5rem !important;font-size:.85rem !important;max-width:100% !important}.homepage .certificate__content .retroshareID .textArea{font-size:.8rem !important;word-break:break-all !important;overflow-wrap:anywhere !important}}.modal-content.web-help-modal{width:min(30rem,100% - 2rem);min-height:0;max-height:calc(100dvh - 2rem);box-sizing:border-box;overflow-y:auto}.web-help-confirmation{min-width:0}.web-help-confirmation h3{margin:0 3rem .75rem 0;font-size:1.5rem}.web-help-confirmation p{margin:.75rem 0;line-height:1.5}.web-help-confirmation__url{padding:.65rem .75rem;color:rgba(20,20,27,.8);background:rgba(17,143,204,.08);border-radius:4px;overflow-wrap:anywhere;word-break:break-word}@media(max-width: 600px){.modal-content.web-help-modal{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem);padding:1rem}.web-help-confirmation h3{font-size:1.25rem}.web-help-confirmation button:last-child{width:100%}}.modal-content.copy-confirmation-modal{width:min(28rem,100% - 2rem);min-height:0;box-sizing:border-box}.modal-content.copy-confirmation-modal h3{margin:0 3rem .75rem 0;font-size:1.5rem}.modal-content.copy-confirmation-modal p{line-height:1.5}@media(max-width: 600px){.modal-content.copy-confirmation-modal{width:calc(100% - 1rem);max-height:calc(100% - 1rem);padding:1rem}.modal-content.copy-confirmation-modal h3{font-size:1.25rem}.modal-content.copy-confirmation-modal button:last-child{width:100%}}.add-friend-wizard{width:100%;min-width:0;box-sizing:border-box}.add-friend-wizard__heading{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.add-friend-wizard__heading>i{display:grid;place-items:center;width:3rem;height:3rem;flex:0 0 auto;color:#fff;background:#118fcc;border-radius:50%;font-size:1.25rem}.add-friend-wizard__heading h3,.add-friend-wizard__heading p{margin:0}.add-friend-wizard__heading p{margin-top:.25rem;color:rgba(20,20,27,.75)}.add-friend-wizard .cert-drop-zone{padding:1.25rem;border:2px dashed rgba(17,143,204,.45);border-radius:6px;transition:border-color 120ms ease,background-color 120ms ease}.add-friend-wizard .cert-drop-zone--active{border-color:#118fcc;background:rgba(17,143,204,.08)}.add-friend-wizard .cert-drop-zone>label:first-child{display:block;margin-bottom:.5rem;font-weight:600}.add-friend-wizard .cert-drop-zone textarea{display:block;width:100%;box-sizing:border-box;padding:.75rem;resize:vertical;font-family:monospace;overflow-wrap:anywhere}.add-friend-wizard__divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:rgba(20,20,27,.6)}.add-friend-wizard__divider::before,.add-friend-wizard__divider::after{content:"";height:1px;flex:1;background:rgba(20,20,27,.15)}.add-friend-wizard__file{display:flex;align-items:center;gap:.75rem;color:rgba(20,20,27,.7)}.add-friend-wizard__file input{display:none}.add-friend-wizard__file label{margin:0;white-space:nowrap;cursor:pointer}.add-friend-wizard__actions{display:flex;justify-content:flex-end;margin-top:1.25rem}.add-friend-wizard__actions button:disabled{cursor:not-allowed;opacity:.5}.modal-content.add-friend-modal{width:min(42rem,100% - 2rem);max-height:calc(100% - 2rem);min-height:0;box-sizing:border-box;overflow:auto}@media(max-width: 600px){.modal-content.add-friend-modal{width:calc(100% - 1rem);max-height:calc(100% - 1rem);padding:1rem}.add-friend-wizard__heading{align-items:flex-start;padding-right:2.25rem}.add-friend-wizard__heading>i{width:2.5rem;height:2.5rem;font-size:1rem}.add-friend-wizard__heading h3{font-size:1.5rem}.add-friend-wizard .cert-drop-zone{padding:.75rem}.add-friend-wizard .cert-drop-zone textarea{min-height:8rem}.add-friend-wizard__file{align-items:stretch;flex-direction:column}.add-friend-wizard__file label{width:100%;box-sizing:border-box;text-align:center}.add-friend-wizard__file span{overflow-wrap:anywhere}.add-friend-wizard__actions button{width:100%}}.modal-content.friend-confirmation-modal{width:min(34rem,100% - 2rem);max-height:calc(100% - 2rem);min-height:0;box-sizing:border-box;overflow:auto}.friend-confirmation{min-width:0}.friend-confirmation__heading{display:flex;align-items:center;gap:1rem;padding-right:2.5rem;margin-bottom:1.25rem}.friend-confirmation__heading>i{display:grid;place-items:center;width:3rem;height:3rem;flex:0 0 auto;color:#fff;background:#118fcc;border-radius:50%}.friend-confirmation__heading h3,.friend-confirmation__heading p{margin:0}.friend-confirmation__heading p{margin-top:.25rem;color:rgba(20,20,27,.7)}.friend-confirmation__details{overflow:hidden;border:1px solid rgba(20,20,27,.15);border-radius:6px}.friend-confirmation__row{display:grid;grid-template-columns:7rem minmax(0, 1fr);gap:1rem;padding:.75rem 1rem}.friend-confirmation__row+.friend-confirmation__row{border-top:1px solid rgba(20,20,27,.1)}.friend-confirmation__row code,.friend-confirmation__row span,.friend-confirmation__row strong{min-width:0;overflow-wrap:anywhere}.friend-confirmation__label{color:rgba(20,20,27,.65);font-weight:600}.friend-confirmation__actions{display:flex;justify-content:flex-end;margin-top:1.25rem}@media(max-width: 600px){.modal-content.friend-confirmation-modal{width:calc(100% - 1rem);max-height:calc(100% - 1rem);padding:1rem}.friend-confirmation__heading{align-items:flex-start}.friend-confirmation__heading>i{width:2.5rem;height:2.5rem}.friend-confirmation__heading h3{font-size:1.5rem}.friend-confirmation__row{grid-template-columns:1fr;gap:.25rem;padding:.65rem .75rem}.friend-confirmation__actions button{width:100%}}.network-container{display:flex;height:100%;width:100%;overflow:hidden;background-color:#f1f5f9}.network-left-pane{width:320px;min-width:300px;max-width:350px;border-right:1px solid #cbd5e1;display:flex;flex-direction:column;background:#fff;box-shadow:2px 0 5px rgba(0,0,0,.05)}.own-profile-card{padding:1.25rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);display:flex;flex-direction:column;gap:.75rem}.own-profile-card .profile-header{display:flex;align-items:center;gap:1rem}.own-profile-card .profile-header .profile-avatar-wrapper{position:relative;flex-shrink:0}.own-profile-card .profile-header .profile-avatar-wrapper .status-dot{position:absolute;bottom:-1px;right:-1px;width:13px;height:13px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}.own-profile-card .profile-header .profile-avatar-wrapper .profile-status-button{padding:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.own-profile-card .profile-header .profile-avatar-wrapper .profile-status-button:hover,.own-profile-card .profile-header .profile-avatar-wrapper .profile-status-button:focus-visible{transform:scale(1.2);box-shadow:0 0 0 3px rgba(59,164,215,.25);outline:none}.own-profile-card .profile-header .profile-avatar-wrapper .profile-presence-menu{position:absolute;z-index:20;top:calc(100% + .5rem);left:0;width:9rem;padding:.3rem;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;box-shadow:0 8px 20px rgba(15,23,42,.18)}.own-profile-card .profile-header .profile-avatar-wrapper .profile-presence-option{display:grid;grid-template-columns:.65rem 1fr .75rem;align-items:center;width:100%;margin:0;padding:.45rem .55rem;gap:.5rem;color:#334155;background:rgba(0,0,0,0);border:0;border-radius:.35rem;text-align:left}.own-profile-card .profile-header .profile-avatar-wrapper .profile-presence-option:hover,.own-profile-card .profile-header .profile-avatar-wrapper .profile-presence-option.active{background:#f1f5f9}.own-profile-card .profile-header .profile-avatar-wrapper .profile-presence-option>span{width:.55rem;height:.55rem;border-radius:50%}.own-profile-card .profile-header .profile-avatar-wrapper .profile-presence-option>i{color:#3ba4d7;font-size:.7rem}.own-profile-card .profile-info{display:flex;flex-direction:column;flex:1;overflow:hidden}.own-profile-card .profile-info .profile-name{font-weight:700;color:#1e293b;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.own-profile-card .profile-info .profile-status{font-size:.85rem;color:#10b981;font-weight:500;display:flex;align-items:center;gap:.35rem}.own-profile-card .profile-info .profile-status::before{content:"";display:inline-block;width:8px;height:8px;background-color:var(--profile-status-color, #10b981);border-radius:50%}.own-profile-card .own-identity-select-container{display:flex;flex-direction:column;gap:.25rem}.own-profile-card .own-identity-select-container label{font-size:.75rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.own-profile-card .own-identity-select-container select.own-identity-select{width:100%;padding:.375rem .5rem;font-size:.85rem;border:1px solid #cbd5e1;border-radius:.375rem;background-color:#fff;color:#334155;outline:none;cursor:pointer;transition:border-color .2s}.own-profile-card .own-identity-select-container select.own-identity-select:focus{border-color:#3ba4d7}.friends-list-container{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.friends-list-container .searchbar-container{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0}.friends-list-container .searchbar-container input.searchbar{width:100%;padding:.5rem .75rem;font-size:.9rem;border:1px solid #cbd5e1;border-radius:.375rem;background-color:#f8fafc;outline:none;transition:all .2s}.friends-list-container .searchbar-container input.searchbar:focus{background-color:#fff;border-color:#3ba4d7;box-shadow:0 0 0 3px rgba(59,164,215,.15)}.friends-list-container .friends-scroll{flex:1;overflow-y:auto;padding:.5rem 0}.friend-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:.125rem .5rem;border-radius:.5rem;cursor:pointer;transition:all .2s}.friend-list-item:hover{background-color:#f1f5f9}.friend-list-item.selected{background-color:#e0f2fe}.friend-list-item.selected .friend-name{color:#0369a1;font-weight:600}.friend-list-item .friend-avatar{position:relative;flex-shrink:0}.friend-list-item .friend-avatar .status-dot{position:absolute;bottom:-1px;right:-1px;width:13px;height:13px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}.friend-list-item .friend-meta{flex:1;min-width:0}.friend-list-item .friend-meta .friend-name{font-size:.95rem;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.friend-list-item .friend-meta .friend-status{font-size:.8rem;color:#94a3b8}.friend-list-item .friend-meta .friend-status.online{color:#10b981;font-weight:500}.network-right-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#f8fafc}.network-pane-placeholder{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#94a3b8;gap:1rem;padding:2rem;text-align:center}.network-pane-placeholder i{font-size:4rem;color:#cbd5e1}.network-pane-placeholder p{font-size:1.1rem;max-width:400px}.network-tabs{display:flex;background-color:#fff;border-bottom:1px solid #cbd5e1;padding:.5rem 1rem 0;gap:.5rem}.network-tabs .tab-btn{padding:.625rem 1.25rem;font-size:.95rem;font-weight:600;color:#64748b;background:rgba(0,0,0,0);border:none;border-radius:.375rem .375rem 0 0;border-bottom:3px solid rgba(0,0,0,0);cursor:pointer;box-shadow:none;transition:all .2s}.network-tabs .tab-btn:hover{color:#334155;background-color:#f1f5f9}.network-tabs .tab-btn.active{color:#3ba4d7;border-bottom-color:#3ba4d7;background-color:rgba(0,0,0,0)}.chat-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;margin-top:.2rem;padding:0 .35rem;border-radius:999px;background:#0284c7;color:#fff;font-size:.7rem;font-weight:700;line-height:1}.mobile-pane-header,.mobile-graph-shortcut{display:none !important}.network-tab-content.network-graph-tab{min-height:0;padding:0;overflow:hidden}.network-graph{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;padding:1rem;box-sizing:border-box}.network-graph__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1rem;margin-bottom:.75rem}.network-graph__toolbar label{display:flex;align-items:center;gap:.45rem;color:#475569;font-size:.8rem;font-weight:600}.network-graph__toolbar select{padding:.3rem .45rem}.network-graph__edge-control input{width:8rem}.network-graph__zoom-control{display:flex;align-items:center;gap:.3rem}.network-graph__zoom-control button{min-width:1.9rem;padding:.3rem .45rem}.network-graph__zoom-control label{flex-direction:column;align-items:flex-start;gap:.1rem}.network-graph__zoom-control input{width:7rem}.network-graph__search{display:flex;align-items:center;min-width:10rem;margin-left:auto;padding:.35rem .6rem;gap:.4rem;background:#fff;border:1px solid #cbd5e1;border-radius:.4rem}.network-graph__search input{min-width:0;padding:0;border:0;outline:0}.network-graph__canvas{flex:1;width:100%;min-height:20rem;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;touch-action:none}.network-graph__edges line{stroke:#94a3b8;stroke-width:1.25;opacity:.65}.network-graph__node{cursor:grab}.network-graph__node circle{stroke:#fff;stroke-width:2;filter:drop-shadow(0 1px 2px rgba(15, 23, 42, 0.35))}.network-graph__node text{fill:#1e293b;font-size:12px;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.network-graph__node.is-match circle{stroke:#f97316;stroke-width:5}.network-graph__message{display:grid;flex:1;place-items:center;color:#64748b}.network-graph__message--error{color:#b91c1c}.network-graph__legend{display:flex;align-items:center;flex-wrap:wrap;margin-top:.65rem;gap:.5rem 1rem;color:#64748b;font-size:.75rem}.network-graph__legend span:last-child{margin-left:auto}.network-graph__key{display:inline-block;width:.65rem;height:.65rem;margin-right:.3rem;border-radius:50%}.network-graph__key--own{background:#d6d91f}.network-graph__key--online{background:#16a34a}.network-graph__key--offline{background:#64748b}@media(max-width: 700px){.network-tabs .tab-btn{padding-inline:.65rem;font-size:.8rem}.network-graph{padding:.5rem}.network-graph__redraw{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;min-width:2.25rem;height:2.25rem;padding:0}.network-graph__redraw span{display:none}.network-graph__toolbar{align-items:stretch}.network-graph__search{width:100%;box-sizing:border-box}.network-graph__toolbar .network-graph__edge-control,.network-graph__zoom-control{display:none}.network-graph__search{margin-left:0}.network-graph__canvas{min-height:18rem}.network-graph__legend span:last-child{width:100%;margin-left:0}}.network-tab-content{flex:1;overflow-y:auto;padding:1.5rem}.network-detail-view{display:flex;flex-direction:column;gap:1.5rem}.network-detail-view .detail-header{display:flex;align-items:center;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.network-detail-view .detail-header .detail-title{flex:1}.network-detail-view .detail-header .detail-title h2{font-size:1.75rem;font-weight:800;color:#1e293b;margin-bottom:.25rem}.network-detail-view .detail-header .detail-title .detail-subtitle{font-size:.9rem;color:#64748b;display:flex;align-items:center;gap:.5rem}.network-detail-view .detail-header .detail-actions{display:flex;gap:.75rem}.network-detail-view .detail-header .detail-actions button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem}.network-detail-view .detail-section{background-color:#fff;border-radius:.5rem;border:1px solid #e2e8f0;padding:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.02)}.network-detail-view .detail-section h3{font-size:1.1rem;font-weight:700;color:#334155;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.network-detail-view .detail-section .info-grid{display:grid;grid-template-columns:120px 1fr;row-gap:.75rem;font-size:.9rem}.network-detail-view .detail-section .info-grid .info-label{font-weight:600;color:#64748b}.network-detail-view .detail-section .info-grid .info-value{color:#1e293b;word-break:break-all}.network-detail-view .locations-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1rem}.network-detail-view .location-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.02)}.network-detail-view .location-card .loc-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:.5rem;margin-bottom:.25rem}.network-detail-view .location-card .loc-header .loc-name{font-weight:700;color:#334155;font-size:.95rem}.network-detail-view .location-card .loc-header .loc-status{font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:.25rem}.network-detail-view .location-card .loc-header .loc-status.online{background-color:#d1fae5;color:#065f46}.network-detail-view .location-card .loc-header .loc-status.offline{background-color:#f1f5f9;color:#475569}.network-detail-view .location-card .loc-body{font-size:.85rem;display:grid;grid-template-columns:80px 1fr;row-gap:.25rem}.network-detail-view .location-card .loc-body .loc-label{color:#64748b}.network-detail-view .location-card .loc-body .loc-val{color:#334155;word-break:break-all}.network-detail-view .location-card .loc-footer{margin-top:.5rem;display:flex;justify-content:flex-end}.network-detail-view .location-card .loc-footer button{font-size:.8rem;padding:.25rem .75rem}.network-chat-view{display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:#f8fafc}.network-chat-view .chat-messages{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.network-chat-view .chat-bubble-container{display:flex;flex-direction:column;max-width:70%}.network-chat-view .chat-bubble-container.outgoing{align-self:flex-end;align-items:flex-end}.network-chat-view .chat-bubble-container.outgoing .chat-bubble{background-color:#3ba4d7;color:#fff;border-bottom-right-radius:.125rem}.network-chat-view .chat-bubble-container.incoming{align-self:flex-start;align-items:flex-start}.network-chat-view .chat-bubble-container.incoming .chat-bubble{background-color:#fff;color:#1e293b;border:1px solid #e2e8f0;border-bottom-left-radius:.125rem}.network-chat-view .chat-bubble-container .chat-sender{font-size:.75rem;color:#64748b;margin-bottom:.25rem;padding:0 .25rem}.network-chat-view .chat-bubble-container .chat-bubble{padding:.625rem .875rem;border-radius:.75rem;font-size:.925rem;line-height:1.4;white-space:break-spaces;word-break:break-word;box-shadow:0 1px 2px rgba(0,0,0,.05)}.network-chat-view .chat-bubble-container .chat-time{font-size:.7rem;color:#94a3b8;margin-top:.25rem;padding:0 .25rem}.network-chat-view .chat-input-area{padding:1rem;background-color:#fff;border-top:1px solid #cbd5e1;display:flex;gap:.75rem;align-items:flex-end}.network-chat-view .chat-input-area textarea.chat-textarea{flex:1;resize:none !important;min-height:40px;max-height:160px;height:40px;padding:.55rem .75rem;border:1px solid #cbd5e1;border-radius:.625rem;font-size:.9rem;line-height:1.45;outline:none;overflow-y:hidden;box-sizing:border-box;transition:all .2s}.network-chat-view .chat-input-area textarea.chat-textarea:focus{border-color:#3ba4d7;box-shadow:0 0 0 3px rgba(59,164,215,.15)}.network-chat-view .chat-input-area button.send-btn{padding:.5rem 1.25rem;font-size:.9rem;height:40px;display:flex;align-items:center;gap:.5rem}.network-chat-view .chat-warning{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#64748b;text-align:center;padding:2rem;gap:1rem}.network-chat-view .chat-warning i{font-size:3rem;color:#cbd5e1}.network-chat-view .chat-warning h4{font-weight:700;color:#334155}.network-chat-view .chat-warning p{max-width:350px;font-size:.9rem}@media(max-width: 768px){.network-tab-content.network-chat-tab-content{min-height:0;padding:0;overflow:hidden}.network-container{flex-direction:column !important}.network-left-pane{width:100% !important;max-width:none !important;height:45% !important;border-right:none !important;border-bottom:1px solid #cbd5e1 !important}.network-right-pane{height:55% !important;flex:1 !important}.detail-actions button .btn-text,.detail-header .detail-actions button .btn-text{display:none !important}.detail-actions button,.detail-header .detail-actions button{padding:.45rem .65rem !important;min-width:38px !important;height:38px !important;justify-content:center !important;align-items:center !important}.detail-actions button i,.detail-header .detail-actions button i{margin:0 !important;font-size:1.05rem !important}.network-detail-view .detail-header{flex-direction:column !important;align-items:flex-start !important;gap:1rem !important}.network-detail-view .detail-header .friend-avatar{margin-bottom:.25rem !important}.locations-grid{grid-template-columns:1fr !important}.network-chat-view .chat-input-area{align-items:flex-end !important;padding:.35rem .45rem !important;gap:.2rem !important;min-width:0}.network-chat-view .chat-input-area .mobile-chat-attachment{order:1}.network-chat-view .chat-input-area .chat-hub-action-btn,.network-chat-view .chat-input-area label.chat-hub-action-btn{width:32px !important;height:32px !important;min-width:32px !important;padding:.25rem !important;font-size:.95rem !important}.network-chat-view .chat-input-area .emoji-picker-wrapper{order:3;flex:0 0 32px}.network-chat-view .chat-input-area .emoji-picker-wrapper .emoji-picker{right:-2.7rem;left:auto;width:min(320px,100vw - 1rem);max-height:min(420px,100dvh - 8rem)}.network-chat-view .chat-input-area textarea.chat-textarea{order:2;min-width:0 !important;min-height:40px !important;height:40px !important;max-height:140px !important;padding:.55rem .7rem !important;border-color:#dbe2ea !important;border-radius:1.25rem !important;background:#fff !important;box-sizing:border-box;overflow-y:hidden;line-height:1.4}.network-chat-view .chat-input-area .send-btn{order:4;width:40px !important;min-width:40px !important;height:40px !important;padding:0 !important;font-size:0 !important;justify-content:center;border-radius:50% !important}.network-chat-view .chat-input-area .send-btn i{margin:0 !important;font-size:1rem !important}}@media(max-width: 700px){.network-container{display:block !important}.network-container .network-left-pane{width:100% !important;min-width:0 !important;height:100% !important;max-width:none !important;border:0 !important}.network-container .network-right-pane{display:none !important;width:100% !important;height:100% !important}.network-container.mobile-detail-open .network-left-pane{display:none !important}.network-container.mobile-detail-open .network-right-pane{display:flex !important}.mobile-pane-header{display:grid !important;grid-template-columns:minmax(5rem, auto) minmax(0, 1fr) minmax(5rem, auto);align-items:center;min-height:46px;padding:.35rem .65rem;border-bottom:1px solid #e2e8f0;background:#fff;flex:0 0 auto}.mobile-pane-header strong{grid-column:2;overflow:hidden;color:#1e293b;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mobile-back-button{grid-column:1;justify-self:start;display:inline-flex !important;align-items:center;gap:.4rem;width:auto !important;min-width:0 !important;margin:0 !important;padding:.4rem .25rem !important;border:0 !important;box-shadow:none !important;background:rgba(0,0,0,0) !important;color:#0284c7 !important;font-weight:700}.network-container .network-tabs{flex:0 0 auto;overflow-x:auto}}.identity{color:#444;font-size:1.1em;margin:20px;padding:10px;border:1px solid #aaa;border-radius:20px}.identity>h4{margin:5px;font-size:1.3em}.identity button{font-size:.9em}.identity .details{display:grid;grid-template-columns:140px auto;grid-row-gap:5px;justify-content:left}.defaultAvatar{width:3rem;height:3rem;aspect-ratio:1;background:#b0c4de;border-radius:50%;display:grid;place-items:center}.defaultAvatar p{font-weight:900;color:#666f7f;transform:translateY(1px)}img.avatar{display:block;width:3rem;height:max-content;aspect-ratio:1;margin-right:.3em;border-radius:50%}.counter{margin-left:.5em}.counter:before{content:"("}.counter:after{content:")"}.chatInit{margin-left:.5em;color:green;cursor:pointer}.people-sidebar-header{display:flex;flex-direction:column;padding:.75rem 1rem .5rem 1rem;gap:.75rem;border-bottom:1px solid #e2e8f0;background-color:#fff}.people-sidebar-header .searchbar-wrapper{position:relative;display:flex;align-items:center}.people-sidebar-header .searchbar-wrapper i.fa-search{position:absolute;left:.85rem;color:#94a3b8;font-size:.9rem}.people-sidebar-header .searchbar-wrapper input.searchbar-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.9rem;background-color:#f8fafc;color:#1e293b;outline:none;transition:all .2s ease}.people-sidebar-header .searchbar-wrapper input.searchbar-input:focus{border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.people-sidebar-header .segmented-control{display:flex;background-color:#f1f5f9;padding:3px;border-radius:.5rem;gap:4px}.people-sidebar-header .segmented-control button.segment-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;font-size:.9rem;font-weight:600;color:#64748b;background:rgba(0,0,0,0);border:none;border-radius:.375rem;cursor:pointer;box-shadow:none;transition:all .2s ease}.people-sidebar-header .segmented-control button.segment-tab:hover{color:#1e293b}.people-sidebar-header .segmented-control button.segment-tab.active{background-color:#fff;color:#0f172a;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.people-sidebar-header .segmented-control button.segment-tab.active .segment-badge{background-color:#019dff;color:#fff}.people-sidebar-header .segmented-control button.segment-tab .segment-badge{display:inline-flex;align-items:center;justify-content:center;background-color:#cbd5e1;color:#334155;font-size:.75rem;font-weight:700;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:9999px;line-height:1;transition:all .2s ease}.people-sidebar-header .sub-filter-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:32px}.people-sidebar-header .sub-filter-row select.filter-select{padding:.35rem .6rem;border:1px solid #cbd5e1;border-radius:.375rem;font-size:.85rem;font-weight:600;color:#475569;background-color:#fff;cursor:pointer;outline:none}.people-sidebar-header .sub-filter-row .btn-add-id{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.375rem;background-color:#3b82f6;color:#fff;border:none;cursor:pointer;font-size:.9rem;transition:background-color .2s}.people-sidebar-header .sub-filter-row .btn-add-id:hover{background-color:#2563eb}.friends-list-container .people-context-menu{position:absolute;left:2rem;width:210px;background-color:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 10px rgba(0,0,0,.15);border-radius:.375rem;z-index:1010;padding:.25rem 0;display:flex;flex-direction:column}.friends-list-container .people-context-menu .menu-item{padding:.5rem 1rem;font-size:.85rem;color:#334155;cursor:pointer;display:flex;align-items:center;transition:background-color .2s}.friends-list-container .people-context-menu .menu-item:hover{background-color:#f1f5f9;color:#0f172a}.people-container{display:flex !important;flex-direction:row !important;height:100% !important;width:100% !important;overflow:hidden !important;background-color:#f1f5f9 !important}.people-left-pane{width:320px !important;min-width:300px !important;max-width:350px !important;height:100% !important;border-right:1px solid #cbd5e1 !important;display:flex !important;flex-direction:column !important;background:#fff !important;box-shadow:2px 0 5px rgba(0,0,0,.05) !important;flex-shrink:0 !important;overflow:hidden !important}.people-right-pane{flex:1 !important;min-width:0 !important;height:100% !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;background-color:#f8fafc !important}.people-list-container{flex:1 !important;overflow-y:auto !important;padding:.5rem 0 !important}.chat-item{display:flex !important;align-items:center !important;gap:.75rem !important;padding:.65rem .85rem !important;margin:.2rem .5rem !important;border-radius:.5rem !important;cursor:pointer !important;transition:all .2s ease !important;position:relative !important}.chat-item:hover{background-color:#f1f5f9 !important}.chat-item.selected{background-color:#e0f2fe !important}.chat-item.selected .chat-name{color:#0369a1 !important;font-weight:700 !important}.chat-item .chat-avatar-wrapper{position:relative !important;flex-shrink:0 !important}.chat-item .chat-avatar-wrapper .status-dot{position:absolute !important;bottom:-1px !important;right:-1px !important;width:13px !important;height:13px !important;border-radius:50% !important;border:2px solid #fff !important}.chat-item .chat-info{flex:1 !important;min-width:0 !important;display:flex !important;flex-direction:column !important}.chat-item .chat-info .chat-name{font-size:.95rem !important;font-weight:600 !important;color:#1e293b !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.chat-item .chat-info .chat-last-msg{font-size:.825rem !important;color:#64748b !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;margin-top:.1rem !important}.chat-item .chat-meta{display:flex !important;flex-direction:column !important;align-items:flex-end !important;flex-shrink:0 !important}.chat-item .chat-meta .chat-time{font-size:.75rem !important;color:#94a3b8 !important;font-weight:500 !important}@media(max-width: 768px){.people-container{flex-direction:column !important}.people-left-pane{width:100% !important;max-width:none !important;height:45% !important;border-right:none !important;border-bottom:1px solid #cbd5e1 !important}.people-right-pane{height:55% !important}.detail-actions button .btn-text,.detail-header .detail-actions button .btn-text{display:none !important}.chat-tunnel-status .tunnel-label,.select-own-profile .chatting-as-label{display:none !important}.detail-actions button,.detail-header .detail-actions button{padding:.45rem .65rem !important;min-width:38px !important;height:38px !important;justify-content:center !important;align-items:center !important}}.create-identity-form{display:grid !important;grid-template-columns:11rem minmax(0, 1fr);gap:1rem 1.5rem !important}.create-identity-form__heading,.create-identity-form__name,.create-identity-form__help,.create-identity-form__submit{grid-column:1/-1}.create-identity-form__heading{display:flex;align-items:center;gap:.75rem}.create-identity-form__heading>i{color:#3ba4d7;font-size:1.5rem}.create-identity-form__heading h3{margin:0;color:#1e293b}.create-identity-form__heading p{margin:.2rem 0 0;color:#64748b;font-size:.9rem}.create-identity-form__name{width:100%}.create-identity-form__avatar{grid-row:span 2;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border:1px solid #e2e8f0;border-radius:.65rem;background:#f8fafc}.create-identity-form__avatar-label,.create-identity-form__field label{color:#475569;font-size:.85rem;font-weight:700}.create-identity-form__file-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.create-identity-form__file-button{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .65rem;border:1px solid #0284c7;border-radius:.35rem;background:#0284c7;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer}.create-identity-form__remove-avatar{padding:.25rem .5rem;border:0;box-shadow:none;background:rgba(0,0,0,0);color:#64748b;font-size:.78rem}.create-identity-form__remove-avatar:hover{color:#dc2626;text-decoration:underline}.create-identity-form__avatar small{color:#64748b;text-align:center}.create-identity-form__field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.create-identity-form__field .config-style-select{width:100%;max-width:320px;min-width:0;box-sizing:border-box;padding:.375rem .5rem;border:1px solid #cbd5e1;border-radius:.375rem;background:#fff;color:#334155;outline:none;font-weight:600}.create-identity-form__field .config-style-select:focus{border-color:#3ba4d7}.create-identity-form__help{color:#475569;line-height:1.5}.create-identity-form__submit{justify-self:end}@media(max-width: 700px){.people-container{display:block !important}.people-container .people-left-pane{width:100% !important;min-width:0 !important;height:100% !important;max-width:none !important;border:0 !important}.people-container .people-right-pane{display:none !important;width:100% !important;height:100% !important}.people-container.mobile-detail-open .people-left-pane{display:none !important}.people-container.mobile-detail-open .people-right-pane{display:flex !important}.people-container .network-tabs{flex:0 0 auto}.people-container .network-tab-content{min-height:0}}.create-identity-avatar-preview{width:8rem;height:8rem;overflow:hidden;border:1px solid #cbd5e1;border-radius:.5rem;background:#eef2ff;display:flex;align-items:center;justify-content:center}.create-identity-avatar-preview>img{width:100%;height:100%;object-fit:cover}.create-identity-avatar-preview>.jdenticon-avatar,.create-identity-avatar-preview>.defaultAvatar{margin:0 !important}.modal-content.create-identity-modal{width:min(720px,100% - 2rem);max-height:calc(100% - 2rem);box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.modal-content.signed-identity-modal{width:min(440px,100% - 2rem);min-height:0;box-sizing:border-box}.modal-content.edit-identity-modal{width:min(440px,100% - 2rem);min-height:0;box-sizing:border-box}.edit-identity-form{display:flex;flex-direction:column;width:100%;min-width:0;gap:.65rem}.edit-identity-form__heading{display:flex;align-items:center;gap:.65rem;padding-right:2.5rem}.edit-identity-form__heading>i{color:#3ba4d7;font-size:1.35rem}.edit-identity-form__heading h3{margin:0;color:#1e293b}.edit-identity-form__name-label{color:#475569;font-size:.85rem;font-weight:700}.edit-identity-form__name{width:100%;min-width:0}.edit-identity-form__avatar{display:flex;align-items:center;min-width:0;gap:.75rem;padding:.75rem;border:1px solid #e2e8f0;border-radius:.65rem;background:#f8fafc}.edit-identity-form__avatar>.avatar,.edit-identity-form__avatar>.jdenticon-avatar,.edit-identity-form__avatar>.defaultAvatar{flex:0 0 auto;margin:0 !important}.edit-identity-form__avatar-button{display:inline-flex;align-items:center;gap:.4rem;min-width:0;padding:.45rem .7rem;border-radius:.35rem;background:#0284c7;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap}.edit-identity-form__keep{padding:.35rem .55rem;font-size:.8rem}.edit-identity-form__save{align-self:flex-end;margin-top:.25rem !important}.signed-identity-form{display:flex;flex-direction:column;gap:.75rem;width:100%}.signed-identity-form__heading{display:flex;align-items:flex-start;gap:.75rem;padding-right:2.5rem}.signed-identity-form__heading>i{color:#3ba4d7;font-size:1.5rem;margin-top:.15rem}.signed-identity-form__heading h3{margin:0;color:#1e293b}.signed-identity-form__heading p{margin:.25rem 0 0;color:#64748b;line-height:1.4}.signed-identity-form label{color:#475569;font-size:.85rem;font-weight:700}.signed-identity-form input{width:100%;box-sizing:border-box;min-width:0}.signed-identity-form__submit{align-self:flex-end;margin-top:.5rem !important}.signed-identity-result{padding-right:2.5rem}.signed-identity-result h3{margin:0;color:#1e293b}.signed-identity-result p{margin:.75rem 0 0;color:#475569;line-height:1.5}@media(max-width: 600px){.modal-content.create-identity-modal{width:calc(100% - 1rem) !important;max-width:none !important;max-height:calc(100% - 1rem);padding:1rem}.create-identity-form{width:100%;min-width:0;grid-template-columns:minmax(0, 1fr);gap:.75rem !important}.create-identity-form__heading,.create-identity-form__name,.create-identity-form__avatar,.create-identity-form__field,.create-identity-form__help,.create-identity-form__submit{grid-column:1}.create-identity-form__avatar{grid-row:auto}.create-identity-form__field .config-style-select{max-width:none}.create-identity-form__heading{padding-right:2.5rem}.create-identity-form__heading h3{font-size:1.35rem;white-space:nowrap}.create-identity-form__heading p{font-size:.82rem}.create-identity-form__avatar{padding:.6rem}.create-identity-form__help{font-size:.85rem}.create-identity-form__submit{width:100%}.create-identity-avatar-preview{width:7rem;height:7rem}.modal-content.signed-identity-modal{width:calc(100% - 1rem) !important;max-width:none !important;padding:1rem}.modal-content.edit-identity-modal{width:calc(100% - 1rem) !important;max-width:none !important;max-height:calc(100dvh - 1rem);padding:1rem;overflow-y:auto}.edit-identity-form__heading h3{font-size:1.35rem;white-space:nowrap}.edit-identity-form__avatar{flex-direction:column;padding:.85rem}.edit-identity-form__avatar-button{justify-content:center;width:100%;box-sizing:border-box}.edit-identity-form__keep,.edit-identity-form__save{width:100%}.signed-identity-form__submit{width:100%}}.people-context-menu{position:absolute !important;z-index:9999 !important;background-color:#fff !important;border:1px solid #cbd5e1 !important;border-radius:8px !important;box-shadow:0 10px 25px -5px rgba(0,0,0,.15),0 8px 10px -6px rgba(0,0,0,.1) !important;padding:.35rem 0 !important;min-width:180px !important;font-family:inherit !important;overflow:hidden !important}.people-context-menu .menu-item{display:flex !important;align-items:center !important;padding:.6rem .9rem !important;font-size:.875rem !important;font-weight:500 !important;color:#1e293b !important;cursor:pointer !important;transition:background-color .15s ease,color .15s ease !important;user-select:none !important}.people-context-menu .menu-item:hover{background-color:#f1f5f9 !important;color:#0284c7 !important}.people-context-menu .menu-item i{font-size:1rem !important;width:1.25rem !important;text-align:center !important}.lobby{margin:10px;border:1px solid #aaa;border-radius:20px}.lobby .mainname{margin:20px;font-weight:100;font-size:1.2em}.topic{color:#666}.lobby>.topic{font-size:.95em;margin-left:25px;margin-bottom:5px}.lefttitle{margin-top:15px;margin-bottom:0;font-weight:100;font-size:1.2em}.leftname{margin-top:5px;margin-bottom:5px;padding:5px;font-weight:100;font-size:1em}.leftlobby>.topic{font-size:.75em;margin-left:15px;margin-bottom:5px}.subscribed,.public{cursor:pointer}.leftlobby{border:1px solid #aaa;border-radius:10px;margin-top:5px;background-color:#fff}.leftlobby.selected-lobby,.selectedidentity{color:#fff;background-color:#3ba4d7}.rightbar{position:absolute;width:185px;background-color:#fff;overflow:auto;top:130px;bottom:15px;right:15px}.user{padding:5px}.lobbyName{padding:15px;margin-top:2rem}.lobbies{position:absolute;width:185px;left:165px;bottom:15px;top:130px;overflow:auto}.messages,.setup{position:absolute;background-color:#fff;top:130px;left:360px;right:215px;overflow:auto}.messages{bottom:115px}.messagetext{white-space:break-spaces;margin-right:5px}.message>*{margin-left:5px}.username{color:#006400;font-weight:bolder}.chatMessage{position:absolute;background-color:#fff;height:85px;bottom:15px;right:215px;left:360px}textarea.chatMsg{height:100%;width:100%}.chatatchar{margin-left:.2em;margin-right:.2em;color:silver}.setupicon{margin-left:1em;cursor:pointer}.leaveicon{margin-left:1em;cursor:pointer;color:#d40000}.selectidentity{margin:15px;font-size:1.2em}.setup>.identity{cursor:pointer}.setup{bottom:15px}.createDistantChat{margin-top:1em}.no-lobbies .messages,.no-lobbies .chatMessage,.no-lobbies .setup{left:165px}@media(min-width: 900px){.node-panel.chat-room{display:grid !important;grid-template-columns:250px 1fr 200px !important;grid-template-rows:auto 1fr auto !important;grid-template-areas:"lobbies header rightbar" "lobbies messages rightbar" "lobbies input rightbar" !important;padding:0 !important;height:100% !important}.node-panel.chat-room .lobbyName{grid-area:header;padding:10px;border-bottom:1px solid #eee;margin:0;z-index:10;background:#fff}.node-panel.chat-room .lobbies{grid-area:lobbies;position:static !important;width:auto !important;height:auto !important;border-right:1px solid #ccc;overflow-y:auto;display:block !important;top:auto !important;bottom:auto !important;left:auto !important}.node-panel.chat-room .messages{grid-area:messages;position:static !important;width:auto !important;height:auto !important;overflow-y:auto;padding:10px;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;margin:0 !important}.node-panel.chat-room .rightbar{grid-area:rightbar;position:static !important;width:auto !important;border-left:1px solid #ccc;overflow-y:auto;display:block !important}.node-panel.chat-room .chatMessage{grid-area:input;position:static !important;width:auto !important;height:auto !important;border-top:1px solid #eee;left:auto !important;right:auto !important;bottom:auto !important;flex:0 0 auto;padding:10px !important;background:#fff;z-index:10}}@media(max-width: 899px){.node-panel.chat-room{display:flex !important;flex-direction:column !important;height:100% !important;position:relative !important}.node-panel.chat-room .lobbyName{flex:0 0 auto}.node-panel.chat-room .messages{flex:1 !important;overflow-y:auto !important;position:relative !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;width:100% !important;height:auto !important;margin:0 !important}.node-panel.chat-room .chatMessage{flex:0 0 auto !important;position:relative !important;bottom:0 !important;left:0 !important;right:0 !important;width:100% !important;height:auto !important;z-index:100}.node-panel.chat-room .rightbar,.node-panel.chat-room .lobbies{display:none !important;position:fixed !important;top:60px !important;bottom:0 !important;width:80% !important;background:#fff !important;z-index:200 !important;box-shadow:2px 0 10px rgba(0,0,0,.2) !important}.node-panel.chat-room.show-lobbies .lobbies{display:block !important;left:0 !important}.node-panel.chat-room.show-users .rightbar{display:block !important;right:0 !important}.chat-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:150}.show-lobbies .chat-overlay,.show-users .chat-overlay{display:block}.mobile-menu-icons{display:flex;gap:15px;font-size:1.2rem}.mobile-menu-icons i{cursor:pointer;padding:5px}}@media(max-width: 700px){.chat-hub-container{display:block}.chat-hub-container .chat-hub-left-pane{width:100%;min-width:0;height:100%;max-width:none;max-height:none;border:0}.chat-hub-container .chat-hub-right-pane{display:none;width:100%;height:100%}.chat-hub-container.mobile-detail-open .chat-hub-left-pane{display:none}.chat-hub-container.mobile-detail-open .chat-hub-right-pane{display:flex}.chat-hub-container .chat-hub-tab-content{min-height:0}}@media(min-width: 900px){.mobile-menu-icons{display:none}}.chat-hub-container{display:flex;height:100%;width:100%;overflow:hidden;background-color:#f1f5f9}.chat-hub-left-pane{width:320px;min-width:300px;max-width:350px;border-right:1px solid #cbd5e1;display:flex;flex-direction:column;background:#fff;box-shadow:2px 0 5px rgba(0,0,0,.05)}.chat-own-profile-card{padding:.85rem 1.25rem !important;border-bottom:1px solid #e2e8f0 !important;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:.75rem !important;position:relative}.chat-own-profile-card .profile-header{display:flex !important;align-items:center !important;gap:.75rem !important;flex:1 !important;min-width:0 !important}.chat-own-profile-card .chat-create-lobby-btn{display:flex !important;align-items:center !important;gap:.35rem !important;padding:.4rem .85rem !important;font-size:.85rem !important;font-weight:600 !important;border-radius:.375rem !important;cursor:pointer !important;flex-shrink:0 !important;white-space:nowrap !important}.chat-own-profile-card .profile-info{display:flex;flex-direction:column;flex:1;overflow:hidden}.chat-own-profile-card .profile-info .profile-name{font-weight:700;color:#1e293b;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-own-profile-card .profile-info .profile-status{font-size:.85rem;color:#10b981;font-weight:500;display:flex;align-items:center;gap:.35rem}.chat-own-profile-card .profile-info .profile-status::before{content:"";display:inline-block;width:8px;height:8px;background-color:#10b981;border-radius:50%}.chat-rooms-list-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-rooms-list-container .searchbar-container{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0}.chat-rooms-list-container .searchbar-container input.searchbar{width:100%;padding:.5rem .75rem;font-size:.9rem;border:1px solid #cbd5e1;border-radius:.375rem;background-color:#f8fafc;outline:none;transition:all .2s}.chat-rooms-list-container .searchbar-container input.searchbar:focus{background-color:#fff;border-color:#3ba4d7;box-shadow:0 0 0 3px rgba(59,164,215,.15)}.chat-rooms-list-container .rooms-scroll{flex:1;overflow-y:auto;padding:.5rem 0}.rooms-section-title{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem .375rem;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.rooms-section-title i{font-size:.7rem;color:#94a3b8}.chat-room-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:.125rem .5rem;border-radius:.5rem;cursor:pointer;transition:all .2s}.chat-room-list-item:hover{background-color:#f1f5f9}.chat-room-list-item.selected{background-color:#e0f2fe}.chat-room-list-item.selected .room-name{color:#0369a1;font-weight:600}.chat-room-list-item .room-icon{flex-shrink:0;width:36px;height:36px;border-radius:.5rem;background:linear-gradient(135deg, #3ba4d7, #0ea5e9);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.35rem}.chat-room-list-item.public-room .room-icon{background:linear-gradient(135deg, #10b981, #059669)}.chat-room-list-item .room-meta{flex:1;min-width:0}.chat-room-list-item .room-meta .room-name{font-size:.95rem;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.chat-room-list-item .room-meta .room-topic{font-size:.8rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-room-list-item .room-badge{flex-shrink:0;min-width:24px;height:24px;border-radius:12px;background-color:#e2e8f0;color:#475569;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 .375rem}.chat-hub-right-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#f8fafc}.chat-pane-placeholder{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#94a3b8;gap:1rem;padding:2rem;text-align:center}.chat-pane-placeholder i{font-size:4rem;color:#cbd5e1}.chat-pane-placeholder p{font-size:1.1rem;max-width:400px}.chat-hub-tab-content{flex:1;overflow-y:auto;padding:1.5rem}.chat-room-detail-view{display:flex;flex-direction:column;gap:1.5rem}.chat-room-detail-view .detail-header{display:flex;align-items:flex-start;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.chat-room-detail-view .detail-header .detail-title{flex:1;min-width:200px}.chat-room-detail-view .detail-header .detail-title h2{font-size:1.75rem;font-weight:800;color:#1e293b;margin-bottom:.25rem}.chat-room-detail-view .detail-header .detail-title .detail-subtitle{font-size:.9rem;color:#64748b;display:flex;align-items:center;gap:.5rem}.chat-room-detail-view .detail-header .detail-actions{display:flex;gap:.75rem;flex-wrap:wrap}.chat-room-detail-view .detail-header .detail-actions button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem}.chat-room-detail-view .detail-section{background-color:#fff;border-radius:.5rem;border:1px solid #e2e8f0;padding:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.02)}.chat-room-detail-view .detail-section h3{font-size:1.1rem;font-weight:700;color:#334155;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.chat-room-detail-view .detail-section .info-grid{display:grid;grid-template-columns:130px 1fr;row-gap:.75rem;font-size:.9rem}.chat-room-detail-view .detail-section .info-grid .info-label{font-weight:600;color:#64748b}.chat-room-detail-view .detail-section .info-grid .info-value{color:#1e293b;word-break:break-all}.participants-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:.5rem}.participant-card{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem}.participant-card>.jdenticon-avatar,.participant-card>.defaultAvatar,.participant-card>img.avatar{margin-right:0 !important}.participant-card .participant-name{flex:1;min-width:0;font-size:.875rem;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-actions{display:none}.participant-more{display:none}@media(max-width: 700px){.chat-hub-tab-content.details-content{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.chat-hub-tab-content.details-content .participants-grid{grid-template-columns:1fr}.chat-hub-tab-content.details-content .participant-card{min-height:3rem;flex-wrap:wrap}.chat-hub-tab-content.details-content .participant-card.has-actions{cursor:pointer}.chat-hub-tab-content.details-content .participant-card.has-actions:focus-visible{outline:2px solid #0284c7;outline-offset:1px}.chat-hub-tab-content.details-content .participant-more{display:block;color:#94a3b8;font-size:.75rem;transition:transform .15s ease}.chat-hub-tab-content.details-content .participant-card.actions-open .participant-more{transform:rotate(180deg)}.chat-hub-tab-content.details-content .participant-actions{display:flex;width:100%;gap:.4rem;padding-top:.25rem}.chat-hub-tab-content.details-content .participant-action{display:inline-flex;flex:1;align-items:center;justify-content:center;min-width:0;gap:.3rem;padding:.4rem .35rem;border:1px solid #cbd5e1;border-radius:.375rem;background:#fff;color:#0369a1;box-shadow:none;font-size:.75rem;font-weight:600}.chat-hub-tab-content.details-content .participant-action:active{background:#e0f2fe;box-shadow:none}}.no-participants{color:#94a3b8;font-size:.9rem;font-style:italic}.detail-actions-footer{display:flex;gap:.75rem}.detail-actions-footer button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem}.join-description{color:#64748b;font-size:.9rem;margin-bottom:1rem}.identities-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:.75rem}.chat-invite-decline{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;border:1px solid #fca5a5;border-radius:.5rem;background:#fff;color:#b91c1c;font-weight:600;cursor:pointer}.chat-invite-decline:hover{background:#fef2f2}.chat-invite-decline:disabled{opacity:.5;cursor:not-allowed}@media(max-width: 700px){.chat-invite-decline{width:100%;justify-content:center}}.identity-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .2s}.identity-card:hover{background-color:#e0f2fe;border-color:#3ba4d7}.identity-card__identity{display:flex;align-items:center;min-width:0;gap:.65rem}.identity-card__identity>.avatar,.identity-card__identity>.jdenticon-avatar,.identity-card__identity>.defaultAvatar{margin-right:0 !important}.identity-card .identity-name{overflow:hidden;font-size:.95rem;font-weight:600;color:#334155;text-overflow:ellipsis;white-space:nowrap}.identity-card i{color:#3ba4d7;font-size:.9rem}.no-rooms{padding:1rem;color:#94a3b8;text-align:center;font-style:italic}@media(max-width: 899px){.chat-hub-container{flex-direction:column}.chat-hub-left-pane{width:100%;min-width:0;max-width:none;max-height:45%;border-right:none;border-bottom:1px solid #cbd5e1}.chat-hub-right-pane{flex:1;min-height:0}}.chat-hub-header-bar{padding:.75rem 1.5rem;background-color:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;height:65px;flex-shrink:0}.chat-hub-header-bar .chat-header-info{display:flex;flex-direction:column;overflow:hidden}.chat-hub-header-bar .chat-header-info .chat-header-name{font-size:1.15rem;font-weight:800;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-hub-header-bar .chat-header-info .chat-header-topic{font-size:.85rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.125rem}.chat-hub-header-bar .chat-header-actions{display:flex;gap:.5rem}.chat-hub-header-bar .chat-header-actions button{display:flex;align-items:center;gap:.35rem;padding:.375rem .75rem;font-size:.85rem}@media(max-width: 700px){.chat-hub-header-bar{height:auto;min-height:48px;padding:.45rem .55rem;gap:.45rem}.chat-hub-header-bar .chat-header-info{min-width:0;flex:1}.chat-hub-header-bar .chat-header-info .chat-header-name{font-size:.95rem}.chat-hub-header-bar .chat-header-actions{flex:0 0 auto;gap:.25rem}.chat-hub-header-bar .chat-header-actions button{width:32px;min-width:32px;height:32px;padding:0;justify-content:center;font-size:0}.chat-hub-header-bar .chat-header-actions button i{margin:0;font-size:.95rem}}.chat-hub-tabs-container{background-color:#fff;border-bottom:1px solid #cbd5e1;padding:.5rem 1.5rem 0}.chat-hub-tabs{display:flex;gap:.5rem}.chat-hub-tabs .tab-btn{padding:.625rem 1.25rem;font-size:.95rem;font-weight:600;color:#64748b;background:rgba(0,0,0,0);border:none;border-radius:.375rem .375rem 0 0;border-bottom:3px solid rgba(0,0,0,0);cursor:pointer;box-shadow:none;transition:all .2s;display:flex;align-items:center;gap:.5rem}.chat-hub-tabs .tab-btn:hover{color:#334155;background-color:#f1f5f9}.chat-hub-tabs .tab-btn.active{color:#3ba4d7;border-bottom-color:#3ba4d7;background-color:rgba(0,0,0,0)}.chat-hub-tab-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#f8fafc}.chat-hub-conversation-layout{display:flex;flex-direction:row;height:100%;width:100%;overflow:hidden}.chat-hub-conversation-main{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden}.chat-hub-rightbar{width:200px;border-left:1px solid #cbd5e1;background-color:#fff;display:flex;flex-direction:column;flex-shrink:0;position:relative}.chat-hub-rightbar .rightbar-title{padding:.75rem 1rem;font-size:.85rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.chat-hub-rightbar .rightbar-users-list{flex:1;overflow-y:auto;padding:.5rem}.chat-hub-rightbar .user{padding:.5rem .75rem;font-size:.9rem;color:#334155;border-radius:.375rem;transition:all .2s;display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.chat-hub-rightbar .user:hover{background-color:#f1f5f9;color:#0f172a}.chat-hub-rightbar .user .defaultAvatar{width:2rem;height:2rem;font-size:.9rem;flex-shrink:0}.chat-hub-rightbar .user img.avatar{width:2rem;height:2rem;flex-shrink:0}.chat-hub-rightbar .rightbar-title{display:flex;align-items:center;justify-content:space-between}.chat-hub-rightbar .rightbar-close{display:none;border:none;background:rgba(0,0,0,0);color:#64748b;font-size:1rem;padding:.25rem .5rem;cursor:pointer}@media(min-width: 900px){.chat-hub-header-bar .chat-header-actions .participants-toggle{display:none}}@media(max-width: 899px){.chat-hub-conversation-layout{position:relative}.chat-hub-rightbar{display:none}.chat-hub-conversation-layout.show-participants .chat-hub-rightbar{display:flex;position:absolute;top:0;right:0;bottom:0;width:min(80vw,320px);z-index:60;box-shadow:-4px 0 16px rgba(0,0,0,.15)}.chat-hub-conversation-layout.show-participants .rightbar-close{display:inline-flex}}.chat-hub-messages{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.chat-hub-messages .message{display:flex;flex-direction:column;max-width:70%;padding:.625rem .875rem;border-radius:.75rem;font-size:.925rem;line-height:1.4;word-break:break-word;box-shadow:0 1px 2px rgba(0,0,0,.05)}.chat-hub-messages .message.incoming{align-self:flex-start;align-items:flex-start;background-color:#fff;color:#1e293b;border:1px solid #e2e8f0;border-bottom-left-radius:.125rem}.chat-hub-messages .message.outgoing{align-self:flex-end;align-items:flex-end;background-color:#3ba4d7;color:#fff;border-bottom-right-radius:.125rem}.chat-hub-messages .message .username{font-size:.75rem;margin-bottom:.25rem;padding:0 .125rem;font-weight:700}.chat-hub-messages .message.incoming .username{color:#0369a1}.chat-hub-messages .message.outgoing .username{color:#e0f2fe}.chat-hub-messages .message .messagetext{white-space:break-spaces;margin:0}.chat-hub-messages .message .datetime{font-size:.7rem;margin-top:.25rem;padding:0 .125rem;opacity:.8}.chat-hub-messages .message.incoming .datetime{color:#64748b}.chat-hub-messages .message.outgoing .datetime{color:#f1f5f9}.chat-attachment-preview{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background-color:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0}.chat-attachment-preview__item{position:relative;display:inline-flex;flex-shrink:0}.chat-attachment-preview__thumb{width:auto;max-width:220px;height:120px;min-width:90px;object-fit:cover;border-radius:.625rem;border:1px solid #cbd5e1;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.chat-attachment-preview__thumb:hover{transform:scale(1.02);box-shadow:0 4px 14px rgba(0,0,0,.18)}.chat-attachment-preview__remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background-color:#ef4444;color:#fff;border:2px solid #fff;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.25);padding:0;line-height:1;transition:background-color .15s,transform .15s}.chat-attachment-preview__remove:hover{background-color:#dc2626;transform:scale(1.1)}.chat-attachment-preview__info{display:flex;flex-direction:column;gap:.15rem;min-width:0;overflow:hidden}.chat-attachment-preview__name{font-size:.85rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-attachment-preview__hint{font-size:.75rem;color:#64748b}.chat-hub-input-area{padding:.75rem 1.5rem;background-color:#fff;border-top:1px solid #cbd5e1;display:flex;gap:.75rem;align-items:flex-end;flex-shrink:0}.chat-hub-input-area textarea.chat-hub-textarea{flex:1;resize:none !important;min-height:40px;max-height:160px;height:40px;padding:.55rem .75rem;border:1px solid #cbd5e1;border-radius:.625rem;font-size:.9rem;line-height:1.45;outline:none;overflow-y:hidden;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;background-color:#f8fafc}.chat-hub-input-area textarea.chat-hub-textarea:focus{background-color:#fff;border-color:#3ba4d7;box-shadow:0 0 0 3px rgba(59,164,215,.15)}.chat-hub-input-area button.chat-hub-send-btn{padding:.5rem 1.25rem;font-size:.9rem;height:40px;display:flex;align-items:center;gap:.5rem;border-radius:.375rem}button.chat-hub-action-btn,label.chat-hub-action-btn,.chat-hub-action-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:36px !important;height:36px !important;min-width:36px !important;padding:0 !important;margin:0 !important;background:rgba(0,0,0,0) !important;border:none !important;box-shadow:none !important;color:#64748b !important;font-size:1.15rem !important;border-radius:.375rem !important;cursor:pointer !important;transition:all .15s ease !important;outline:none !important}button.chat-hub-action-btn:hover,label.chat-hub-action-btn:hover,.chat-hub-action-btn:hover{background-color:#e2e8f0 !important;color:#3b82f6 !important;box-shadow:none !important}button.chat-hub-action-btn i,label.chat-hub-action-btn i,.chat-hub-action-btn i{font-size:1.15rem !important;color:inherit !important}.mobile-chat-attachment{display:none;position:relative;flex:0 0 auto}.mobile-chat-attachment__menu{position:absolute;z-index:20;bottom:calc(100% + .5rem);left:0;display:flex;min-width:9rem;flex-direction:column;padding:.25rem;border:1px solid #cbd5e1;border-radius:.5rem;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.18)}button.mobile-chat-attachment__option,label.mobile-chat-attachment__option{display:flex;width:100%;align-items:center;gap:.6rem;padding:.55rem .7rem;border:0;border-radius:.35rem;background:rgba(0,0,0,0);box-shadow:none;color:#334155;cursor:pointer;font-size:.9rem;text-align:left}button.mobile-chat-attachment__option:hover,label.mobile-chat-attachment__option:hover{background:#f1f5f9}@media(max-width: 700px){.chat-attachment-preview{padding:.35rem .6rem;gap:.5rem}.chat-attachment-preview__thumb{height:80px;max-width:130px}.chat-hub-input-area .desktop-chat-attachment,.network-chat-view .chat-input-area .desktop-chat-attachment{display:none !important}.chat-hub-input-area .mobile-chat-attachment,.network-chat-view .chat-input-area .mobile-chat-attachment{display:block}.chat-hub-input-area{gap:.2rem;align-items:center;padding:.35rem .45rem}.chat-hub-input-area .mobile-chat-attachment{order:1}.chat-hub-input-area textarea.chat-hub-textarea{order:2;min-width:0;min-height:40px;height:40px;max-height:140px;padding:.55rem .7rem;resize:none !important;border-color:#dbe2ea;border-radius:1.25rem;background:#fff;box-sizing:border-box;overflow-y:hidden;line-height:1.4}.chat-hub-input-area .emoji-picker-wrapper{order:3}.chat-hub-input-area .emoji-picker-wrapper .emoji-picker{right:-2.7rem;left:auto;width:min(320px,100vw - 1rem);max-height:min(420px,100dvh - 8rem)}.chat-hub-input-area .mobile-chat-attachment .chat-hub-action-btn,.chat-hub-input-area .emoji-picker-wrapper .chat-hub-action-btn{width:32px !important;height:32px !important;padding:.25rem !important}.chat-hub-input-area button.chat-hub-send-btn{order:4;width:40px;min-width:40px;height:40px;padding:0;justify-content:center;border-radius:50%}.chat-hub-input-area button.chat-hub-send-btn i{margin:0}}.chat-hub-messages.compact-container,.messages.compact-container{gap:0 !important;padding:.75rem 1rem !important;background-color:#fff !important;display:flex !important;flex-direction:column !important}.chat-hub-messages.compact-container .message.compact,.messages.compact-container .message.compact{display:block !important;max-width:100% !important;padding:.1rem 0 !important;border-radius:0 !important;background-color:rgba(0,0,0,0) !important;border:none !important;box-shadow:none !important;align-self:flex-start !important;font-size:.875rem !important;line-height:1.45 !important;margin:0 !important;white-space:nowrap !important}.chat-hub-messages.compact-container .message.compact:hover,.messages.compact-container .message.compact:hover{background-color:#f8fafc !important;overflow:visible !important;white-space:normal !important}.chat-hub-messages.compact-container .message.compact .datetime,.messages.compact-container .message.compact .datetime{color:#a0a0a0 !important;margin-right:.4rem !important;font-size:.78rem !important;font-family:monospace !important;opacity:1 !important;display:inline !important}.chat-hub-messages.compact-container .message.compact .username,.messages.compact-container .message.compact .username{font-weight:bold !important;margin-right:.2rem !important;font-size:.875rem !important;display:inline !important}.chat-hub-messages.compact-container .message.compact .messagetext,.messages.compact-container .message.compact .messagetext{color:#1e293b !important;white-space:normal !important;word-break:break-word !important;display:inline !important;margin:0 !important}.chat-create-lobby-btn{position:absolute;bottom:.5rem;right:1.25rem;background-color:#0084ff;color:#fff;border:none;border-radius:.375rem;padding:.35rem .75rem;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,132,255,.2),0 2px 4px -1px rgba(0,132,255,.1);transition:background-color .2s,transform .2s;display:flex;align-items:center;gap:.25rem}.chat-create-lobby-btn:hover{background-color:#0073e6;transform:translateY(-1px)}.chat-create-lobby-btn:active{transform:translateY(0)}.chat-hub-rightbar .user .user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.chat-hub-rightbar .rightbar-context-menu{position:absolute;right:1rem;width:210px;background-color:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 10px rgba(0,0,0,.15);border-radius:.375rem;z-index:1010;padding:.25rem 0;display:flex;flex-direction:column}.chat-hub-rightbar .rightbar-context-menu .menu-item{padding:.5rem 1rem;font-size:.85rem;color:#334155;cursor:pointer;display:flex;align-items:center;transition:background-color .2s}.chat-hub-rightbar .rightbar-context-menu .menu-item:hover{background-color:#f1f5f9;color:#0f172a}.chat-emoji{font-size:1.45em;line-height:1;vertical-align:-0.15em;display:inline-block}.chat-hub-attach-btn,.chat-hub-action-btn{background-color:rgba(0,0,0,0) !important;border:none !important;font-size:1.15rem !important;color:#64748b !important;cursor:pointer !important;padding:.4rem .5rem !important;border-radius:.375rem !important;flex-shrink:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;transition:all .2s !important;box-shadow:none !important;margin:0 !important;line-height:1 !important;height:36px !important;width:36px !important}.chat-hub-attach-btn:hover,.chat-hub-action-btn:hover{background-color:#f1f5f9 !important;color:#3b82f6 !important;transform:none !important}.attach-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background-color:rgba(15,23,42,.4);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.attach-modal{background-color:#fff;border-radius:.5rem;width:450px;max-width:90%;padding:1.5rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1rem}.attach-modal .attach-modal-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.25rem}.attach-modal .attach-modal-icon{font-size:1.2rem;color:#3b82f6}.attach-modal h4{margin:0;font-size:1.2rem;color:#0f172a}.attach-modal p{margin:0;font-size:.9rem;color:#475569}.attach-modal .attach-path-row{display:flex;gap:.5rem;align-items:center}.attach-modal .attach-path-row input[type=text]{flex:1;padding:.75rem;border:1px solid #cbd5e1;border-radius:.375rem;font-size:.9rem;outline:none;transition:border-color .2s;min-width:0}.attach-modal .attach-path-row input[type=text]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.attach-browse-btn{flex-shrink:0;display:flex;align-items:center;gap:.35rem;padding:.625rem .9rem;font-size:.875rem;background-color:#f1f5f9;color:#334155;border:1px solid #cbd5e1;border-radius:.375rem;cursor:pointer;box-shadow:none;transition:background-color .2s,border-color .2s;white-space:nowrap}.attach-browse-btn:hover{background-color:#e2e8f0;border-color:#94a3b8}.attach-path-hint{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .75rem;background-color:#fffbeb;border:1px solid #fcd34d;border-left:3px solid #f59e0b;border-radius:.375rem;font-size:.825rem;color:#92400e;line-height:1.45}.attach-path-hint i{color:#f59e0b;margin-top:.1rem;flex-shrink:0}.attach-path-hint code{font-family:monospace;background-color:rgba(245,158,11,.15);padding:.05rem .25rem;border-radius:.2rem}.attach-modal .hashing-spinner{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#3b82f6}.attach-modal .error-text{color:#ef4444;font-size:.85rem;margin:0}.attach-modal .modal-buttons{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.attach-modal .modal-buttons button{padding:.5rem 1rem;font-size:.9rem;border-radius:.25rem;border:none;cursor:pointer;transition:opacity .2s}.attach-modal .modal-buttons button:hover{opacity:.9}.chat-hub-emoji-btn{background-color:rgba(0,0,0,0);border:none;font-size:1.3rem;cursor:pointer;padding:.35rem .4rem;margin-right:.25rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:.375rem;line-height:1;transition:background-color .15s,transform .15s;box-shadow:none}.chat-hub-emoji-btn:hover{background-color:#f1f5f9;transform:scale(1.1)}.chat-hub-messages.compact-container .message.compact,.messages.compact-container .message.compact{display:block !important;max-width:100% !important;padding:.1rem 0 !important;border-radius:0 !important;background-color:rgba(0,0,0,0) !important;border:none !important;box-shadow:none !important;align-self:flex-start !important;font-size:.875rem !important;line-height:1.45 !important;margin:0 !important;white-space:nowrap !important}.chat-hub-messages.compact-container .message.compact:hover,.messages.compact-container .message.compact:hover{background-color:#f8fafc !important;overflow:visible !important;white-space:normal !important}.chat-hub-messages.compact-container .message.compact .datetime,.messages.compact-container .message.compact .datetime{color:#a0a0a0 !important;margin-right:.4rem !important;font-size:.78rem !important;font-family:monospace !important;opacity:1 !important;display:inline !important}.chat-hub-messages.compact-container .message.compact .username,.messages.compact-container .message.compact .username{font-weight:bold !important;margin-right:.2rem !important;font-size:.875rem !important;display:inline !important}.chat-hub-messages.compact-container .message.compact .messagetext,.messages.compact-container .message.compact .messagetext{color:#1e293b !important;white-space:normal !important;word-break:break-word !important;display:inline !important;margin:0 !important}.user-tooltip{position:fixed !important;width:280px !important;background-color:#ffffe1 !important;border:1px solid #7f7f7f !important;box-shadow:2px 2px 6px rgba(0,0,0,.25) !important;padding:.5rem !important;border-radius:.25rem !important;z-index:10000 !important;white-space:normal !important;display:flex !important;gap:.5rem !important;align-items:flex-start !important;color:#000 !important;font-size:.8rem !important;text-align:left !important;pointer-events:none !important}.user-tooltip .tooltip-avatar{flex-shrink:0 !important}.user-tooltip .tooltip-avatar .jdenticon-avatar,.user-tooltip .tooltip-avatar .defaultAvatar,.user-tooltip .tooltip-avatar img.avatar{width:56px !important;height:56px !important;min-width:56px !important;min-height:56px !important;border-radius:2px !important;border:1px solid #999 !important;box-shadow:none !important;object-fit:cover !important}.user-tooltip .tooltip-details{display:flex !important;flex-direction:column !important;gap:.2rem !important;min-width:0 !important;flex:1 !important}.user-tooltip .tooltip-details .tooltip-row{line-height:1.2 !important;display:flex !important;flex-direction:row !important;align-items:baseline !important;gap:.35rem !important;white-space:normal !important;word-break:break-all !important}.user-tooltip .tooltip-details .tooltip-row .tooltip-label{font-weight:bold !important;color:#000 !important;font-size:.8rem !important;flex-shrink:0 !important}.user-tooltip .tooltip-details .tooltip-row .tooltip-value{font-weight:normal !important;color:#000 !important;font-size:.8rem !important;overflow:hidden !important;text-overflow:ellipsis !important}.user-tooltip .tooltip-details .tooltip-row .tooltip-value.tooltip-id{font-family:monospace !important;font-size:.75rem !important;color:#00b !important}.attach-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background-color:rgba(15,23,42,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.attach-modal{background:#fff;border-radius:.5rem;width:480px;max-width:92vw;box-shadow:0 20px 25px -5px rgba(0,0,0,.15),0 8px 10px -6px rgba(0,0,0,.1);padding:1.5rem;display:flex;flex-direction:column;color:#1e293b;box-sizing:border-box}.attach-modal h4{margin:0 0 1rem 0;font-size:1.15rem;font-weight:700;color:#0f172a}.attach-modal .attach-modal-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.attach-modal .attach-modal-header h4{margin:0}.attach-modal .attach-modal-header .attach-modal-icon{font-size:1.25rem;color:#3b82f6}.emoji-picker-wrapper{position:relative;flex-shrink:0;display:flex;align-items:center}.emoji-picker{position:absolute;bottom:calc(100% + .5rem);left:0;width:320px;background-color:#fff;border:1px solid #e2e8f0;border-radius:.625rem;box-shadow:0 8px 30px -4px rgba(0,0,0,.18),0 4px 12px -2px rgba(0,0,0,.1);z-index:9999;display:flex;flex-direction:column;overflow:hidden;animation:emoji-pop .15s ease-out}.emoji-search-row{display:flex;align-items:center;gap:.4rem;padding:.6rem .75rem .4rem;border-bottom:1px solid #f1f5f9}.emoji-search-icon{color:#94a3b8;font-size:.8rem;flex-shrink:0}input.emoji-search-input{flex:1;border:1px solid #e2e8f0;border-radius:.375rem;padding:.3rem .5rem;font-size:.85rem;outline:none;background-color:#f8fafc;transition:border-color .15s}input.emoji-search-input:focus{border-color:#3ba4d7;background-color:#fff;box-shadow:none}.emoji-search-clear{background:none !important;border:none !important;cursor:pointer;color:#94a3b8;padding:.2rem;font-size:.8rem;box-shadow:none !important;display:flex;align-items:center}.emoji-search-clear:hover{color:#475569}.emoji-categories{display:flex;gap:.1rem;padding:.35rem .5rem;border-bottom:1px solid #f1f5f9;overflow-x:auto;scrollbar-width:none}.emoji-categories::-webkit-scrollbar{display:none}.emoji-cat-btn{background:rgba(0,0,0,0) !important;border:none !important;cursor:pointer;font-size:1.15rem !important;padding:.25rem .35rem !important;border-radius:6px !important;line-height:1 !important;box-shadow:none !important;transition:background-color .15s ease,transform .1s ease !important;flex-shrink:0;width:auto !important;height:auto !important;min-width:unset !important}.emoji-cat-btn:hover{background-color:#f1f5f9 !important;transform:scale(1.15)}.emoji-cat-btn.active{background-color:#e0f2fe !important;border-radius:6px !important;box-shadow:none !important}.emoji-grid{display:grid !important;grid-template-columns:repeat(8, 1fr) !important;gap:2px !important;padding:.4rem .35rem !important;max-height:220px !important;overflow-y:auto !important;overflow-x:hidden !important;scrollbar-width:thin;scrollbar-color:#cbd5e1 rgba(0,0,0,0)}.emoji-grid::-webkit-scrollbar{width:5px}.emoji-grid::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.emoji-grid::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.emoji-btn{background:rgba(0,0,0,0) !important;border:none !important;cursor:pointer;font-size:1.25rem !important;padding:.35rem 0 !important;border-radius:6px !important;line-height:1 !important;box-shadow:none !important;text-align:center;transition:background-color .1s ease,transform .1s ease !important;display:flex !important;align-items:center !important;justify-content:center !important;width:auto !important;height:auto !important;min-width:unset !important}.emoji-btn:hover{background-color:#e2e8f0 !important;transform:scale(1.2)}@keyframes emoji-pop{from{opacity:0;transform:scale(0.92) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.rightbar-context-menu,.chat-msg-context-menu{z-index:9999 !important;background-color:#fff !important;border:1px solid #cbd5e1 !important;border-radius:8px !important;box-shadow:0 10px 25px -5px rgba(0,0,0,.15),0 8px 10px -6px rgba(0,0,0,.1) !important;padding:.35rem 0 !important;font-family:inherit !important;overflow:hidden !important}.rightbar-context-menu .menu-item,.rightbar-context-menu .context-menu-item,.chat-msg-context-menu .menu-item,.chat-msg-context-menu .context-menu-item{display:flex !important;align-items:center !important;padding:.55rem .85rem !important;font-size:.875rem !important;font-weight:500 !important;color:#1e293b !important;cursor:pointer !important;transition:background-color .15s ease,color .15s ease !important;user-select:none !important}.rightbar-context-menu .menu-item:hover,.rightbar-context-menu .context-menu-item:hover,.chat-msg-context-menu .menu-item:hover,.chat-msg-context-menu .context-menu-item:hover{background-color:#f1f5f9 !important;color:#0284c7 !important}.rightbar-context-menu .menu-item i,.rightbar-context-menu .context-menu-item i,.chat-msg-context-menu .menu-item i,.chat-msg-context-menu .context-menu-item i{font-size:.95rem !important;width:1.25rem !important;text-align:center !important}.rightbar-context-menu{position:absolute !important;right:10px !important;min-width:220px !important;z-index:9999 !important}.chat-msg-context-menu{position:fixed !important;right:auto !important;width:max-content !important;min-width:180px !important;max-width:calc(100vw - 16px) !important;box-sizing:border-box !important}.chat-msg-context-menu .context-menu-item{white-space:nowrap !important}.chat-image-viewer{position:fixed;inset:0;z-index:1000000;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:3.5rem 1rem 1rem;background:rgba(15,23,42,.98)}.chat-image-viewer__image{display:block;max-width:100%;max-height:100%;object-fit:contain}.chat-image-viewer__close{position:absolute;top:max(.5rem,env(safe-area-inset-top));right:max(.5rem,env(safe-area-inset-right));width:2.75rem;height:2.75rem;padding:0;border:1px solid hsla(0,0%,100%,.5);border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:2rem;line-height:1}.side-bar{display:flex;flex-direction:column;background:#fff}.side-bar .mail-compose-btn{width:96%;margin:.25rem;padding:.75rem 0}.side-bar .sidebar a,.side-bar .sidebarquickview a{display:flex;align-items:center;gap:.5rem}.side-bar .sidebar-badge{margin-left:auto;background-color:#3b82f6;color:#fff;font-size:.725rem;font-weight:700;padding:.15rem .45rem;border-radius:999px;line-height:1;display:inline-flex;align-items:center;justify-content:center;min-width:1.2rem}.compose-mail__from{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:2px solid #eef3f6}.compose-mail__recipients{padding:.5rem 0;display:flex;flex-direction:column;gap:.5rem;border-bottom:2px solid #eef3f6}.compose-mail__recipients__container{display:flex;gap:.5rem}.compose-mail__recipients__container>label{text-transform:capitalize}.compose-mail__recipients__container .recipients{width:100%;display:flex;gap:.5rem;flex-wrap:wrap}.compose-mail__recipients__container .recipients__selected{padding:.125rem .5rem;display:flex;align-items:center;gap:.5rem;border:1px solid #eef3f6;border-radius:3px;cursor:default}.compose-mail__recipients__container .recipients__selected i{cursor:pointer;padding:.25rem}.compose-mail__recipients__container .recipients__input{display:flex;position:relative;flex-grow:1}.compose-mail__recipients__container .recipients__input-field{flex-grow:1;min-width:200px;padding:0;border:none;box-shadow:none}.compose-mail__recipients__container .recipients__input-field:focus+.recipients__input-list{display:flex}.compose-mail__recipients__container .recipients__input-list{z-index:1;position:absolute;top:1rem;padding:0;width:min(24rem,100vw - 3rem);max-width:100%;max-height:15rem;flex-direction:column;overflow:auto;display:none;background:#fff;border-top:1px solid #eef3f6;border-bottom:1px solid #eef3f6}.compose-mail__recipients__container .recipients__input-list:hover{display:flex}.compose-mail__recipients__container .recipients__input-list li{list-style:none;padding:.25rem .5rem;cursor:pointer;background:#fff;border:1px solid #eef3f6;border-top:0px}.compose-mail__recipients__container .recipients__input-list li:hover{background:#eef3f6}.compose-mail__recipients__container .recipients__input-list li:last-child{border-bottom:0px}.compose-mail__recipients .remove-recipient{padding:.125rem .5rem}.compose-mail input[type=text].compose-mail__subject{padding:.5rem 0;border:none;box-shadow:none;border-bottom:2px solid #eef3f6;border-radius:0}.compose-mail__message{margin:.5rem 0;height:100%;display:flex;flex-direction:column;overflow:auto}.compose-mail__message-body{height:100%;outline:rgba(0,0,0,0)}.compose-mail__send-btn{display:flex;align-items:center;gap:.5rem}.compose-mail__send-btn i{transform:translateY(-1px)}.msg-view{height:100%;display:flex;flex-direction:column;gap:1rem;overflow:auto}.msg-view-nav{display:flex;justify-content:space-between;align-items:column}.msg-view-nav__action{display:flex;gap:.5rem}.msg-view__header{display:flex;flex-direction:column;gap:1rem}.msg-view__header>h3{line-height:1}.msg-view__header .msg-details{display:flex;gap:1rem}.msg-view__header .msg-details__avatar{height:max-content}.msg-view__header .msg-details__info{display:flex;flex-direction:column}.msg-view__header .msg-details__info-item{display:flex;gap:.5rem}.msg-view__body{height:100%;overflow:auto;font-size:14px !important}.msg-view__attachment{height:50%;overflow:auto;display:flex;flex-direction:column}.msg-view__attachment-items{height:100%;overflow:auto}.mail-tag{width:8rem;padding:.5rem}.msgHeader{display:flex}.msgHeaderDetails{display:flex;flex-direction:column}table.mails th:nth-child(1){width:5%;color:#fcba03}table.mails th:nth-child(2){width:5%;color:hsl(202.5,30.7692307692%,44.9019607843%)}table.mails th:nth-child(3){width:50%;text-align:start}table.mails th:nth-child(4),table.mails th:nth-child(5){width:20%;text-align:start}table.mails td:nth-child(3){text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table.mails td:nth-child(4),table.mails td:nth-child(5){text-align:start}table.mails tr:hover{background-color:#eef3f6;cursor:pointer}table.mails tr.unread{color:#000;background-color:#eef3f6}table.mails>tr:hover{cursor:auto;background-color:#fff}table.mails th.sortable-th{cursor:pointer;user-select:none;transition:background-color .2s,color .2s}table.mails th.sortable-th:hover{background-color:#eef3f6;color:hsl(202.5,30.7692307692%,14.9019607843%)}input.star-check{display:none}input.star-check+label.star-check{color:gray}input.star-check:checked+label.star-check{color:#fcba03}#truncate{height:6rem;overflow:auto}#truncate.truncated-view{height:1.75rem;overflow:hidden}.toggle-truncate{font-size:.75rem;padding:0 .25rem;background:#999;color:#14141b;box-shadow:none;border-radius:2px}table.attachment-container{padding:0}table.attachment-container>tr{border:0}table.attachment-container .attachment-header{width:100%;display:flex;justify-content:space-between}table.attachment-container .attachment-header th{text-align:start}table.attachment-container .attachment-header th:nth-child(1){flex-basis:45%}table.attachment-container .attachment-header th:nth-child(2){flex-basis:15%}table.attachment-container .attachment-header th:nth-child(3){flex-basis:10%}table.attachment-container .attachment-header th:nth-child(4){flex-basis:20%}table.attachment-container .attachment-header th:nth-child(5){text-align:center;flex-basis:10%}table.attachment-container .attachment{width:100%;display:flex;justify-content:space-between;text-align:start}table.attachment-container .attachment__name{flex-basis:45%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}table.attachment-container .attachment__name span{margin-left:8px}table.attachment-container .attachment__from{flex-basis:15%}table.attachment-container .attachment__size{flex-basis:10%}table.attachment-container .attachment__date{flex-basis:20%}table.attachment-container .attachment td:nth-child(5){display:flex;justify-content:center;align-items:center;flex-basis:10%}table.attachment-container .attachment td:nth-child(5) button{font-size:.875rem}.view-toggle{height:max-content;border:1px solid #019dff;border-radius:4px;display:flex}.view-toggle *{padding:4px 12px;border-radius:4px}.composePopupOverlay{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1;background-color:rgba(0,0,0,.2)}.composePopupOverlay .composePopup{position:absolute;inset:0;margin:auto;width:80%;height:90%}.composePopupOverlay .composePopup>.widget{padding:2rem}.composePopupOverlay .composePopup .close-btn{position:absolute;top:1.5rem;right:1.5rem}.attachments-wrapper{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.attachment-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 1px 3px rgba(0,0,0,.02)}.attachment-card .attachment-icon{width:40px;height:40px;border-radius:.5rem;background:#eff6ff;color:#3b82f6;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.attachment-card .attachment-info{flex:1;min-width:0}.attachment-card .attachment-info .attachment-name{font-weight:600;font-size:.9rem;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-card .attachment-info .attachment-size{font-size:.75rem;color:#64748b}.attachment-card .btn-attachment-download{padding:.4rem .75rem;font-size:.8rem;height:34px}.mobile-fab-compose{display:none}@media(max-width: 768px){.side-bar{width:100% !important;flex-direction:row !important;overflow-x:auto !important;overflow-y:hidden !important;white-space:nowrap !important;border-bottom:1px solid #cbd5e1 !important;padding:.5rem !important;flex-shrink:0 !important;background:#fff !important}.side-bar .mail-compose-btn{display:none !important}.side-bar .sidebar{width:auto !important;flex-direction:row !important;gap:.25rem !important}.side-bar .sidebar a{padding:.5rem .75rem !important;font-size:.85rem !important;border-radius:.375rem !important;border-left:none !important;border-bottom:none !important;display:inline-flex !important;align-items:center !important;gap:.35rem !important}.side-bar .sidebar a .sidebar-link-text{display:none !important}.side-bar .sidebar a i{margin-right:0 !important;font-size:1.1rem !important}.side-bar .sidebar a .sidebar-badge{margin-left:0 !important;background:#3b82f6 !important;color:#fff !important;font-size:.7rem !important;font-weight:700 !important;padding:.15rem .4rem !important;border-radius:999px !important;line-height:1 !important}.side-bar .sidebar a.selected-sidebar-link{background-color:#e0f2fe !important;color:#0369a1 !important;border-left:none !important;font-weight:600 !important}.side-bar .sidebarquickview{display:none !important}select.mail-tag{padding:.45rem .75rem !important;border-radius:.5rem !important;border:1px solid #cbd5e1 !important;font-size:.85rem !important;font-weight:600 !important;background-color:#fff !important;color:#1e293b !important;outline:none !important;cursor:pointer !important;box-shadow:0 1px 2px rgba(0,0,0,.05) !important}.node-panel{width:100% !important;flex:1 !important;padding:.5rem !important;overflow:auto !important}.table-pagination-container table.mails{display:block !important;width:100% !important}.table-pagination-container table.mails tr:first-child{display:none !important}.table-pagination-container table.mails tbody{display:flex !important;flex-direction:column !important;gap:.5rem !important}.table-pagination-container table.mails tr.msgbody{display:flex !important;flex-direction:column !important;padding:.85rem !important;background:#fff !important;border:1px solid #e2e8f0 !important;border-radius:.65rem !important;box-shadow:0 1px 3px rgba(0,0,0,.03) !important;position:relative !important;margin-bottom:.25rem !important;transition:all .2s ease !important}.table-pagination-container table.mails tr.msgbody.unread{background:#f0f9ff !important;border-color:#bae6fd !important;border-left:4px solid #0284c7 !important}.table-pagination-container table.mails tr.msgbody td{display:block !important;padding:0 !important;border:none !important}.table-pagination-container table.mails tr.msgbody td.cell-from{order:1 !important;margin-bottom:.35rem !important;padding-right:5rem !important}.table-pagination-container table.mails tr.msgbody td.cell-from div{display:flex !important;align-items:center !important;gap:.5rem !important;width:100% !important}.table-pagination-container table.mails tr.msgbody td.cell-from div .jdenticon-avatar,.table-pagination-container table.mails tr.msgbody td.cell-from div .defaultAvatar,.table-pagination-container table.mails tr.msgbody td.cell-from div img.avatar{flex-shrink:0 !important;width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important;aspect-ratio:1/1 !important;object-fit:cover !important;border-radius:50% !important}.table-pagination-container table.mails tr.msgbody td.cell-from div span{font-weight:700 !important;font-size:.95rem !important;color:#1e293b !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.table-pagination-container table.mails tr.msgbody td.cell-date{order:2 !important;position:absolute !important;top:.85rem !important;right:.85rem !important;font-size:.75rem !important;font-weight:600 !important;color:#64748b !important;white-space:nowrap !important}.table-pagination-container table.mails tr.msgbody td.cell-subject{order:3 !important;margin-bottom:.25rem !important;font-size:.9rem !important;color:#334155 !important}.table-pagination-container table.mails tr.msgbody td.cell-subject span{font-weight:600 !important}.table-pagination-container table.mails tr.msgbody td.cell-star{order:4 !important;position:absolute !important;bottom:.75rem !important;right:.85rem !important}.table-pagination-container table.mails tr.msgbody td.cell-attachment{order:5 !important;position:absolute !important;bottom:.75rem !important;right:2.5rem !important;color:#64748b !important}.msg-view{padding:.5rem !important;gap:.75rem !important}.msg-view .msg-view-nav{background:#fff !important;padding:.5rem .75rem !important;border-radius:.5rem !important;border:1px solid #e2e8f0 !important}.msg-view .msg-view-nav__action button{padding:.45rem .65rem !important;min-width:38px !important;height:38px !important;justify-content:center !important}.msg-view .msg-view-nav__action button .btn-text{display:none !important}.msg-view .msg-view-nav__action button i{margin:0 !important;font-size:1rem !important}.msg-view__header{background:#fff !important;padding:1rem !important;border-radius:.5rem !important;border:1px solid #e2e8f0 !important}.msg-view__header h3{font-size:1.25rem !important;font-weight:800 !important;color:#0f172a !important;line-height:1.3 !important}.msg-view__body{background:#fff !important;padding:1rem !important;border-radius:.5rem !important;border:1px solid #e2e8f0 !important;font-size:.95rem !important;line-height:1.6 !important;color:#1e293b !important}.msg-view__attachment{height:auto !important}.mobile-fab-compose{position:fixed !important;bottom:1.75rem !important;right:1.5rem !important;width:54px !important;height:54px !important;border-radius:50% !important;background:linear-gradient(135deg, #3b82f6, #2563eb) !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:1.35rem !important;box-shadow:0 4px 14px rgba(37,99,235,.45) !important;border:none !important;z-index:1000 !important;cursor:pointer !important;transition:transform .2s ease !important}.mobile-fab-compose:active{transform:scale(0.92) !important}.composePopupOverlay .composePopup{width:95% !important;height:95% !important}}.mail-mobile-nav-toggle{display:none}.mail-nav-drawer{display:contents}.mail-mobile-box-title{display:none}@media(max-width: 768px){.side-bar{height:44px !important;padding:.25rem !important;overflow:visible !important}.mail-mobile-nav-toggle{display:inline-flex !important;width:40px;height:40px;align-items:center;justify-content:center;border:0;border-radius:6px;background:#fff;color:#0f172a;cursor:pointer;font-size:1.15rem}.mail-nav-drawer{position:fixed;top:0;left:0;z-index:1100;display:flex !important;flex-direction:column;width:min(82vw,300px);height:100dvh;padding:1rem 0;overflow-y:auto;background:#fff;border-right:1px solid #e2e8f0;box-shadow:8px 0 24px rgba(15,23,42,.16);transform:translateX(-105%);transition:transform 180ms ease}.mail-nav-drawer--open{transform:translateX(0)}.mail-mobile-box-title{display:flex !important;align-items:center;gap:.55rem;margin:.35rem 0 .55rem;color:#0f172a;font-size:1.45rem;font-weight:600}.mail-mobile-box-title i{color:#3b82f6;font-size:1.35rem}.mail-box-content>.widget__heading{display:none}.mail-nav-drawer .mail-compose-btn{display:flex !important;margin:0 .85rem .75rem !important}.mail-nav-drawer .sidebar,.mail-nav-drawer .sidebarquickview{display:flex !important;flex-direction:column !important;width:100% !important}.mail-nav-drawer .sidebarquickview{margin-top:.5rem;border-top:1px solid #e2e8f0;padding-top:.5rem}.mail-nav-drawer .sidebarquickview h6{display:block !important;margin:0 .9rem .35rem;color:#64748b}.mail-nav-drawer .sidebar a,.mail-nav-drawer .sidebarquickview a{display:flex !important;width:auto;padding:.7rem 1rem !important;border-radius:0 !important}.mail-nav-drawer .sidebar a .sidebar-link-text{display:inline !important}.mail-nav-drawer .sidebar a i{margin-right:.75rem !important;font-size:1.1rem !important}}@media(max-width: 700px){.mobile-fab-compose{bottom:calc(50px + env(safe-area-inset-bottom) + 1rem) !important}.composePopupOverlay{z-index:1050}.composePopupOverlay .composePopup{top:calc(44px + env(safe-area-inset-top) + .5rem) !important;right:0 !important;bottom:calc(50px + env(safe-area-inset-bottom) + .5rem) !important;left:0 !important;width:calc(100% - 1rem) !important;height:auto !important;margin:0 auto !important}.composePopupOverlay .composePopup>.widget{padding:1rem}.composePopupOverlay .composePopup .close-btn{top:.75rem;right:.75rem}}.file-view{width:100%;padding:1rem;margin-top:1.5rem;border-radius:8px;border:1px solid #ccc;animation:fadein .5s}.file-view__heading{display:flex;justify-content:space-between;margin-bottom:.5rem}.file-view__heading-chunk{display:flex;gap:1rem}.file-view__body{display:flex;flex-direction:column;gap:1rem}.file-view__body-details{display:flex;align-items:center}.file-view__body-details-stat{width:100%;display:grid;grid-template-columns:repeat(5, 1fr)}.file-view__body-details-stat span>i{margin-right:.5rem}.file-view__body-details-action{display:flex;gap:1rem;height:100%}.file-view__body-details-action button,.file-view__body-details-action button.red{padding:.25rem .75rem}table.myfiles td{word-wrap:break-word}table.myfiles th:nth-child(1){width:2%}table.myfiles th:nth-child(2){width:50%}table.myfiles td:nth-child(2){text-align:start}table.friendsfiles td{word-wrap:break-word}table.friendsfiles th:nth-child(1){width:1.5rem;padding-left:.25rem;padding-right:0}table.friendsfiles th:nth-child(2){width:50%;text-align:left;padding-left:.25rem}table.friendsfiles th:nth-child(4){width:40%}table.friendsfiles td:nth-child(2){text-align:start;padding-left:.25rem}table.friendsfiles td:nth-child(1){width:1.5rem;padding-left:.25rem;padding-right:0}.file-search-container{margin-top:1rem;padding:8px;display:flex;gap:8px;border:1px solid rgba(20,20,27,.2);border-radius:6px;height:100%;overflow:auto}.file-search-container__keywords{flex-basis:15%;padding-right:.25rem;border-right:1px solid rgba(20,20,27,.1)}.file-search-container__keywords .keywords-container{display:flex;flex-direction:column;border-top:2.5px solid rgba(20,20,27,.08);margin-top:.125rem;padding-top:.25rem}.file-search-container__keywords .keywords-container a{font-size:1.2rem;text-decoration:none;color:#14141b}.file-search-container__keywords .keywords-container a.selected{color:#019dff}.file-search-container__results{flex-basis:85%;height:100%;overflow:auto}.file-search-container__results .results-container .results-header tr{display:flex}.file-search-container__results .results-container .results-header tr th{font-size:1.25rem;font-weight:bold;text-align:left}.file-search-container__results .results-container .results-header tr th:nth-child(1){flex-basis:40%}.file-search-container__results .results-container .results-header tr th:nth-child(2){flex-basis:10%;text-align:center}.file-search-container__results .results-container .results-header tr th:nth-child(3){flex-basis:40%}.file-search-container__results .results-container .results-header tr th:nth-child(4){flex-basis:10%}.file-search-container__results .results-container .results{height:100%;overflow:auto}.file-search-container__results .results-container .results tr{display:flex}.file-search-container__results .results-container .results tr .results__hash,.file-search-container__results .results-container .results tr .results__name{text-align:left;flex-basis:40%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-search-container__results .results-container .results tr .results__hash span,.file-search-container__results .results-container .results tr .results__name span{margin-left:8px}.file-search-container__results .results-container .results tr .results__size{flex-basis:10%}.file-search-container__results .results-container .results tr .results__download{flex-basis:10%;display:flex;justify-content:start;align-items:center}.search-form{display:flex;width:40%}.search-form input{width:100%}.search-form button{margin-left:.5rem}.file-search-container{align-items:stretch;min-height:16rem;padding:1rem;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.06)}.file-search-container__keywords{flex:0 0 13rem;padding:0 1rem 0 0}.file-search-container__keywords .keywords-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.file-search-container__keywords .keywords-header h5{margin:0;font-size:1rem}.file-search-container__keywords .clear-btn{padding:.35rem .7rem}.file-search-container__keywords .keywords-container a{padding:.45rem .55rem;border-radius:.35rem;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-search-container__keywords .keywords-container a:hover,.file-search-container__keywords .keywords-container a.selected{background:rgba(0,154,235,.1);color:#019dff}.file-search-container__results{flex:1 1 auto;min-width:0;overflow:visible}.file-search-container__results>h5{margin:0;color:#64748b}.results-container{width:100%;border:1px solid #dbe3ec;border-radius:.5rem;overflow:hidden}.results-row{display:grid;grid-template-columns:minmax(12rem, 2fr) minmax(5.5rem, 0.6fr) minmax(12rem, 1.6fr) auto;gap:1rem;align-items:center}.results-header{background:#f1f5f9;border-bottom:1px solid #dbe3ec;color:#475569;font-size:.78rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.results-header .results-row{padding:.65rem .85rem}.results-list .file-item{padding:.75rem .85rem;border-bottom:1px solid #edf2f7;transition:background-color .15s ease}.results-list .file-item:last-child{border-bottom:0}.results-list .file-item:hover{background:#f8fafc}.results-cell{min-width:0}.results-cell.name-col{display:flex;align-items:center;gap:.55rem;color:#0f172a;font-weight:600}.results-cell.name-col i{color:#0284c7;font-size:1.1rem}.results-cell.name-col span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-cell.size-col{color:#475569;white-space:nowrap}.results-cell.hash-col{overflow:hidden;color:#64748b;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.download-btn-v65{padding:.45rem .75rem;white-space:nowrap}.modal-content.add-file-modal{width:min(32rem,100% - 2rem);box-sizing:border-box}.add-file-dialog{display:flex;flex-direction:column;min-width:0;gap:.75rem}.add-file-dialog__heading{display:flex;align-items:center;padding-right:3rem;gap:.6rem}.add-file-dialog__heading h3{margin:0;white-space:nowrap}.add-file-dialog hr{width:100%;margin:0}.add-file-dialog label{color:#334155;font-weight:600}.add-file-dialog input[type=text]{width:100%;min-width:0;box-sizing:border-box}.add-file-dialog button[type=submit]{align-self:flex-end}.shareManagerPopupOverlay{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1;background-color:rgba(0,0,0,.2);z-index:1200}.shareManagerPopupOverlay .shareManagerPopup{position:absolute;inset:0;margin:auto;width:80%;height:90%;max-width:72rem;box-sizing:border-box}.shareManagerPopupOverlay .shareManagerPopup>.widget{padding:1.5rem}.shareManagerPopupOverlay .shareManagerPopup .close-btn{position:absolute;top:1.5rem;right:1.5rem}.share-manager{display:flex;flex-direction:column;justify-content:space-between;min-height:0}.share-manager__table{margin:1rem 0 auto}.share-manager__table thead{font-weight:bold;text-align:left}.share-manager__table thead td:nth-child(1),.share-manager__table thead td:nth-child(2){padding-left:.5rem}.share-manager__table thead td:nth-child(3) .tooltip,.share-manager__table thead td:nth-child(4) .tooltip{font-weight:normal;font-size:1rem}.share-manager__table tbody{text-align:left}.share-manager__table tbody td:nth-child(4){font-size:1rem}.share-manager__table td input{border:0 !important}.share-manager__table td input[type=text]{width:100%}.share-manager__table td:nth-child(1){width:45%}.share-manager__table td:nth-child(2){width:20%}.share-manager__table td:nth-child(3){width:10%}.share-manager__table td:nth-child(4){width:25%}.share-manager__actions{display:flex;justify-content:space-between}.share-manager__empty td{padding:2rem 1rem;color:#64748b;text-align:center}.share-manager__form{display:flex;flex-direction:column;gap:.5rem}.share-manager__form_input{display:flex;flex-direction:column;gap:.5rem}.share-manager__form_input input{flex-grow:1}.share-manager .share-flags input.share-flags-check{display:none}.share-manager .share-flags input.share-flags-check+label.share-flags-label{color:gray;margin-right:.25rem;padding:.25rem .25rem .125rem;border:1px solid #6d6d6d;border-radius:.5rem}.share-manager .share-flags input.share-flags-check:checked+label.share-flags-label{color:#118fcc}.share-manager label span{display:inline-block;width:1.125rem}.manage-visibility label{width:100%;cursor:pointer}.manage-visibility{display:flex;justify-content:space-between}@media(max-width: 700px){.modal-content.add-file-modal{width:calc(100% - 1rem);min-height:0;padding:1rem}.modal-content.add-file-modal>.close-btn{top:.75rem;right:.75rem;padding:.55rem .75rem}.add-file-dialog{gap:.85rem}.add-file-dialog__heading{min-height:2.5rem}.add-file-dialog__heading h3{font-size:1.4rem}.add-file-dialog button[type=submit]{width:100%;min-height:2.75rem}.shareManagerPopupOverlay{height:100dvh;padding:.5rem;box-sizing:border-box;background-color:rgba(15,23,42,.55)}.shareManagerPopupOverlay .shareManagerPopup{position:relative;width:100%;height:100%;min-width:0;overflow:hidden;border-radius:.75rem;background:#fff}.shareManagerPopupOverlay .shareManagerPopup>.widget{min-width:0;padding:1rem;overflow:hidden}.shareManagerPopupOverlay .shareManagerPopup .close-btn{top:.85rem;right:.85rem;padding:.55rem .75rem}.shareManagerPopupOverlay .shareManagerPopup .widget__heading{min-height:2.5rem;padding-right:3rem}.shareManagerPopupOverlay .shareManagerPopup .widget__heading h3{overflow:hidden;font-size:1.45rem;text-overflow:ellipsis;white-space:nowrap}.share-manager{flex:1 1 auto;height:auto;overflow:hidden}.share-manager>blockquote.info{flex:0 0 auto;margin:.75rem 0 0;padding:.75rem .75rem .75rem 2rem;font-size:.9rem;line-height:1.35}.share-manager__table{flex:1 1 auto;min-height:0;margin:.75rem 0;padding:0;overflow-y:auto}.share-manager__actions{flex:0 0 auto;gap:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.share-manager__actions button{flex:1 1 0 !important;width:auto;min-height:2.75rem}.file-view__body-details{flex-direction:column;align-items:flex-start;gap:1rem}.file-view__body-details-stat{grid-template-columns:1fr;gap:.5rem}.file-view__body-details-stat span{display:flex;align-items:center}.share-manager__table,.share-manager__table thead,.share-manager__table tbody,.share-manager__table tr,.share-manager__table td{display:block;width:100% !important}.share-manager__table thead{display:none}.share-manager__table tr{border:1px solid #ccc;border-radius:8px;margin-bottom:1rem;padding:.5rem;background:#fff}.share-manager__table td{margin-bottom:.5rem;border:none !important;padding-left:0 !important}.share-manager__table tr:not(.share-manager__empty) td::before{display:block;margin-bottom:.2rem;color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.share-manager__table tr:not(.share-manager__empty) td:nth-child(1)::before{content:"Shared directory"}.share-manager__table tr:not(.share-manager__empty) td:nth-child(2)::before{content:"Visible name"}.share-manager__table tr:not(.share-manager__empty) td:nth-child(3)::before{content:"Access"}.share-manager__table tr:not(.share-manager__empty) td:nth-child(4)::before{content:"Visibility"}.share-manager__table .share-manager__empty{display:table-row;margin:0;padding:0;border:0}.share-manager__table .share-manager__empty td{display:table-cell;padding:2rem 1rem !important}table.myfiles,table.myfiles tr,table.myfiles td,table.friendsfiles,table.friendsfiles tr,table.friendsfiles td{display:block;width:100% !important}table.myfiles th,table.friendsfiles th{display:none}table.myfiles tr,table.friendsfiles tr{border:1px solid #ccc;border-radius:8px;margin-bottom:1rem;padding:.5rem;background:#fff}table.friendsfiles tr{display:grid;grid-template-columns:1.25rem minmax(0, 1fr) auto;align-items:center;column-gap:.35rem;margin-bottom:.5rem;padding:.65rem .5rem}table.friendsfiles td{display:block;width:auto !important;margin:0;padding:0 !important;border:0 !important}table.friendsfiles td:nth-child(1){grid-column:1}table.friendsfiles td:nth-child(2){grid-column:2;left:0 !important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.friendsfiles td:nth-child(3){grid-column:3;white-space:nowrap}table.friendsfiles td:nth-child(4){grid-column:2/-1;margin-top:.4rem}table.myfiles tr{display:grid;grid-template-columns:1.25rem minmax(0, 1fr) auto;align-items:center;column-gap:.35rem;margin-bottom:.5rem;padding:.65rem .5rem}table.myfiles td{display:block;width:auto !important;margin:0;padding:0 !important;border:0 !important}table.myfiles td:nth-child(1){grid-column:1}table.myfiles td:nth-child(2){grid-column:2;left:0 !important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.myfiles td:nth-child(3){grid-column:3;white-space:nowrap}.my-files__configure-shares{width:2.4rem;min-width:2.4rem;padding:.55rem !important}.my-files__configure-shares span{display:none}.file-search-container{flex-direction:column}.file-search-container__keywords{flex-basis:auto;width:100%;border-right:none;border-bottom:1px solid rgba(20,20,27,.1);padding-bottom:1rem;margin-bottom:1rem}.results-container,.results-container thead,.results-container tbody,.results-container tr,.results-container td{display:block;width:100% !important}.results-container thead{display:none}.results-container tr{border-bottom:1px solid #eee;padding:1rem 0}.results-container td{margin-bottom:.5rem;word-break:break-all}.search-form{width:auto;flex:1;max-width:18rem}.file-search-container{gap:.75rem;padding:.75rem}.file-search-container__keywords{padding:0 0 .75rem;margin:0}.file-search-container__results{width:100%}.results-header{display:none}.results-list .file-item{display:grid;grid-template-columns:minmax(0, 1fr) auto;grid-template-areas:"name action" "size hash";gap:.45rem .75rem;padding:.8rem}.results-cell.name-col{grid-area:name}.results-cell.size-col{grid-area:size;font-size:.82rem}.results-cell.hash-col{grid-area:hash;max-width:10rem;text-align:right}.results-cell.action-col{grid-area:action}.download-btn-v65{padding:.4rem .6rem}}.file-section{margin-top:2rem;display:flex;flex-direction:column}.comments-section{margin-top:2rem;display:flex;justify-content:space-between}.comments-section__menu{display:flex;gap:1rem}.comments-section__menu-id{display:flex;align-items:center;gap:.25rem}#toggleunsub{position:relative;background:gray}table.channels th:nth-child(1){width:50%;text-align:start}table.channels td:nth-child(1){text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table.channels tr:hover{background-color:#eef3f6;cursor:pointer}table.channels tr.hidden{display:none}table{padding:.5rem}table.comments{border:1px solid #eee}table.comments th{height:40px}table.comments th:nth-child(1){width:2%}table.comments th:nth-child(2){width:40%}table.comments td{word-wrap:break-word}table.comments td:nth-child(2){text-align:start}table.files th:first-child{text-align:start;width:60%}table.files tr td:first-child{text-align:start}table.files td{word-wrap:break-word}.posts-container-card .channel-post__placeholder{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:#64748b;background:linear-gradient(135deg, #f8fafc, #dbe5f1)}.channel-post__placeholder i{font-size:1.35rem;color:#64748b}.channel-post__placeholder span{font-size:2rem;font-weight:700;color:#2563eb}.channel-post__placeholder small{font-size:.72rem;font-weight:600}.post-description{margin:1rem 0;padding:.85rem 1rem;border-radius:10px;background:#f1f5f9;color:#1e293b}.post-description__text{overflow-wrap:anywhere;line-height:1.5}.post-description__text>:first-child{margin-top:0}.post-description__text>:last-child{margin-bottom:0}.post-description__text--collapsed{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.post-description__toggle{margin-top:.35rem;padding:0 !important;border:0 !important;box-shadow:none !important;background:rgba(0,0,0,0) !important;color:#0f172a !important;font-size:.85rem !important;font-weight:700 !important}.post-description__toggle:hover{color:#2563eb !important;text-decoration:underline}.create-channel-form{display:grid !important;grid-template-columns:11rem minmax(0, 1fr);gap:1rem 1.5rem !important}.create-channel-form__heading,.create-channel-form__title,.create-channel-form__description,.create-channel-form__submit{grid-column:1/-1}.create-channel-form__heading h3{margin:0;color:#1e293b}.create-channel-form__heading p{margin:.25rem 0 0;color:#64748b;font-size:.9rem}.create-channel-form__title{width:100%}.create-channel-form__thumbnail{grid-row:span 2;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border:1px solid #e2e8f0;border-radius:.65rem;background:#f8fafc}.create-channel-form__thumbnail-label,.create-channel-form__field label{color:#475569;font-size:.85rem;font-weight:700}.create-channel-form__file-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.create-channel-form__file-button{padding:.4rem .65rem;border:1px solid #0284c7;border-radius:.35rem;background:#0284c7;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer}.create-channel-form__thumbnail small{color:#64748b;text-align:center}.create-channel-form__field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.create-channel-form__field .config-style-select{width:100%;max-width:320px;min-width:0;box-sizing:border-box;padding:.4rem;border:1px solid #cbd5e1;border-radius:4px;background-color:#fff;color:#1e293b;font-size:.95rem}.create-channel-form__description{width:100%;min-height:7rem;resize:vertical}.create-channel-form__submit{justify-self:end}.modal-content.create-channel-modal{width:min(760px,100% - 2rem);max-height:calc(100% - 2rem);box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.channel-thumbnail-preview{width:9rem;height:9rem;overflow:hidden;border:1px solid #cbd5e1;border-radius:.5rem;background:#f8fafc}.channel-thumbnail-preview img{width:100%;height:100%;display:block;object-fit:cover}.channel-thumbnail-preview__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;background:linear-gradient(135deg, #eef2ff, #dbeafe);color:#64748b}.channel-thumbnail-preview__placeholder i{color:#3ba4d7;font-size:2rem}.channel-thumbnail-preview__placeholder span{color:#334155;font-weight:700}.channel-thumbnail-preview__placeholder small{font-size:.72rem}.channel-detail-default-thumbnail{display:flex;flex:0 0 6rem;align-items:center;justify-content:center;width:6rem;height:6rem;border:1px solid #cbd5e1;border-radius:4px;background:linear-gradient(135deg, #eef6fb, #dbeafe);color:#3ba4d7;box-sizing:border-box}.channel-detail-default-thumbnail i{font-size:2.75rem}.create-channel-post-form{display:grid !important;grid-template-columns:11rem minmax(0, 1fr);gap:1rem 1.5rem !important}.create-channel-post-form__heading,.create-channel-post-form__title,.create-channel-post-form__description,.create-channel-post-form__submit{grid-column:1/-1}.create-channel-post-form__heading h3{margin:0;color:#1e293b}.create-channel-post-form__heading p{margin:.25rem 0 0;color:#64748b;font-size:.9rem}.create-channel-post-form__title,.create-channel-post-form__description{width:100%;box-sizing:border-box}.create-channel-post-form__thumbnail{grid-row:span 2;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border:1px solid #e2e8f0;border-radius:.65rem;background:#f8fafc}.create-channel-post-form__thumbnail-label,.create-channel-post-form__attachments>label:first-child{color:#475569;font-size:.85rem;font-weight:700}.create-channel-post-form__file-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.create-channel-post-form__file-button,.create-channel-post-form__attachment-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem .65rem;border:1px solid #0284c7;border-radius:.35rem;background:#0284c7;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer}.create-channel-post-form__thumbnail small,.create-channel-post-form__attachments small{color:#64748b;text-align:center}.create-channel-post-form__attachments{display:flex;flex-direction:column;align-items:flex-start;align-self:start;gap:.5rem;min-width:0;padding:.8rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#f8fafc}.create-channel-post-form__attachment-list{width:100%;max-height:9rem;overflow-y:auto;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:.35rem;background:#fff}.create-channel-post-form__attachment-item{display:flex;align-items:center;gap:.55rem;padding:.45rem .55rem;border-bottom:1px solid #e2e8f0}.create-channel-post-form__attachment-item:last-child{border-bottom:0}.create-channel-post-form__attachment-item>i{flex:0 0 auto;color:#64748b}.create-channel-post-form__attachment-info{display:flex;flex-direction:column;min-width:0;flex:1}.create-channel-post-form__attachment-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155}.create-channel-post-form__attachment-info small{text-align:left}.create-channel-post-form__attachment-remove{flex:0 0 auto;padding:.25rem .4rem;border:0;box-shadow:none;background:rgba(0,0,0,0);color:#dc2626}.create-channel-post-form__attachment-remove:hover{background:#fee2e2}.create-channel-post-form__description{min-height:9rem;resize:vertical}.create-channel-post-form__submit{justify-self:end}.channel-post-thumbnail-preview{width:9rem;height:9rem;overflow:hidden;border:1px solid #cbd5e1;border-radius:.5rem;background:#f8fafc}.channel-post-thumbnail-preview img{width:100%;height:100%;display:block;object-fit:cover}.channel-post-thumbnail-preview__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;background:linear-gradient(135deg, #eef2ff, #dbeafe);color:#64748b}.channel-post-thumbnail-preview__placeholder i{color:#3ba4d7;font-size:2rem}.channel-post-thumbnail-preview__placeholder span{color:#334155;font-weight:700;text-align:center}.channel-post-thumbnail-preview__placeholder small{font-size:.72rem}.modal-content.create-channel-post-modal{width:min(760px,100% - 2rem);max-height:calc(100% - 2rem);box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.posts>.posts__heading.channel-posts-heading{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;width:100%;gap:1rem !important;flex-wrap:wrap;text-align:left}.posts>.posts__heading.channel-posts-heading h3{margin:0;text-align:left}.channel-posts-heading__create{display:inline-flex;align-items:center;gap:.35rem}@media(max-width: 600px){.modal-content.create-channel-modal{width:calc(100% - 1rem);max-height:calc(100% - 1rem);padding:1rem}.create-channel-form{width:100%;min-width:0;padding:0;overflow:visible;grid-template-columns:1fr}.create-channel-form__heading,.create-channel-form__title,.create-channel-form__thumbnail,.create-channel-form__field,.create-channel-form__description,.create-channel-form__submit{grid-column:1}.create-channel-form__thumbnail{grid-row:auto}.create-channel-form__thumbnail input[type=file]{max-width:100%}.create-channel-form__field .config-style-select{max-width:100%}.create-channel-form__description{box-sizing:border-box}.create-channel-form__submit{width:100%}.channel-thumbnail-preview{width:8rem;height:8rem}.modal-content.create-channel-post-modal{width:calc(100% - 1rem);max-height:calc(100% - 1rem);padding:1rem}.create-channel-post-form{width:100%;min-width:0;padding:0;grid-template-columns:minmax(0, 1fr)}.create-channel-post-form__heading,.create-channel-post-form__title,.create-channel-post-form__thumbnail,.create-channel-post-form__attachments,.create-channel-post-form__description,.create-channel-post-form__submit{grid-column:1}.create-channel-post-form__thumbnail{grid-row:auto}.create-channel-post-form__attachments{align-items:stretch;box-sizing:border-box}.create-channel-post-form__submit{width:100%}.channel-post-thumbnail-preview{width:8rem;height:8rem}.channel-posts-heading__create span{display:none}.channel-posts-heading__create{min-width:2.25rem;justify-content:center;padding-inline:.55rem}}.posts-container{align-content:start;grid-auto-rows:240px}.posts-container-card{position:relative;display:flex;align-self:start;height:240px;min-height:0;overflow:hidden}.posts-container-card>img,.posts-container-card>.channel-post__placeholder{min-height:0}.channel-post-comment-badge{position:absolute;z-index:2;top:.5rem;right:.5rem;display:inline-flex;align-items:center;gap:.3rem;min-width:1.75rem;min-height:1.75rem;padding:.25rem .45rem;box-sizing:border-box;color:#0f172a;background:hsla(0,0%,100%,.94);border:1px solid rgba(148,163,184,.7);border-radius:999px;box-shadow:0 2px 6px rgba(15,23,42,.22);font-size:.75rem;font-weight:700;pointer-events:none}.channel-post-comment-badge i{color:#3ba4d7}@media(max-width: 700px){.posts-container{grid-auto-rows:210px;gap:1rem}.posts-container-card{height:210px}}@media(max-width: 700px){.file-section{margin-top:1.25rem}table.channel-files,table.channel-files tbody,table.channel-files tr,table.channel-files td{display:block;width:100% !important;box-sizing:border-box}table.channel-files{padding:0;table-layout:auto}table.channel-files thead{display:none}table.channel-files tr{margin:0 0 .7rem;padding:.7rem;border:1px solid #dbe3ef;border-radius:8px;background:#fff}table.channel-files td{min-width:0;padding:.25rem 0;border:0;text-align:left}table.channel-files td::before{display:block;margin-bottom:.1rem;color:#64748b;content:attr(data-label);font-size:.72rem;font-weight:700;text-transform:uppercase}table.channel-files .channel-file__name{overflow-wrap:anywhere;color:#0f172a;font-weight:600;line-height:1.35}table.channel-files .channel-file__size{color:#475569}table.channel-files .channel-file__action{padding-top:.5rem}table.channel-files .channel-file__action>button{min-width:116px}table.channel-files .channel-file__action .file-view{margin-top:.6rem}}#mtags{width:160px;text-align:center;font-size:medium;margin-left:10px;height:40px}.forums-node-panel{position:relative;bottom:200px;margin-left:200px;animation:fadein .5s}.forum-thread-view{width:100%;min-width:0;box-sizing:border-box}.forum-post-content{max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}.forum-post-content img,.forum-post-content video,.forum-post-content iframe{max-width:100%;height:auto}.forum-post-content pre{max-width:100%;overflow:auto;white-space:pre-wrap}.forum-post-content table{display:block;max-width:100%;overflow-x:auto}table.forums th:nth-child(1){width:50%;text-align:start}table.forums td:nth-child(1){text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table.forums tr:hover{background-color:#eef3f6;cursor:pointer}table.forums tr.hidden{display:none}#searchforum{position:relative;margin-left:250px}#forumdetails{position:relative;padding:10px}.forum-detail-heading{margin-top:.75rem}.forum-detail-heading h3{margin:0}.forum-detail-card{display:grid;grid-template-columns:6rem minmax(15rem, 2fr) minmax(18rem, 3fr);grid-template-areas:"icon details description";align-items:center;gap:1rem 2rem;margin-top:.75rem;padding:1rem;border:1px solid #d7dee8;border-radius:4px;background:#fff}.forum-detail-card__icon{grid-area:icon;display:flex;align-items:center;justify-content:center;width:6rem;height:6rem;border:1px solid #cbd5e1;border-radius:4px;background:linear-gradient(135deg, #eef6fb, #dbeafe);color:#3ba4d7;box-sizing:border-box}.forum-detail-card__icon i{font-size:2.75rem}.forum-detail-card__details{grid-area:details;display:flex;flex-direction:column;gap:.3rem}.forum-detail-card__description{grid-area:description}.forum-detail-card__details>div,.forum-detail-card__description{min-width:0;overflow-wrap:anywhere}.forum-detail-card__details b,.forum-detail-card__description b{margin-right:.25rem}.forum-threads{margin-top:1rem}.forum-threads__heading{display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding-bottom:.35rem;border-bottom:1px solid #d7dee8}.forum-threads__heading h3{margin:0}.forum-threads__create{display:inline-flex;align-items:center;gap:.35rem}@media(max-width: 700px){.forum-detail-heading{align-items:center;gap:.75rem}.forum-detail-heading h3{min-width:0;overflow-wrap:anywhere}.forum-detail-card{grid-template-columns:5rem minmax(0, 1fr);grid-template-areas:"icon details" "description description";align-items:start;gap:1rem}.forum-detail-card__icon{width:5rem;height:5rem}.forum-detail-card__icon i{font-size:2.25rem}.forum-threads__create{min-width:2.25rem;justify-content:center;padding-inline:.55rem}.forum-threads__create span{display:none}}.p{margin:0}#toggleunsub{position:relative;background:gray}table.threads tr:hover{background-color:#eef3f6;cursor:pointer}table.threads td{word-wrap:break-word}table.threadreply th:nth-child(2){width:50%}table.threadreply th:nth-child(1){width:2%}table.threadreply td:nth-child(2){width:50%;text-align:start}table.threadreply td{word-wrap:break-word}table.threadreply tr:hover{background-color:#eef3f6;cursor:pointer}.create-forum-form{display:grid !important;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1rem 1.5rem !important}.create-forum-form__heading,.create-forum-form__title,.create-forum-form__moderators,.create-forum-form__description,.create-forum-form__submit{grid-column:1/-1}.create-forum-form__heading h3{margin:0;color:#1e293b}.create-forum-form__heading p{margin:.25rem 0 0;color:#64748b;font-size:.9rem}.create-forum-form__title,.create-forum-form__description{width:100%;box-sizing:border-box}.create-forum-form__description{min-height:7rem;resize:vertical}.create-forum-form__field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.create-forum-form__field label,.create-forum-form__moderators-heading label{color:#475569;font-size:.85rem;font-weight:700}.create-forum-form__field .config-style-select{width:100%;min-width:0;box-sizing:border-box;padding:.4rem;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:#1e293b;font-size:.95rem}.create-forum-form__moderators{min-width:0}.create-forum-form__moderators-heading{display:flex;justify-content:space-between;margin-bottom:.4rem}.create-forum-form__moderators-heading span{color:#64748b;font-size:.8rem}.create-forum-form__moderators-toggle{display:inline-flex;align-items:center;gap:.45rem;cursor:pointer}.create-forum-form__moderators-toggle input{margin:0}.create-forum-form__moderator-controls{display:flex;flex-direction:column;gap:.4rem}.create-forum-form__moderator-controls>.config-style-select{width:100%;box-sizing:border-box;padding:.4rem;border:1px solid #cbd5e1;border-radius:4px;background:#fff}.create-forum-form__search{position:relative}.create-forum-form__search i{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:#94a3b8}.create-forum-form__search input{width:100%;box-sizing:border-box;padding-left:2rem}.create-forum-form__moderator-list{max-height:13rem;overflow-y:auto;border:1px solid #cbd5e1;border-radius:4px;background:#fff}.create-forum-form__moderator{display:flex;align-items:center;gap:.65rem;padding:.45rem .65rem;border-bottom:1px solid #e2e8f0;cursor:pointer}.create-forum-form__moderator:last-child{border-bottom:0}.create-forum-form__moderator:hover{background:#f1f5f9}.create-forum-form__moderator>span{display:flex;flex-direction:column;min-width:0}.create-forum-form__moderator>.jdenticon-avatar,.create-forum-form__moderator>.defaultAvatar,.create-forum-form__moderator>img.avatar{flex:0 0 30px;margin-right:0}.create-forum-form__moderator b{color:#1e293b;font-size:.9rem}.create-forum-form__moderator small{color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-forum-form__empty{padding:1rem;color:#64748b;text-align:center}.create-forum-form__submit{justify-self:end}.modal-content.create-forum-modal{width:min(720px,100% - 2rem);max-height:calc(100% - 2rem);box-sizing:border-box;overflow-x:hidden;overflow-y:auto}@media(max-width: 600px){.modal-content.create-forum-modal{width:calc(100% - 1rem);max-height:calc(100% - 1rem);padding:1rem}.create-forum-form{grid-template-columns:minmax(0, 1fr)}.create-forum-form__heading,.create-forum-form__title,.create-forum-form__field,.create-forum-form__moderators,.create-forum-form__description,.create-forum-form__submit{grid-column:1}.create-forum-form__moderator-list{max-height:10rem}.create-forum-form__submit{width:100%}}.forum-thread-composer{width:min(720px,100%);height:auto;box-sizing:border-box;gap:.85rem}.forum-thread-composer__heading{padding-right:5.5rem}.forum-thread-composer__heading-copy{min-width:0}.forum-thread-composer__heading h3{margin:0;color:#1e293b}.forum-thread-composer__heading p{margin:.25rem 0 0;color:#64748b;font-size:.9rem}.forum-thread-composer__fullscreen{position:absolute;z-index:2;top:1.25rem;right:4.25rem;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin:0;padding:0;border:0;border-radius:4px;background:#f1f5f9;color:#475569;box-shadow:none}.forum-thread-composer__fullscreen:hover{background:#e0f2fe;color:#0284c7}.forum-thread-composer__reply{padding:.6rem .75rem;border-radius:4px;background:#f1f5f9;color:#475569}.forum-thread-composer__title{width:100%;box-sizing:border-box}.forum-thread-composer__field{display:flex;flex-direction:column;gap:.35rem}.forum-thread-composer__field label{color:#475569;font-size:.85rem;font-weight:700}.forum-thread-composer__field select{width:100%;box-sizing:border-box;padding:.45rem;border:1px solid #cbd5e1;border-radius:4px;background:#fff}.forum-thread-composer__editor{position:relative}.forum-thread-composer__editor textarea{display:block;width:100%;min-height:8rem;padding:.75rem;border-radius:4px 4px 0 0;box-sizing:border-box;resize:vertical}.forum-thread-composer__toolbar{position:relative;display:flex;gap:.25rem;padding:.4rem .5rem;border:1px solid #cbd5e1;border-top:0;border-radius:0 0 4px 4px;background:#f8fafc}.forum-thread-composer__toolbar>input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.forum-thread-composer__tool{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,0);color:#0284c7;cursor:pointer;box-shadow:none;box-sizing:border-box}.forum-thread-composer__tool:hover,.forum-thread-composer__tool.active{background:#e0f2fe}.forum-thread-composer__emoji-picker{position:absolute;left:2.75rem;bottom:3rem;z-index:10;width:min(22rem,100vw - 4rem);padding:.5rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;box-shadow:0 10px 25px rgba(15,23,42,.18)}.forum-thread-composer__emoji-categories{display:flex;gap:.15rem;overflow-x:auto;padding-bottom:.35rem;border-bottom:1px solid #e2e8f0}.forum-thread-composer__emoji-categories button,.forum-thread-composer__emoji-grid button{border:0;background:rgba(0,0,0,0);box-shadow:none;cursor:pointer;color:#0f172a}.forum-thread-composer__emoji-categories button{flex:0 0 2rem;padding:.3rem;border-radius:4px}.forum-thread-composer__emoji-categories button.active{background:#e0f2fe}.forum-thread-composer__emoji-grid{display:grid;grid-template-columns:repeat(8, 1fr);max-height:12rem;overflow-y:auto;padding-top:.4rem}.forum-thread-composer__emoji-grid button{padding:.3rem;font-size:1.15rem}.forum-thread-composer__file-panel{display:flex;flex-direction:column;gap:.35rem;padding:.65rem;border:1px solid #cbd5e1;border-top:0;background:#f8fafc}.forum-thread-composer__file-panel>div{display:flex;gap:.4rem;min-width:0}.forum-thread-composer__file-panel input{flex:1 1 auto;min-width:0;box-sizing:border-box}.forum-thread-composer__file-panel label{display:flex;flex:0 0 2.4rem;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:#0284c7;cursor:pointer}.forum-thread-composer__file-panel button{flex:0 0 auto}.forum-thread-composer__file-panel small{color:#64748b}.forum-thread-composer__file-panel small.error-text{color:#dc2626}.forum-thread-composer__inline-images{display:flex;flex-direction:column;gap:.65rem;padding:.75rem;border:1px solid #cbd5e1;border-top:0;background:#fff}.forum-thread-composer__inline-image{position:relative;align-self:flex-start;max-width:100%}.forum-thread-composer__inline-image img{display:block;max-width:100%;max-height:12rem;border-radius:6px;object-fit:contain}.forum-thread-composer__inline-image button{position:absolute;top:.4rem;right:.4rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:50%;background:rgba(15,23,42,.78);color:#fff;box-shadow:none}.forum-thread-composer__attachments{padding:.65rem;border:1px solid #d7dee8;border-radius:6px;background:#f8fafc}.forum-thread-composer__attachments-heading{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem;color:#475569;font-size:.85rem;font-weight:700}.forum-thread-composer__attachment-list{display:flex;flex-wrap:wrap;gap:.5rem;max-height:6rem;overflow-y:auto}.forum-thread-composer__attachment{display:flex;align-items:center;gap:.5rem;max-width:18rem;padding:.35rem .5rem;border:1px solid #cbd5e1;border-radius:6px;background:#fff}.forum-thread-composer__attachment>img{width:2rem;height:2rem;border-radius:4px;object-fit:cover}.forum-thread-composer__attachment>i{width:2rem;color:#3b82f6;text-align:center}.forum-thread-composer__attachment>span{display:flex;flex-direction:column;min-width:0}.forum-thread-composer__attachment b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.forum-thread-composer__attachment small{color:#64748b}.forum-thread-composer__attachment button{margin-left:auto;padding:.25rem;border:0;background:rgba(0,0,0,0);color:#ef4444;box-shadow:none}.forum-thread-composer__capacity{color:#64748b;font-size:.78rem;text-align:right}.forum-thread-composer__capacity.is-over-limit{color:#dc2626;font-weight:700}.forum-thread-composer__actions{display:flex;justify-content:flex-end}.modal-content.create-forum-thread-modal{width:min(720px,100% - 2rem);height:fit-content;max-height:calc(100% - 2rem);min-height:0;padding:1.25rem;box-sizing:border-box;overflow:hidden}.modal-content.create-forum-thread-modal>.forum-thread-composer{flex:0 1 auto;height:auto;max-height:calc(100vh - 4.5rem);min-height:0;padding-right:.25rem;overflow-x:hidden;overflow-y:auto}.modal-content.create-forum-thread-modal:not(.is-fullscreen){height:fit-content !important}.modal-content.create-forum-thread-modal:not(.is-fullscreen)>.forum-thread-composer{flex-grow:0;flex-shrink:1;align-self:stretch}.modal-content.create-forum-thread-modal.is-fullscreen{width:min(1100px,100% - 3rem);height:min(760px,100vh - 3rem);max-width:1100px;max-height:calc(100vh - 3rem);min-height:0;overflow:hidden}.modal-content.create-forum-thread-modal.is-fullscreen>.forum-thread-composer{width:100%;height:auto;max-height:100%;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.modal-content.create-forum-thread-modal.is-fullscreen .forum-thread-composer__title,.modal-content.create-forum-thread-modal.is-fullscreen .forum-thread-composer__field,.modal-content.create-forum-thread-modal.is-fullscreen .forum-thread-composer__editor,.modal-content.create-forum-thread-modal.is-fullscreen .forum-thread-composer__toolbar,.modal-content.create-forum-thread-modal.is-fullscreen .forum-thread-composer__attachments,.modal-content.create-forum-thread-modal.is-fullscreen .forum-thread-composer__inline-images{width:100%;box-sizing:border-box}.modal-content.create-forum-thread-modal.is-fullscreen .forum-thread-composer__editor textarea{width:100%;height:clamp(14rem,100vh - 25rem,28rem);min-height:14rem;max-height:28rem;box-sizing:border-box}@media(max-width: 600px){.modal-content.create-forum-thread-modal{width:calc(100% - 1rem);height:auto;max-height:calc(100% - 1rem);padding:1rem;overflow-y:auto}.modal-content.create-forum-thread-modal>.forum-thread-composer{width:100%;height:auto;max-height:calc(100vh - 3rem);padding:0;overflow-y:visible}.forum-thread-composer__fullscreen{display:none}.forum-thread-composer__editor textarea{min-height:7rem}.forum-thread-composer__emoji-picker{left:0;width:calc(100vw - 3rem);box-sizing:border-box}.forum-thread-composer__emoji-grid{grid-template-columns:repeat(6, 1fr)}.forum-thread-composer__file-panel>div{flex-wrap:wrap}.forum-thread-composer__file-panel input{flex-basis:calc(100% - 3rem)}.forum-thread-composer__file-panel button{flex:1 1 100%}.forum-thread-composer__attachment{max-width:100%;flex:1 1 100%}.forum-thread-composer__actions button{width:100%}}#popupmessage{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;background-color:rgba(15,23,42,.75);backdrop-filter:blur(4px);z-index:999999;display:none;align-items:center;justify-content:center;box-sizing:border-box}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1000000;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-sizing:border-box}.popup-content{position:relative;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.2);max-width:90vw;max-height:90vh;overflow:auto;box-sizing:border-box}.popup-content span.close{position:absolute;top:.5rem;right:.75rem;font-size:1.75rem;font-weight:700;color:#64748b;cursor:pointer;line-height:1;z-index:10;transition:color .15s ease}.popup-content span.close:hover{color:#ef4444}.board-view-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%;overflow-x:hidden;padding:.5rem 0;box-sizing:border-box}.board-table{width:100%;border-collapse:collapse}.board-table th,.board-table td{text-align:left;padding:.65rem .85rem}.board-toolbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.5rem .85rem;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05);box-sizing:border-box}.board-toolbar__left{display:flex;flex-direction:row;align-items:center;gap:.75rem;flex:1;min-width:0}.board-toolbar__right{display:flex;flex-direction:row;align-items:center;gap:.65rem;flex-shrink:0}.board-toolbar__count-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .65rem;background-color:#f1f5f9;color:#475569;font-size:.825rem;font-weight:600;border-radius:16px;border:1px solid #e2e8f0;white-space:nowrap}.board-toolbar__count-badge i{color:#007bff}.board-toolbar__search{position:relative;display:flex;align-items:center;flex:1;max-width:380px;min-width:160px}.board-toolbar__search-icon{position:absolute;left:.75rem;color:#94a3b8;font-size:.85rem;pointer-events:none}input.board-toolbar__search-input{width:100%;padding:.35rem .65rem .35rem 2.1rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.85rem;background-color:#fff;color:#1e293b}input.board-toolbar__search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.15)}.board-toolbar__voter{display:inline-flex;align-items:center;gap:.4rem;color:#475569;font-size:.8rem;font-weight:600;white-space:nowrap}.board-toolbar__voter select{max-width:180px;min-width:110px;padding:.3rem .45rem;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#1e293b;font-size:.8rem}.board-toolbar__voter select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.15)}.board-toolbar__view-toggle{display:inline-flex;flex-direction:row;align-items:center;background-color:#f1f5f9;padding:2px;border-radius:6px;border:1px solid #cbd5e1}.board-toolbar__toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.3rem .65rem;border:none;background:rgba(0,0,0,0);color:#64748b;font-size:.825rem;font-weight:500;border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.board-toolbar__toggle-btn i{font-size:.85rem}.board-toolbar__toggle-btn:hover{color:#1e293b;background-color:hsla(0,0%,100%,.6)}.board-toolbar__toggle-btn--active,.board-toolbar__toggle-btn--active:hover{background-color:#007bff;color:#fff;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.1)}.board-toolbar__toggle-btn--active i{color:#fff}@media(max-width: 768px){.board-toolbar{flex-wrap:wrap}.board-toolbar__left{flex-basis:100%}.board-toolbar__toggle-btn span{display:none}.board-toolbar__toggle-btn{padding:.35rem .55rem}}.board-post-voting{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.85rem 0;padding:.65rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem}.board-post-voting__identity{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.8rem;font-weight:600}.board-post-voting__identity select{max-width:220px;padding:.3rem .45rem;font-size:.8rem}.board-post-voting__buttons{display:flex;align-items:center;gap:.35rem}.board-post-voting__buttons button{min-width:52px;padding:.3rem .55rem;box-shadow:none}.board-post-voting__score{min-width:2rem;color:#334155;font-weight:700;text-align:center}@media(max-width: 560px){.board-post-voting{align-items:stretch;flex-direction:column}.board-post-voting__identity select{flex:1;min-width:0;max-width:none}.board-post-voting__buttons{justify-content:center}.board-card__notes-btn span{display:none}}.board-pagination{display:inline-flex;flex-direction:row;align-items:center;gap:.25rem;background-color:#fff;padding:2px 4px;border-radius:6px;border:1px solid #cbd5e1}.board-pagination__btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;min-height:26px;padding:0;margin:0;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:#007bff;font-size:.825rem;cursor:pointer;transition:all .15s ease}.board-pagination__btn i{font-size:.825rem;color:#007bff}.board-pagination__btn:hover:not(:disabled){background-color:#007bff;color:#fff;border-color:#007bff}.board-pagination__btn:hover:not(:disabled) i{color:#fff}.board-pagination__btn:disabled{opacity:.4;cursor:not-allowed;color:#94a3b8;border-color:#e2e8f0;background-color:#f1f5f9}.board-pagination__btn:disabled i{color:#94a3b8}.board-pagination__label{font-size:.825rem;font-weight:700;color:#334155;padding:0 .35rem;white-space:nowrap;user-select:none}.board-view-footer{display:flex;justify-content:center;align-items:center;padding:1rem 0 .5rem 0;width:100%}.board-grid{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.board-grid--compact{display:flex;flex-direction:column;gap:.5rem;width:100%}.board-grid--card{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.25rem;width:100%}.board-grid__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border:2px dashed #cbd5e1;border-radius:12px;width:100%;box-sizing:border-box}.board-grid__empty-icon{font-size:3rem;color:#cbd5e1;margin-bottom:1rem}.board-grid__empty-title{font-size:1.15rem;font-weight:600;color:#475569;margin:0 0 .5rem 0}.board-grid__empty-desc{font-size:.9rem;color:#94a3b8;margin:0}.board-card{box-sizing:border-box}.board-card--compact{display:flex;flex-direction:row;align-items:center;width:100%;min-height:70px;padding:.45rem .75rem;background-color:#eef2f5;border:1px solid #d1d5db;border-radius:4px;gap:.75rem;box-sizing:border-box;margin-bottom:.35rem}.board-card--compact:hover{background-color:#e2e8f0;border-color:#9ca3af}.board-card__vote-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .55rem;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:20px;box-sizing:border-box}button.board-card__vote-btn,.board-card__vote-pill .board-card__vote-btn{background:rgba(0,0,0,0);border:none;box-shadow:none;padding:.1rem .2rem;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:4px;transition:background-color .15s ease;outline:none}.board-card__vote-pill .board-card__vote-btn:hover{background-color:#e2e8f0;box-shadow:none}.board-card__vote-pill .board-card__vote-btn--up i{color:#16a34a;font-size:1.15rem}.board-card__vote-pill .board-card__vote-btn--down i{color:#dc2626;font-size:1.15rem}.board-card__vote-pill .board-card__vote-score{font-size:.9rem;font-weight:700;color:#1e293b;padding:0 .15rem;line-height:1;min-width:1rem;text-align:center}.board-card--compact .board-card__image-container{width:110px;height:62px;flex-shrink:0;border-radius:4px;overflow:hidden;background-color:#cbd5e1}.board-card--compact .board-card__image{width:100%;height:100%;object-fit:cover;display:block}.board-card--compact .board-card__placeholder-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%)}.board-card__placeholder-content{display:flex;flex-direction:column;align-items:center;gap:.3rem;color:#64748b;font-size:.72rem;font-weight:600}.board-card__placeholder-content i{font-size:1.35rem}.board-card--compact .board-card__placeholder-img{width:24px;height:24px;color:#64748b}.board-card--compact .board-card__content{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0;padding:0}.board-card__title-button,.board-card__title-button:active{all:unset;box-sizing:border-box;display:block;width:100%;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.board-card__title-button:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.board-card--compact .board-card__title{font-size:1.05rem;font-weight:700;color:#25a;text-decoration:underline;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 .15rem 0;cursor:pointer}.board-card--compact .board-card__title:hover{color:#1d4ed8}.board-card--compact .board-card__meta{font-size:.8rem;color:#475569;margin-bottom:.2rem}.board-card--compact .board-card__meta b{color:#1e293b}.board-card--compact .board-card__footer{display:flex;align-items:center;gap:.5rem;padding:0;border:none;margin:0}.board-card__comments-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;background:rgba(0,0,0,0);border:none;box-shadow:none;color:#64748b;font-size:.85rem;font-weight:500;cursor:pointer;outline:none}.board-card__comments-btn:hover{color:#007bff;text-decoration:underline;box-shadow:none}.board-card__notes-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;background:rgba(0,0,0,0);border:none;box-shadow:none;color:#64748b;font-size:.85rem;font-weight:500;cursor:pointer}.board-card__notes-btn:hover{color:#007bff;text-decoration:underline}.board-card--card{display:flex;flex-direction:column;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.04)}.board-card--card:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(0,0,0,.08);border-color:#cbd5e1}.board-card--card .board-card__vote-col{display:none}.board-card--card .board-card__image-container{width:100%;height:170px;overflow:hidden;background-color:#f1f5f9}.board-card--card .board-card__image{width:100%;height:100%;object-fit:cover;display:block}.board-card--card .board-card__placeholder-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%)}.board-card--card .board-card__placeholder-img{width:36px;height:36px;color:#94a3b8}.board-card--card .board-card__content{display:flex;flex-direction:column;flex:1;padding:1rem}.board-card--card .board-card__title{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0 0 .4rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.board-card--card .board-card__title:hover{color:#007bff}.board-card--card .board-card__meta{font-size:.8rem;color:#64748b;margin-bottom:.5rem}.board-card--card .board-card__notes-wrapper{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.board-card--card .board-card__notes{font-size:.85rem;line-height:1.45;color:#475569;background-color:#f8fafc;border-left:3px solid #cbd5e1;padding:.4rem .6rem;word-break:break-word}.board-card--card .board-card__notes--clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.board-card--card .board-card__notes--expanded{display:block;white-space:pre-line}.board-card--card .board-card__notes-toggle{align-self:flex-start;background:none;border:none;padding:.1rem .3rem;color:#007bff;font-size:.775rem;font-weight:600;cursor:pointer}.board-card--card .board-card__notes-toggle:hover{text-decoration:underline}.board-card--card .board-card__footer{display:flex;align-items:center;justify-content:flex-end;margin-top:auto;padding-top:.65rem;border-top:1px solid #f1f5f9}.board-card--card .board-card__comments-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .6rem;background-color:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer}.board-card--card .board-card__comments-btn:hover{background-color:#007bff;color:#fff;border-color:#007bff}.board-card--card .board-card__comments-btn:hover i{color:#fff}.board-card--card .board-card__notes-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .6rem;background-color:#f8fafc;color:#475569;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;font-weight:500}.board-card--card .board-card__notes-btn:hover{background-color:#e0f2fe;color:#0369a1;border-color:#7dd3fc;text-decoration:none}.board-notes-dialog{min-width:min(560px,75vw);max-width:75vw}.board-notes-dialog h3{margin:0 2rem .8rem 0;color:#0f172a}.board-notes-dialog__label{margin:0 0 .35rem;color:#64748b;font-size:.78rem;font-weight:700;text-transform:uppercase}.board-notes-dialog__content{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#1e293b;line-height:1.55}#photo-view-overlay{display:none;position:fixed;inset:0;z-index:999999;background-color:rgba(0,0,0,.85);align-items:center;justify-content:center}.photo-view-dialog{background-color:#f8fafc;border-radius:8px;box-shadow:0 20px 25px -5px rgba(0,0,0,.5);display:flex;flex-direction:column;max-width:90vw;max-height:90vh;width:820px;overflow:hidden;position:relative;z-index:1}.photo-view-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#fff;border-bottom:1px solid #e2e8f0}.photo-view-title{font-size:1.05rem;font-style:italic;font-weight:700;color:#1e293b;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-view-close-btn{background:none;border:none;font-size:1.6rem;line-height:1;color:#64748b;cursor:pointer;padding:0 .4rem}.photo-view-close-btn:hover{color:#ef4444}.photo-view-body{display:flex;flex-direction:row;align-items:stretch;background-color:#0f172a;flex:1;min-height:380px;max-height:68vh;overflow:hidden}.photo-view-nav-col{width:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.25)}.photo-view-img-wrap{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;padding:.75rem}.photo-view-img{max-width:100%;max-height:65vh;object-fit:contain;display:block;border-radius:4px}.photo-view-no-img{color:#94a3b8;font-size:.95rem}.photo-view-nav-btn{width:38px;height:38px;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#007bff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.3);transition:all .15s ease;flex-shrink:0}.photo-view-nav-btn i{font-size:1rem;color:#007bff}.photo-view-nav-btn:hover{background-color:#007bff;color:#fff;border-color:#007bff}.photo-view-nav-btn:hover i{color:#fff}.photo-view-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#fff;border-top:1px solid #e2e8f0}.photo-view-meta{font-size:.875rem;color:#475569}.photo-view-meta b{color:#0f172a}.board-detail-default-thumbnail{display:flex;flex:0 0 6rem;align-items:center;justify-content:center;width:6rem;height:6rem;border:1px solid #cbd5e1;border-radius:4px;background:linear-gradient(135deg, #eef6fb, #dbeafe);color:#3ba4d7;box-sizing:border-box}.board-detail-default-thumbnail i{font-size:2.75rem}.create-board-form{display:grid;grid-template-columns:11rem minmax(0, 1fr);gap:1rem 1.5rem}.create-board-form__heading,.create-board-form__title,.create-board-form__description,.create-board-form__submit{grid-column:1/-1}.create-board-form__heading h3{margin:0;color:#1e293b}.create-board-form__heading p{margin:.25rem 0 0;color:#64748b;font-size:.9rem}.create-board-form__title{width:100%}.create-board-form__visual{grid-row:span 2;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.75rem;border:1px solid #e2e8f0;border-radius:.65rem;background:#f8fafc}.create-board-form .board-thumbnail-preview{width:9rem;height:9rem;overflow:hidden;border:1px solid #cbd5e1;border-radius:.5rem;background:linear-gradient(135deg, #eef2ff, #dbeafe)}.create-board-form .board-thumbnail-preview img{width:100%;height:100%;display:block;object-fit:cover}.create-board-form .board-thumbnail-preview__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.create-board-form .board-thumbnail-preview__placeholder i{color:#3ba4d7;font-size:2rem}.create-board-form .board-thumbnail-preview__placeholder span,.create-board-form__visual-label{color:#334155;font-weight:700}.create-board-form__file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.create-board-form__file-button{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;padding:.35rem .65rem;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:#334155;font-size:.85rem}.create-board-form__image-error{color:#b91c1c;font-size:.85rem;text-align:center}.create-board-form__file-button:hover{border-color:#3ba4d7;color:#0879b2}.create-board-form__visual small{color:#64748b;text-align:center}.create-board-form__field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.create-board-form__field label{color:#475569;font-size:.85rem;font-weight:700}.create-board-form__field .config-style-select{width:100%;max-width:320px;min-width:0;box-sizing:border-box;padding:.4rem;border:1px solid #cbd5e1;border-radius:4px;background-color:#fff;color:#1e293b;font-size:.95rem}.create-board-form__description{width:100%;min-height:7rem;resize:vertical}.create-board-form__submit{justify-self:end}.modal-content.create-board-modal{width:min(760px,100% - 2rem);max-height:calc(100% - 2rem);box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.create-board-post{display:flex;flex-direction:column;gap:.9rem}.create-board-post__heading h3{margin:0;color:#1e293b}.create-board-post__heading p{margin:.25rem 0 0;color:#64748b;font-size:.9rem}.create-board-post__modes{display:flex;gap:.4rem;border-bottom:1px solid #cbd5e1}.create-board-post__modes button{border:0;border-bottom:3px solid rgba(0,0,0,0);border-radius:0;background:rgba(0,0,0,0);color:#475569;box-shadow:none;padding:.55rem .8rem}.create-board-post__modes button.active{color:#0788cb;border-bottom-color:#0788cb}.create-board-post__title,.create-board-post__link,.create-board-post__notes{width:100%;box-sizing:border-box}.create-board-post__notes{resize:vertical;min-height:10rem}.create-board-post__image{display:flex;flex-direction:column;align-items:center;gap:.65rem}.create-board-post__preview{width:min(100%,30rem);height:16rem;overflow:hidden;border:1px solid #cbd5e1;border-radius:.5rem;background:#f8fafc}.create-board-post__preview img{width:100%;height:100%;object-fit:contain;display:block}.create-board-post__placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;color:#64748b}.create-board-post__placeholder i{color:#3ba4d7;font-size:2.5rem}.create-board-post__file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.create-board-post__file-button{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;padding:.4rem .7rem;border:1px solid #cbd5e1;border-radius:4px;background:#fff}.create-board-post__author{display:flex;align-items:center;gap:.65rem}.create-board-post__author label{color:#475569;font-weight:700}.create-board-post__author select.network-style-select{flex:1;width:100%;min-width:0;box-sizing:border-box;padding:.375rem .5rem;border:1px solid #cbd5e1;border-radius:.375rem;background-color:#fff;color:#334155;outline:none;cursor:pointer;font-size:.85rem;font-weight:600;transition:border-color .2s}.create-board-post__author select.network-style-select:focus{border-color:#3ba4d7}.create-board-post__submit{align-self:flex-end;min-width:6rem}.posts>.posts__heading.board-posts-heading{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;gap:1rem;flex-wrap:wrap;text-align:left}.posts>.posts__heading.board-posts-heading h3{margin:0;text-align:left}.board-posts-heading__create{display:inline-flex;align-items:center;gap:.3rem}.modal-content.create-board-post-modal{width:min(760px,100% - 2rem);max-height:calc(100% - 2rem);box-sizing:border-box;overflow-x:hidden;overflow-y:auto}@media(max-width: 600px){.modal-content.create-board-modal{width:calc(100% - 1rem);max-height:calc(100% - 1rem);padding:1rem}.create-board-form{width:100%;min-width:0;padding:0;overflow:visible;grid-template-columns:1fr}.create-board-form__heading,.create-board-form__title,.create-board-form__visual,.create-board-form__field,.create-board-form__description,.create-board-form__submit{grid-column:1}.create-board-form__visual{grid-row:auto}.create-board-form__field .config-style-select{max-width:100%}.create-board-form__description{box-sizing:border-box}.create-board-form__submit{width:100%}.create-board-form .board-thumbnail-preview{width:8rem;height:8rem}.modal-content.create-board-post-modal{width:calc(100% - 1rem);max-height:calc(100% - 1rem);padding:1rem}.create-board-post__modes button{flex:1;padding:.5rem .25rem}.create-board-post__preview{height:12rem}.create-board-post__author{align-items:stretch;flex-direction:column;gap:.35rem}.create-board-post__submit{width:100%}.board-posts-heading__create span{display:none}.board-posts-heading__create{min-width:2.25rem;justify-content:center;padding-inline:.55rem}}.board-toolbar__toggle-btn:active,.board-card__comments-btn:active,.board-card__notes-btn:active,.board-card__vote-pill .board-card__vote-btn:active{box-shadow:none}@media(max-width: 560px){.board-card .board-card__notes-btn{width:30px;height:30px;justify-content:center;padding:0}.board-card__notes-btn i{margin:0}}.mail .permission-flag{margin-bottom:1rem;display:flex;gap:1rem}.mail-tags{padding:.5rem;border:1px solid rgba(20,20,27,.2);border-radius:6px}.mail-tags__container{display:flex;flex-direction:column}.mail-tags__container .tag-item{display:flex;align-items:center;gap:4px;border-bottom:1px solid rgba(20,20,27,.1);padding:2px 0}.mail-tags__container .tag-item:last-child{border:none}.mail-tags__container .tag-item__color{width:1.25rem;height:1.25rem;aspect-ratio:1}.mail-tags__container .tag-item__name{font-size:1.125rem}.mail-tags__container .tag-item__modify{margin-left:auto;font-size:.75rem;display:flex;gap:4px}.mail-tags__container .tag-item:hover{background-color:#eef3f6}.mail-tags__container .tag-item button,.mail-tags__container .tag-item button.red{padding:.25rem .6rem}.mail-tags-form .input-field{margin-bottom:.5rem}.mail-tags-form .input-field label{margin-right:.5rem}.external-address{margin:0;padding-left:1rem;height:100px;overflow:hidden auto}.external-address::-webkit-scrollbar{display:none}.proxy-server{display:flex;flex-direction:column;gap:4px}.proxy-server__tor>h4,.proxy-server__i2p>h4{margin-bottom:.25rem}.proxy-server__tor>input,.proxy-server__i2p>input{margin-right:.5rem}.proxy-server__tor .proxy-outgoing,.proxy-server__i2p .proxy-outgoing{display:inline-flex;align-items:center;gap:.5rem}.proxy-server__tor .proxy-outgoing__status,.proxy-server__i2p .proxy-outgoing__status{width:1rem;height:1rem;aspect-ratio:1;border:1px solid #000;border-radius:50%}.config-files{display:flex;flex-direction:column;gap:1rem}.proxy-server-container{width:100%;display:flex;flex-direction:column;gap:1rem}.proxy-description{color:#334155;font-size:.95rem;margin-bottom:.5rem}.proxy-rows-container{display:flex;flex-direction:column;gap:.75rem;width:100%}.proxy-row{display:grid;grid-template-columns:160px 220px 220px auto;gap:.75rem;align-items:center;width:100%}.proxy-label{font-size:.95rem;font-weight:500;color:#1e293b}.proxy-addr-input,.proxy-port-input{width:100% !important;max-width:none !important}.proxy-status-container{display:flex;align-items:center;gap:.5rem}.proxy-status-bullet{width:14px;height:14px;border-radius:50%;display:inline-block;border:1px solid #475569}.proxy-status-text{font-size:.95rem;color:#1e293b}@media(max-width: 700px){.config-network{min-width:0;overflow-x:hidden}.config-network .widget{min-width:0;padding:.8rem}.config-network .nw-config-row{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:.35rem !important;min-width:0}.config-network .nw-config-row>label,.config-network .nw-config-row>p{margin:0 !important}.config-network .nw-mode-group,.config-network .nat-control-group,.config-network .addr-control-group,.config-network .proxy-control-group,.config-network .addr-port-group{width:100%;min-width:0;gap:.5rem !important}.config-network input[type=text],.config-network input[type=number],.config-network select{width:100% !important;max-width:none !important;min-width:0 !important;box-sizing:border-box}.config-network .port-group,.config-network .status-indicator{margin-left:0 !important}.config-network .port-group input[type=number]{width:90px !important}.config-network .external-address{width:100%;height:auto;max-height:9rem;padding-left:1.25rem;overflow:auto;overflow-wrap:anywhere;word-break:break-word;box-sizing:border-box}}@media(max-width: 700px){.node-config .config-grid{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:.6rem !important;min-width:0;box-sizing:border-box}.node-config .default-id-selector{width:100%;min-width:0}.node-config .default-id-selector select,.node-config .config-grid>select{width:100% !important;min-width:0 !important;max-width:none !important;box-sizing:border-box}.node-config .storage-input-group{justify-content:flex-start}.node-config .table-container{overflow:visible !important}.node-config .history-config-table,.node-config .history-config-table tbody,.node-config .history-config-table tr,.node-config .history-config-table td{display:block;width:100% !important;box-sizing:border-box}.node-config .history-config-table{table-layout:auto}.node-config .history-config-table thead{display:none}.node-config .history-config-table tr{margin:0;padding:.75rem;border-bottom:1px solid #e2e8f0 !important}.node-config .history-config-table tr:last-child{border-bottom:0 !important}.node-config .history-config-table td{padding:.25rem 0 !important;text-align:left !important}.node-config .history-config-table td:nth-child(2),.node-config .history-config-table td:nth-child(3){display:flex;align-items:center;justify-content:space-between;gap:.75rem}.node-config .history-config-table td:nth-child(2)::before{content:"Enable history";color:#64748b;font-size:.8rem;font-weight:600}.node-config .history-config-table td:nth-child(3)::before{content:"Max saved messages";color:#64748b;font-size:.8rem;font-weight:600}}.statistics-page{max-width:1500px;margin:0 auto;padding:1.5rem;color:#1e293b}.statistics-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.statistics-header h1{display:flex;align-items:center;gap:.65rem;margin:0 0 .25rem;font-size:1.7rem}.statistics-header h1 i{color:#0788cb}.statistics-header p,.traffic-panel__heading p{margin:0;color:#64748b}.statistics-header button{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap}.statistics-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.25rem;align-items:start}.traffic-panel{min-width:0;padding:1.25rem;border:1px solid #dbe4ec;border-radius:.75rem;background:#fff;box-shadow:0 3px 14px rgba(15,23,42,.06)}.traffic-panel__heading h2{margin:0 0 .2rem;font-size:1.2rem}.traffic-pie{display:grid;grid-template-columns:minmax(13rem, 45%) 1fr;align-items:center;gap:1.25rem;margin:1.25rem 0}.traffic-pie svg{width:100%;max-height:18rem;transform:rotate(-90deg)}.traffic-pie__track,.traffic-pie__segment{fill:none;stroke-width:18}.traffic-pie__track{stroke:#e8eef3}.traffic-pie__segment{transition:stroke-dasharray .25s ease}.traffic-pie__value,.traffic-pie__caption{transform:rotate(90deg);transform-origin:60px 60px;fill:#1e293b}.traffic-pie__value{font-size:9px;font-weight:700}.traffic-pie__caption{font-size:5px;fill:#64748b}.traffic-legend{min-width:0;max-height:16rem;overflow-y:auto}.traffic-legend__item{display:grid;grid-template-columns:.7rem minmax(0, 1fr) auto;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.84rem}.traffic-legend__swatch{width:.7rem;height:.7rem;border-radius:50%}.traffic-legend__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.traffic-table-wrap{overflow-x:auto}.traffic-table{width:100%;font-size:.85rem}.traffic-table th,.traffic-table td{padding:.55rem .45rem;text-align:right;border-bottom:1px solid #e8eef3;white-space:nowrap}.traffic-table th:first-child,.traffic-table td:first-child{text-align:left;white-space:normal}.traffic-empty{display:grid;place-items:center;gap:.5rem;min-height:18rem;color:#94a3b8;text-align:center}.traffic-empty i{font-size:3rem}.statistics-error{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem;padding:.8rem 1rem;color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem}.statistics-note{margin:1rem 0 0;color:#64748b;font-size:.8rem;text-align:right}@media(max-width: 1050px){.statistics-grid{grid-template-columns:1fr}}@media(max-width: 600px){.statistics-page{padding:.75rem}.statistics-header{align-items:flex-start}.statistics-header h1{font-size:1.35rem}.statistics-header button{padding:.5rem;font-size:0}.statistics-header button i{font-size:1rem}.traffic-panel{padding:.8rem}.traffic-pie{grid-template-columns:1fr}.traffic-pie svg{max-height:14rem}}.debug-page{padding:1.25rem;max-width:720px}.debug-page h2{margin:0 0 1rem;font-size:1.25rem}.debug-page h3{margin:0 0 .5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.debug-page h4{margin:.75rem 0 .25rem;font-size:.8rem;color:#475569}.debug-section{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem}.debug-grid{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem;font-size:.9rem;color:#334155}.debug-grid strong{word-break:break-word}.debug-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.debug-actions button{border:1px solid #cbd5e1;background:#f8fafc;color:#334155;border-radius:.375rem;padding:.4rem .75rem;font-size:.85rem;font-weight:600;cursor:pointer}.debug-table{width:100%;border-collapse:collapse;font-size:.85rem}.debug-table th,.debug-table td{text-align:left;padding:.25rem .5rem;border-bottom:1px solid #f1f5f9;white-space:nowrap}.debug-table td:first-child{white-space:normal;word-break:break-all}.debug-empty,.debug-hint{font-size:.8rem;color:#64748b;margin:.25rem 0 0}@media(max-width: 700px),(max-width: 899px)and (max-height: 500px){.network-detail-view{gap:1rem}.network-detail-view .detail-header{flex-direction:column;align-items:flex-start;padding-bottom:1rem}.network-detail-view .detail-header .detail-title h2{font-size:1.35rem}.network-detail-view .detail-header .detail-actions{flex-wrap:wrap;width:100%}.network-detail-view .detail-section{padding:.875rem}.network-detail-view .detail-section .info-grid{grid-template-columns:1fr;row-gap:.25rem}.network-detail-view .detail-section .info-grid .info-label{margin-top:.5rem}.network-detail-view .locations-grid{grid-template-columns:1fr}.network-detail-view .location-card .loc-body{grid-template-columns:1fr}.proxy-row{grid-template-columns:1fr;gap:.35rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.grid-2col{grid-template-columns:1fr}.grid-2col input[type=checkbox]{margin-top:0}.identity{margin:.5rem;padding:.75rem}.identity .details{grid-template-columns:1fr;grid-row-gap:.125rem}.widget{padding:.5rem}.widget-half{max-width:100%}}@media(max-width: 700px),(max-width: 899px)and (max-height: 500px){table{table-layout:auto;font-size:1rem}table td,table th{word-break:break-word}table.myfiles th:nth-child(2),table.friendsfiles th:nth-child(2){width:auto}table.comments{display:block}table.comments tbody{display:block}table.comments tr.comments-head{display:none}table.comments tr:not(.comments-head){display:block;padding:.5rem 0}table.comments tr:not(.comments-head)>td{display:block;text-align:start;padding:.125rem 0}table.comments tr:not(.comments-head)>td:nth-child(n+3){display:inline-block;margin-right:.75rem;font-size:.8rem;color:#64748b}table.comments tr:not(.comments-head)>td:nth-child(5)::before{content:"Score: "}table.comments tr:not(.comments-head)>td:nth-child(6)::before{content:"⬆"}table.comments tr:not(.comments-head)>td:nth-child(7)::before{content:"⬇"}}@media(max-width: 700px),(max-width: 899px)and (max-height: 500px){.statusbar{gap:.5rem;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.statusbar::-webkit-scrollbar{display:none}.statusbar-left,.statusbar-right{flex-shrink:0;gap:.5rem !important}.statusbar-divider{display:none}}@media(max-width: 700px),(max-width: 899px)and (max-height: 500px){input[type=text],input[type=password],input[type=number],input[type=search],input[type=email],select,textarea{font-size:16px}input.stretched,input.searchbar{width:100%}input.small{max-width:100%}.sidebar a{min-height:2.75rem;display:inline-flex !important;align-items:center}.tooltiptext{left:0;margin-left:0;min-width:0;width:max-content;max-width:80vw}}@media(hover: none),(pointer: coarse){.tooltip .tooltiptext:focus,.tooltip .tooltiptext:focus-within{visibility:visible}.tooltip:focus-within .tooltiptext{visibility:visible}.compose-mail__recipients .recipients__input:focus-within .recipients__input-list{display:flex}}@media(hover: none),(pointer: coarse){html,body{overscroll-behavior-y:none}.chat-messages,.chat-hub-messages,.tab-content,.main-container{overscroll-behavior-y:contain}}