/* Current Windows UI, mirrored at demo scale. Keep the local conversation interactive. */
.current-roster{height:436px}.current-roster .preview-profile{height:101px;padding:13px 12px;gap:12px}.current-roster .picture-frame{width:58px;height:58px;flex:none}.current-roster .picture-frame>img{width:49px;height:49px}.current-roster .preview-profile strong{font-size:16px}.current-encrypted{display:block;color:#2d805d;font-size:8px;margin-top:5px}.current-account{padding:7px 10px;border-bottom:1px solid #dce8f8;color:#4674a9;font-size:8px}.current-account>span{float:right}.current-people-actions{display:flex;gap:4px;padding:6px 9px;border-bottom:1px solid #e4edfa;color:#3974b9;font-size:8px;align-items:center}.current-people-actions>span:not(:last-child){border:1px solid #adcbf2;border-radius:2px;text-align:center;padding:5px 6px;flex:1;background:linear-gradient(white,#edf5ff)}.current-roster .preview-search{margin:8px 9px 3px;padding:6px 7px;font-size:8px}.current-list-tools{display:flex;justify-content:space-between;font-size:8px;color:#4d77a3;padding:3px 12px}.current-roster .buddy-heading{padding:4px 10px;font-size:9px;line-height:14px;margin:0}.current-buddy{display:flex;align-items:center;gap:4px;height:24px;padding:1px 12px 1px 18px;white-space:nowrap;font-size:10px;line-height:18px;color:#254769}.current-buddy>img{width:19px;height:19px;flex:none}.current-buddy>b{font-weight:500}.current-buddy>small{color:#7d92aa;font-size:8px;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.current-star{color:#c49632;font-size:9px}.current-buddy em{font-style:normal;font-size:8px;background:#f5ae38;color:white;border-radius:9px;padding:0 4px;line-height:13px}.current-banner{display:flex;align-items:center;gap:7px;margin:9px 10px 23px;padding:6px 8px;background:linear-gradient(120deg,#f3f8ff,#dfecfd);border:1px solid #c5d9f3;border-radius:3px;color:#426e9f;font-size:9px}.current-banner>img{width:25px;height:25px}.current-banner small{display:block;letter-spacing:1px;font-size:5px;color:#7595ba;margin-top:4px}.current-roster .preview-roster-footer{position:absolute;bottom:0;left:0;right:0}
.conversation-preview{height:377px}.conversation-preview .old-menu{height:19px;padding:4px 10px;font-size:7px}.conversation-preview .conversation-person{height:64px;padding:9px 12px;gap:9px}.conversation-preview .conversation-person .buddy-avatar{width:35px;height:35px;flex:none}.conversation-preview .conversation-person .buddy-avatar>img{width:100%;height:100%}.conversation-preview .conversation-person strong{font-size:14px}.conversation-preview .call-icons{font-size:7px;color:#7391b5;align-self:flex-start;margin-top:8px}.current-chat-tools{display:flex;align-items:center;gap:12px;padding:7px 9px;background:linear-gradient(#f3f9ff,#dfedfb);border-bottom:1px solid #bfd5f0;font-size:7px;color:#4b79ac}.current-chat-tools>span,.current-compose-tools>span{display:flex;align-items:center;gap:4px}.current-chat-tools img{width:14px;height:14px}.current-chat-security{display:flex;justify-content:space-between;padding:5px 9px;background:#ecf8f2;border-bottom:1px solid #cde5d9;color:#328268;font-size:6px}.current-chat-security>span+span{color:#4273a7}.conversation-preview .demo-messages{height:120px;padding:9px 12px;overflow:auto}.conversation-preview .demo-date{display:none}.conversation-preview .demo-message{margin:0 0 7px}.conversation-preview .demo-message small{font-size:7px;line-height:1.2}.conversation-preview .demo-message p{font-size:9px;line-height:1.4;margin:3px 0 0 8px}.conversation-preview .demo-format{height:20px;display:flex;gap:12px;align-items:center;padding:2px 10px;font-size:8px;border-top:1px solid #bad1ee}.conversation-preview .demo-format span{border:1px solid #d2e2f6;background:white;padding:1px 5px;font-size:7px}.conversation-preview .demo-compose{height:47px;padding:4px 7px;gap:5px}.conversation-preview .demo-compose input{font-size:8px;align-self:stretch}.conversation-preview .demo-compose button{font-size:8px;padding:5px 13px}.current-compose-tools{height:23px;display:flex;gap:11px;align-items:center;padding:3px 10px;border-top:1px solid #e4eefb;background:linear-gradient(white,#e7f2ff);font-size:7px;color:#537fb0}.current-compose-tools img{width:13px;height:13px}.conversation-preview .demo-status{font-size:6px;height:17px;line-height:17px;padding:0 10px;border-top:1px solid #ccdef4}.hero .preview-caption{max-width:330px}.hero .note-top{z-index:4}
@media(prefers-reduced-motion:reduce){.messenger-window{transform:none}.shake{animation:none}}

.current-roster{height:478px}.current-roster .window-title{height:25px;padding:5px 9px}.current-roster .old-menu{height:19px;padding:4px 9px}.current-roster .preview-profile{height:89px}.current-account{height:22px;padding:4px 10px}.current-people-actions{height:30px;padding:4px 9px}.current-roster .preview-search{height:25px;box-sizing:border-box}.current-roster .buddy-heading{height:20px;padding:3px 10px;box-sizing:border-box}.current-encrypted img,.current-chat-security img{width:9px;height:9px;vertical-align:middle}.current-banner{margin-top:7px}.current-buddy:has(>img[src$="offline.svg"]) b{color:#7b8da3}
@media(min-width:761px) and (max-width:1050px){.hero{grid-template-columns:1fr;gap:0;padding-bottom:28px}.hero-copy{max-width:680px}.hero h1{font-size:80px}.hero-stage{width:550px;justify-self:center;margin-top:20px;height:540px}.hero .hero-intro{font-size:23px}}

.conversation-preview{height:390px}.conversation-preview .demo-messages{width:calc(100% - 74px)}.conversation-preview #demo-form,.conversation-preview .current-compose-tools{margin-right:74px}.current-pictures{position:absolute;right:7px;top:160px;bottom:21px;width:58px;text-align:center;border-left:1px solid #dce8f7;padding-left:7px;color:#7899bd;font-size:6px}.current-pictures>div{position:relative;width:50px;height:50px;padding:3px;border:1px solid #9ec0ea;border-radius:4px;background:linear-gradient(white,#cae2fc);box-shadow:0 2px 4px #2a5b7c12}.current-pictures img{width:100%;height:100%;object-fit:cover;border-radius:2px}.current-pictures .dot{position:absolute;right:1px;bottom:1px;width:7px;height:7px;border:1.5px solid white}.current-pictures small{display:block;margin-top:4px;font-size:6px}.current-pictures hr{border:0;border-top:1px solid #d4e3f5;margin:12px 0}.current-pictures+ .demo-status{position:absolute;bottom:0;left:0;right:0}

.current-roster-feature{position:relative;margin:0;display:flex;gap:26px;align-items:center;justify-content:center;padding:20px 30px 28px;height:340px;background:radial-gradient(at 20% 20%,#fff,#dcecff);overflow:hidden}.current-roster-feature>a{height:295px;flex:none;filter:drop-shadow(0 7px 9px #315b8a33)}.current-roster-feature img{display:block;width:auto;height:295px;border:1px solid #a6c5e9;border-radius:3px}.current-roster-feature figcaption{position:absolute;bottom:7px;font-size:7px;color:#6d8fb7}.current-roster-feature>div>span{font-size:7px;letter-spacing:1.5px;color:#628ab8}.current-roster-feature strong{font:24px/1.3 Trebuchet MS,sans-serif;color:#21476f;display:block;margin:12px 0}.current-roster-feature>div>p{font-size:10px;color:#5e82ab;line-height:1.9}@media(max-width:760px){.current-roster-feature{padding:17px 20px 27px;height:330px;gap:22px}.current-roster-feature strong{font-size:22px}}

@media(min-width:761px) and (max-width:1050px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:15px;padding:40px 30px}.hero-copy{max-width:none}.hero h1{font-size:64px;letter-spacing:-3px}.hero .hero-intro{font-size:20px}.hero-stage{width:550px;height:540px;justify-self:start;margin:0 -150px 0 -5px;transform:scale(.72);transform-origin:left center}}

.current-contact-toolbar{display:flex;gap:5px;align-items:center;padding:5px 8px;height:31px;border-bottom:1px solid #d8e5f5;color:#5a86b7;font-size:12px;background:linear-gradient(#f8fcff,#edf5ff)}.preview-add{position:relative;width:21px;flex:none}.preview-add img{width:20px;height:20px;display:block}.preview-add>b{position:absolute;right:-1px;top:-2px;border-radius:50%;background:#49a569;color:white;font:8px Segoe UI;border:1px solid white;width:9px;height:9px;text-align:center}.preview-contact-search{display:flex;justify-content:space-between;align-items:center;flex:1;min-width:0;background:white;border:1px solid #bdd2ec;border-radius:2px;padding:5px;font-size:7px;color:#839bb8}.preview-contact-search i{font-size:10px;font-style:normal}.current-roster{height:478px}.current-banner{margin-top:59px}