/* XIALIAO 1.1 — quiet surfaces, readable type, restrained system blue. */
:root{--bg:#f5f5f7;--panel:#fff;--panel-soft:#f2f2f7;--text:#1d1d1f;--sub:#73737c;--line:#e8e8ed;--accent:#007aff;--accent-dark:#0068df;--accent-soft:#eaf3ff;--green:#30b46a;--danger:#ff3b30;--shadow:0 18px 64px #12121a10;--rail:#f7f7f9;--chat-bg:#fff;--bubble:#f0f0f3;--radius:20px;color-scheme:light}
:root[data-theme=dark]{--bg:#000;--panel:#131315;--panel-soft:#222225;--text:#f5f5f7;--sub:#9898a1;--line:#2c2c30;--accent:#459fff;--accent-dark:#288aff;--accent-soft:#182b43;--green:#32d074;--danger:#ff5a50;--shadow:0 18px 64px #0004;--rail:#111113;--chat-bg:#101012;--bubble:#29292d;color-scheme:dark}
body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;font-size:15px;letter-spacing:-.15px}
button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #007aff70;outline-offset:3px}input,textarea,select{border-radius:13px;font-size:15px}input:focus-visible,textarea:focus-visible{outline:2px solid #007aff40;outline-offset:1px}svg.icon{stroke-width:1.65}
.brand-mark,.brand-mark.large{background:var(--text);box-shadow:none;border-radius:15px;color:var(--panel);font-weight:550}.brand-mark:after{display:none}.brand-en{color:var(--sub);letter-spacing:3px;margin-top:5px}.primary{border-radius:14px;background:var(--accent);font-size:15px;font-weight:550;gap:12px}.primary:hover{transform:none}.secondary{font-size:14px;border-radius:12px}.text-button{font-weight:500}.field-label{font-size:14px}.field-help{font-size:12px;line-height:1.7}.error-text{font-size:13px}.danger{background:#ff3b300c!important;color:var(--danger)!important}
/* Entry */
.auth-screen{grid-template-columns:1fr 1fr;background:var(--panel)}.auth-story{background:var(--bg);color:var(--text);padding:52px 64px;min-height:100dvh}.auth-brand{color:var(--text);gap:12px;font-size:25px}.auth-brand .brand-mark{background:var(--text);color:var(--panel)}.story-content{max-width:500px;padding:70px 0}.story-content h1{font-size:clamp(44px,4.5vw,70px);font-weight:650;line-height:1.2;letter-spacing:-3px;margin:24px 0}.story-content h1 span{color:var(--sub)}.story-content>p{font-size:17px;line-height:1.9;color:var(--sub)}.story-art{display:none}.story-tags{font-size:13px;gap:14px;padding-top:44px}.story-tags span{border:0;padding:0;color:var(--sub)}.story-tags span+span:before{content:'·';margin-right:14px}.story-foot{font-size:12px;color:var(--sub)}.auth-form-content{max-width:360px}.auth-form-content h2{font-size:30px;letter-spacing:-1px;font-weight:650;margin:16px 0 10px}.auth-form-content>.muted{font-size:15px}.auth-form-content>.section-kicker,.story-content>.eyebrow{display:none}.auth-form-wrap{padding:40px 56px}.input-with-prefix{background:var(--panel-soft);border-color:transparent}.input-with-prefix input{font-size:16px;padding:16px 12px}.auth-submit{margin-top:8px;height:52px}.auth-note{font-size:12px;margin-top:20px}.auth-fine{font-size:12px;line-height:1.8;margin-top:30px}.auth-form-content>.text-button{font-size:14px}.auth-divider{font-size:12px}
/* Split view */
.app-shell{grid-template-columns:76px 332px minmax(0,1fr)}.rail{background:var(--rail);gap:40px;padding:28px 0 24px}.rail>.brand-mark{width:38px;height:38px;border-radius:13px}.nav-button{width:46px;height:46px;border-radius:14px;color:var(--sub)}.nav-button.active{background:var(--panel);box-shadow:0 2px 10px #00000005}.rail-tabs{gap:17px}.rail-bottom{gap:14px}.profile-button{box-shadow:none;border-color:transparent}.sidebar{background:var(--rail)}.sidebar-header{padding:28px 22px 0}.sidebar-eyebrow{color:var(--sub);font-size:10px;letter-spacing:2.5px}.sidebar-heading{margin-bottom:20px}.sidebar-heading h1{font-size:30px;font-weight:680;letter-spacing:-1px;margin-top:8px}.header-dot{display:none}.head-actions{gap:5px}.icon-button{border-radius:50%;color:var(--accent);height:40px;width:40px}.icon-button:hover{background:var(--panel-soft)}.add-button{background:var(--panel);height:34px;width:34px;border-radius:50%;margin:0}.search-box{height:40px;border-radius:11px;background:#eaeaec;border-color:transparent}.search-box input{font-size:14px}.search-box svg{width:17px;height:17px}:root[data-theme=dark] .search-box{background:#252529}.filter-tabs{background:#e8e8ec;border:0;border-radius:9px;padding:3px;gap:0;margin-top:18px}.filter-tabs button{flex:1;border-radius:7px;padding:6px 4px;font-size:12px;line-height:18px;color:var(--sub)}.filter-tabs button.active{color:var(--text);background:var(--panel);box-shadow:0 2px 5px #00000009;font-weight:550}.filter-tabs button.active:after{display:none}.filter-tabs span{background:transparent;font-size:10px}:root[data-theme=dark] .filter-tabs{background:#26262b}.sidebar-list{padding:16px 10px}.room-item{border-radius:14px;padding:14px 12px;min-height:86px;margin:0;gap:13px}.room-item.active{background:var(--panel);box-shadow:0 3px 14px #00000003}.room-item.active:before{display:none}.room-item:hover{background:var(--panel)}.room-name{font-size:15px;font-weight:600;letter-spacing:-.2px}.room-time{font-size:11px;color:var(--sub)}.room-preview{font-size:13px;margin-top:6px;color:var(--sub);max-width:208px}.avatar,.room-item .avatar,.person-row .avatar,.message-row .avatar,.chat-identity .avatar{border-radius:50%;font-weight:500}.avatar{width:48px;height:48px;font-size:17px;background:#ececf0;color:#73737d}.avatar.tone-1{background:#e6ede9;color:#527967}.avatar.tone-2{background:#f2ebdf;color:#958362}.avatar.tone-3{background:#f1e5e6;color:#a16f78}.avatar.tone-4{background:#e5eaf1;color:#647d9e}.avatar.tone-5{background:#e9e5ef;color:#8c7e9d}.avatar.group-avatar{background:var(--accent-soft);color:var(--accent)}.unread-badge{background:var(--accent);border-radius:50%;height:20px;min-width:20px;font-size:11px;padding:3px 6px}.online-badge{border-color:var(--rail)}.sidebar-footer{font-size:11px;border:0;padding:16px 24px;color:var(--sub)}.contact-handle{font-size:12px;margin-top:5px}.list-section-label{font-size:12px;padding:17px 14px 6px}.empty-list{font-size:14px;line-height:1.8;padding:44px 20px}.empty-list .empty-icon{background:var(--panel);color:var(--sub);border-radius:50%;width:55px;height:55px}
/* Conversation */
.chat-header{height:80px;min-height:80px;background:var(--panel);padding:0 32px;gap:12px;border-color:var(--line)}.chat-identity .avatar{width:42px;height:42px}.chat-title{font-size:17px;font-weight:600;letter-spacing:-.4px}.chat-subtitle{font-size:12px;margin-top:5px}.chat-header-actions{gap:7px}.chat-header-actions>.icon-button:first-child{background:transparent}.chat-header-actions .icon-button{color:var(--accent);width:40px;height:40px}.chat-header-actions svg{width:22px;height:22px}.header-separator{margin:0 6px}.messages{padding:26px 40px 12px;scrollbar-color:#d2d2d7 transparent}.date-divider{font-size:11px;color:var(--sub);margin:8px 0 28px}.date-divider:before,.date-divider:after{display:none}.message-row{gap:10px;margin-bottom:22px}.message-row .avatar{width:32px;height:32px;font-size:12px}.message-row.own>.message-avatar{display:none}.message-body{max-width:min(77%,550px)}.message-sender{font-size:11px;color:var(--sub);margin-bottom:6px}.bubble{border:0;border-radius:18px 18px 18px 5px;padding:11px 16px;font-size:15px;line-height:1.65;box-shadow:none;background:var(--bubble)}.message-row.own .bubble{border:0;border-radius:18px 18px 5px 18px;box-shadow:none;background:var(--accent)}.message-meta,.delivery{font-size:10px;margin-top:6px;color:var(--sub)}.delivery.read{color:var(--sub)}.message-menu-button{color:var(--sub)}.reply-quote{border-color:#849ab5;background:#00000005;font-size:12px}.reply-quote strong{font-size:11px}.message-image{border-radius:14px;max-height:330px}.bubble.media-bubble{background:transparent;padding:0}.message-video{border-radius:14px}.audio-label{font-size:11px}.message-row.recalled,.message-row.system{font-size:12px;color:var(--sub)}.system-pill{font-size:11px;background:var(--panel-soft);padding:6px 12px}.typing-line{padding-left:42px;font-size:11px;height:22px;min-height:22px}.composer-wrap{background:var(--panel);padding:0 30px 20px}.composer{border:1px solid #dedee4;border-radius:27px;padding:6px 8px;box-shadow:none;gap:3px;background:var(--panel)}.composer textarea{font-size:15px;line-height:1.6;padding:8px 9px;min-height:40px}.composer .icon-button{width:35px;height:40px;color:var(--sub)}.composer .icon-button:first-child{color:var(--accent)}.composer .send-button{width:35px;height:35px;min-width:35px;margin:2px 0 3px 3px;border-radius:50%}.send-button svg{width:19px;height:19px}.composer-hint{font-size:10px;padding:9px 12px 0}.composer-hint>span:first-child{visibility:hidden}.voice-bar{height:40px}.voice-bar button{font-size:13px;border-radius:20px}.emoji-picker{border-radius:22px;left:30px;box-shadow:0 12px 50px #00000016}.reply-bar{border-radius:12px;font-size:12px}.reply-bar p{font-size:12px}.reply-bar strong{font-size:11px}.upload-progress{font-size:12px}.welcome-orbit{height:120px;width:120px;margin-bottom:24px}.welcome-orbit:before,.welcome-orbit:after,.orbit-icon,.welcome-bubble:after,.welcome-bubble span{display:none}.welcome-bubble{transform:none;background:var(--panel-soft);color:var(--sub);font-size:32px;letter-spacing:0;border-radius:36px;padding:25px;box-shadow:none}.welcome>.section-kicker{display:none}.welcome h2{font-size:27px;font-weight:600;letter-spacing:-1px;margin:8px 0 12px}.welcome>p{font-size:15px}.welcome>.primary{font-size:14px;border-radius:24px;padding:12px 24px}.welcome-features{font-size:11px;color:var(--sub);margin-top:45px}.active-call-banner{font-size:12px;padding:10px 32px}.active-call-banner button{font-size:12px}
/* Sheets and grouped settings */
.modal-backdrop{background:#10101538;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modal{border-radius:25px;box-shadow:0 24px 90px #0000001c;border-color:#ffffff35}.modal-header{padding:22px 25px 17px}.modal-header h2{font-size:19px;font-weight:600;letter-spacing:-.5px}.modal-header .icon-button{background:var(--panel-soft);color:var(--sub)}.modal-body{padding:24px 25px 26px}.modal-body p{font-size:14px}.modal-option{padding:16px 3px;gap:15px;min-height:64px}.modal-option strong{font-size:15px;font-weight:500}.modal-option small{font-size:12px;line-height:1.6}.modal-option>svg{width:22px;height:22px}.profile-page{padding:14px}.profile-card{gap:9px;padding:22px 0 30px}.profile-card .avatar{border-radius:50%;width:84px;height:84px;font-size:28px}.profile-card h3{font-size:25px;font-weight:600}.profile-card small{font-size:13px}.profile-card .tag{font-size:11px;border-radius:7px}.profile-card p{font-size:13px}.person-row{padding:14px 2px}.person-row strong{font-size:14px}.person-row small{font-size:12px}.person-row .avatar{width:42px;height:42px}.settings-row{font-size:14px;padding:18px 0}.settings-row select{font-size:13px}.notice{font-size:13px!important;line-height:1.7!important}.stat strong{font-size:25px;font-weight:600;color:var(--text)}.stat small{font-size:12px}.toast{background:#222228ee;border-radius:22px;padding:13px 22px;font-size:14px;box-shadow:0 8px 24px #00000015}.toast.error{background:#803b38f5}.recording-orb{border-radius:50%}.recovery-box{font-size:13px;border-color:#007aff66}.checks{border-radius:14px}.check-row{font-size:12px}
/* Calls: one main feed and one movable inset, never equal-sized for two participants. */
.call-panel{background:#f2f2f5;color:#1d1d1f;padding:max(20px,env(safe-area-inset-top)) 28px max(20px,env(safe-area-inset-bottom));isolation:isolate;gap:0}.call-topbar{flex:none;height:65px;min-height:65px;margin:0 0 18px;gap:16px;padding:0 8px;position:relative;z-index:2}.call-topbar h2{font-size:20px;font-weight:600;letter-spacing:-.5px;color:#1d1d1f}.call-topbar p{font-size:12px;color:#6e6e78;margin-top:5px;font-variant-numeric:tabular-nums}.call-topbar .icon-button{color:#1d1d1f;background:#ffffffb8;width:40px;height:40px}.call-brand{font-size:15px;font-weight:650;color:#1d1d1f;letter-spacing:-.6px;margin-right:16px}.call-heading{flex:1;text-align:left}.call-toolbar{display:flex;gap:9px}.call-grid{position:relative;min-height:0;flex:1;width:100%;max-width:1120px;margin:0 auto;gap:12px;border-radius:28px;isolation:isolate}.call-grid.count-1{max-width:800px}.call-grid.duo-layout{display:block;max-width:1120px;overflow:hidden;background:#e4e6e8}.call-grid.focus-layout{display:block;overflow:hidden;padding-bottom:0}.call-tile{min-height:0;min-width:0;border:0;border-radius:24px;background:linear-gradient(145deg,#e9ebed,#dadfe3);color:#42424a;isolation:isolate}.call-tile video{background:#171719;object-fit:cover;pointer-events:none}.call-tile:not(.video-on) video{opacity:0}.call-tile.local video{transform:none}.call-tile.local.mirrored video{transform:scaleX(-1)}.call-tile.main-tile{position:absolute;inset:0;border-radius:28px;width:100%;height:100%;z-index:0}.call-tile.pip-tile{position:absolute;inset:auto;width:clamp(112px,17%,190px);height:clamp(152px,31%,254px);min-height:0;border-radius:20px;border:2px solid #ffffffad;box-shadow:0 7px 26px #00000028;z-index:5;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:left .18s ease,top .18s ease}.call-tile.pip-tile.dragging{transition:none;cursor:grabbing;box-shadow:0 12px 30px #00000033}.call-avatar{position:relative;padding:12px;color:#3c3c45;max-width:100%;text-align:center}.call-tile .call-avatar{gap:15px}.call-tile .avatar{border-radius:50%;width:92px;height:92px;font-size:27px;background:#ffffff9c;color:#5f6874;box-shadow:0 7px 24px #00000004}.call-tile .call-name-center{font-size:17px;color:#505965;line-height:1.5;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}.call-tile.video-on .call-avatar{display:none}.call-tile-label{bottom:16px;left:16px;max-width:calc(100% - 32px);font-size:12px;background:#17171966;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:white;padding:7px 12px;border-radius:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-tile:not(.video-on) .call-tile-label{color:#505965;background:#ffffff9c}.peer-status{bottom:19px;right:16px;max-width:50%;font-size:11px;background:#ffffffa8;border-radius:20px;padding:4px 8px;color:#606875}.peer-status:empty{display:none}.call-tile.pip-tile .avatar{width:45px;height:45px;font-size:15px}.call-tile.pip-tile .call-name-center{font-size:12px}.call-tile.pip-tile .call-avatar{gap:9px}.call-tile.pip-tile .call-tile-label{font-size:10px;bottom:8px;left:8px;padding:4px 7px;max-width:calc(100% - 16px)}.call-tile.pip-tile .peer-status{display:none}.pip-hint{position:absolute;top:7px;right:7px;width:23px;height:23px;border-radius:50%;display:none;align-items:center;justify-content:center;color:white;background:#00000032;z-index:5;pointer-events:none}.pip-hint svg{width:13px;height:13px}.pip-tile .pip-hint{display:flex}.call-controls{flex:none;align-self:center;gap:23px;padding:16px 25px 12px;margin:18px 0 0;background:#ffffffcc;border:1px solid #ffffffb0;box-shadow:0 7px 26px #00000006;border-radius:32px;max-width:100%;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);position:relative;z-index:2}.call-control{min-width:61px;gap:8px;color:#6a6a73;font-size:11px;padding:0}.call-control>span{width:52px;height:52px;background:#ececef;color:#27272d;border-radius:50%;transition:transform .12s,background .12s}.call-control:hover>span{filter:none;background:#e5e5eb}.call-control:active>span{transform:scale(.94)}.call-control.active>span{background:#303038;color:white}.call-control small{font-size:11px}.call-control.end>span{width:58px;height:52px;border-radius:50%;background:#ff3b30;color:white}.call-control.end{color:#b23c37}.call-control.end:hover>span{background:#e83127}.call-notice{color:#75757f;font-size:12px;text-align:center;margin:10px 0 0;min-height:0;max-width:660px;align-self:center;line-height:1.6}.call-notice:empty{display:none}.call-grid.audio-layout .call-avatar{display:flex}.call-grid.audio-layout .call-tile{background:#e9eaef}.call-grid.audio-layout video{display:none}.call-grid.focus-layout .main-tile{height:calc(100% - 108px)}.call-grid.focus-layout .strip-tile{position:absolute;bottom:0;height:96px;width:110px;left:calc(var(--strip-index) * 122px);border-radius:14px;cursor:pointer}.strip-tile .call-tile-label{font-size:10px;bottom:6px;left:6px;padding:3px 6px}.strip-tile .peer-status,.strip-tile .call-name-center{display:none}.strip-tile .avatar{width:42px;height:42px;font-size:14px}.call-grid.group-layout .call-tile{cursor:pointer}.incoming-card{background:#fffffff0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #ffffff80;border-radius:25px;box-shadow:0 12px 55px #0000001a;padding:20px;color:#1d1d1f}.incoming-card .avatar{border-radius:50%}.incoming-card strong{font-size:17px}.incoming-card p{font-size:13px;color:#73737c}.incoming-actions{margin-top:20px}.incoming-actions button{font-size:14px;border-radius:22px;height:44px}.call-minimized{inset:auto 24px 95px auto;width:260px;height:87px;min-height:0;padding:13px 15px;border-radius:24px;background:#ffffffef;box-shadow:0 8px 42px #00000022;border:1px solid #e8e8ed}.call-minimized .call-topbar{margin:0;min-height:0;height:auto;padding:0;gap:8px}.call-minimized .call-heading{text-align:left}.call-minimized .call-topbar h2{font-size:14px}.call-minimized .call-topbar p{font-size:11px}.call-minimized .call-brand,.call-minimized .call-toolbar,.call-minimized .call-grid,.call-minimized .call-controls,.call-minimized .call-notice{display:none}.call-minimized:after{content:'轻点返回通话';font-size:10px;right:16px;bottom:12px;color:#007aff}.mini-end{display:none}.call-minimized .mini-end{display:flex;width:36px;height:36px;border-radius:50%;background:#ff3b30;color:#fff;justify-content:center;align-items:center;margin-right:2px}.mini-end svg{width:20px;height:20px}.call-panel [data-call-action=gallery].hidden{display:none!important}
:root[data-theme=dark] .call-panel{background:#151517;color:#f5f5f7}:root[data-theme=dark] .call-topbar h2,:root[data-theme=dark] .call-brand{color:#f5f5f7}:root[data-theme=dark] .call-topbar p{color:#ababaf}:root[data-theme=dark] .call-controls{background:#28282ddd;border-color:#ffffff12}:root[data-theme=dark] .call-control>span{background:#414147;color:white}:root[data-theme=dark] .call-control{color:#c2c2c7}:root[data-theme=dark] .call-control.end>span{background:#ff453a}:root[data-theme=dark] .call-control.active>span{background:#f5f5f7;color:#18181b}:root[data-theme=dark] .call-topbar .icon-button{background:#2b2b30;color:#f5f5f7}:root[data-theme=dark] .call-minimized{background:#202025;border-color:#36363c}
@media(min-width:1500px){.app-shell{grid-template-columns:80px 350px minmax(0,1fr)}.messages{padding-left:7%;padding-right:7%}.composer-wrap{padding-left:6%;padding-right:6%}}
@media(max-width:1050px){.app-shell{grid-template-columns:66px 290px minmax(0,1fr)}.sidebar-header{padding-left:20px;padding-right:20px}.chat-header{padding:0 23px}.messages{padding:24px}.composer-wrap{padding-left:20px;padding-right:20px}.room-preview{max-width:170px}.message-body{max-width:78%}.chat-header-actions{gap:0}.chat-title{max-width:180px}}
@media(max-width:720px){
 body{font-size:16px}.auth-screen{display:flex;min-height:100dvh;flex-direction:column}.auth-story{display:none}.auth-form-wrap{padding:35px 28px calc(40px + env(safe-area-inset-bottom));flex:1;min-height:100dvh}.auth-form-content{max-width:380px}.mobile-brand{display:flex;margin-bottom:64px;font-size:26px;gap:12px}.mobile-brand .brand-mark{width:42px;height:42px;border-radius:14px}.auth-form-content h2{font-size:31px}.auth-form-content>.muted{font-size:15px}.auth-fine{font-size:12px}.auth-form-content .field-label{font-size:14px}.app-shell{display:flex;height:100dvh;max-height:100dvh}.sidebar{background:var(--panel);padding-top:env(safe-area-inset-top)}.sidebar-header{padding:22px 22px 0}.sidebar-eyebrow{display:none}.sidebar-heading{margin-bottom:19px}.sidebar-heading h1{font-size:34px;letter-spacing:-1.5px;margin:0;font-weight:700}.head-actions{gap:10px}.sidebar .icon-button{height:40px;width:40px}.sidebar .add-button{height:34px;width:34px;background:var(--panel-soft);margin:0}.search-box{height:42px;border-radius:11px;background:var(--panel-soft)}.search-box input{font-size:16px}.filter-tabs{background:var(--panel-soft);margin-top:17px;gap:0;padding:3px}.filter-tabs button{font-size:13px;padding:5px 0}.sidebar-list{padding:10px 14px}.room-item{border-radius:0;padding:16px 8px;min-height:89px;gap:14px;border:0;position:relative}.room-item:after{content:'';position:absolute;bottom:0;left:72px;right:8px;height:1px;background:var(--line);transform:scaleY(.5)}.room-item.active{background:transparent;box-shadow:none}.room-item:active{background:var(--panel-soft);border-radius:12px}.room-item .avatar{height:54px;width:54px;border-radius:50%;font-size:19px}.room-name{font-size:16px;font-weight:600}.room-preview{font-size:14px;max-width:calc(100vw - 136px);margin-top:6px}.room-time{font-size:12px}.contact-handle{font-size:13px}.unread-badge{font-size:11px}.mobile-nav{background:#ffffffdc;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-color:var(--line);padding:8px 8px calc(9px + env(safe-area-inset-bottom));min-height:63px}.mobile-nav button{min-width:65px;gap:4px;color:#8a8a92}.mobile-nav button>span{height:28px;width:46px;background:transparent!important}.mobile-nav button.active{color:var(--accent)}.mobile-nav .icon{height:24px;width:24px}.mobile-nav small{font-size:10px;letter-spacing:0}.mobile-nav .mobile-badge{background:var(--danger);top:-2px;right:12px;min-width:15px;height:15px;font-size:9px;border-radius:50%}:root[data-theme=dark] .mobile-nav{background:#161619e0}.chat-header{height:calc(70px + env(safe-area-inset-top));min-height:calc(70px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 9px 0 3px;gap:1px}.chat-header .mobile-back{width:36px;min-width:36px;height:44px}.chat-identity{gap:9px;min-width:0}.chat-identity .avatar{width:36px;height:36px;border-radius:50%;font-size:14px}.chat-title{font-size:16px;max-width:145px}.chat-subtitle{font-size:11px;margin-top:4px}.chat-header-actions{gap:0}.chat-header-actions .icon-button{width:34px;height:44px;border-radius:14px}.chat-header-actions .icon-button svg{width:21px;height:21px}.chat-header-actions>.icon-button:first-child{color:var(--accent)}.messages{padding:21px 16px 10px}.message-row{gap:8px;margin-bottom:20px}.message-row .avatar{height:30px;width:30px;font-size:11px}.message-body{max-width:calc(100% - 70px)}.message-row.own .message-body{max-width:calc(100% - 45px)}.message-sender{font-size:10px}.bubble{font-size:16px;padding:10px 14px;line-height:1.65;border-radius:18px 18px 18px 5px}.message-row.own .bubble{border-radius:18px 18px 5px 18px}.date-divider{font-size:11px;margin:3px 0 24px}.message-meta,.delivery{font-size:10px}.message-menu-button{opacity:0;top:18px}.message-row:focus-within .message-menu-button{opacity:1}.message-image{max-height:300px}.typing-line{padding-left:18px;font-size:11px;min-height:19px;height:19px}.composer-wrap{padding:0 10px calc(10px + env(safe-area-inset-bottom));background:var(--panel)}.composer{border-radius:26px;padding:4px 6px;gap:0}.composer textarea{font-size:16px;min-height:41px;padding:8px 7px;max-height:110px}.composer .icon-button{height:41px;width:31px}.composer .icon-button svg{height:21px;width:21px}.composer .send-button{width:33px;height:33px;min-width:33px;margin:4px 0 4px 2px;border-radius:50%}.voice-bar{height:41px}.voice-bar button{font-size:14px}.emoji-picker{left:10px;border-radius:22px;padding:12px}.composer-hint{display:none}.modal-backdrop{padding:16px}.modal{border-radius:25px;max-height:88dvh}.modal-body{padding:20px}.modal-header{padding:20px 20px 16px}.modal-option{min-height:63px}.modal.sheet{border-radius:25px 25px 0 0}.modal.sheet:before{content:'';width:36px;height:5px;border-radius:4px;background:#c7c7cd;align-self:center;margin:9px 0 0;flex:none}.modal-body input,.modal-body select,.modal-body textarea{font-size:16px}.modal-actions .primary,.modal-actions .secondary{font-size:14px}.profile-page{padding:10px 8px}.profile-card{padding:24px 0 26px}.profile-card h3{font-size:26px}.profile-card p{font-size:14px}.profile-page .modal-option{padding:17px 5px}.notice{font-size:13px!important}.toast-root{bottom:calc(85px + env(safe-area-inset-bottom))}.toast{font-size:13px}.incoming-card{top:calc(12px + env(safe-area-inset-top));left:12px;right:12px}.call-panel{padding:max(12px,env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom))}.call-topbar{height:60px;min-height:60px;margin:0 0 12px;padding:0 6px;gap:10px}.call-brand{font-size:16px;margin-right:10px}.call-topbar h2{font-size:17px}.call-topbar p{font-size:11px;max-width:210px}.call-topbar .icon-button{width:36px;height:36px}.call-toolbar{gap:6px}.call-grid{border-radius:26px;gap:9px}.call-grid.duo-layout{display:block}.call-tile.main-tile{border-radius:26px}.call-tile.pip-tile{width:104px;height:148px;border-radius:17px}.call-tile{border-radius:19px}.call-tile .avatar{width:78px;height:78px;font-size:25px}.call-tile .call-name-center{font-size:15px}.call-tile.pip-tile .avatar{width:43px;height:43px;font-size:14px}.call-tile.pip-tile .call-name-center{font-size:11px}.call-tile-label{font-size:11px;bottom:13px;left:13px}.peer-status{font-size:10px;right:12px;bottom:15px}.call-controls{gap:0;justify-content:space-around;padding:14px 8px 12px;margin-top:14px;width:100%;border-radius:29px}.call-control{min-width:0;flex:1;font-size:10px;gap:7px}.call-control>span{width:48px;height:48px;border-radius:50%}.call-control.end>span{width:50px;height:48px}.call-control small{font-size:10px;letter-spacing:-.3px;white-space:nowrap}.call-control svg{height:22px;width:22px}.call-notice{font-size:11px;margin-top:8px;line-height:1.5}.call-minimized{inset:auto 12px calc(88px + env(safe-area-inset-bottom)) auto;width:240px;height:82px;padding:13px 14px;border-radius:23px}.call-grid.focus-layout .main-tile{height:calc(100% - 96px)}.call-grid.focus-layout .strip-tile{width:calc((100% - 24px)/3);max-width:110px;height:84px;left:calc(var(--strip-index) * ((100% - 24px)/3 + 8px))}.call-grid.focus-layout .strip-tile:nth-of-type(n+5){display:none}.call-grid.group-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:370px){.chat-identity .avatar{display:none}.chat-title{max-width:128px}.call-brand{display:none}.call-control>span{width:43px;height:43px}.call-control.end>span{width:45px;height:43px}.call-tile.pip-tile{width:88px;height:122px}}
@media(max-height:520px) and (orientation:landscape){.call-panel{padding:8px 14px}.call-topbar{min-height:40px;height:40px;margin-bottom:6px}.call-controls{margin:8px 0 0;padding:7px 18px;gap:24px;width:auto}.call-control>span,.call-control.end>span{width:38px;height:38px}.call-control small{display:none}.call-tile.pip-tile{width:100px;height:130px}.call-notice{margin-top:4px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.call-tile,.call-control>span{transition:none!important}}

/* Keep every group participant reachable in focus mode. */
.call-grid.focus-layout{display:grid;grid-template-columns:repeat(var(--strip-count),minmax(0,1fr));grid-template-rows:minmax(0,1fr) 105px;gap:10px;overflow:hidden}
.call-grid.focus-layout .main-tile{position:relative;inset:auto;width:100%;height:auto;grid-column:1/-1;grid-row:1}
.call-grid.focus-layout .strip-tile,.call-grid.focus-layout .strip-tile:nth-of-type(n+5){position:relative;inset:auto;grid-row:2;display:flex;width:auto;max-width:none;height:auto;border-radius:15px}
@media(max-width:720px){.call-grid.focus-layout{grid-template-rows:minmax(0,1fr) 85px;gap:7px}.call-grid.focus-layout .strip-tile .call-avatar{padding:3px}.call-grid.focus-layout .strip-tile .avatar{width:32px;height:32px;font-size:11px}.call-grid.focus-layout .strip-tile .call-tile-label{font-size:9px;padding:2px 4px;left:3px;bottom:3px;max-width:calc(100% - 6px)}}

.conversation[data-room-kind=direct] .message-sender{display:none}