.xm-demo-badge{display:inline-block;margin-inline-start:6px;padding:3px 7px;border-radius:8px;background:#eee5ff;color:#6825b9;font-size:10px;font-weight:700;line-height:1.5;vertical-align:middle;white-space:nowrap}
.xm-demo-note{margin:10px 0;padding:12px;border:1px solid #e5d7fb;border-radius:14px;background:#faf7ff;color:#68567c;font-size:12px;line-height:1.8}
/* The imported xm visual language is intentionally preserved. These rules only
   adapt its overlays to the real application's phone and panel scaffolding. */
.new-panel.xmapp{direction:rtl;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:#fff;color:#10102E}
.xmapp[hidden]{display:none!important}
.xmapp>.new-panel-head{flex:none}
.xmapp>.new-panel-head.xmhd{padding:14px 16px;margin:0}
.xmapp>.new-panel-body{flex:1;min-height:0;overflow:auto;padding:6px 16px 16px;overscroll-behavior:contain}
.xmapp button,.xmapp input,.xmapp textarea{font:inherit}
.xmapp button{cursor:pointer;border:0}
.xmapp button:disabled{cursor:default;opacity:.55}
.xmapp .xmm.me .xmfi{color:#7928ff}
.xmapp button:focus-visible,.xmapp a:focus-visible,.xmapp input:focus-visible{outline:2px solid #7928FF;outline-offset:3px}
.xmapp .xmrow{width:100%;background:transparent;text-align:right}
.xmapp .xmav .new-avatar{border-radius:50%;overflow:hidden}
.xmapp .xmav img,.xmapp .xmintro img{position:static!important;width:100%;height:100%;object-fit:cover;border-radius:50%;max-width:100%}
.xmapp .xma{border:0;background:transparent}
.xmapp .xmhd,.xmapp .xmth{min-width:0}
.xmapp .xmth>span{min-width:0}
.xmapp .xmth .xmav{flex:none}
.xmapp .xmth b{display:block}
.xmapp .xmth small{display:block}
.xmapp .xmth .xmav .new-avatar{display:grid}
.xmapp .xmth .xmth-copy{flex:1}
.new-panel.xmthr{position:fixed}
.xmthr>.new-panel-body{padding:0 12px 12px;display:flex;flex-direction:column;scroll-behavior:auto}
.xmapp .xmcomp{position:relative;flex:none;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));margin:0;background:#fff}
.xmapp .xmcomp .xmin{display:flex;align-items:center;border-radius:24px;background:#F3EEFF;min-height:46px}
.xmapp .xmcomp .row{margin:0;display:flex}
.xmapp .xmsb{color:#fff;border:0}
.xmapp .xmib{background:transparent;color:#6B6585}
.xmapp .xmemo{height:215px;flex:none}
.xmapp .xmrecbar{position:relative;bottom:auto;flex:none;padding:10px 14px;background:#fff!important;pointer-events:auto;gap:8px}
.xmapp .xmrecbar .xmrx,.xmapp .xmrecbar [data-record-send]{display:grid}
.xmapp .xmrecbar [data-record-level]{height:8px;flex:1;background:#E9DCFF;border-radius:6px;overflow:hidden}
.xmapp [data-record-level] i{display:block;width:100%;height:100%;background:#9635F5;transform:scaleX(.05);transform-origin:right}
.xmapp .xmrecbar[hidden],.xmapp [hidden]{display:none!important}
.xmapp .xmimg{width:auto!important;max-width:min(230px,100%);height:auto!important;position:static!important}
.xmapp .xmbbl{white-space:pre-wrap;overflow-wrap:anywhere}
.xmapp .xmbbl audio,.xmapp .xmcv audio{max-width:100%;height:36px;display:block}
.xmapp .xmcv{height:auto;min-height:36px}
.xmapp .xmmedia{display:flex;gap:8px;align-items:center;min-width:190px}
.xmapp .xmmedia button{border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex:none;background:#fff;color:#6328F5}
.xmapp .xmmedia .wave{display:flex;gap:2px;align-items:center;flex:1;height:24px}
.xmapp .xmmedia .wave i{width:3px;background:currentColor;border-radius:3px;opacity:.65}
.xmapp .xmmedia small{font-variant-numeric:tabular-nums}
.xmapp .xmseen{font-size:10px;display:block;text-align:left;color:inherit;opacity:.75;margin:4px 0 0}
.xmapp .xmfile{color:inherit}
.xmapp .xmpost{border:0;display:block}
.xmapp .xmsearch-results{padding-top:10px}
.xmapp .xmsearch-results .xmrow{border-bottom:1px solid #EFEAF7}
.xmapp .xmnew-person{padding:12px 0}
.xmapp .xmnew-person input{width:100%;box-sizing:border-box}
.xmapp .xmsub button{background:#F4F2F8}
.xmapp .xmsub button.on{background:#2E1065;color:#fff}
.xmapp .xmnote24{line-height:1.7}
.xmapp .xmmyrec audio{width:100%;margin-top:10px}
.xmapp .xmprog i{transition:none}
.xmapp .xmwait-contents{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 10px 24px}
.xmapp .xmwait-contents h2{font-size:19px}
.xmapp .xmwait-contents p{color:#89869F;font-size:13px}
.xmapp .xmrecord-preview{width:100%;margin-top:16px}
.xmapp .xmrecord-preview audio{width:100%}
.xmapp .xmdw{display:flex;align-items:center;justify-content:center;gap:4px}
.xmapp .xmdw i{display:block;width:4px;border-radius:4px;background:#9635F5}
.xmapp .xmstatus{font-size:12px;color:#89869F;text-align:center;padding:6px}
.xmapp .xmerror{border-radius:12px;background:#FFF1F3;color:#9A2856;padding:10px 12px;font-size:13px;margin:8px 0}
.xmapp .xmerror button{display:block;background:transparent;color:#6328F5;font-weight:700;padding:8px 0 0}
.xmapp .xmrecord-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.xmapp .xmrecord-tools button{background:#F3EEFF;border-radius:16px;padding:7px 12px;color:#6328F5}
.xmapp .xmexpired{padding:35px 14px;text-align:center;color:#6B6585}
.xmapp .xmbbl.img{background:transparent}
.xmapp .xmrecbar .xmslide{white-space:normal;font-size:11px}
.xmapp .xmlock{bottom:92px;animation:none}
.xmapp .xmth-menu{position:absolute;z-index:8;top:58px;left:12px;background:#fff;box-shadow:0 8px 30px #2E106529;border:1px solid #EFE9FA;border-radius:16px;padding:8px;min-width:160px}
.xmapp .xmth-menu button{display:block;width:100%;text-align:right;padding:10px;background:transparent;color:#4B4560;border-radius:8px}
.xmapp .xmth-menu button:hover{background:#F3EEFF}
.bnav [data-nav=msg]{position:relative;background:none!important;box-shadow:none!important;border-radius:0!important;color:inherit}
.bnav [data-nav=msg].on{color:#7928FF}
@media(prefers-reduced-motion:reduce){.xmapp *{animation:none!important;scroll-behavior:auto!important}}

/* Approved Aseel anonymous-chat visual language: near-white canvas, lilac
   surfaces, decisive violet actions, magenta counters, and quiet motion. */
.new-panel.xmapp{background:#fff;color:#18152a}
.xmapp .new-panel-head{background:#fff;color:#171326}
.xmapp .xmstr-head{display:flex;justify-content:space-between;align-items:center;padding:5px 2px 18px}
.xmapp .xmstr-head button{background:#f3edfb;color:#6333b4;border-radius:24px;padding:11px 18px;font-weight:750}
.xmapp .xmstr-head button.on{background:#6b25d9;color:#fff}
.xmapp .xmstr-head i,.xmapp .xmfilter i{font-style:normal;background:#e547b7;color:#fff;border-radius:50%;padding:3px 7px;font-size:11px}
.xmapp .xmidentity{width:max-content;max-width:100%;margin:3px auto 13px;padding:6px 10px;display:flex;align-items:center;gap:8px;border:1px solid #eee8f7;border-radius:30px;box-shadow:0 3px 15px #3212600b}
.xmapp .xmidentity>b{font-size:13px}
.xmapp .xmidentity button{background:#f3edfb;color:#6b31c7;border-radius:18px;padding:6px 12px;font-size:12px;font-weight:700}
.xmapp .xmhero.sm{padding:12px 0 5px}
.xmapp .xmhero.sm .xmhi{width:174px;height:174px;border:1px solid #eee8f8;border-radius:50%;display:grid;place-items:center;margin:3px auto 18px;position:relative}
.xmapp .xmhero.sm .xmhi:before,.xmapp .xmhero.sm .xmhi:after{content:"";position:absolute;inset:12px;border:1px solid #eee8f8;border-radius:50%}
.xmapp .xmhero.sm .xmhi:after{inset:25px}
.xmapp .xmask{background:linear-gradient(145deg,#ab34ef,#5a16d2)!important;box-shadow:0 9px 22px #7426d933}
.xmapp .xmhero.sm .xmhi .xmask{width:100px!important;height:100px!important}
.xmapp .xmhero.sm h2{font-size:22px;margin:0 0 5px}
.xmapp .xmhero.sm p{font-size:13px;color:#a09aaa}
.xmapp .xmfind{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:52px;margin:13px 0 5px;border-radius:28px;background:linear-gradient(100deg,#a32ce9,#621add);color:#fff;font-weight:750;box-shadow:0 8px 20px #7720cf26}
.xmapp .xmcap{color:#a19ba9;text-align:center;font-size:12px;margin:4px 0 15px}
.xmapp .xm-match-launch{margin:5px 0 15px}
.xmapp .xm-search-live{position:relative;display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:4px 8px;padding:14px;background:#faf7fd;border:1px solid #e8ddf7;border-radius:20px}
.xmapp .xm-search-live small{grid-column:2/4;color:#9a93a5;font-size:12px}
.xmapp .xm-search-live strong{grid-column:2;color:#7135c2;background:#f1e9fb;border-radius:18px;padding:5px 10px;width:max-content;font-size:12px}
.xmapp .xm-search-live button{grid-column:3;grid-row:3;background:#eee8f6;color:#625a70;border-radius:17px;padding:8px 16px}
.xmapp .xm-live-dot{width:9px;height:9px;border-radius:50%;background:#37ba70;box-shadow:0 0 0 4px #37ba701e}
.xmapp .xm-open-title{display:flex;justify-content:space-between;align-items:center;margin:19px 0 9px}
.xmapp .xm-open-title b,.xmapp .xmsh b{font-size:16px}
.xmapp .xm-open-title small{font-size:12px;color:#a09aaa}
.xmapp .xmmyrec{padding:14px;background:#f6f0fc;border-radius:20px;margin:12px 0 17px}
.xmapp .xmmrh{display:flex;align-items:center;justify-content:space-between}
.xmapp .xmmrh b{font-size:14px}
.xmapp .xmmrh span{font-size:11px;color:#278957;background:#e0f5e9;border-radius:16px;padding:5px 9px}
.xmapp .xmmrh span.lk{color:#777;background:#e9e5ee}
.xmapp .xmprog{height:5px;border-radius:5px;background:#e7d9f1;margin-top:11px;overflow:hidden}
.xmapp .xmprog i{display:block;height:100%;background:linear-gradient(90deg,#9b2ddd,#df4db3);border-radius:5px}
.xmapp .xmprt{display:block;margin-top:8px;color:#8e8699;font-size:11px}
.xmapp .xmfilter{display:flex;gap:7px;overflow:auto;padding:8px 0;scrollbar-width:none}
.xmapp .xmfilter button{flex:none;background:#f5f1f8;border-radius:20px;color:#595266;padding:9px 14px;font-size:12px}
.xmapp .xmfilter button.on{background:#6824d3;color:#fff}
.xmapp .xmnote24{text-align:right;color:#9992a2;font-size:12px;margin:8px 2px 10px}
.xmapp .xmwait{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #f1edf4}
.xmapp .xmwb{min-width:0;flex:1}
.xmapp .xmwb>b{display:flex;align-items:center;gap:7px;font-size:14px}
.xmapp .xmwb p{font-size:12px;margin:5px 0;color:#777181}
.xmapp .xmjn{display:block;color:#9a93a3;font-size:10px;margin-top:5px}
.xmapp .xmrep{flex:none;background:#7026d8;color:#fff;border-radius:9px;padding:8px 14px}
.xmapp .xmcv .xmmedia{direction:rtl}
.xmapp .xmcv .xmmedia button{order:0;background:#7025d7;color:#fff}
.xmapp .xmcv .xmmedia .wave{direction:rtl;color:#bca5da}
.xmapp .xm-match-card,.xmapp .xm-match-success{background:linear-gradient(145deg,#9730e8,#5d17d6);color:#fff;border-radius:24px;text-align:center;padding:20px 18px;margin:8px 0 18px;box-shadow:0 13px 27px #6823cf2b}
.xmapp .xm-match-card>b,.xmapp .xm-match-success h2{display:block;font-size:22px;margin:10px 0 4px}
.xmapp .xm-match-card p,.xmapp .xm-match-success p{color:#f1dbff}
.xmapp .xm-match-card>button:not(.xm-later),.xmapp .xm-match-success>button:not(.xm-later){width:100%;padding:12px;background:#fff;color:#6825cf;border-radius:24px;font-weight:750;margin:7px 0}
.xmapp .xm-later{background:transparent;color:#fff;padding:7px 16px}
.xmapp .xm-match-masks{display:flex;justify-content:center;direction:ltr}
.xmapp .xm-match-masks .xmask+ .xmask{margin-left:-12px}
.xmapp .xm-match-success{margin:30px 0;padding:30px 20px}
.xmapp .xm-match-success small{display:block;color:#efdbff;margin-top:8px}
.xmapp .xm-match-success .xm-later{margin-top:8px}
.xmapp .xm-skip-sheet{position:fixed;inset:auto 0 0!important;top:auto!important;height:auto!important;max-height:82dvh;border-radius:25px 25px 0 0;box-shadow:0 -12px 40px #20133a24;padding-bottom:env(safe-area-inset-bottom,0px);z-index:1002}
.xmapp .xm-skip-sheet>.new-panel-head{display:none}
.xmapp .xm-skip-sheet>.new-panel-body{padding:20px 18px 26px;overflow:auto}
.xmapp .xm-skip-content{text-align:center}
.xmapp .xm-skip-content>h2{font-size:20px;margin:14px 0 5px}
.xmapp .xm-skip-content>p{font-size:13px;color:#9c95a5;margin:0 0 20px}
.xmapp .xm-skip-content>button{display:block;width:100%;padding:14px;border-radius:22px;background:#f3eff8;color:#272137;font-weight:700;margin:9px 0}
.xmapp .xm-skip-content>.xm-skip-primary{background:linear-gradient(100deg,#982ce5,#641bd7);color:#fff}
.xmapp .xm-skip-content>.xm-skip-report{background:transparent;color:#ba4771}
.xmapp .xm-origin,.xmapp .xm-left-note{text-align:center;color:#8e849b;background:#f5f0fa;padding:8px 12px;border-radius:18px;font-size:12px;margin:10px auto;max-width:max-content}
.xmapp .xm-react{display:inline-grid;place-items:center;background:transparent;color:#aa9cb9;padding:3px;margin-inline-start:5px}
.xmapp .xm-found{outline:2px solid #a82ee1;outline-offset:4px}
.xmapp .xm-settings-profile{display:flex;align-items:center;gap:10px;padding:8px 0 18px}
.xmapp .xm-setting-row{display:flex;justify-content:space-between;align-items:center;padding:16px 2px;border-bottom:1px solid #f0edf3}
.xmapp .xm-setting-row span{display:grid;gap:4px}
.xmapp .xm-setting-row small{font-size:11px;color:#958e9c}
.xmapp .xm-setting-row input[type=text],.xmapp .xm-setting-row select{max-width:150px;border:1px solid #ece5f2;border-radius:12px;padding:9px;color:#342b42;background:#fff}
.xmapp .xm-setting-colors{padding:17px 2px}
.xmapp .xm-setting-colors>div{display:flex;gap:10px;margin-top:12px}
.xmapp .xm-setting-colors button{width:32px;height:32px;border-radius:50%;background:#7134da;border:3px solid #fff;box-shadow:0 0 0 1px #e8e0ee}
.xmapp .xm-setting-colors button[data-setting-color=rose]{background:#d64d9f}
.xmapp .xm-setting-colors button[data-setting-color=indigo]{background:#4936b2}
.xmapp .xm-setting-colors button[data-setting-color=teal]{background:#248a89}
.xmapp .xm-setting-colors button.on{box-shadow:0 0 0 2px #8c34dc}
.xmapp .xmmedia-row{padding:10px 0;border-bottom:1px solid #f1edf4}
.xmapp .xmmedia-image img{max-width:100%;max-height:250px;border-radius:14px}
.xmapp .xmmedia-link{display:block;padding:13px;color:#6a25cf;overflow-wrap:anywhere}
.xmapp .xm-search-hit{display:grid;gap:5px;text-align:right;width:100%;padding:14px 4px;background:#fff;border-bottom:1px solid #f0edf3}
.xmapp .xm-search-hit small{color:#97909f;font-size:11px}
#xm-global-match{position:fixed;z-index:6000;top:calc(12px + env(safe-area-inset-top,0px));bottom:auto;left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 24px);max-width:456px;display:flex;align-items:center;gap:10px;padding:11px;background:#fff;border:1px solid #eee5f5;border-radius:18px;box-shadow:0 8px 30px #24153724;direction:rtl}
#xm-global-match>span:nth-child(2){flex:1;display:grid;gap:2px}
#xm-global-match small{font-size:11px;color:#958c9e}
#xm-global-match button[data-match-open]{background:#7027d8;color:#fff;border-radius:18px;padding:9px 12px;white-space:nowrap}
#xm-global-match button[data-match-later]{background:#f3eff8;color:#62586d;border-radius:50%;width:32px;height:32px}
.xm-match-success{background:transparent!important;box-shadow:none!important;border:0!important;padding:24px 12px!important;color:#21152e!important}
.xm-match-success .xm-match-masks{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:0;width:220px;height:220px;margin:0 auto 24px}
.xm-match-success .xm-match-masks::before{content:"";position:absolute;inset:0;border:1px solid #eee8f6;border-radius:50%;box-shadow:inset 0 0 0 14px #faf7ff;z-index:-1}
.xm-match-success .xm-match-masks::after{content:"✓";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border:4px solid white;border-radius:50%;background:#37ba78;color:white;font-size:26px;line-height:35px;text-align:center}
.xm-match-success .xm-match-masks>span{display:grid;place-items:center;width:108px;height:108px;background:linear-gradient(145deg,#cd31ec,#6620f5);border-radius:50%}
.xm-match-success h2{color:#21152e!important;font-size:23px}
.xm-match-success p,.xm-match-success small{color:#918897!important}
.xm-match-success [data-open-match]{width:min(100%,280px);min-height:52px;background:linear-gradient(110deg,#a72cf5,#6420f5)!important;color:white!important;box-shadow:0 9px 22px #8f34ed24;border-radius:32px}
.xm-match-success .xm-later{color:#8a7a9f!important;background:transparent!important;margin-top:12px}
.xmstranger-intro{padding-top:clamp(40px,10vh,110px)}
.xm-dm-intro [data-action]{border:0;background:transparent;padding:0;color:inherit;font:inherit}
.xm-dm-intro .xm-intro-profile{background:#f3eef9;border-radius:12px;padding:9px 15px}
.xm-intro-welcome{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:100%}
.xmapp .xmstr-avatar{position:relative;display:inline-flex;flex:none}
.xmapp .xmcolor-1 .xmask{background:linear-gradient(145deg,#e048be,#7b2de0)!important}
.xmapp .xmcolor-2 .xmask{background:linear-gradient(145deg,#654ce0,#3226a7)!important}
.xmapp .xmcolor-3 .xmask{background:linear-gradient(145deg,#bd45e6,#7629c5)!important}
.xmapp .xmstr-avatar .xmon{position:absolute;bottom:0;right:0;width:11px;height:11px;border-radius:50%;background:#35bd76;border:2px solid #fff}
.xmapp .xmrow .xmri{min-width:0;flex:1}
.xmapp .xmrow .xmri>b{display:block}
.xmapp .xmrow-mic{color:#aaa3b1;display:grid;place-items:center;margin-inline-start:8px}
.xmapp .xm-left-row{opacity:.56}
.xmapp .xmexp.near{color:#c34a71}
.xmapp .xm-source{display:inline-block;font-style:normal;vertical-align:middle;margin-inline-start:5px;padding:2px 6px;border-radius:10px;background:#f3eafb;color:#7545b2;font-size:9px}
.xmapp .xm-thread-skip{background:#f3edfb;color:#6a2bc3;padding:8px 13px;border-radius:20px;font-size:12px;font-weight:700}
.xmapp .new-panel-head [data-thread-report]{background:#f7f3fa;color:#61576e;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}
.xmapp .new-panel-head [data-thread-report][hidden],.xmapp [data-thread-skip][hidden]{display:none}
.xmapp .xmth-avatar,.xmapp .xmth-name{padding:0;background:transparent;color:inherit;border:0}
.xmapp .xmth-avatar{display:grid;place-items:center;flex:none}
.xmapp .xmth-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.xmapp .xmth-name{font-weight:750;text-align:right}
.xmapp .xmth-copy small{font-size:11px;color:#958c9e}
.xmapp .xm-wait-delete{color:#51475c;background:#f7f3fa;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}
.xmapp .xm-wait-delete[hidden]{display:none}
.xmapp .xmwaiting-intro{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:18px 0 12px}
.xmapp .xmwaiting-intro>.xmask{width:90px!important;height:90px!important}
.xmapp .xmwaiting-intro b{font-size:20px}
.xmapp .xmwaiting-intro small,.xmapp .xmwaiting-intro span{color:#9b94a3;font-size:12px}
.xmapp .xm-waiting-count{text-align:center;color:#a19aaa;font-size:12px;padding:16px 0}
.xmapp .xm-welcome-card{text-align:center;padding:18px 8px}
.xmapp .xm-welcome-card h2{font-size:20px;margin:12px 0 5px}
.xmapp .xm-welcome-card p,.xmapp .xm-welcome-card small{color:#9891a0;font-size:13px}
.xmapp .xm-welcome-audio{margin:20px 0;padding:12px;border-radius:24px;background:#f4effa}
.xmapp .xm-welcome-empty{padding:18px}
.xmapp .xm-setting-colors button[data-setting-color=pink]{background:#d64d9f}
.xmapp .xm-setting-colors button[data-setting-color=blue]{background:#4f6fd2}
.xmapp .xm-setting-colors button[data-setting-color=purple]{background:#7134da}
.xmapp .xmcomp #xmMain{touch-action:none}
.xmapp .xm-unavailable{color:#9b94a3;font-size:12px;text-align:center;padding:7px 0}
.xmapp .xmwaiting-intro+.xmsys{background:#f4eff9;color:#675c73;border-radius:18px;padding:9px 12px;text-align:center}
.xmapp .xmwaiting-intro~.xmm.me .xmbbl.voice{background:linear-gradient(120deg,#982ce5,#641bd7);color:#fff}
.xmapp .xmwaiting-intro~.xmm.me .xmmedia button{color:#6b23d4}
.xmapp .xmwaiting-intro~.xm-waiting-count{padding-top:13px}
.xmapp .xm-thread-skip[hidden],.xmapp .xm-thread-report[hidden]{display:none}
.xmapp .xm-inbox-head{display:flex;align-items:center;gap:10px;padding:11px 14px!important}
.xmapp .xm-inbox-head .xm-inbox-account{display:flex;align-items:center;gap:9px;min-width:0;flex:1}
.xmapp .xm-inbox-account>span{display:grid;gap:2px;min-width:0}
.xmapp .xm-inbox-account b{font-size:15px;line-height:1.25}
.xmapp .xm-inbox-account small{font-size:11px;color:#9a93a2;direction:ltr;text-align:right}
.xmapp .xm-inbox-head .xmic{width:38px;height:38px;flex:none;border:0;border-radius:50%;background:#f8f6fa;color:#252133;display:grid;place-items:center}
.xmapp .xm-inbox-tabs{display:flex;align-items:center;gap:8px;margin:4px 0 13px;overflow:visible}
.xmapp .xm-inbox-tabs button{display:flex;align-items:center;gap:6px;flex:none;border:1px solid #eeeaf2;border-radius:23px;background:#fff;color:#342e3d;padding:9px 15px;font-size:13px;font-weight:650}
.xmapp .xm-inbox-tabs button.on{background:#f3edfa;border-color:#f3edfa;color:#251535}
.xmapp .xm-inbox-tabs button[data-chat-tab=stranger]{background:#7025d8;color:#fff;border-color:#7025d8;box-shadow:0 5px 15px #7025d825}
.xmapp .xm-inbox-tabs [data-chat-requests-count]{font-style:normal;background:#e745b2;color:#fff;border-radius:50%;padding:2px 6px;font-size:10px}
.xmapp .xm-inbox-search{height:44px;display:flex;align-items:center;gap:8px;background:#f3eff7;border-radius:25px;padding:0 15px;margin:4px 0 12px;color:#888092}
.xmapp .xm-inbox-search input{border:0;background:transparent;outline:0;flex:1;min-width:0;color:#292236}
.xmapp .xmact{display:flex;gap:13px;overflow:auto;padding:4px 0 13px;scrollbar-width:none}
.xmapp .xmact .xma{width:68px;flex:none;display:grid;justify-items:center;gap:5px;color:#494252;background:transparent;padding:0}
.xmapp .xmact .xma small{max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.xmapp .xm-inbox-options{position:absolute;z-index:10;top:60px;left:58px;min-width:180px;padding:7px;border:1px solid #eee8f3;border-radius:15px;background:#fff;box-shadow:0 12px 30px #24153720}
.xmapp .xm-inbox-options button{display:block;width:100%;padding:11px 10px;text-align:right;background:transparent;color:#383143;border-radius:9px}
.xmapp .xm-inbox-options button:hover{background:#f5f0fa}
.xmapp .xmact .xm-stage{display:block}
.xmapp .xmact .xma-card{flex:none;display:grid;justify-items:center;gap:5px;min-width:76px}
.xmapp .xmact .xma-card .xma{width:68px}
.xmapp .xmact .xma-card>.xmmedia{width:76px;min-width:0;gap:4px;height:24px}
.xmapp .xmact .xma-card>.xmmedia button{width:23px;height:23px;background:#7628d8;color:#fff}
.xmapp .xmact .xma-card>.xmmedia .wave{height:20px;min-width:28px}
.xmapp .xmact .xma-card>.xmmedia .wave i{width:2px}
.xmapp .xmact .xma-card>.xmmedia small{display:none}
.xmapp .xm-profile-feature{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 8px 18px}
.xmapp .xm-profile-photo,.xmapp .xm-profile-name{background:transparent;color:#211c2b;padding:0}
.xmapp .xm-profile-photo{display:grid;place-items:center;margin:3px 0 12px}
.xmapp .xm-profile-name{font-weight:750;font-size:20px}
.xmapp .xm-profile-name:disabled,.xmapp .xm-profile-photo:disabled{opacity:1;cursor:default}
.xmapp .xm-profile-feature p,.xmapp .xm-profile-feature small{color:#9891a0;font-size:12px;margin:7px 0}
.xmapp .xm-profile-welcome{width:min(100%,360px);padding:11px 14px;margin:11px 0 2px;border-radius:24px;background:#f2edf8}
.xmapp .xm-profile-no-voice{margin:12px 0 0!important}
.xmapp .xm-profile-shortcuts{display:flex;justify-content:space-around;gap:6px;padding:6px 0 16px;border-bottom:1px solid #f1edf3}
.xmapp .xm-profile-shortcuts button{display:grid;justify-items:center;gap:6px;min-width:55px;background:transparent;color:#322d3a;font-size:11px}
.xmapp .xm-profile-shortcuts button span:first-child{width:38px;height:38px;display:grid;place-items:center}
.xmapp .xm-profile-shortcuts button:disabled{opacity:.45}
.xmapp .xm-profile-options{padding:7px 0 15px;scroll-margin-top:12px}
.xmapp .xm-profile-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:55px;padding:9px 4px;border-bottom:1px solid #f2eef4;background:transparent;color:#322d3a;text-align:right}
.xmapp .xm-profile-row>span{display:grid;gap:3px}
.xmapp .xm-profile-row small{color:#a09aa7;font-size:10px}
.xmapp .xm-profile-row>i{font-style:normal;color:#aaa3ae}
.xmapp .xm-profile-row input[type=text]{width:120px;border:0;border-radius:10px;background:#f7f4f9;padding:8px;text-align:right;color:#342d3d}
.xmapp .xm-profile-row input[type=checkbox]{accent-color:#762add;width:19px;height:19px}
.xmapp .xm-profile-row.xm-unavailable-row{color:#898291}
.xmapp .xm-profile-row:disabled{opacity:.72;cursor:not-allowed}
.xmapp .xm-profile-options .xm-setting-colors{padding:12px 3px 17px}
.xmapp .xm-profile-options [data-privacy-actions]{display:flex;gap:8px;padding:12px 0}
.xmapp .xm-profile-options [data-privacy-actions] button{flex:1;padding:11px 8px;border-radius:15px;background:#f2edf7;color:#52465f}
.xmapp .xm-profile-options [data-privacy-actions] button:last-child{color:#b54a70}
.xmapp .xm-profile-media-tabs{display:flex;justify-content:space-around;border-bottom:1px solid #dcd6e1}
.xmapp .xm-profile-media-tabs button{flex:1;padding:12px 4px;background:transparent;color:#938b9c;font-size:12px}
.xmapp .xm-profile-media-tabs button.on{color:#261f30;border-bottom:2px solid #2b2533;font-weight:700}
.xmapp .xm-profile-media [data-settings-media-items]{padding:8px 0 22px}
.xmapp .xm-profile-media .xmmedia-row{padding:10px}
.xmapp .xm-profile-media .xmmedia{direction:rtl}
.xmapp .xm-profile-media .xmmedia-image{display:inline-block;margin:6px}
.xmapp .xm-profile-media .xmmedia-link{border-bottom:1px solid #f0edf3}
.xmapp .xm-profile-options .xmfind{margin-top:14px}
.xmapp.xm-color-pink .xmm.me .xmbbl:not(.img){background:#d944a4;color:#fff}
.xmapp.xm-color-pink .xmcomp .xmin{background:#f9e9f4}
.xmapp.xm-color-pink .xmcomp .xmsb{background:#cf3d9b}
.xmapp.xm-color-pink .xmmedia button{color:#bd328b}
.xmapp.xm-color-blue .xmm.me .xmbbl:not(.img){background:#4969ce;color:#fff}
.xmapp.xm-color-blue .xmcomp .xmin{background:#edf0fc}
.xmapp.xm-color-blue .xmcomp .xmsb{background:#4969ce}
.xmapp.xm-color-blue .xmmedia button{color:#4969ce}
@media(max-width:420px){
  .xmapp .xm-inbox-head{gap:7px;padding-inline:10px!important}
  .xmapp .xm-inbox-tabs{gap:6px}
  .xmapp .xm-inbox-tabs button{padding:8px 12px;font-size:12px}
  .xmapp .xm-profile-shortcuts button{min-width:48px}
}
@media(max-width:420px){
  .xmapp .new-panel-head.xmhd{padding-inline:12px}
  .xmapp>.new-panel-body{padding-inline:13px}
  .xmapp .xmhero.sm .xmhi{width:156px;height:156px}
  #xm-global-match{left:8px;right:8px;transform:none;width:auto;gap:7px;padding:9px}
  #xm-global-match button[data-match-open]{padding:8px 9px;font-size:12px}
}

/* Inbox and conversation screens: tuned to the supplied Aseel phone captures. */
.new-panel.xmapp{background:#fff;color:#191728}
.xmapp>.new-panel-head.xm-inbox-head{height:66px;min-height:66px;padding:8px 16px!important;border:0;gap:10px;direction:ltr}
.xmapp .xm-inbox-head .xm-inbox-account{justify-content:center;gap:0}
.xmapp .xm-inbox-head .xm-inbox-account>.xmav,
.xmapp .xm-inbox-head .xm-inbox-account>.new-avatar{display:none}
.xmapp .xm-inbox-head .xm-inbox-account>span{display:flex;align-items:center;gap:8px;justify-content:center}
.xmapp .xm-inbox-head .xm-inbox-account>span:before{content:"";width:9px;height:9px;border-radius:50%;background:#bc3bb7;flex:none}
.xmapp .xm-inbox-head .xm-inbox-account b{font-size:21px;letter-spacing:-.45px;font-weight:750;direction:ltr}
.xmapp .xm-inbox-head .xm-inbox-account small{display:none}
.xmapp .xm-inbox-head .xmic{width:44px;height:44px;background:#fff;box-shadow:0 3px 14px #30204b14;color:#1c1930}
.xmapp .xm-inbox-head>[data-action=close-panel]{width:38px;height:38px;border-radius:50%;display:grid;place-items:center}
.xmapp>.new-panel-body{padding:4px 16px 20px}
.xmapp .xm-inbox-search{height:48px;margin:0 0 8px;border-radius:26px;background:#f3eff8;padding-inline:16px;color:#8a8495}
.xmapp .xm-inbox-search input{font-size:15px;text-align:right}
.xmapp .xmact{min-height:154px;align-items:flex-end;gap:12px;margin:0 -16px 7px;padding:2px 16px 5px}
.xmapp .xmact .xma{width:96px;gap:5px}
.xmapp .xmact .xma>.xmav,.xmapp .xmact .xma-card .xma>.xmav{width:68px;height:68px}
.xmapp .xmact .xma-card{width:98px;min-width:98px;gap:5px}
.xmapp .xmact .xma-card .xma{width:96px}
.xmapp .xmact .xma small{max-width:94px;font-size:11px}
.xmapp .xmact .xmact-snip{width:96px;height:42px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:13px;background:#f5f0fa;color:#6c24c6;font-size:10px;line-height:1.25;text-align:center}
.xmapp .xmact .xmact-snip-empty{background:transparent}
.xmapp .xmact .xmact-note{padding:5px 7px;color:#4b405c}
.xmapp .xmact .xmact-audio .xmmedia{width:96px;min-width:96px;height:33px;gap:4px;padding:3px;border-radius:18px;background:#f4eff9;color:#7026ce}
.xmapp .xmact .xmact-audio .xmmedia button{width:25px;height:25px;background:#7928dc;color:#fff}
.xmapp .xmact .xmact-audio .xmmedia .wave{min-width:32px;height:18px;gap:1px}
.xmapp .xmact .xmact-audio .xmmedia .wave i{width:2px}
.xmapp .xmact .xmact-audio .xmmedia small{display:block;max-width:none;font-size:9px}
.xmapp .xm-inbox-tabs{position:relative;margin:0 -2px 9px;padding:0;border:0;gap:7px;align-items:center}
.xmapp .xm-inbox-tabs button{height:44px;padding:0 15px;border:1px solid #e9e5ee;border-radius:24px;background:#fff;color:#211c2a;font-size:14px;white-space:nowrap}
.xmapp .xm-inbox-tabs button.on{background:#f2eef8;border-color:#f2eef8;color:#241730}
.xmapp .xm-inbox-tabs button[data-chat-tab=stranger]{background:linear-gradient(105deg,#a335ed,#7020d7);border-color:#7020d7;color:#fff;box-shadow:0 4px 12px #7723d32a}
.xmapp .xm-inbox-tabs .xm-inbox-filter{width:44px;padding:0;display:grid;place-items:center;background:#fff;color:#332d40}
.xmapp .xm-inbox-filter-popover{position:absolute;z-index:12;top:calc(100% + 7px);right:0;min-width:150px;padding:6px;border:1px solid #ece5f3;border-radius:14px;background:#fff;box-shadow:0 10px 28px #26163e20}
.xmapp .xm-inbox-filter-popover button{display:block;width:100%;height:auto;padding:10px 12px;border:0;border-radius:9px;background:transparent;text-align:right;color:#494253;font-size:13px}
.xmapp .xm-inbox-filter-popover button.on{background:#f2ecf8;color:#6d25c5;font-weight:700}
.xmapp .xm-inbox-tabs [data-chat-requests-count]{background:#d93eae}
.xmapp .xm-demo-note{margin:2px 0 6px;padding:5px 9px;border:0;border-radius:10px;background:#faf8fc;color:#81798a;font-size:10px;line-height:1.45}
.xmapp .xm-demo-note p{display:inline;margin:0}
.xmapp .xm-demo-note .xmlink{margin-inline-start:5px;font-size:10px;color:#7432c2}
.xmapp .xmrow{gap:12px;min-height:74px;padding:7px 0;border:0;text-align:right}
.xmapp .xmrow>.xmav,.xmapp .xmrow>.xmstr-avatar{width:56px;height:56px}
.xmapp .xmri{gap:2px}
.xmapp .xmri b{font-size:15px;font-weight:650;color:#161323}
.xmapp .xmri small{font-size:13px;color:#aaa5b0}
.xmapp .xmrow.un .xmri small{color:#282236}
.xmapp .xmrow-mic{width:32px;height:32px;margin:0 0 0 8px;color:#a6a1ad}
.xmapp .xmud{width:9px;height:9px;background:#7e2bd3}
.xmapp .xmexp{font-size:10px}
.xmapp .xm-inbox-options{top:59px;left:62px}
.xmapp .xmsh{display:none}
.xmapp [data-chat-list]>.xmnone{padding:34px 12px}

/* The stranger experience owns its compact three-part header; no inbox
   account/search chrome is carried over it. */
.xmapp.xm-stranger-screen>.xm-inbox-head{display:none}
.xmapp.xm-stranger-screen>.new-panel-body{padding:8px 16px 20px}
.xmapp.xm-stranger-screen .xmstr-head{direction:ltr;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;margin:0 -2px 7px;padding:0 0 7px}
.xmapp.xm-stranger-screen .xmstr-head .xmstr-back{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#211c2e;box-shadow:0 3px 13px #30204b14}
.xmapp.xm-stranger-screen .xmstr-head .xmstr-title{grid-column:2;grid-row:1;justify-self:center;background:transparent;color:#171326;padding:7px 8px;font-size:21px;font-weight:750}
.xmapp.xm-stranger-screen .xmstr-head [data-stranger-tab=chats]{grid-column:3;grid-row:1;display:flex;align-items:center;gap:8px;padding:9px 13px;border:0;border-radius:25px;background:#f4eff8;color:#6932b5;font-size:14px;font-weight:700;white-space:nowrap}
.xmapp.xm-stranger-screen .xmstr-head [data-stranger-tab=chats] i{font-style:normal;min-width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#df44b6;color:#fff;font-size:11px}
.xmapp.xm-stranger-screen .xmstr-head .xmstr-title.on{box-shadow:none}
.xmapp.xm-stranger-screen .xmidentity{margin:2px auto 7px;padding:5px 10px}
.xmapp.xm-stranger-screen .xmhero.sm{padding:0 0 3px;margin:0;text-align:center;background:none}
.xmapp.xm-stranger-screen .xmhero.sm h2{margin:8px 0 4px;font-size:21px;line-height:1.35}
.xmapp.xm-stranger-screen .xmhero.sm p{margin:3px auto;color:#a19aa9;font-size:13px}
.xmapp.xm-stranger-screen .xmhero.sm button.xmhi{position:relative;z-index:1;flex:none;width:226px;height:226px;padding:0;margin:1px auto 8px;border:1px solid #eee9f5;border-radius:50%;background:radial-gradient(circle,#fff 57%,#faf8fd 58%);box-shadow:inset 0 0 0 12px #fff;display:grid;place-items:center;overflow:visible;color:#fff;touch-action:manipulation}
.xmapp.xm-stranger-screen .xmhero.sm button.xmhi:before,
.xmapp.xm-stranger-screen .xmhero.sm button.xmhi:after{content:"";position:absolute;inset:13px;border:1px solid #eee9f5;border-radius:50%;pointer-events:none}
.xmapp.xm-stranger-screen .xmhero.sm button.xmhi:after{inset:28px}
.xmapp.xm-stranger-screen .xmhero.sm .xm-record-orb{position:relative;z-index:1;width:124px;height:124px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 36% 26%,#a950f2 0%,#8021e7 50%,#6513d4 100%);color:#fff;box-shadow:0 12px 26px #782bd43d,0 0 0 12px #f7f1fd}
.xmapp.xm-stranger-screen .xmhero.sm .xm-record-orb svg{width:34px;height:34px}
.xmapp.xm-stranger-screen .xmhero.sm .xmhi.is-recording:before{border:2px solid #8e2ddd;clip-path:inset(0 0 0 0 round 50%)}
.xmapp.xm-stranger-screen .xmhero.sm .xmhi.is-recording .xm-record-orb{background:radial-gradient(circle at 36% 26%,#c658ec,#9325ed 54%,#6518d7);transform:scale(1.035);opacity:calc(.82 + var(--record-level,0))}
.xmapp.xm-stranger-screen .xmhero.sm .xmhi.is-pending .xm-record-orb{opacity:.78}
.xmapp.xm-stranger-screen .xm-record-stop{display:block;width:25px;height:25px;border-radius:6px;background:#fff;box-shadow:0 2px 8px #45117c4d}
.xmapp.xm-stranger-screen .xmfind{width:min(100%,260px);min-height:54px;margin:16px auto 12px;border-radius:28px}
.xmapp.xm-stranger-screen .xmhero [data-inline-record-clock]{margin:0 auto 5px;padding:7px 16px;border-radius:20px;background:#f3eff8;color:#7529ca;font-weight:750;font-variant-numeric:tabular-nums}
.xmapp.xm-stranger-screen .xmhero [data-inline-record-title]{margin:8px 0 4px;font-size:21px;line-height:1.35}
.xmapp.xm-stranger-screen .xmhero [data-inline-record-hint]{margin:3px auto;color:#a19aa9;font-size:13px}
.xmapp.xm-stranger-screen .xm-inline-record-tools{display:flex;justify-content:center;gap:8px;margin:6px auto}
.xmapp.xm-stranger-screen .xm-inline-record-tools button{padding:8px 16px;border-radius:22px;background:#f2edf8;color:#6d27c9;font-size:13px;font-weight:700}
.xmapp.xm-stranger-screen [data-inline-record-error]{color:#a43d62;font-size:12px;text-align:center}
.xmapp.xm-stranger-screen .xmcap{margin:3px 0 9px}
.xmapp.xm-stranger-screen .xm-open-title{margin:13px 0 7px}
.xmapp.xm-stranger-screen .xm-open-title b{font-size:15px}
.xmapp.xm-stranger-screen .xmwait{align-items:center;gap:10px;padding:11px 0 12px;border-bottom:1px solid #f1edf5}
.xmapp.xm-stranger-screen .xmwait .xmwb{min-width:0}
.xmapp.xm-stranger-screen .xm-drop-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.xmapp.xm-stranger-screen .xm-drop-meta>b{display:flex;align-items:center;gap:5px;min-width:0}
.xmapp.xm-stranger-screen .xm-drop-meta .xmjn{flex:none;margin:0;font-size:10px;color:#9a92a1;white-space:nowrap}
.xmapp.xm-stranger-screen .xmwait .xmwb>p{margin:4px 0 2px;font-size:13px}
.xmapp.xm-stranger-screen .xmwait .xmcv{width:100%;max-width:none;height:auto;margin-top:5px}
.xmapp.xm-stranger-screen .xmwait .xmcv .xmmedia{width:100%;min-width:0;min-height:38px;padding:3px 6px;gap:7px;border-radius:22px;background:#f4eff9;color:#b49dcf;direction:rtl}
.xmapp.xm-stranger-screen .xmwait .xmcv .xmmedia button{width:30px;height:30px;background:linear-gradient(145deg,#9b35e6,#6a1fd5);color:#fff}
.xmapp.xm-stranger-screen .xmwait .xmcv .xmmedia .wave{height:24px;direction:rtl}
.xmapp.xm-stranger-screen .xmwait .xmcv .xmmedia .wave i{width:2px}
.xmapp.xm-stranger-screen .xmwait .xmcv .xmmedia small{font-size:11px;color:#7629c6}
.xmapp.xm-stranger-screen .xmwait .xmrep{flex:none;align-self:center;min-width:54px;height:35px;border-radius:10px;background:#7625d7;color:#fff}

/* Private thread and profile detail retain the reference's soft lavender
   incoming voice capsules, vivid violet outgoing bubbles and white canvas. */
.xmapp.xmthr>.new-panel-head{height:64px;min-height:64px;padding:7px 14px!important;border:0;gap:9px;direction:ltr;box-shadow:0 2px 12px #2d20400a}
.xmapp.xmthr .xmth{gap:8px}
.xmapp.xmthr .xmth-copy{direction:rtl}
.xmapp.xmthr .xmth-avatar{width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 2px #8231c9;padding:2px}
.xmapp.xmthr .xmth-avatar .xmav{width:38px!important;height:38px!important}
.xmapp.xmthr .xmth-name{font-size:16px}
.xmapp.xmthr .xmth-copy small{font-size:11px}
.xmapp.xmthr>.new-panel-body{padding:0 14px 12px}
.xmapp.xmthr .xmintro{padding:24px 0 11px;gap:4px}
.xmapp.xmthr .xm-dm-intro>.xmav,.xmapp.xmthr .xm-dm-intro>.xmstr-avatar{width:96px!important;height:96px!important}
.xmapp.xmthr .xm-dm-intro>b{margin-top:8px;font-size:19px}
.xmapp.xmthr .xm-dm-intro>small{font-size:12px}
.xmapp.xmthr .xm-intro-welcome{margin-top:9px;padding:0}
.xmapp.xmthr .xm-intro-welcome .xmmedia{min-width:0;width:min(290px,calc(100vw - 90px));height:40px;padding:4px 8px;border-radius:24px;background:#f4eff8;color:#7026ce}
.xmapp.xmthr .xm-intro-welcome .xmmedia button{width:34px;height:34px;color:#fff;background:linear-gradient(145deg,#9c39e8,#6c20d5)}
.xmapp.xmthr .xm-dm-intro .xm-intro-profile{margin-top:8px;padding:8px 15px;border-radius:12px;background:#f3eff8;color:#29233a;font-size:13px}
.xmapp.xmthr .xmsys{margin:9px 0 12px;background:transparent;color:#aaa4b0;font-size:11px;padding:4px}
.xmapp.xmthr .xmm{direction:ltr;align-items:flex-end}
.xmapp.xmthr .xm-bubble-wrap{display:flex;flex-direction:column;align-items:flex-start;max-width:80%;min-width:0}
.xmapp.xmthr .xmm.me .xm-bubble-wrap{align-items:flex-end}
.xmapp.xmthr .xmbbl{position:relative;max-width:100%;padding:8px 14px;border-radius:23px;font-size:15px;line-height:1.45;direction:rtl;text-align:right}
.xmapp.xmthr .xmm.th .xmbbl{background:#f2eff7;color:#242033}
.xmapp.xmthr .xmm.me .xmbbl:not(.img){background:linear-gradient(130deg,#9d31ed,#6b20d9);color:#fff}
.xmapp.xmthr .xmbbl.voice{width:min(250px,calc(100vw - 112px));min-width:0;padding:5px 8px}
.xmapp.xmthr .xmmedia{width:100%;gap:7px;min-width:0;direction:ltr}
.xmapp.xmthr .xmmedia button{width:34px;height:34px;background:linear-gradient(145deg,#9b35e6,#6a1fd5);color:#fff}
.xmapp.xmthr .xmmedia .wave{color:#b9a5d6;direction:ltr}
.xmapp.xmthr .xmm.me .xmmedia button{background:#fff;color:#7221d9}
.xmapp.xmthr .xmm.me .xmmedia .wave{color:#e1c9fb}
.xmapp.xmthr .xmseen{margin:2px 5px 0;color:#a39baa;font-size:9px;line-height:1.2;opacity:1;text-align:left}
.xmapp.xmthr .xm-react{position:absolute;right:-8px;bottom:-8px;z-index:2;width:24px;height:24px;border:1px solid #eee7f4;border-radius:50%;background:#fff;color:#d04c66;display:grid;place-items:center;padding:0;opacity:0;pointer-events:none;transform:scale(.86)}
.xmapp.xmthr .xmm:hover .xm-react,.xmapp.xmthr .xm-react:focus-visible{opacity:1;pointer-events:auto;transform:scale(1)}
.xmapp.xmthr .xmcomp{border:0;padding:4px 7px calc(4px + env(safe-area-inset-bottom,0px));background:#f5f0f9;border-radius:34px;margin:0 2px}
.xmapp.xmthr .xmcomp .row{gap:4px}
.xmapp.xmthr .xmcomp .xmin{background:#f5f0f9;min-height:45px;border-radius:28px}
.xmapp.xmthr .xmcomp input{font-size:15px}
.xmapp.xmthr .xmcomp .xmib{color:#201c2c}
.xmapp.xmthr .xmcomp #xmMain{width:46px;height:46px;box-shadow:0 5px 14px #762bd32e}
.xmapp.xmthr .xmstatus{font-size:9px;line-height:1.1;padding:1px 0 0;color:#9e97a7}
.xmapp.xm-settings-panel>.new-panel-head{height:46px;min-height:46px;padding:7px 12px!important;border:0}
.xmapp.xm-settings-panel>.new-panel-head>b{display:none}
.xmapp.xm-settings-panel>.new-panel-head>.round{width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:0 3px 13px #30204b14}
.xmapp .xm-profile-feature{padding:5px 8px 15px}
.xmapp .xm-profile-photo{margin:0 0 10px}
.xmapp .xm-profile-photo .xmav,.xmapp .xm-profile-photo .xmstr-avatar{width:86px!important;height:86px!important}
.xmapp .xm-profile-name{font-size:19px}
.xmapp .xm-profile-welcome{width:min(100%,300px);padding:5px 8px;margin:10px 0 2px;border-radius:25px;background:#f4eff8}
.xmapp .xm-profile-shortcuts{padding:7px 0 13px}
.xmapp .xm-profile-shortcuts button{font-size:11px}
.xmapp .xm-profile-shortcuts button span:first-child{width:42px;height:42px}
.xmapp .xm-profile-row{min-height:54px;padding:8px 2px}
.xmapp .xm-profile-row>span{font-size:14px}
.xmapp .xm-profile-media-tabs{position:sticky;top:0;background:#fff}
.xmapp .xm-profile-media-tabs button{padding:12px 4px}

@media(max-width:420px){
  .xmapp>.new-panel-head.xm-inbox-head{padding-inline:12px!important}
  .xmapp .xm-inbox-head .xm-inbox-account b{font-size:19px}
  .xmapp .xm-inbox-tabs{gap:5px}
  .xmapp .xm-inbox-tabs button{padding-inline:12px;font-size:12px}
  .xmapp .xm-inbox-tabs .xm-inbox-filter{width:40px;padding:0}
  .xmapp .xmrow{min-height:70px}
  .xmapp .xmrow>.xmav,.xmapp .xmrow>.xmstr-avatar{width:52px;height:52px}
  .xmapp .xmact{min-height:150px}
  .xmapp .xmact .xmact-snip{width:94px}
  .xmapp .xmact .xma-card{width:96px;min-width:96px}
  .xmapp .xmact .xma-card .xma{width:94px}
  .xmapp.xm-stranger-screen .xmhero.sm button.xmhi{width:214px;height:214px}
  .xmapp.xmthr .xm-dm-intro>.xmav,.xmapp.xmthr .xm-dm-intro>.xmstr-avatar{width:88px!important;height:88px!important}
}
@media(min-width:600px){
  .xmapp.xmthr .xmcomp{margin:0 auto;width:calc(100% - 16px)}
}
.xmapp .new-panel-head>[data-action="close-panel"] svg,
.xmapp .xmstr-back svg{transform:scaleX(-1)}
.xmapp.xmthr .xmth .xmth-copy,
.xmapp.xmthr .xmth .xmth-name{text-align:left}
.xmapp .xm-dm-tools{display:flex;align-items:center;gap:7px;flex:none}
.xmapp .xm-dm-tools .xmic{width:38px;height:38px;display:grid;place-items:center;background:#fff;box-shadow:0 3px 14px #30204b12;border-radius:50%;color:#211b30}
.xmapp .xm-dm-tools .xmic:disabled{opacity:.4}
.xmapp .xm-dm-head>[data-thread-menu]{display:none}
.xmapp .xm-dm-head .xmth{min-width:0;flex:1}
.xmapp .xm-dm-head .xmth-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:145px}