:root{color:#111;background:#cfd4d8;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}.demo-root{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#ffffffb8,#fff0 38%),#cfd4d8}.phone-shell{width:min(100vw - 32px,414px);aspect-ratio:390 / 844;border-radius:44px;padding:10px;background:#121212;box-shadow:0 30px 90px #202a334d,0 10px 28px #202a332e}.phone-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:35px;background:#ededed;color:#111}.theme-dim .phone-screen{background:#111;color:#f4f4f4}.status-bar{position:absolute;z-index:20;top:0;left:0;width:100%;height:46px;display:flex;align-items:center;justify-content:space-between;padding:8px 27px 0;font-size:15px;font-weight:600;letter-spacing:0;color:inherit;pointer-events:none}.status-cluster{display:flex;align-items:center;gap:7px}.signal{display:flex;align-items:end;gap:2px;height:12px}.signal i{width:3px;border-radius:2px;background:currentColor}.signal i:nth-child(1){height:4px}.signal i:nth-child(2){height:6px}.signal i:nth-child(3){height:9px}.signal i:nth-child(4){height:12px}.wifi{position:relative;width:16px;height:11px;border:2px solid currentColor;border-top-left-radius:18px;border-top-right-radius:18px;border-bottom:0}.wifi:after{content:"";position:absolute;left:5px;bottom:-2px;width:4px;height:4px;border-radius:50%;background:currentColor}.battery{position:relative;display:inline-flex;width:25px;height:12px;padding:2px;border:1.5px solid currentColor;border-radius:4px}.battery:after{content:"";position:absolute;right:-4px;top:3px;width:2px;height:5px;border-radius:0 2px 2px 0;background:currentColor}.battery span{width:72%;border-radius:2px;background:currentColor}.home-nav,.sub-nav{position:absolute;z-index:12;top:0;left:0;width:100%;height:91px;display:flex;align-items:end;justify-content:space-between;padding:0 14px 10px 18px;background:#ededed;border-bottom:.5px solid rgba(0,0,0,.08)}.theme-dim .home-nav,.theme-dim .sub-nav{background:#1d1d1f;border-color:#ffffff14}.home-nav h1,.sub-nav h1{margin:0;min-width:0;flex:1;font-size:17px;line-height:34px;font-weight:600;letter-spacing:0}.home-nav.nav-plain{border-bottom:0;background:#ededed}.nav-actions{display:flex;align-items:center;gap:13px;min-width:72px;justify-content:end}.icon-button,.back-button{appearance:none;border:0;padding:0;margin:0;width:32px;height:32px;display:inline-grid;place-items:center;color:inherit;background:transparent;border-radius:16px}.icon-button:active,.back-button:active{background:#0000000f}.back-button{margin-right:2px}.sub-nav{justify-content:center;padding-left:8px}.sub-nav h1{text-align:center;font-weight:500}.sub-nav .nav-actions{flex:0 0 72px}.content-area{position:absolute;inset:91px 0 76px;overflow-y:auto;overscroll-behavior:contain;background:#ededed}.theme-dim .content-area{background:#111}.list-view,.sectioned-view{min-height:100%;padding-bottom:18px}.chat-row,.contact-row,.plain-row,.desktop-row{width:100%;appearance:none;border:0;margin:0;display:flex;align-items:center;text-align:left;color:inherit;background:#fff}.theme-dim .chat-row,.theme-dim .contact-row,.theme-dim .plain-row,.theme-dim .desktop-row,.theme-dim .profile-card,.theme-dim .bottom-sheet{background:#1d1d1f}.desktop-row{position:relative;min-height:58px;justify-content:flex-start;gap:16px;padding:0 13px 0 21px;color:#8a8a8a;font-size:15px}.desktop-row span{flex:1}.desktop-row:after{content:"";position:absolute;left:0;right:0;bottom:0;height:.5px;background:#00000014}.desktop-row:active{background:#e7e7e7}.chat-row{position:relative;min-height:74px;padding:8px 16px 8px 12px;gap:12px}.chat-row:after,.contact-row:after,.plain-row:after{content:"";position:absolute;left:68px;right:0;bottom:0;height:.5px;background:#00000014}.theme-dim .chat-row:after,.theme-dim .contact-row:after,.theme-dim .plain-row:after{background:#ffffff14}.chat-row:active,.contact-row:active,.plain-row:active,.profile-card:active,.search-row:active{background:#e7e7e7}.theme-dim .chat-row:active,.theme-dim .contact-row:active,.theme-dim .plain-row:active{background:#29292d}.row-main{min-width:0;flex:1;display:grid;gap:6px}.row-title-line{display:flex;align-items:baseline;gap:8px}.row-title-line strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:400}.row-title-line time{color:#9a9a9a;font-size:12px;line-height:1}.row-subtitle{display:flex;align-items:center;gap:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#888;font-size:13px;line-height:1.2}.unread-badge{position:absolute;top:10px;left:49px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#fa5151;font-size:11px;line-height:18px}.avatar{position:relative;flex:0 0 auto;width:48px;height:48px;border-radius:6px;display:inline-grid;place-items:center;color:#fff;font-size:19px;font-weight:600;overflow:visible}.avatar.small{width:36px;height:36px;border-radius:5px;font-size:15px}.avatar.large{width:64px;height:64px;border-radius:8px;font-size:24px}.avatar.green{background:linear-gradient(145deg,#1fcf76,#08a85a)}.avatar.blue{background:linear-gradient(145deg,#5fa3ff,#2770de)}.avatar.peach{background:linear-gradient(145deg,#ffb184,#f16c5a)}.avatar.purple{background:linear-gradient(145deg,#a58bff,#6d55d9)}.avatar.teal{background:linear-gradient(145deg,#3fd0c9,#13959a)}.avatar.orange{background:linear-gradient(145deg,#ffbd58,#ee7f2d)}.avatar.slate{background:linear-gradient(145deg,#8793a7,#4c5668)}.online-dot{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;border:2px solid #fff;background:#07c160}.tab-bar{position:absolute;z-index:12;left:0;right:0;bottom:0;height:76px;display:grid;grid-template-columns:repeat(4,1fr);padding:5px 0 17px;background:#f7f7f7;border-top:.5px solid rgba(0,0,0,.1)}.theme-dim .tab-bar{background:#1d1d1f;border-color:#ffffff14}.tab-item{appearance:none;border:0;padding:0;display:grid;justify-items:center;align-content:center;gap:2px;color:#6d6d6d;background:transparent;font-size:11px;line-height:1}.tab-item.active{color:#07c160}.action-popover{position:absolute;z-index:30;top:83px;right:7px;width:172px;border-radius:6px;padding:6px 0;background:#424242f5;color:#fff;box-shadow:0 8px 26px #00000038}.action-popover:before{content:"";position:absolute;right:17px;top:-6px;width:12px;height:12px;transform:rotate(45deg);background:#424242f5}.action-popover button{width:100%;height:43px;border:0;display:flex;align-items:center;gap:13px;padding:0 16px;color:inherit;background:transparent;font-size:15px}.action-popover button:active{background:#ffffff1f}.plain-row{position:relative;min-height:56px;padding:0 14px 0 16px;gap:13px}.plain-row strong{flex:1;min-width:0;font-size:16px;font-weight:400}.plain-row.group-top{margin-top:8px}.mini-icon{width:30px;height:30px;border-radius:6px;display:inline-grid;place-items:center;color:#fff}.mini-icon.orange,.mini-icon.me-2{background:#fa9d3b}.mini-icon.green,.mini-icon.me-0,.mini-icon.discover-0{background:#07c160}.mini-icon.blue,.mini-icon.me-1,.mini-icon.discover-1{background:#4b9dff}.mini-icon.teal,.mini-icon.discover-3{background:#21b6a8}.mini-icon.slate,.mini-icon.me-3,.mini-icon.discover-4{background:#697386}.mini-icon.discover-2{background:#ef6c63}.contacts-view .plain-row:after,.sectioned-view .plain-row:after{left:59px}.letter{height:24px;padding:6px 16px 0;color:#8a8a8a;font-size:12px;line-height:18px}.contact-row{position:relative;min-height:58px;padding:5px 16px;gap:12px}.contact-row strong{font-size:16px;font-weight:400}.moment-dot{width:9px;height:9px;margin-right:8px;border-radius:50%;background:#fa5151}.profile-card{width:100%;min-height:112px;border:0;margin:18px 0 8px;display:flex;align-items:center;gap:13px;padding:17px 16px;color:inherit;background:#fff;text-align:left}.profile-main{flex:1;min-width:0;display:grid;gap:4px}.profile-main strong{font-size:22px;font-weight:600}.profile-main span{color:#8b8b8b;font-size:13px}.status-chip{display:inline-block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch{position:relative;width:48px;height:28px;border-radius:14px;background:#d5d5d5;transition:background .16s ease}.switch i{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000038;transition:transform .16s ease}.switch.on{background:#07c160}.switch.on i{transform:translate(20px)}.sub-page{position:absolute;inset:0;z-index:15;overflow:hidden;background:#ededed}.theme-dim .sub-page{background:#111}.chat-page{display:flex;flex-direction:column}.message-list{flex:1;overflow-y:auto;padding:102px 12px 12px;background:#ededed}.theme-dim .message-list{background:#111}.message-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:14px}.message-row.me{justify-content:flex-end}.message-row.system{justify-content:center}.message-time{position:absolute;left:50%;transform:translate(-50%);margin-top:-19px;color:#9b9b9b;font-size:11px}.bubble{max-width:238px;min-height:36px;padding:9px 11px;border-radius:5px;background:#fff;color:#111;font-size:16px;line-height:1.45;text-align:left;word-break:break-word;box-shadow:0 0 0 .5px #0000000a}.message-row.me .bubble{background:#95ec69}.system-message{padding:4px 8px;border-radius:4px;color:#fff;background:#d0d0d0;font-size:12px}.chat-input{min-height:56px;display:flex;align-items:center;gap:7px;padding:7px 8px;background:#f7f7f7;border-top:.5px solid rgba(0,0,0,.1)}.theme-dim .chat-input{background:#1d1d1f;border-color:#ffffff14}.chat-input input,.voice-hold{min-width:0;flex:1;height:38px;border:0;border-radius:5px;padding:0 10px;background:#fff;color:#111;font-size:16px;outline:none}.voice-hold{font-weight:500}.send-button{border:0;height:34px;min-width:50px;border-radius:5px;padding:0 12px;color:#fff;background:#07c160;font-size:15px}.emoji-panel,.tools-panel{flex:0 0 auto;background:#f7f7f7;border-top:.5px solid rgba(0,0,0,.08)}.emoji-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:15px 18px 26px}.emoji-panel button{height:38px;border:0;border-radius:6px;background:#fff;font-size:17px}.tools-panel{display:grid;grid-template-columns:repeat(4,1fr);row-gap:15px;padding:18px 18px 25px}.tools-panel button{border:0;display:grid;justify-items:center;gap:7px;color:#6f6f6f;background:transparent}.tools-panel span{width:52px;height:52px;border-radius:10px;display:grid;place-items:center;color:#4c4c4c;background:#fff}.tools-panel em{font-style:normal;font-size:12px}.sheet-backdrop{position:absolute;inset:0;z-index:50;display:flex;align-items:end;background:#00000040}.bottom-sheet{width:100%;padding:9px 0 22px;border-radius:14px 14px 0 0;background:#fff}.sheet-title{height:40px;text-align:center;font-size:15px;line-height:40px;font-weight:600}.sheet-cancel,.logout-row,.scan-action{width:calc(100% - 28px);height:47px;margin:12px 14px 0;border:0;border-radius:7px;color:#07c160;background:#f6f6f6;font-size:16px}.contact-detail{height:100%;overflow-y:auto;padding-top:91px}.contact-hero{min-height:124px;display:flex;gap:16px;align-items:center;padding:24px 20px 18px;background:#fff}.theme-dim .contact-hero{background:#1d1d1f}.contact-hero h2{margin:0 0 8px;font-size:22px;line-height:1.1}.contact-hero p{margin:3px 0;color:gray;font-size:13px}.photo-strip{display:flex;gap:5px;margin-right:5px}.photo-strip i,.moment-image-grid i{display:block;width:42px;height:42px;border-radius:4px;background:linear-gradient(135deg,#ffffff59,#fff0),#b7c7d7}.contact-actions{display:grid;gap:1px;margin-top:8px;background:#fff}.theme-dim .contact-actions{background:#1d1d1f}.contact-actions button{height:52px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#576b95;background:#fff;font-size:16px}.moments-page{overflow-y:auto}.moments-page .sub-nav{background:#edededeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.moments-cover{height:264px;display:flex;align-items:end;justify-content:end;gap:12px;padding:0 18px 18px;color:#fff;background:linear-gradient(180deg,#0000001f,#0000007a),linear-gradient(135deg,#8fb7ce,#496c88 52%,#2f3f52)}.moments-cover span{margin-bottom:8px;font-size:16px;font-weight:600;text-shadow:0 1px 7px rgba(0,0,0,.34)}.moments-list{background:#fff}.moment-post{display:flex;gap:10px;padding:16px 13px;border-bottom:.5px solid rgba(0,0,0,.08)}.moment-main{min-width:0;flex:1}.moment-main strong{color:#576b95;font-size:15px}.moment-main p{margin:7px 0 9px;font-size:15px;line-height:1.45}.moment-image-grid{display:flex;gap:5px}.moment-image-grid i{width:72px;height:72px;background:radial-gradient(circle at 70% 25%,rgba(255,255,255,.55),transparent 26%),linear-gradient(135deg,#b6d5c1,#6a8f8d)}.moment-meta{margin-top:8px;display:flex;justify-content:space-between;align-items:center;color:#8a8a8a;font-size:12px}.moment-meta button{border:0;display:inline-flex;align-items:center;gap:3px;color:#576b95;background:transparent}.moment-comments{margin-top:7px;padding:5px 8px;border-radius:3px;background:#f2f2f2;color:#576b95;font-size:13px;line-height:1.55}.moment-comments div{display:flex;align-items:center;gap:4px}.scanner-page{display:grid;justify-items:center;align-content:center;gap:18px;color:#fff;background:#121212}.scanner-page .sub-nav{color:#fff;background:#121212;border-color:transparent}.scanner-box{position:relative;width:245px;height:245px;border:1px solid rgba(255,255,255,.18)}.scan-corner{position:absolute;width:34px;height:34px;border-color:#07c160}.scan-corner.tl{top:-1px;left:-1px;border-top:4px solid;border-left:4px solid}.scan-corner.tr{top:-1px;right:-1px;border-top:4px solid;border-right:4px solid}.scan-corner.bl{bottom:-1px;left:-1px;border-bottom:4px solid;border-left:4px solid}.scan-corner.br{bottom:-1px;right:-1px;border-bottom:4px solid;border-right:4px solid}.scan-line{position:absolute;left:14px;right:14px;top:50%;height:2px;background:#07c160;box-shadow:0 0 18px #07c160cc;animation:scan 2s linear infinite}@keyframes scan{0%{transform:translateY(-98px)}to{transform:translateY(98px)}}.scanner-page p{margin:0;color:#ffffffad;font-size:14px}.scan-action{max-width:220px;background:#ffffff1f}.settings-view{padding-top:99px}.logout-row{color:#e64340;background:#fff}.search-overlay{position:absolute;z-index:60;inset:0;background:#ededed;color:#111}.search-head{height:91px;display:flex;align-items:end;gap:10px;padding:0 14px 10px}.search-head>button{border:0;padding:0;color:#576b95;background:transparent;font-size:16px}.search-box{flex:1;height:36px;border-radius:6px;display:flex;align-items:center;gap:6px;padding:0 10px;color:#8a8a8a;background:#fff}.search-box input{min-width:0;flex:1;border:0;outline:0;color:#111;font-size:16px}.search-results{height:calc(100% - 91px);overflow-y:auto}.search-hints{display:flex;flex-wrap:wrap;gap:12px;padding:30px 36px}.search-hints button{border:0;color:#576b95;background:transparent;font-size:15px}.search-section h2{margin:16px 16px 6px;color:#8a8a8a;font-size:12px;font-weight:400}.search-row{width:100%;min-height:58px;border:0;display:flex;gap:10px;align-items:center;padding:8px 16px;background:#fff;color:#111;text-align:left}.search-row span{min-width:0;display:grid;gap:4px}.search-row strong{font-size:15px;font-weight:400}.search-row em{overflow:hidden;color:#8a8a8a;font-size:12px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.toast{position:absolute;z-index:80;left:50%;bottom:108px;max-width:260px;transform:translate(-50%);border-radius:9px;padding:10px 14px;color:#fff;background:#000000bd;font-size:14px;text-align:center}@media(max-width:480px){.demo-root{padding:0;background:#111}.phone-shell{width:100vw;height:100vh;aspect-ratio:auto;padding:0;border-radius:0;box-shadow:none}.phone-screen{border-radius:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}