@font-face{font-family:Chazon Display;src:url(fonts/instrument-serif-latin-400-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:Chazon Sanskrit;src:url(fonts/devanagari.woff2) format('woff2');font-display:swap}
:root{--chz-bg:#101113;--chz-panel:#191b1e;--chz-line:#44484b;--chz-text:#f3ede2;--chz-muted:#b8b9b2;--chz-orange:#ff954d;--chz-teal:#72d6cb;--chz-radius:10px;scrollbar-color:#626968 #191b1e}
::selection{background:#a4e4dc;color:#101113}input,textarea,[contenteditable]{caret-color:var(--chz-orange)}:focus-visible{outline:3px solid var(--chz-orange)!important;outline-offset:3px}
body{background:var(--chz-bg)}
.mx_AuthPage{background:#101113!important;background-image:none!important;color:var(--chz-text)}
.mx_AuthPage::before,.mx_RoomView::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:url('/brand/chazon-field.svg');background-size:cover;opacity:.13;animation:chazon-breathe 24s ease-in-out infinite alternate}
.mx_AuthPage_modal{background:#191b1e!important;color:var(--chz-text)!important;border:1px solid #44484b;border-radius:16px!important;position:relative}
.mx_AuthHeader_logo img{max-height:80px}.mx_AuthHeader{padding-top:30px!important}
.mx_AuthBody h1,.mx_AuthBody h2{font-family:'Chazon Display',Georgia,serif!important;font-weight:400!important;font-size:38px!important;color:var(--chz-text)!important}
.mx_AuthBody a,.mx_AuthFooter a{color:var(--chz-teal)!important}.mx_AuthBody input{color:var(--chz-text)!important;background:#101113!important}
.mx_AuthBody .mx_Field label{background:#191b1e!important;color:var(--chz-muted)!important}
.mx_AuthBody .mx_Login_submit,.mx_AuthBody .mx_AccessibleButton_kind_primary{background:#ff954d!important;color:#101113!important}
.mx_RoomView{position:relative;isolation:isolate}.mx_RoomView::before{z-index:-1;opacity:.045}.mx_RoomView_body{background:transparent}
.mx_Dialog,.mx_ContextualMenu{border-radius:var(--chz-radius)!important}.mx_Dialog_title{letter-spacing:-.02em}
.mx_RoomHeader{border-bottom:1px solid var(--chz-line)}
.chazon-motion{position:fixed;left:12px;bottom:8px;z-index:1002;background:#191b1e;color:#b8b9b2;border:1px solid #44484b;border-radius:6px;padding:8px 12px;min-height:36px;font:12px system-ui;cursor:pointer}
.chazon-entry{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;overflow:hidden;background:#101113;color:#f3ede2}
.chazon-code{position:absolute;inset:12%;color:#72d6cb;opacity:.13;font:clamp(12px,2vw,22px)/1.8 monospace;white-space:pre;overflow:hidden;mask-image:linear-gradient(transparent,#000 25%,#000 70%,transparent)}
.chazon-threshold{position:relative;text-align:center;width:100%;padding:24px}.chazon-threshold img{width:88px;height:100px}.chazon-word{font-family:'Chazon Display','Chazon Sanskrit',Georgia,serif;font-size:clamp(30px,7vw,76px);line-height:1.25;min-height:1.3em;margin:30px 0;overflow-wrap:anywhere}.chazon-signature{font:42px 'Chazon Display',Georgia,serif;opacity:0;transition:opacity .35s}.chazon-entry[data-stage=resolve] .chazon-signature{opacity:1}.chazon-entry[data-stage=resolve] .chazon-code{opacity:.045;transition:opacity .6s}.chazon-skip{position:absolute;right:24px;bottom:24px;background:transparent;color:#f3ede2;border:1px solid #626968;border-radius:8px;min-height:44px;padding:10px 20px;cursor:pointer}
.chazon-still *::before{animation:none!important}.chazon-still .chazon-entry{display:none}
@keyframes chazon-breathe{from{transform:translateY(-6px);opacity:.04}to{transform:translateY(6px);opacity:.10}}
@media(prefers-reduced-motion:reduce){.mx_AuthPage::before,.mx_RoomView::before{animation:none}.chazon-entry{display:none}}
@media(max-width:600px){.chazon-motion{font-size:10px;max-width:150px;padding:6px;min-height:32px}.mx_AuthPage_modal{margin:12px!important;width:calc(100% - 24px)!important}}
.mx_Welcome{background:#191b1e!important;border-radius:16px!important;box-shadow:none!important}.mx_Welcome .mx_AuthBody{background:transparent!important}.mx_Welcome h1,.mx_Welcome h2{font:42px/1.1 'Chazon Display',Georgia,serif!important}.mx_Welcome .mx_AccessibleButton_kind_primary{background:#ff954d!important;color:#101113!important}.mx_Welcome .mx_AuthHeader_logo{padding:0!important}
.mx_Welcome,.mx_Welcome .mx_AuthBody,.mx_AuthPage_modalContent{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;box-shadow:none!important;border:0!important}.mx_Welcome .mx_AuthBody{padding:28px!important}.mx_Welcome h1,.mx_Welcome h2{overflow-wrap:anywhere}.mx_Welcome .mx_AccessibleButton{box-sizing:border-box;max-width:100%}
@media(max-width:600px){.mx_AuthPage_modalContent{padding:0!important}.mx_Welcome .mx_AuthBody{padding:22px!important}.mx_Welcome h1,.mx_Welcome h2{font-size:34px!important}.mx_AuthFooter{padding-bottom:48px!important}.chazon-motion{min-height:44px}}
/* Element 1.12.27's welcome glass wrapper has a fixed 500px width. */
.mx_AuthPage [class*="_glass_"]{width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;box-sizing:border-box!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:16px!important}
.mx_DefaultWelcome{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:28px!important}.mx_DefaultWelcome_buttons{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.mx_DefaultWelcome_buttons a{width:100%!important;box-sizing:border-box!important}.mx_DefaultWelcome_buttons [data-kind=primary]{background:#ff954d!important;color:#101113!important}.mx_Welcome .mx_AuthBody_language{box-sizing:border-box!important;width:calc(100% - 56px)!important;max-width:calc(100% - 56px)!important;margin-inline:auto!important}
.chazon-home{max-width:760px;padding:clamp(24px,5vw,64px);margin:auto;color:#f3ede2;font:17px/1.7 system-ui}.chazon-home header{display:flex;align-items:center;gap:16px;font:40px 'Chazon Display',Georgia,serif}.chazon-home h1{font:clamp(42px,6vw,72px)/1.1 'Chazon Display',Georgia,serif;margin:48px 0 24px}.chazon-home p{max-width:56ch;color:#b8b9b2}.chazon-home nav{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.chazon-home a{color:#72d6cb;text-underline-offset:5px}.chazon-home nav a{border:1px solid #626968;border-radius:8px;padding:10px 16px;text-decoration:none}.chazon-home small{font-size:14px;color:#b8b9b2}.chazon-home hr{border:0;border-top:1px solid #44484b;margin:36px 0}
.chazon-rooms-toggle,.chazon-rooms-backdrop{display:none}body:has(.mx_RoomView) .chazon-motion{display:none}
@media(max-width:600px){
 body:has(.mx_RoomView) .mx_SpacePanel,body:has(.mx_RoomView) .mx_LeftPanel{display:none!important}
 .mx_RoomView{min-width:0!important;width:100%!important}.mx_RoomHeader{padding-inline-start:60px!important}.mx_RoomHeader .mx_RoomHeader_name{min-width:0!important}
 .mx_EventTile_line{padding-inline-end:12px!important;margin-inline-end:0!important}.mx_EventTile_content{margin-inline-end:0!important;max-width:100%!important}.mx_EventTile{padding-inline-end:0!important}
 .mx_MessageComposer{min-width:0!important}.mx_MessageComposer_input{min-width:0!important}
 body:has(.mx_RoomView) .chazon-rooms-toggle{display:flex;align-items:center;justify-content:center;position:fixed;left:8px;top:8px;width:44px;height:44px;z-index:1002;background:#191b1e;border:1px solid #626968;border-radius:8px;color:#f3ede2;cursor:pointer}
 body.chazon-rooms-open .mx_LeftPanel{display:flex!important;position:fixed!important;left:0;top:60px;bottom:0;width:min(320px,88vw)!important;min-width:0!important;z-index:1001;background:#191b1e!important}
 body.chazon-rooms-open .chazon-rooms-backdrop{display:block;position:fixed;inset:60px 0 0;z-index:1000;border:0;background:#0008}
 .mx_ToastContainer{max-width:calc(100vw - 16px)!important;left:8px!important}.mx_Toast{max-width:calc(100vw - 16px)!important;box-sizing:border-box}
}

.chazon-home{background:#101113}.mx_ToastContainer{z-index:1010!important}
/* Quiet identity across native settings, room lists and conversation controls. */
.mx_RoomHeader{border-bottom:1px solid var(--chz-line)}
.mx_RoomListItem{border-radius:7px;margin-inline:4px}
.mx_RoomListItem:focus-within{outline:2px solid var(--chz-teal);outline-offset:-2px}
.mx_TabbedView_tabLabel{border-radius:7px}
.mx_SettingsTab_heading,.mx_Dialog_title{font-family:'Chazon Display',Georgia,serif!important;font-weight:400!important;letter-spacing:0!important}
.mx_RoomView .mx_EventTile_avatar img{transition:filter .18s ease-out}
@media(prefers-reduced-motion:reduce){.mx_RoomView .mx_EventTile_avatar img{transition:none}}
/* Element 1.12: AuthBody still reserved 130px for the former side illustration.
   Keep the actual forms, remove the empty glass column at every viewport. */
.mx_AuthPage{min-height:100dvh!important;height:auto!important;box-sizing:border-box!important;padding:24px 0!important;justify-content:center!important;}
.mx_AuthPage::before{display:none!important;}
.mx_AuthPage_modal{width:calc(100% - 32px)!important;max-width:480px!important;margin:16px auto!important;flex:none!important;overflow:hidden;background:#191b1e!important;}
.mx_AuthPage_modalBlur{display:none!important;}
.mx_AuthPage_modalContent{flex-direction:column!important;background:transparent!important;backdrop-filter:none!important;padding:0!important;}
.mx_AuthPage .mx_AuthBody{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:28px!important;background:transparent!important;}
.mx_AuthPage .mx_AuthBody::before{content:'';display:block;width:38px;height:48px;margin:0 0 24px;background:url('/brand/chazon-mark.svg') center/contain no-repeat;}
.mx_AuthPage .mx_AuthBody h1{font-size:40px!important;line-height:1.12!important;margin:0 0 28px!important;}
.mx_AuthPage .mx_AuthBody h2{font:600 20px/1.35 system-ui,sans-serif!important;margin:24px 0 12px!important;}
.mx_AuthPage .mx_Login_type_container{gap:12px;flex-wrap:wrap;height:auto!important;margin-block:24px;}
.mx_AuthPage .mx_Login_type_label{flex:0 0 auto!important;width:auto!important;}
.mx_AuthPage input,.mx_AuthPage select{font-size:16px!important;}
.mx_AuthPage .mx_Login_submit{min-height:46px!important;width:100%!important;border-radius:8px!important;}
.mx_AuthPage .mx_Field{min-width:0;}
.mx_AuthPage .mx_AuthFooter{position:relative!important;width:100%!important;max-width:560px!important;margin:0 auto!important;padding:16px 24px 28px!important;background:none!important;box-sizing:border-box;line-height:1.7;}
body:has(.mx_AuthPage) .chazon-motion{display:none!important;}
@media(max-width:380px){.mx_AuthPage .mx_AuthBody{padding:22px!important;}.mx_AuthPage .mx_AuthBody h1{font-size:36px!important;}}