/* Krug design layer 0.1.0. Pinned to Element Web 1.12.33. */
:root{--krug-bg:#071b1a;--krug-panel:#0c2321;--krug-raised:#14312b;--krug-ink:#edf7f0;--krug-muted:#9bb4a8;--krug-line:#264239;--krug-accent:#9afa43;--krug-on:#12220c;--krug-radius:18px;color-scheme:dark}
:root[data-krug-theme=day]{--krug-bg:#f7faf6;--krug-panel:#edf3eb;--krug-raised:#fff;--krug-ink:#183527;--krug-muted:#5e7565;--krug-line:#d4dfd7;--krug-accent:#387b22;--krug-on:#fff;color-scheme:light}
:root[data-krug-theme=retro]{--krug-bg:#f5f5ed;--krug-panel:#e4e9df;--krug-raised:#f0f2e9;--krug-ink:#24361c;--krug-muted:#65715d;--krug-line:#a8b49b;--krug-accent:#438a2e;--krug-on:#fff;--krug-radius:4px;color-scheme:light}
html body{background:var(--krug-bg)!important;color:var(--krug-ink)!important;--cpd-color-bg-canvas-default:var(--krug-bg)!important;--cpd-color-bg-subtle-primary:var(--krug-panel)!important;--cpd-color-bg-subtle-secondary:var(--krug-raised)!important;--cpd-color-bg-action-primary-rest:var(--krug-accent)!important;--cpd-color-bg-action-primary-hovered:var(--krug-accent)!important;--cpd-color-text-on-solid-primary:var(--krug-on)!important;--cpd-color-icon-accent-primary:var(--krug-accent)!important;--cpd-color-icon-accent-tertiary:var(--krug-accent)!important;--cpd-color-text-action-accent:var(--krug-accent)!important;--cpd-color-text-primary:var(--krug-ink)!important;--cpd-color-text-secondary:var(--krug-muted)!important;--cpd-color-border-interactive-primary:var(--krug-line)!important;--cpd-color-border-interactive-secondary:var(--krug-line)!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
body .mx_AuthPage{background:radial-gradient(ellipse at 15% 10%,#40652433,transparent 42%),radial-gradient(ellipse at 85% 85%,#5ca95d22,transparent 50%),var(--krug-bg)!important}
body .mx_AuthPage_modal,body .mx_AuthBody{border-radius:24px!important;border-color:var(--krug-line)!important;background:var(--krug-panel)!important;color:var(--krug-ink)!important}
body .mx_AuthPage_modal{box-shadow:0 35px 100px #0004!important;border:1px solid var(--krug-line)!important}
body .mx_AuthHeader_logo img{max-width:250px!important;max-height:76px!important;width:auto!important}
body .mx_AuthBody h1,body .mx_AuthBody h2{color:var(--krug-ink)!important;letter-spacing:-.04em}
body .mx_AuthBody a{color:var(--krug-accent)!important}
body .mx_Field input,body .mx_Field select,body .mx_Field textarea{border-radius:10px!important;background:var(--krug-bg)!important;color:var(--krug-ink)!important;border-color:var(--krug-line)!important}
body .mx_AccessibleButton_kind_primary,body .mx_Login_submit{background:var(--krug-accent)!important;color:var(--krug-on)!important;border-color:transparent!important;border-radius:12px!important;font-weight:650!important}
body .mx_MatrixChat,body .mx_RoomView{background:var(--krug-bg)!important}
body .mx_HomePage{background:var(--krug-bg)!important}
body .mx_LeftPanel,body .mx_SpacePanel,body .mx_LeftPanel .mx_RoomList{background:var(--krug-panel)!important;color:var(--krug-ink)!important}
body .mx_LeftPanel{border-right:1px solid var(--krug-line)!important}
body .mx_LeftPanel_roomListContainer{flex-direction:column!important}
body .mx_RoomListPanel{min-height:0;flex:1}
body .mx_RoomHeader{background:var(--krug-panel)!important;border-bottom:1px solid var(--krug-line)!important}
body .mx_RoomHeader h1,body .mx_RoomHeader h2,body .mx_RoomTile_name{color:var(--krug-ink)!important}
body .mx_RoomTile{border-radius:var(--krug-radius)!important;margin:3px 8px!important}
body .mx_RoomTile_selected{background:var(--krug-raised)!important;box-shadow:inset 3px 0 0 var(--krug-accent)}
body .mx_RoomView_body{background:var(--krug-bg)!important}
body .mx_EventTile{color:var(--krug-ink)!important}
body .mx_EventTile_body{line-height:1.55!important}
body .mx_EventTile[data-layout=bubble] .mx_EventTile_line{border-radius:var(--krug-radius)!important}
body .mx_MessageComposer{border-color:var(--krug-line)!important;background:var(--krug-panel)!important;padding-bottom:env(safe-area-inset-bottom)}
body .mx_BasicMessageComposer_input{color:var(--krug-ink)!important}
body .mx_Dialog{border-radius:var(--krug-radius)!important;background:var(--krug-panel)!important;color:var(--krug-ink)!important;border:1px solid var(--krug-line)!important}
body .mx_UserSettingsDialog,body .mx_TabbedView_tabPanel{background:var(--krug-bg)!important;color:var(--krug-ink)!important}
body .mx_AuthHeader{background:var(--krug-panel)!important;background-image:none!important}
body .mx_AuthHeader_logo img{width:180px!important;opacity:1!important}
body .mx_Toast,body .mx_ToastContainer .mx_Toast{background:var(--krug-panel)!important;color:var(--krug-ink)!important;border-color:var(--krug-line)!important}
body .mx_Toast h2,body .mx_Toast h3,body .mx_Toast_title{color:var(--krug-ink)!important}
body .mx_ToastContainer{left:auto!important;right:18px!important;top:18px!important;bottom:auto!important;max-width:360px!important}
html body{--cpd-color-icon-primary:var(--krug-ink)!important;--cpd-color-icon-secondary:var(--krug-muted)!important;--cpd-color-bg-subtle-primary-hovered:var(--krug-raised)!important;--accent-color:var(--krug-accent)!important;--primary-color:var(--krug-accent)!important;--timeline-background-color:var(--krug-bg)!important;--timeline-highlights-color:var(--krug-raised)!important;--timeline-text-color:var(--krug-ink)!important;--timeline-text-secondary-color:var(--krug-muted)!important;--secondary-content:var(--krug-muted)!important;--tertiary-content:var(--krug-muted)!important;--quaternary-content:var(--krug-muted)!important;--roomlist-background-color:var(--krug-panel)!important;--roomlist-highlights-color:var(--krug-raised)!important;--roomlist-text-color:var(--krug-ink)!important;--roomlist-text-secondary-color:var(--krug-muted)!important;--roomlist-separator-color:var(--krug-line)!important;--sidebar-color:var(--krug-panel)!important;--eventbubble-others-bg:var(--krug-panel)!important;--eventbubble-self-bg:var(--krug-raised)!important;--strong-input-border-color:var(--krug-line)!important}
body .mx_RoomListPanel [class*="selected" i],body .mx_RoomListPanel [aria-selected=true]{background:var(--krug-raised)!important;color:var(--krug-ink)!important}
body .mx_RoomListItemView_selected>div{background:var(--krug-raised)!important;color:var(--krug-ink)!important}
html body{--timeline-background-color-50pct:color-mix(in srgb,var(--krug-bg) 50%,transparent)!important;--timeline-text-color-50pct:color-mix(in srgb,var(--krug-ink) 50%,transparent)!important;--sidebar-color-50pct:color-mix(in srgb,var(--krug-panel) 50%,transparent)!important;--secondary-hairline-color:var(--krug-line)!important}
.mx_HomePage_body.krug-home{max-width:1080px!important;margin:0 auto!important;padding:60px 46px!important;color:var(--krug-ink)!important;font:16px/1.65 system-ui!important;box-sizing:border-box}
.krug-home>div:first-child{display:flex;align-items:center;gap:14px;color:var(--krug-accent);font:600 11px system-ui;letter-spacing:1.6px}
.krug-home img{width:44px!important;height:44px!important;max-width:44px!important}
.krug-home>h1{font:650 clamp(35px,4vw,57px)/1.12 system-ui!important;letter-spacing:-2px;max-width:700px;margin:34px 0 20px!important;color:var(--krug-ink)!important}
.krug-home>p{font:20px/1.6 system-ui!important;color:var(--krug-muted)!important;max-width:550px}
.krug-home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:36px 0}
.krug-home-cards article{padding:24px;background:var(--krug-panel);border:1px solid var(--krug-line);border-radius:var(--krug-radius)}
.krug-home-cards span{font:600 10px system-ui;letter-spacing:1.5px;color:var(--krug-accent)}
.krug-home-cards h2{font:600 21px/1.3 system-ui!important;letter-spacing:-.5px;margin:16px 0!important;color:var(--krug-ink)!important}
.krug-home-cards p{font:14px/1.65 system-ui!important;color:var(--krug-muted)!important;margin:0!important}
.krug-home>a{color:var(--krug-accent)!important}.krug-home footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--krug-line);font:11px/1.6 system-ui;color:var(--krug-muted)}
@media(max-width:900px){.mx_HomePage_body.krug-home{padding:32px 24px!important}.krug-home-cards{grid-template-columns:1fr}}
.krug-brand{display:flex;align-items:center;gap:10px;padding:18px 20px 10px;color:var(--krug-ink);font:700 25px/1.1 system-ui,sans-serif;letter-spacing:-1px}
.krug-brand img{width:36px;height:36px}.krug-brand small{display:block;font:400 10px/1.5 system-ui;letter-spacing:1.6px;text-transform:uppercase;color:var(--krug-muted)}
.krug-controls{position:fixed;bottom:18px;right:18px;z-index:9998;display:flex;gap:6px;padding:5px;border:1px solid var(--krug-line);border-radius:28px;background:var(--krug-panel);box-shadow:0 6px 28px #0003}
.krug-controls.krug-in-panel{position:static;box-shadow:none;align-self:flex-start;margin:6px 16px 12px;padding:3px;border-radius:20px}
.krug-controls button,.krug-panel button,.krug-close,.krug-emoji-button{font:500 13px/1.3 system-ui,sans-serif;cursor:pointer;border:0;color:var(--krug-ink);background:transparent;border-radius:22px;padding:9px 12px}
.krug-controls button:hover,.krug-close:hover{background:var(--krug-raised)}
.krug-controls button:focus-visible,.krug-panel button:focus-visible,.krug-close:focus-visible{outline:2px solid var(--krug-accent);outline-offset:3px}
.krug-dialog{z-index:10000;color:var(--krug-ink);background:var(--krug-panel);border:1px solid var(--krug-line);border-radius:24px;max-width:520px;width:calc(100vw - 44px);box-sizing:border-box;padding:30px;box-shadow:0 30px 150px #0006}
.krug-dialog::backdrop{background:#001611b8;backdrop-filter:blur(6px)}
.krug-panel h2{font:650 28px/1.2 system-ui;margin:6px 0 10px;letter-spacing:-1px}.krug-panel p{color:var(--krug-muted);font:14px/1.6 system-ui}
.krug-close{float:right;padding:8px;font-size:18px}
.krug-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}
.krug-theme-grid button{border:2px solid var(--krug-line);border-radius:14px;padding:12px 8px;background:var(--krug-bg);font-size:12px}
.krug-theme-grid button[aria-pressed=true]{border-color:var(--krug-accent)}
.krug-swatch{display:block;height:72px;border-radius:9px;margin-bottom:12px;position:relative;background:var(--swatch-bg);border:1px solid #8aa58266}
.krug-swatch:before{content:"";position:absolute;left:8px;top:8px;height:55px;width:24%;border-radius:5px;background:var(--swatch-panel)}
.krug-swatch:after{content:"";position:absolute;right:8px;top:30px;height:15px;width:48%;border-radius:6px;background:var(--swatch-accent)}
.krug-setting{display:flex;align-items:center;gap:10px;padding:12px 0;font:14px system-ui;border-top:1px solid var(--krug-line)}.krug-setting input{accent-color:var(--krug-accent);width:18px;height:18px}
.krug-help-link{color:var(--krug-accent);font:13px system-ui;text-decoration:none;display:inline-block;margin-top:16px}
.krug-emoji-button{margin:6px 8px;padding:6px 10px;border:1px solid var(--krug-line);font-size:20px;align-self:center}
.krug-emoji-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.krug-emoji-grid button{background:var(--krug-bg);border-radius:14px;padding:10px 4px;font-size:11px}
.krug-emoji-grid img{display:block;width:64px;height:64px;margin:0 auto 6px}.krug-animated-emoji{width:100px;height:100px;display:block}
.krug-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.krug-mobile-nav{display:none}
html[data-krug-large=true]{font-size:18px}html[data-krug-large=true] body .mx_EventTile_body{font-size:19px!important}html[data-krug-large=true] body .mx_MessageComposer button,html[data-krug-large=true] .krug-controls button,html[data-krug-large=true] .krug-panel button{min-height:40px}
html[data-krug-theme=retro] body{font-family:Tahoma,"Segoe UI",sans-serif!important}
html[data-krug-theme=retro] .mx_AuthPage_modal,html[data-krug-theme=retro] .mx_AuthBody,html[data-krug-theme=retro] .krug-dialog{border-radius:5px!important;box-shadow:3px 3px 0 #89957d!important}
html[data-krug-theme=retro] .mx_LeftPanel{border-right:2px ridge #cbd0bf!important}
html[data-krug-theme=retro] .krug-brand{font:700 20px Tahoma;letter-spacing:0;background:linear-gradient(#b4cf91,#dce4cc);padding:8px 12px;border:1px solid #8f9e80;margin:8px 8px 4px}
html[data-krug-theme=retro] .krug-brand small{letter-spacing:0;font-family:Tahoma}html[data-krug-theme=retro] .krug-brand img{content:url('/krug/flower.svg');width:29px;height:29px}
html[data-krug-theme=retro] .mx_RoomTile{border-radius:2px!important;margin:1px 5px!important;min-height:42px!important}
html[data-krug-theme=retro] .mx_RoomHeader{background:linear-gradient(#d9e3cb,#edf0e5)!important}
html[data-krug-theme=retro] .mx_AccessibleButton_kind_primary{border-radius:3px!important;border:1px outset #bfcbb3!important}
html[data-krug-theme=retro] .mx_EventTile_body{font-family:Tahoma,sans-serif;font-size:14px}
html[data-krug-theme=retro] .krug-controls{border-radius:5px;padding:1px}
html[data-krug-theme=day] .mx_AuthHeader_logo img,html[data-krug-theme=retro] .mx_AuthHeader_logo img{background:#0c2321;border-radius:16px;padding:8px 16px;box-sizing:content-box}
@media(max-width:640px){.krug-dialog{padding:22px;max-height:88dvh;overflow:auto}.krug-controls{bottom:max(12px,env(safe-area-inset-bottom));right:12px}.krug-brand{padding:10px 14px}.krug-controls.krug-in-panel{margin:3px 12px 9px}.krug-theme-grid{gap:6px}.krug-theme-grid button{font-size:11px;padding:8px 4px}}
@media(max-width:680px){body:has(.mx_MatrixChat) .krug-mobile-nav{display:flex;position:fixed;top:0;left:0;right:0;height:48px;z-index:120;align-items:center;justify-content:space-between;background:var(--krug-panel);border-bottom:1px solid var(--krug-line);padding:0 10px;box-sizing:border-box}.krug-mobile-nav button{background:transparent;color:var(--krug-ink);border:0;padding:10px 12px;font:14px system-ui;min-height:42px}.krug-mobile-nav button:focus-visible{outline:2px solid var(--krug-accent)}body .mx_MatrixChat{padding-top:48px!important;box-sizing:border-box;height:100dvh!important}body .mx_LeftPanel_outerWrapper{display:none!important}html[data-krug-mobile-list=true] body .mx_LeftPanel_outerWrapper{display:flex!important;position:fixed!important;top:48px;left:0;bottom:0;width:100vw!important;min-width:0!important;z-index:110}html[data-krug-mobile-list=true] body .mx_LeftPanel{width:100%!important}body .mx_SpacePanel{display:none!important}html[data-krug-mobile-menu=true] body .mx_SpacePanel{display:flex!important;position:fixed!important;top:48px;left:0;bottom:0;width:68px!important;height:calc(100dvh - 48px)!important;z-index:115}.mx_ResizeHandle{display:none!important}body .mx_RoomView{min-width:0!important;width:100%!important}body .mx_RoomHeader{padding-left:10px!important;padding-right:8px!important}.krug-home>h1{font-size:34px!important;letter-spacing:-1px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.krug-animated-emoji{animation:none!important}}