@font-face{font-family:'FF Mark Pro';src:url('./fonts/MarkPro.otf?v=1') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'FF Mark Pro';src:url('./fonts/MarkPro-Medium.otf?v=1') format('opentype');font-weight:500 600;font-display:swap}
@font-face{font-family:'FF Mark Pro';src:url('./fonts/MarkPro-Bold.otf?v=1') format('opentype');font-weight:700 900;font-display:swap}
:root,[class*='cpd-theme-']{
 --kn-ink:#13222e;--kn-orange:#ff6600;--kn-amber:#ff8c00;--kn-gold:#ffaa00;
 --cpd-font-family-sans:'FF Mark Pro',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
 --cpd-color-text-action-accent:#b94700;--cpd-color-bg-action-primary-rest:#13222e;
 --cpd-color-bg-action-primary-hovered:#253b4b;--cpd-color-bg-action-primary-pressed:#0b161e;
 --cpd-color-bg-success-subtle:#fff0e3;--cpd-color-icon-accent-primary:#b94700;
 --cpd-color-border-interactive-primary:#b94700;
 --cpd-color-bg-accent-rest:#b94700;--cpd-color-bg-accent-hovered:#953a00;--cpd-color-bg-accent-pressed:#7c3000;
}
html,body{font-family:var(--cpd-font-family-sans);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}
*:focus-visible{outline:3px solid #ff8c00;outline-offset:3px}
.mx_AuthPage{background:#f6f7f9!important;background-image:radial-gradient(ellipse at 80% 0%,#ff8c0014,transparent 55%),radial-gradient(ellipse at 0% 100%,#13222e0d,transparent 60%)!important;min-height:100dvh;height:auto;justify-content:center;padding:48px 24px 24px;box-sizing:border-box}
.mx_AuthPage_modal{margin:0 auto!important;border-radius:30px;background:#fff!important;border:1px solid #e4e7eb;box-shadow:0 24px 80px #13222e12,0 2px 6px #13222e05!important;max-width:100%;overflow:visible}
.mx_AuthPage_modal.mx_AuthPage_modal_withBlur .mx_AuthPage_modalContent{background:transparent!important;border-radius:30px;overflow:hidden}
.mx_AuthPage_modalBlur{display:none}
.mx_AuthPage{--cpd-color-bg-canvas-default:#fff;--cpd-color-text-primary:#13222e;--cpd-color-text-secondary:#626d77;--cpd-color-text-action-accent:#b94700;--cpd-color-bg-action-primary-rest:#13222e;--cpd-color-bg-action-primary-hovered:#253b4b;--cpd-color-text-on-solid-primary:#fff;--cpd-color-bg-action-secondary-rest:#fff;--cpd-color-text-action-primary:#13222e;--cpd-color-border-interactive-secondary:#d8dde1}
.mx_Welcome{width:min(460px,100%);background:transparent!important;padding:48px 40px 32px;color:#13222e;border-radius:30px}
.mx_WelcomePage_logo{width:72px!important;height:72px!important;filter:none!important;object-fit:contain}
.mx_DefaultWelcome .mx_DefaultWelcome_logo img{width:64px;height:64px;filter:none}
.mx_DefaultWelcome .mx_DefaultWelcome_buttons a{width:100%;min-height:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:999px}
.mx_Welcome h1{font-size:28px;letter-spacing:-1px;line-height:1.2;margin:24px 0 30px;color:#13222e}
.mx_Welcome h1:after{content:'A little closer. A lot more connected.';display:block;font-size:14px;font-weight:400;letter-spacing:0;line-height:1.6;color:#626d77;margin-top:14px}
.mx_Welcome a[data-kind='primary'],.mx_ButtonSignIn{background:#13222e!important;color:white!important;min-height:48px;border-radius:999px!important;font-weight:500}
.mx_ButtonCreateAccount{border:1px solid #d8dde1!important;background:#fff!important;color:#13222e!important;min-height:48px;border-radius:999px!important}
.mx_Welcome .mx_AuthBody_language{color:#626d77}
.mx_AuthHeader{width:220px;padding:40px 24px;background:#13222e;border-radius:30px 0 0 30px}
.mx_AuthHeaderLogo{padding:0;margin:auto}
.mx_AuthHeaderLogo img{content:url('./brand/logo-reversed.svg');width:160px;object-fit:contain}
.mx_AuthBody{background:transparent!important;padding:40px;max-width:500px;width:min(500px,100%);border-radius:0 30px 30px 0}
.mx_AuthBody h1{letter-spacing:-.7px;margin-bottom:24px}
.mx_Field{border-radius:14px}
.mx_Field input,.mx_Field select{border-radius:14px}
.mx_AccessibleButton_kind_primary,.mx_Login_submit{border-radius:999px!important;min-height:44px}
.mx_AuthBody button[type='submit'],.mx_AuthBody [data-kind='primary']{min-height:44px;border-radius:999px}
.mx_AuthFooter{margin:32px auto 0;color:#626d77;background:none;opacity:1;padding:12px 0}
.mx_AuthFooter a{color:#626d77!important;font-size:12px}
.mx_LeftPanel,.mx_LeftPanel_wrapper .mx_LeftPanel_wrapper--user,.mx_LeftPanel .mx_LeftPanel_roomListContainer{background:#f0f2f5}
.mx_SpacePanel{background:#13222e}
.mx_SpacePanel:before{content:'';display:block;width:28px;height:28px;flex-shrink:0;margin:14px auto 10px;background:url('./brand/symbol-color.svg') center/contain no-repeat}
.mx_HomePage_default_wrapper:before{content:'';display:block;width:164px;height:86px;margin:0 auto 32px;background:url('./brand/logo-color.svg') center/contain no-repeat}
.mx_HomePage_default_buttons .mx_AccessibleButton{border-radius:20px;transition:background .16s ease,box-shadow .16s ease}
.mx_RoomTile{border-radius:14px;padding:10px;margin:3px 8px;transition:background .16s ease}
.mx_RoomTile.mx_RoomTile_selected{background:#ff660014;border-radius:14px;box-shadow:inset 3px 0 #ff6600}
.mx_RoomTile:hover{border-radius:14px}
.mx_RoomHeader{background:#ffffffdc;backdrop-filter:blur(24px);border-bottom:1px solid #13222e0d;height:72px}
.mx_RoomHeader:hover{background:#ffffffdc}
.mx_RoomHeader_heading{letter-spacing:-.3px}
.mx_RoomView_body{background:#fafbfc}
.mx_EventTile[data-layout='bubble']{--cornerRadius:20px;--gutterSize:12px}
.mx_EventTile[data-layout='bubble'][data-self='false']{--backgroundColor:#edf0f3}
.mx_EventTile[data-layout='bubble'][data-self='true']{--backgroundColor:#ffecd9}
.mx_EventTile[data-layout='bubble'] .mx_EventTile_line{color:#13222e;line-height:1.5}
.mx_EventTile[data-layout='bubble']:not(.mx_EventTile_noBubble):not(.mx_EventTile_alignedBetweenBubbles) .mx_EventTile_line:not(.mx_EventTile_mediaLine){border:1px solid #13222e05;box-shadow:0 1px 2px #13222e04}
.mx_EventTile[data-layout='bubble'] .mx_MessageTimestamp{color:#65717b}
.mx_EventTile[data-layout='bubble'][data-self='true'] .mx_MediaBody{background:#ffecd9}
.mx_MessageComposer_wrapper{border:1px solid #dce1e6;border-radius:26px;background:#fff;box-shadow:0 4px 20px #13222e06;margin:12px 24px 0;padding:4px 16px 4px 24px}
.mx_MessageComposer_input textarea{background:transparent}
.mx_MessageComposer_sendMessage{border-radius:50%;background:#13222e;color:#fff}
.mx_MessageActionBar{border-radius:16px;box-shadow:0 6px 24px #13222e14}
.mx_Dialog{border-radius:24px;box-shadow:0 24px 90px #13222e20}
.cpd-theme-dark{--cpd-color-text-action-accent:#ffad66;--cpd-color-icon-accent-primary:#ffad66;--cpd-color-bg-action-primary-rest:#ff8c00;--cpd-color-bg-action-primary-hovered:#ffaa00;--cpd-color-bg-action-primary-pressed:#ff6600;--cpd-color-bg-success-subtle:#37291f;--cpd-color-bg-accent-rest:#ff8c00;--cpd-color-text-on-solid-primary:#13222e}
.cpd-theme-dark .mx_HomePage_default_wrapper:before{background-image:url('./brand/logo-reversed.svg')}
.cpd-theme-dark .mx_LeftPanel,.cpd-theme-dark .mx_LeftPanel_wrapper .mx_LeftPanel_wrapper--user,.cpd-theme-dark .mx_LeftPanel .mx_LeftPanel_roomListContainer{background:#172832}
.cpd-theme-dark .mx_RoomView_body{background:#101b24}
.cpd-theme-dark .mx_RoomHeader,.cpd-theme-dark .mx_RoomHeader:hover{background:#13222eeb;border-color:#ffffff12}
.cpd-theme-dark .mx_EventTile[data-layout='bubble'][data-self='false']{--backgroundColor:#223441}
.cpd-theme-dark .mx_EventTile[data-layout='bubble'][data-self='true']{--backgroundColor:#493223}
.cpd-theme-dark .mx_EventTile[data-layout='bubble'] .mx_EventTile_line{color:#f5f7f9}
.cpd-theme-dark .mx_EventTile[data-layout='bubble'] .mx_MessageTimestamp{color:#bbc4cc}
.cpd-theme-dark .mx_EventTile[data-layout='bubble'][data-self='true'] .mx_MediaBody{background:#493223}
.cpd-theme-dark .mx_MessageComposer_wrapper{background:#1b2d39;border-color:#ffffff20}
@media(max-width:600px){.mx_AuthPage{padding:24px 16px}.mx_Welcome{padding:36px 24px 24px}.mx_AuthPage_modal{width:100%;max-width:460px}.mx_AuthPage_modalContent{width:100%}.mx_AuthBody{padding:28px 24px;box-sizing:border-box;width:100%;border-radius:24px}.mx_AuthHeader{display:none}.mx_MessageComposer_wrapper{margin:8px 10px 0;padding-left:14px}.mx_EventTile[data-layout='bubble']{--EventTile_bubble-margin-inline-start:36px;--EventTile_bubble-margin-inline-end:32px}.mx_EventTile[data-layout='bubble'] .mx_EventTile_line{--EventBubbleTile_line-max-width:88%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:600px){.mx_TabbedView_tabPanel,.mx_TabbedView_tabPanelContent{min-width:0;max-width:100%}.mx_ThemeChoicePanel_ThemeSelectors{flex-wrap:wrap;min-width:0;max-width:100%}.mx_LayoutSwitcher_LayoutSelector,.mxLayoutSwitcher_LayoutSelector_LayoutRadio{min-width:0;max-width:100%;box-sizing:border-box}.mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline{max-width:100%}.mx_SettingsDialog_content{padding-right:12px}}
/* KernChat's explicit public status editor follows the existing profile settings. */
.kernchat-status-editor { margin: 20px 0; max-width: 560px; }
.kernchat-status-editor h3 { margin: 0 0 8px; }
.kernchat-status-editor p { color: var(--cpd-color-text-secondary); font-size: 13px; line-height: 1.5; }
.kernchat-status-editor select, .kernchat-status-editor input { font: inherit; color: inherit; background: transparent; border: 1px solid var(--cpd-color-border-interactive-secondary, #8d9599); border-radius: 8px; padding: 9px; }
.kernchat-status-editor select { display: block; width: 100%; margin: 6px 0 10px; }
.kernchat-status-fields { display: flex; gap: 12px; margin-bottom: 8px; }
.kernchat-status-fields label { display: flex; flex: 1; flex-direction: column; gap: 6px; min-width: 0; }
.kernchat-status-fields label:first-child { flex: 0 0 72px; }
.kernchat-status-fields input { width: 100%; box-sizing: border-box; }