/* Team1 personal experiment. Presentation only; no security-state selectors. */
@font-face{font-family:"Team1 Kanit";src:url("/brand/Kanit-Light.ttf") format("truetype");font-weight:300 400;font-style:normal;font-display:swap}
@font-face{font-family:"Team1 Kanit";src:url("/brand/Kanit-Medium.ttf") format("truetype");font-weight:500 700;font-style:normal;font-display:swap}
:root{--t1-header:48px;color-scheme:dark}
body{--font-family:"Team1 Kanit",Arial,sans-serif!important;--cpd-font-family-sans:"Team1 Kanit",Arial,sans-serif!important;font-family:"Team1 Kanit",Arial,sans-serif!important;background:#000;color:#fff}
#matrixchat{height:calc(100dvh - var(--t1-header))!important;min-height:0}
#t1-header{height:var(--t1-header);box-sizing:border-box;display:flex;align-items:center;gap:16px;padding:0 20px;background:#161617;border-bottom:1px solid #2a2d31;position:relative;z-index:20}
#t1-header img{display:block;width:92px;height:auto}
#t1-label{flex:1;min-width:0;font-size:13px;line-height:1.2;color:#e5e7eb}
#t1-label small{color:#9ca3af;margin-left:8px;font-size:12px}
#t1-header a,#t1-header button{color:#fff;font:500 14px "Team1 Kanit",sans-serif;min-height:44px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;text-decoration:none;cursor:pointer}
#t1-header a:hover,#t1-header button:hover{background:#2a2b2c}
#t1-header button[aria-expanded="true"]{background:#E6212F}
#t1-header :focus-visible{outline:2px solid #fff;outline-offset:2px}
#t1-chats{display:none!important}
.mx_AuthPage{background:#000!important}
.mx_AuthPage_modal{border:1px solid #2a2d31;border-radius:12px;background:#161617!important}
.mx_AuthHeader img{max-width:180px;height:auto}
.mx_AuthPage_modalContent{min-width:0!important;max-width:100%;box-sizing:border-box;background:#161617!important;border-radius:12px!important}
.mx_Welcome{padding:24px!important;box-sizing:border-box;min-width:0;border-radius:0!important;background:transparent!important}
.mx_WelcomePage{min-width:0!important;box-sizing:border-box;max-width:100%;padding:32px!important}
.mx_WelcomePage_body{max-width:720px;min-width:0;box-sizing:border-box;font-weight:300}
.mx_WelcomePage_body>img{width:160px;height:auto;max-width:100%;margin:16px 0 32px}
.mx_WelcomePage_body>div:first-of-type{font-size:14px;color:#ff8790}
.mx_WelcomePage_body h1{font:500 clamp(30px,4vw,48px)/1.15 "Team1 Kanit",sans-serif;margin:16px 0 24px}
.mx_WelcomePage_body>p{font-size:18px;line-height:1.6;color:#e5e7eb;max-width:600px}
.mx_WelcomePage_body>a{display:inline-flex;min-height:44px;align-items:center;margin:8px 16px 8px 0;color:#fff}
.mx_WelcomePage_body>a:first-of-type{background:#E6212F;border-radius:8px;padding:4px 24px;text-decoration:none;font-weight:500}
.mx_WelcomePage_body>div:nth-of-type(2){display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:24px 0}
.mx_WelcomePage_body>div:nth-of-type(2)>span{padding:12px;background:#161617;border-radius:8px}
.mx_WelcomePage_body>p:last-of-type{font-size:14px;color:#9ca3af;border-top:1px solid #2a2d31;padding-top:24px}
.mx_WelcomePage_body>a:focus-visible{outline:2px solid #fff;outline-offset:4px}
.mx_HomePage{padding:40px;box-sizing:border-box;background:#000;overflow:auto}
.mx_HomePage_body{max-width:720px;margin:auto;font-weight:300;color:#e5e7eb}
.mx_HomePage_body>img{width:160px;height:auto;max-width:100%;margin:16px 0 32px}
.mx_HomePage_body h1{font:500 36px/1.15 "Team1 Kanit",sans-serif;color:#fff}
.mx_HomePage_body p{font-size:18px;line-height:1.6}
.mx_HomePage_body a{color:#ff8790;display:inline-flex;align-items:center;min-height:44px}
.mx_AuthBody h1,.mx_AuthBody h2{font-weight:500}
.mx_EventTile_body{line-height:1.5}
@media(max-width:767px){
 :root{--t1-header:56px}
 #t1-header{gap:8px;padding:0 12px}
 #t1-header img{width:76px}
 #t1-label{font-size:12px}
 #t1-label small{display:block;margin-left:0;font-size:11px}
 #t1-about{display:none!important}
 body:has(.mx_RoomView) #t1-chats{display:inline-flex!important}
 body:has(.mx_RoomView):not(.t1-show-chats) .mx_LeftPanel_outerWrapper,
 body:has(.mx_RoomView):not(.t1-show-chats) .mx_SpacePanel,
 body:has(.mx_RoomView):not(.t1-show-chats) .mx_MatrixChat>.mx_ResizeHandle{display:none!important}
 body.t1-show-chats .mx_RoomView_wrapper{display:none!important}
 body.t1-show-chats .mx_LeftPanel_outerWrapper{display:flex!important;width:100%!important;max-width:none!important}
 body.t1-show-chats .mx_LeftPanel_wrapper--user{width:100%!important;max-width:none!important}
 body.t1-show-chats .mx_LeftPanel{display:flex!important;min-width:0!important;max-width:none!important;width:100%!important}
 body:has(.mx_RoomView):not(.t1-show-chats) #left-panel{display:none!important}
 body:has(.mx_RoomView) #left-panel+.mx_Separator{display:none!important}
 body.t1-show-chats #left-panel{display:flex!important;flex:1 1 auto!important;width:auto!important;min-width:0!important}
 body.t1-show-chats #left-panel+.mx_Separator+div{display:none!important}
 body:has(.mx_HomePage) #left-panel{display:flex!important;flex:1 1 auto!important;width:auto!important}
 body:has(.mx_HomePage) #left-panel+.mx_Separator,
 body:has(.mx_HomePage) #left-panel+.mx_Separator+div{display:none!important}
 body:has(.mx_HomePage) .mx_LeftPanel_outerWrapper{width:100%!important;max-width:none!important}
 body:has(.mx_HomePage) .mx_LeftPanel_wrapper--user{width:100%!important;max-width:none!important}
 .mx_RoomView_wrapper,.mx_RoomView,.mx_RoomView_body{min-width:0!important;width:100%;max-width:100%}
 .mx_RoomView_MessageList{--RoomView_MessageList-padding:8px}
 .mx_EventTile{--event-tile-group-gutter:44px!important;--event-tile-content-inline-end:8px!important;--event-tile-group-timestamp-width:38px!important;--EventTile_group_line-spacing-inline-start:44px!important}
 /* Stable public slot names in the pinned release; retain the padlock/warning slot. */
 .mx_EventTile [class*="_line_"]{margin-inline-end:24px!important}
 .mx_EventTile [class*="_slotThreadInfo_"]{margin-inline-end:24px!important;max-width:calc(100% - 68px)!important}
 .mx_EventTile_body{font-size:16px;overflow-wrap:anywhere}
 .mx_RoomView .mx_MessageComposer{margin:0!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
 .mx_MessageComposer_wrapper{padding-inline:8px!important}
 .mx_SendMessageComposer [contenteditable="true"]{font-size:16px;min-height:28px}
 .mx_AuthPage_modal{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px);margin:12px auto!important}
 .mx_AuthPage_modalContent{width:100%!important}
 .mx_WelcomePage{padding:20px!important}
 .mx_Welcome{padding:12px!important}
 .mx_WelcomePage_body>p{font-size:16px}
 .mx_AuthBody{padding:20px!important;box-sizing:border-box;min-width:0!important;width:100%!important}
 .mx_AuthBody input{font-size:16px!important;min-height:44px;box-sizing:border-box;max-width:100%}
 .mx_AuthBody button{min-height:44px}
 .mx_Dialog{max-width:calc(100vw - 24px)!important;box-sizing:border-box}
 .mx_Dialog_wrapper{padding:12px!important}
}
@media(prefers-reduced-motion:reduce){#t1-header *{transition:none!important}}