@font-face{font-family:TransSans;src:url(/fonts/TransSans-VF.ttf) format("truetype");font-weight:100 900}:root{--anim: 2}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#1b1c1f}html:has(.native),body:has(.native){background:#0a1014}body:has(.native){position:fixed;top:0;right:0;bottom:0;left:0;width:100%;overflow:hidden;overscroll-behavior:none}button{all:unset;cursor:pointer}.stage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px;font-family:system-ui,sans-serif}.stage-label{color:#9a9ca3;font-size:12px;text-align:center;line-height:1.6}.stage-label b{color:#f0b429;letter-spacing:.08em}.stage-label kbd{font:inherit;padding:1px 5px;border:1px solid #3a3c42;border-radius:4px;color:#c9cbd1}.phone-box{position:relative;flex:none}.phone{position:absolute;top:0;left:12px;transform-origin:0 0;width:1148px;height:2504px;padding:34px;border-radius:152px;background:#0c0d0f;box-shadow:0 0 0 6px #2a2c31,0 0 0 9px #18191c,0 60px 160px #0000008c}.btn-side{position:absolute;right:-15px;width:9px;border-radius:0 6px 6px 0;background:#2a2c31}.vol-up{top:560px;height:210px}.vol-down{top:800px;height:210px}.power{top:1120px;height:150px}.screen{position:relative;width:1080px;height:2436px;border-radius:118px;overflow:hidden;background:#0a1014}.punch-hole{position:absolute;top:28px;left:50%;width:40px;height:40px;margin-left:-20px;border-radius:50%;background:#000;box-shadow:inset 0 0 0 6px #111418;z-index:50}.native{position:fixed;top:0;left:0;width:1080px;border-radius:0;transform-origin:0 0;overscroll-behavior:none}.native .list{overscroll-behavior:contain}.raw{width:1080px;height:2436px;position:relative}.chat{position:relative;width:1080px;height:2436px;display:flex;flex-direction:column;overflow:hidden;background:#0a1014;color:#f7f8fa;font-family:TransSans,Roboto,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:#23282c;-webkit-mask:url(/wallpaper-doodle.png) 0 244px / 990px 1760px repeat;mask:url(/wallpaper-doodle.png) 0 244px / 990px 1760px repeat luminance;-webkit-mask-source-type:luminance;pointer-events:none}.statusbar{position:relative;height:90px;flex:none;background:#0a1014;z-index:2}.sb-time{position:absolute;left:61px;top:30px;font-size:43px;font-weight:500;line-height:50px}.sb-right{position:absolute;right:52px;top:28px;height:50px;display:flex;align-items:center;gap:12px}.sb-net{font-size:38px;font-weight:500}.sb-battery{display:flex;align-items:center}.sb-battery-body{position:relative;width:62px;height:32px;border-radius:9px;background:#5b6064;overflow:hidden;display:flex;align-items:center;justify-content:center}.sb-battery-level{position:absolute;top:0;right:20%;bottom:0;left:0;background:#f7f8fa}.sb-battery-text{position:relative;font-size:26px;font-weight:700;color:#0a1014}.sb-battery-cap{width:4px;height:12px;margin-left:2px;border-radius:0 2px 2px 0;background:#5b6064}.appbar{position:relative;height:154px;flex:none;background:#0a1014;z-index:2}.ab-back{position:absolute;left:33px;top:45px;width:66px;height:66px}.ab-avatar{position:absolute;left:144px;top:29px;width:97px;height:97px;border-radius:50%;background:#092d2f;display:flex;align-items:center;justify-content:center}.ab-title{position:absolute;left:276px;top:50px;font-size:46.75px;font-weight:400;line-height:1.172}.ab-icon{position:absolute;width:64px;height:64px}.ab-video{left:739px;top:46px}.ab-call{left:872px;top:48px;width:62px;height:62px}.ab-dots{position:absolute;left:990px;top:40px;width:58px;height:75px}.ab-dots:before{content:"";position:absolute;left:-21.5px;top:-12.5px;width:100px;height:100px;border-radius:50%;background:#ffffff1a;opacity:0;transition:opacity calc(.2s * var(--anim))}.ab-dots-on:before,.ab-dots:active:before{opacity:1}.ab-dots i{position:absolute;left:23.5px;width:10px;height:10px;border-radius:50%;background:#f7f8fa}.ab-dots i:nth-child(1){top:16px}.ab-dots i:nth-child(2){top:32.5px}.ab-dots i:nth-child(3){top:49px}.list{position:relative;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.list::-webkit-scrollbar{display:none}.list-inner{padding:0 0 22px}.encryption{margin:35px 107px 0;padding:19px 40px 14px;border-radius:22px;background:#12181c;color:#ffd279;font-size:35px;line-height:42px;text-align:center}.encryption b{font-weight:700}.date-chip{display:flex;justify-content:center;margin:32px 0 3px}.date-chip span{height:63px;padding:0 25px;border-radius:16px;background:#12181c;color:#8d9599;font-size:34.4px;font-weight:500;line-height:65px}.row{position:relative;display:flex;padding:0 47px;margin-top:8px;touch-action:pan-y}.row-first{margin-top:29px}.row-in{justify-content:flex-start}.row-out{justify-content:flex-end}.row-flash:before{content:"";position:absolute;top:-5px;right:0;bottom:-14px;left:0;background:#21c06345;pointer-events:none;animation:flash calc(2.2s * var(--anim)) linear forwards}@keyframes flash{0%,8%{opacity:1}to{opacity:0}}.swipe-icon{position:absolute;left:0;top:50%;width:96px;height:96px;margin-top:-48px;border-radius:50%;background:#1e3c442e;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:transform calc(.1s * var(--anim)) cubic-bezier(0,0,.2,1),opacity calc(.1s * var(--anim)) cubic-bezier(0,0,.2,1)}.bubble{position:relative;max-width:875px;min-width:0;border-radius:32px;font-size:44px;line-height:1.172;transition:transform calc(.1s * var(--anim)) cubic-bezier(0,0,.2,1)}.row-in .bubble{background:#20272b}.row-out .bubble{background:#144d37}.row-in.row-first .bubble{border-top-left-radius:0}.row-out.row-first .bubble{border-top-right-radius:0}.tail{position:absolute;top:-2.4px}.tail-in{left:-19px}.tail-out{right:-19px}.text{padding:17px 25px 20px 27px;white-space:pre-wrap;overflow-wrap:anywhere}.quote+.text{padding-top:20px}.meta,.meta-spacer{font-size:33px;line-height:1.172;white-space:nowrap}.meta{position:absolute;right:23px;bottom:6px;color:#a6a9aa}.row-out .meta-spacer{margin-left:20px}.row-out .meta{right:23px;color:#a1b8af}.ticks{display:inline-block}.flip-in{animation:tick-in calc(.26s * var(--anim)) cubic-bezier(0,0,.2,1) both}.flip-out{animation:flip-out calc(.07s * var(--anim)) cubic-bezier(.4,0,1,1) both}@keyframes flip-out{to{transform:scaleX(0)}}@keyframes tick-in{0%{transform:scale(0,.8)}27%{transform:scale(.85)}to{transform:scale(1)}}.row-new .bubble{animation:bubble-in calc(.12s * var(--anim)) cubic-bezier(0,0,.2,1)}.row-out.row-new .bubble{transform-origin:right bottom}.row-in.row-new .bubble{transform-origin:left bottom}@keyframes bubble-in{0%{transform:scale(.7)}45%{transform:scale(1.012)}to{transform:scale(1)}}.meta svg,.meta-spacer svg{vertical-align:1px;margin-left:8px}.meta-spacer{display:inline-block;height:0;margin-left:36px;overflow:hidden;visibility:hidden}.text.meta-wrap .meta-spacer{display:block;width:max-content;height:47px;margin-left:auto}.text.meta-wrap{padding-right:33px}.text.meta-wrap+.meta{bottom:8px}.quote{position:relative;min-height:132px;padding:22px 30px 14px 34px;border-radius:20px;overflow:hidden;cursor:pointer}.quote:active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1f}.quote-preview:active:after{display:none}.quote:before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px}.quote-in{margin:7px 11px 0 10px;background:#1d2429;color:#8d9599}.quote-out{margin:7px 11px 0 10px;background:#134333;color:#a1b4ad}.quote-preview{background:#1d2429;color:#8d9599;padding-top:19px;padding-right:90px;cursor:default}.quote-you:before{background:#21c063}.quote-them:before{background:#a791ff}.quote-name{font-size:38.5px;font-weight:500;line-height:1.172}.quote-you .quote-name{color:#a6e5c0}.quote-them .quote-name{color:#dbd3ff}.quote-text{margin-top:6px;font-size:38.5px;line-height:1.172;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.quote-preview .quote-text{margin-top:8px;-webkit-line-clamp:2}.jump{position:absolute;right:36px;bottom:241px;width:86px;height:86px;border-radius:50%;background:#273339;display:flex;align-items:center;justify-content:center;z-index:3}.composer{position:relative;flex:none;display:flex;align-items:flex-end;gap:24px;padding:22px 28px 0;z-index:2}.circle{flex:none;width:130px;height:130px;margin-bottom:1px;border-radius:50%;display:flex;align-items:center;justify-content:center}.circle svg{width:64px;height:64px;margin-left:2px}.circle-green{background:#21c063}.circle-swap{background:#20272b}.circle:active{filter:brightness(.9)}.pill{flex:1;min-width:0;border-radius:66px;background:#20272b;display:flex;flex-direction:column}.pill-row{display:flex;align-items:flex-end}.input{flex:1;min-width:0;display:block;height:58px;margin:39px 0 35px 50px;padding:0;border:0;outline:0;resize:none;background:transparent;color:#f7f8fa;caret-color:#21c063;font:inherit;font-size:49.5px;line-height:58px;-webkit-user-select:text;user-select:text}.input::placeholder{color:#8d9599}.pill-clip{flex:none;width:64px;height:132px;margin:0 33px 0 20px;display:flex;align-items:center;justify-content:center}.reply-preview{position:relative;margin:22px 21px 0}.reply-close{position:absolute;top:12px;right:12px;width:40px;height:40px}.navbar{position:relative;height:56px;flex:none;z-index:2}.navbar i{position:absolute;left:362px;top:29px;width:356px;height:10px;border-radius:5px;background:#909395}.menu-scrim,.dialog-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20}.menu{position:absolute;top:235px;right:12px;width:604px;padding:35px 0 29px;border-radius:32px;background:#12181c;overflow:hidden;animation:menu-open calc(.1s * var(--anim)) cubic-bezier(0,0,.2,1) both}.menu-content{animation:menu-slide-in calc(.1s * var(--anim)) cubic-bezier(0,0,.2,1) both}.menu-closing{animation:menu-close calc(75ms * var(--anim)) cubic-bezier(.4,0,1,1) both}.menu-closing .menu-content{animation:menu-slide-out calc(75ms * var(--anim)) cubic-bezier(.4,0,1,1) both}@keyframes menu-open{0%{clip-path:inset(0 0 100% 0 round 32px);opacity:0}to{clip-path:inset(0 0 0 0 round 32px);opacity:1}}@keyframes menu-slide-in{0%{transform:translateY(-100%)}}@keyframes menu-close{to{clip-path:inset(0 0 100% 0 round 32px);opacity:0}}@keyframes menu-slide-out{to{transform:translateY(-100%)}}.menu-item{position:relative;height:132px;padding-left:43px;font-size:44px;letter-spacing:.5px;line-height:132px;cursor:pointer}.menu-item:active{background:#ffffff0f}.menu-divider{height:3px;margin:9px 0 13px;background:#2c3236}.menu-more svg{position:absolute;right:60px;top:51px}.dialog-scrim{background:#0009;display:flex;align-items:center;justify-content:center;animation:fade calc(.15s * var(--anim)) ease-out}@keyframes fade{0%{opacity:0}}.dialog{width:858px;padding:66px 66px 40px;border-radius:77px;background:#12181c}.dialog-title{font-size:60.5px;line-height:1.25;color:#f7f8fa}.dialog-check{display:flex;gap:40px;margin-top:44px;font-size:41px;line-height:1.3;color:#8d9599;cursor:pointer}.checkbox{flex:none;width:50px;height:50px;margin-top:4px;border:5px solid #8d9599;border-radius:8px;display:flex;align-items:center;justify-content:center}.checkbox.checked{border-color:#21c063;background:#21c063}.dialog-actions{display:flex;justify-content:flex-end;gap:24px;margin-top:66px}.dialog-actions button{padding:26px 30px;border-radius:60px;color:#21c063;font-size:41px;font-weight:500}.dialog-actions button:active{background:#21c0631f}
